@12-apps/ui 6.20.0 → 6.22.0

package/dist/types/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/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/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/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/components/form/Select/Select.types.d.ts

@@ -1,53 +1,16 @@
-import type { SizeValue } from '../../../tokens/scales';
 import type { SelectProps as MuiSelectProps } from '@mui/material/Select/index.js';
-export type SelectVariant = 'default' | 'glass' | 'gradient';
-export interface SelectOption {
-    value: string | number;
-    label: string;
-    disabled?: boolean;
-}
-export interface SelectProps extends Omit<MuiSelectProps, 'variant' | 'size'> {
-    /**
-     * 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;
-    /**
-     * Whether to show a glow effect
-     * @default false
-     */
-    glow?: boolean;
-    /**
-     * Whether to show a pulse animation
-     * @default false
-     */
-    pulse?: boolean;
+import type { SelectBaseProps } from './Select.base';
+export type { SelectBaseProps, SelectOption, SelectValue, SelectVariant } from './Select.base';
+/**
+ * The web `Select`: the shared contract, plus everything MUI's `Select`
+ * accepts that the contract does not already name — `value`, `onChange`,
+ * `MenuProps`, `renderValue`.
+ *
+ * `variant` and `size` are omitted from MUI's half alongside the rest of the
+ * contract: MUI declares both in its own words (`small | medium`), and this
+ * component speaks the house scale.
+ */
+export interface SelectProps extends SelectBaseProps, Omit<MuiSelectProps, 'variant' | 'size' | keyof SelectBaseProps> {
     /**
      * Test ID for testing purposes
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEnF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAE7D,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAID,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3E;;;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;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEnF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE/F;;;;;;;;GAQG;AACH,MAAM,WAAW,WACf,SAAQ,eAAe,EACrB,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,eAAe,CAAC;IAClE;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

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

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

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

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

package/dist/types/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/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/components/form/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmBlD,eAAO,MAAM,MAAM,oGAkEjB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAW1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmBlD,eAAO,MAAM,MAAM,oGAmEjB,CAAC"}

package/dist/types/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/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/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/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/components/form/Switch/Switch.parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.parts.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAyClD;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAIA,CAAC;AAIF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,oEAAoE;IACpE,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsBhD,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,6EAA6E;AAC7E,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwDtD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CASS,CAAC;AAEX,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAoBA,CAAC"}
+{"version":3,"file":"Switch.parts.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.parts.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA0ClD;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAIA,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,oEAAoE;IACpE,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsBhD,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC/B;AAED,6EAA6E;AAC7E,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwDtD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CASS,CAAC;AAEX,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAoBA,CAAC"}

package/dist/types/components/form/Switch/Switch.styles.d.ts

@@ -1,8 +1,10 @@
 import type { CSSObject, Theme } from '@mui/material/styles/index.js';
+import type { SwitchVariant } from './Switch.base';
+import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
 export interface SwitchFlags {
-    customVariant?: string;
-    customColor?: string;
-    customSize?: string;
+    customVariant?: SwitchVariant;
+    customColor?: ColorValue;
+    customSize?: SizeValue;
     glow?: boolean;
     glass?: boolean;
     gradient?: boolean;

package/dist/types/components/form/Switch/Switch.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAgFtE,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAsPD,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,EAAE,OAAO,WAAW,KAAG,SAc3D,CAAC"}
+{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Switch/Switch.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAwCtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAiDxE,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAoMD,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,EAAE,OAAO,WAAW,KAAG,SAc3D,CAAC"}