@12-apps/ui 6.20.0 → 6.21.0

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"}

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

@@ -0,0 +1,111 @@
+import type { ReactNode } from 'react';
+import type { ColorValue, 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 SwitchVariant = 'default' | 'ios' | 'android' | 'label' | 'material';
+export type SwitchLabelPosition = 'start' | 'end' | 'top' | 'bottom';
+/**
+ * The contract both renderers honour.
+ *
+ * `checked`, `defaultChecked` and `onChange` are NOT here: MUI types the
+ * change as a DOM `ChangeEvent` and the native side synthesises the
+ * `{ target: { checked } }` shape those handlers already read.
+ */
+export interface SwitchBaseProps {
+    /**
+     * The variant of the switch
+     */
+    variant?: SwitchVariant;
+    /**
+     * The color theme of the switch
+     */
+    color?: ColorValue;
+    /**
+     * The size of the switch
+     */
+    size?: SizeValue;
+    /**
+     * Label text for the switch
+     */
+    label?: string;
+    /**
+     * Description text below the label
+     */
+    description?: string;
+    /**
+     * Whether the switch should have a glow effect
+     */
+    glow?: boolean;
+    /**
+     * Whether the switch should have glass morphism effect
+     */
+    glass?: boolean;
+    /**
+     * Whether the switch should have gradient effects
+     */
+    gradient?: boolean;
+    /**
+     * Position of the label relative to the switch
+     */
+    labelPosition?: SwitchLabelPosition;
+    /**
+     * Icon to show when switch is on
+     */
+    onIcon?: ReactNode;
+    /**
+     * Icon to show when switch is off
+     */
+    offIcon?: ReactNode;
+    /**
+     * Text to show when switch is on
+     */
+    onText?: string;
+    /**
+     * Text to show when switch is off
+     */
+    offText?: string;
+    /**
+     * Whether the switch has an error state
+     */
+    error?: boolean;
+    /**
+     * Help text to display
+     */
+    helperText?: string;
+    /**
+     * Custom width for the switch track
+     */
+    trackWidth?: number;
+    /**
+     * Custom height for the switch track
+     */
+    trackHeight?: number;
+    /**
+     * Whether to enable animations
+     */
+    animated?: boolean;
+    /**
+     * Whether the switch is in loading state
+     */
+    loading?: boolean;
+    /**
+     * Whether to show ripple effect
+     */
+    ripple?: boolean;
+    /**
+     * Whether the switch should have pulse animation
+     */
+    pulse?: boolean;
+    disabled?: boolean;
+    testID?: string;
+    /**
+     * Custom test ID for testing
+     */
+    dataTestId?: string;
+}
+//# sourceMappingURL=Switch.base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AACjF,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAErE;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

@@ -0,0 +1,17 @@
+import type { SwitchBaseProps } from './Switch.base';
+type SwitchDefaultedKeys = 'variant' | 'color' | 'size' | 'glow' | 'glass' | 'gradient' | 'labelPosition' | 'error' | 'animated' | 'loading' | 'ripple' | 'pulse' | 'disabled';
+export type ResolvedSwitchProps<P extends SwitchBaseProps = SwitchBaseProps> = P & Required<Pick<SwitchBaseProps, SwitchDefaultedKeys>>;
+export declare const resolveSwitchProps: <P extends SwitchBaseProps>(props: P) => ResolvedSwitchProps<P>;
+/**
+ * Every prop the switch consumes itself.
+ *
+ * Listed so what is left over — `aria-label`, `aria-describedby`, an `id` — can
+ * be spread onto the control without the component's own props riding along.
+ * react-native-web would drop them and React Native ignore them, but a prop
+ * that reaches an element it means nothing to is a prop nobody can explain.
+ */
+export declare const SWITCH_BASE_KEYS: readonly ["variant", "color", "size", "label", "description", "glow", "glass", "gradient", "labelPosition", "onIcon", "offIcon", "onText", "offText", "error", "helperText", "trackWidth", "trackHeight", "animated", "loading", "ripple", "pulse", "disabled", "testID", "dataTestId", "data-testid"];
+/** `props` without any of them, for spreading onto the control. */
+export declare function withoutSwitchProps(props: object): Record<string, unknown>;
+export {};
+//# sourceMappingURL=Switch.helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGrD,KAAK,mBAAmB,GACpB,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,OAAO,GACP,UAAU,GACV,eAAe,GACf,OAAO,GACP,UAAU,GACV,SAAS,GACT,QAAQ,GACR,OAAO,GACP,UAAU,CAAC;AAEf,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI,CAAC,GAC9E,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC;AAmBvD,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,eAAe,EAAE,OAAO,CAAC,KAAG,mBAAmB,CAAC,CAAC,CAChB,CAAC;AAE/E;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,wSAK4C,CAAC;AAE1E,mEAAmE;AACnE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAGzE"}

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

@@ -0,0 +1,43 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { SwitchBaseProps } from './Switch.base';
+import { type SwitchGeometry, type SwitchLook } from './Switch.metrics';
+import type { UiTheme } from '../../../tokens/theme';
+import type { ColorValue } from '../../../tokens/vocabulary';
+/**
+ * WHAT A NATIVE `Switch` PAINTS.
+ *
+ * The web hands MUI's `Switch` a style object and MUI draws the track and the
+ * thumb; React Native has no such control at this size, so the native half
+ * draws both itself — from this file, off the same table.
+ */
+export interface SwitchPalette {
+    main: string;
+    dark: string;
+    light: string;
+    contrastText: string;
+}
+export interface SwitchState {
+    checked: boolean;
+    disabled: boolean;
+}
+/** The web's `getColorFromTheme`: `danger` is the error palette, `neutral` three greys. */
+export declare function switchPalette(theme: UiTheme, color: ColorValue): SwitchPalette;
+/** Which of the switch's own flags change how it paints. */
+export type SwitchFlagKeys = 'glow' | 'glass' | 'gradient' | 'loading' | 'pulse';
+export type SwitchPaint = Pick<SwitchBaseProps, SwitchFlagKeys>;
+/**
+ * The bar behind the thumb.
+ *
+ * `gradient` paints the gradient's FIRST stop flat — React Native core has no
+ * gradient fill — and `glass` its paper wash without the blur.
+ */
+export declare function trackStyle(theme: UiTheme, paint: SwitchPaint, palette: SwitchPalette, geometry: SwitchGeometry, look: SwitchLook, state: SwitchState): ViewStyle;
+/** The knob: white, round for iOS and the default, squarer for Android and Material. */
+export declare function thumbStyle(theme: UiTheme, paint: SwitchPaint, geometry: SwitchGeometry, look: SwitchLook, state: SwitchState): ViewStyle;
+/** MUI's `body2` at 500, in the error hue when the row is in error. */
+export declare function labelTextStyle(theme: UiTheme, error: boolean): TextStyle;
+/** MUI's `caption`, 4px under the label. */
+export declare function descriptionTextStyle(theme: UiTheme, error: boolean): TextStyle;
+/** `FormHelperText`, 8px under the whole control. */
+export declare function helperTextStyle(theme: UiTheme, error: boolean): TextStyle;
+//# sourceMappingURL=Switch.look.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAkBL,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;;;;GAMG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,2FAA2F;AAC3F,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,aAAa,CAgB9E;AAED,4DAA4D;AAC5D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;AACjF,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC;AAEhE;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,WAAW,GACjB,SAAS,CA4BX;AAgBD,wFAAwF;AACxF,wBAAgB,UAAU,CACxB,KAAK,EAAE,OAAO,EACd,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,WAAW,GACjB,SAAS,CAmBX;AAED,uEAAuE;AACvE,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,CAQxE;AAED,4CAA4C;AAC5C,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,CAQ9E;AAED,qDAAqD;AACrD,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,CAQzE"}

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

@@ -0,0 +1,194 @@
+import type { SwitchVariant } from './Switch.base';
+import type { SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE NUMBERS BOTH `Switch` RENDERERS DRAW WITH.
+ *
+ * `Switch.styles.ts` (web, emotion over MUI's `Switch`) and
+ * `Switch.native.tsx` (React Native, drawing the track and thumb itself) read
+ * this one table: the geometry per size, the four looks' radii and shadows,
+ * the resting track colours, and the type the label, the description and the
+ * helper are set in.
+ *
+ * Spacing is in SPACING UNITS where the web writes `theme.spacing(n)`;
+ * everything else is px, a ratio or an alpha.
+ */
+/** MUI's `palette.common.black`, which `UiTheme` does not carry. */
+export declare const SWITCH_BLACK = "#000";
+export interface SwitchGeometry {
+    width: number;
+    height: number;
+    padding: number;
+    thumbSize: number;
+}
+export declare const SWITCH_SIZES: Record<SizeValue, SwitchGeometry>;
+/** The four platform looks. `label` prints its wording on a `default` track. */
+export type SwitchLook = 'ios' | 'android' | 'material' | 'default';
+export declare const lookOf: (variant?: string) => SwitchLook;
+/** Track geometry once the caller's overrides and the size preset are combined. */
+export declare const geometryOf: (size: SizeValue | undefined, width?: number, height?: number) => SwitchGeometry;
+/**
+ * The thumb's corner. `'50%'` is what the web emits; a renderer with no
+ * percentage radius asks {@link thumbRadius} for the px instead.
+ */
+export declare const THUMB_RADIUS: Record<SwitchLook, (thumbSize: number) => number | string>;
+export declare const TRACK_RADIUS: Record<SwitchLook, (height: number) => number>;
+/** The web's `'50%'` as the px a circle of this size needs. */
+export declare const thumbRadius: (look: SwitchLook, thumbSize: number) => number;
+/**
+ * The elevation the thumb rests at per look — an INDEX into `theme.shadows`,
+ * not the shadow itself, so a host that re-themes MUI's elevations keeps
+ * moving the web. {@link MUI_SHADOWS} carries MUI's own values for the native
+ * side, which has no `theme.shadows` to read.
+ */
+export declare const THUMB_ELEVATION: Record<SwitchLook, number>;
+export declare const MUI_SHADOWS: Record<number, string>;
+/** The iOS thumb's own three-layer shadow, which the web writes out literally. */
+export declare const IOS_THUMB_SHADOW: string;
+/** The iOS track's inset hairline. */
+export declare const iosTrackShadow: () => string;
+/** The resting track: a black wash on iOS, the disabled ink elsewhere. */
+export declare const TRACK_ALPHA: {
+    readonly ios: 0.1;
+    readonly android: 0.2;
+    readonly other: 0.3;
+};
+/**
+ * `black` is MUI's `palette.common.black` on the web and {@link SWITCH_BLACK}
+ * on native, whose theme has no `common` — the same `#000` either way, passed
+ * in rather than assumed so a host that themes it still moves the web.
+ */
+export declare const trackColor: (ink: {
+    black: string;
+    disabled: string;
+}, look: SwitchLook) => string;
+/** How far the thumb travels, and where it starts. iOS insets differently. */
+export declare const thumbTravel: (look: SwitchLook, geometry: SwitchGeometry) => {
+    rest: number;
+    travel: number;
+};
+export declare const IOS_BASE_OFFSET = 2;
+export declare const IOS_TRAVEL_INSET = 4;
+/** MUI's 300ms `cubic-bezier(0.4, 0, 0.2, 1)`, on everything the switch moves. */
+export declare const SWITCH_TRANSITION: {
+    readonly ms: 300;
+    readonly easing: "cubic-bezier(0.4, 0, 0.2, 1)";
+};
+/** The disabled treatment: the thumb greys and the track fades. */
+export declare const DISABLED: {
+    readonly trackOpacity: 0.3;
+    readonly checkedTrackOpacity: 0.5;
+    readonly thumbGrey: 100;
+};
+/** `glass`: a paper wash under a blur, inside a faint divider hairline. */
+export declare const SWITCH_GLASS: {
+    readonly trackAlpha: 0.1;
+    readonly thumbAlpha: 0.9;
+    readonly borderAlpha: 0.2;
+    readonly trackBlur: 20;
+    readonly thumbBlur: 10;
+};
+/** `gradient`: the checked track runs light → main → dark; the resting one is fainter. */
+export declare const SWITCH_GRADIENT: {
+    readonly checked: {
+        readonly angleDeg: 90;
+        readonly stops: readonly [0, 50, 100];
+    };
+    readonly resting: {
+        readonly angleDeg: 135;
+        readonly lightAlpha: 0.3;
+        readonly mainAlpha: 0.2;
+    };
+    readonly shimmerMs: 3000;
+};
+/** `glow`: a halo of the hue around the checked track, breathing every two seconds. */
+export declare const SWITCH_GLOW: {
+    readonly blur: 10;
+    readonly alpha: 0.6;
+    readonly insetBlur: 10;
+    readonly insetAlpha: 0.2;
+    readonly ms: 2000;
+};
+/** `pulse`: the thumb breathes; `ripple`: a wash of the hue expands under the pointer. */
+export declare const SWITCH_PULSE: {
+    readonly ms: 2000;
+    readonly minOpacity: 0.7;
+    readonly minScale: 0.95;
+};
+export declare const SWITCH_RIPPLE: {
+    readonly alpha: 0.2;
+    readonly ms: 600;
+    readonly scale: 2;
+};
+/** `loading`: a 2px ring inside the thumb, turning once a second. */
+export declare const SWITCH_SPINNER: {
+    readonly sizeRatio: 0.6;
+    readonly borderWidth: 2;
+    readonly ms: 1000;
+};
+/** The two icons overlaid on the track, at their own size per step of the scale. */
+export declare const SWITCH_ICON_SIZES: Record<SizeValue, number>;
+/** Where a shown icon sits, and how small a hidden one is drawn. */
+export declare const SWITCH_ICON: {
+    readonly inset: 4;
+    readonly hiddenScale: 0.8;
+};
+/** The wording the `label` variant prints inside the track: 0.75rem at 500, 8px in. */
+export declare const TRACK_LABEL: {
+    readonly fontSize: 12;
+    readonly fontWeight: 500;
+    readonly insetUnits: 1;
+};
+/** MUI's `body2` for the label, `caption` for the description and the helper text. */
+export declare const SWITCH_LABEL: {
+    readonly fontSize: 14;
+    readonly lineHeight: 1.43;
+    readonly fontWeight: 500;
+};
+export declare const SWITCH_DESCRIPTION: {
+    readonly fontSize: 12;
+    readonly lineHeight: 1.66;
+    readonly marginTopUnits: 0.5;
+};
+export declare const SWITCH_HELPER: {
+    readonly fontSize: 12;
+    readonly lineHeight: 1.66;
+    readonly marginTopUnits: 1;
+};
+/** The label row: 16px from the control beside it, 8px above or below it. */
+export declare const LABEL_GAP_UNITS: {
+    readonly beside: 2;
+    readonly stacked: 1;
+};
+/**
+ * `neutral`'s three greys, and the literals the web falls back to for a theme
+ * whose grey ramp omits a step. Same three steps `Button` draws its neutral
+ * from.
+ */
+export declare const NEUTRAL_GREY: {
+    readonly main: 700;
+    readonly dark: 800;
+    readonly light: 500;
+};
+export declare const NEUTRAL_FALLBACK: {
+    readonly main: "#616161";
+    readonly dark: "#424242";
+    readonly light: "#9e9e9e";
+};
+export declare const NEUTRAL_CONTRAST = "#fff";
+/** Hover: the thumb lifts a shade and takes a halo of the hue. */
+export declare const SWITCH_HOVER: {
+    readonly thumbScale: 1.05;
+    readonly elevation: 4;
+    readonly blur: 12;
+    readonly alpha: 0.2;
+};
+/** Focus: MUI rings the thumb rather than moving it. */
+export declare const SWITCH_FOCUS_RING: {
+    readonly width: 6;
+    readonly alpha: 0.2;
+};
+/** A duration as the CSS the web has always emitted: `2000` → `2s`. */
+export declare const seconds: (ms: number) => string;
+/** Whether this variant prints its wording inside the track. */
+export declare const showsTrackLabels: (variant: SwitchVariant | undefined, onText?: string, offText?: string) => boolean;
+//# sourceMappingURL=Switch.metrics.d.ts.map

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

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

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { View, type GestureResponderEvent, type ViewStyle } from 'react-native';
+/**
+ * The native `Switch`.
+ *
+ * React Native's own `Switch` is the platform control at the platform's size,
+ * with no track geometry, no thumb radius and no room for an icon — so this
+ * draws the track and the thumb itself, off the same table the web styles MUI
+ * with, and takes `role="checkbox"` with `aria-checked` for the state a hidden
+ * `<input type="checkbox">` carries on the web. See `NATIVE-NOTES.md`.
+ */
+export declare const Switch: React.ForwardRefExoticComponent<import("./Switch.base").SwitchBaseProps & Omit<import("react-native").ViewProps, "style" | keyof import("./Switch.base").SwitchBaseProps> & {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (event: import("./Switch.types.native").SwitchChangeEvent, checked: boolean) => void;
+    onClick?: (event: GestureResponderEvent) => void;
+    onPress?: (event: GestureResponderEvent) => void;
+    style?: import("react-native").StyleProp<ViewStyle>;
+} & React.RefAttributes<View>>;
+//# sourceMappingURL=Switch.native.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAQL,IAAI,EACJ,KAAK,qBAAqB,EAC1B,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AA+PtB;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM;;;;;;;8BA4DjB,CAAC"}