@12-apps/ui 6.20.0 → 6.21.0

package/dist/native/typography/Heading.js

@@ -1,7 +1,7 @@
 import {
   resolveTestId,
   withoutTestIdProps
-} from "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-QZAUOHDQ.js";
 import {
   useUiTheme
 } from "../chunks/chunk-YTHR4Y5P.js";

package/dist/native/typography/Paragraph.js

@@ -1,7 +1,7 @@
 import {
   resolveTestId,
   withoutTestIdProps
-} from "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-QZAUOHDQ.js";
 import {
   useUiTheme
 } from "../chunks/chunk-YTHR4Y5P.js";

package/dist/native/typography/Text.js

@@ -1,7 +1,7 @@
 import {
   resolveTestId,
   withoutTestIdProps
-} from "../chunks/chunk-M4DTJDWU.js";
+} from "../chunks/chunk-QZAUOHDQ.js";
 import {
   useUiTheme
 } from "../chunks/chunk-YTHR4Y5P.js";

package/dist/navigation/AppHeader.js

@@ -9,7 +9,7 @@ import {
 } from "../chunk-W2YNUUVJ.js";
 import {
   AppHeaderDetails
-} from "../chunk-LZRURORY.js";
+} from "../chunk-PF5HDFYY.js";
 import {
   AppHeaderBrand
 } from "../chunk-H37GIAAM.js";
@@ -18,20 +18,20 @@ import {
   highlightOf,
   initialsOf
 } from "../chunk-IQU4HKND.js";
-import "../chunk-MY5VNNSP.js";
-import "../chunk-6JZE4IIN.js";
+import "../chunk-MCRIT46W.js";
 import "../chunk-OLZTGVBT.js";
 import "../chunk-CRN4KKNI.js";
 import "../chunk-M2K7BPHX.js";
+import "../chunk-6JZE4IIN.js";
 import "../chunk-POUWN4PX.js";
 import "../chunk-F52N6ACD.js";
 import "../chunk-S5LE2ARG.js";
 import "../chunk-6PRA45LC.js";
-import "../chunk-24BUCMQA.js";
+import "../chunk-BNNSO4MC.js";
+import "../chunk-TAMIZE4Q.js";
 import "../chunk-JT6TERQL.js";
 import "../chunk-ITGG5OKP.js";
-import "../chunk-TAMIZE4Q.js";
-import "../chunk-QLWBQQW7.js";
+import "../chunk-6F5IKY32.js";
 import "../chunk-AKZWDZCZ.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-V5IOLAIS.js";

package/dist/navigation/CommandPalette.js

@@ -1,10 +1,10 @@
 import "../chunk-P5WJUR7X.js";
 import {
   CommandPalette
-} from "../chunk-7DNQHMDO.js";
+} from "../chunk-PXH24VIP.js";
+import "../chunk-SQSFMZTF.js";
 import "../chunk-SUZXPDUQ.js";
 import "../chunk-4VRDFZ4G.js";
-import "../chunk-SQSFMZTF.js";
 import "../chunk-5EIW2FZY.js";
 import "../chunk-PZ5AY32C.js";
 export {

package/dist/navigation/NavigationMenu.js

@@ -1,13 +1,13 @@
 import "../chunk-I53WONUS.js";
 import {
   NavigationMenu
-} from "../chunk-HDNK7BAX.js";
-import "../chunk-BLT5ZBVL.js";
-import "../chunk-G5ZVD5IJ.js";
+} from "../chunk-GT7C6TSM.js";
+import "../chunk-RRX6ZTNX.js";
+import "../chunk-ZDWU52DJ.js";
 import "../chunk-Q444G5X7.js";
-import "../chunk-RXSGHPCR.js";
-import "../chunk-3L5OZCGA.js";
+import "../chunk-7FOOLP5H.js";
 import "../chunk-FYLCSCMR.js";
+import "../chunk-3L5OZCGA.js";
 import "../chunk-PZ5AY32C.js";
 export {
   NavigationMenu

package/dist/social-login-button.js

@@ -4,10 +4,10 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "./chunk-47UD6DZ4.js";
+} from "./chunk-BDVNAU2C.js";
 import "./chunk-INGPH3YQ.js";
 import "./chunk-6GP2DOOO.js";
-import "./chunk-Z7JNCB5Q.js";
+import "./chunk-426FTCMF.js";
 import "./chunk-PWR7K5OP.js";
 import "./chunk-3N6EK6K5.js";
 import "./chunk-CMMPGAMJ.js";
@@ -19,13 +19,13 @@ import "./chunk-D2IASECY.js";
 import "./chunk-VMF3UXM4.js";
 import "./chunk-RI5JZLZL.js";
 import "./chunk-BA4RHQ3B.js";
-import "./chunk-24BUCMQA.js";
+import "./chunk-BNNSO4MC.js";
+import "./chunk-TAMIZE4Q.js";
 import "./chunk-JT6TERQL.js";
 import "./chunk-ITGG5OKP.js";
-import "./chunk-TAMIZE4Q.js";
-import "./chunk-2PCOC3PT.js";
+import "./chunk-26Z7QWID.js";
 import "./chunk-V3PLFYKO.js";
-import "./chunk-QLWBQQW7.js";
+import "./chunk-6F5IKY32.js";
 import "./chunk-PT6TCWIW.js";
 import "./chunk-NQN5Z36J.js";
 import "./chunk-AG66JBNH.js";

package/dist/types/components/form/Checkbox/Checkbox.base.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 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 CheckboxVariant = 'default' | 'rounded' | 'toggle';
+/**
+ * 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. Neither is
+ * `size`, which this component takes in MUI's own words (`small | medium`)
+ * rather than the house scale — narrowing it would reject the callers it has.
+ */
+export interface CheckboxBaseProps {
+    variant?: CheckboxVariant;
+    label?: string;
+    /** Paints the label and the helper text in the danger hue. */
+    error?: boolean;
+    helperText?: string;
+    /** Fades the box, makes it inert and turns a spinner over it. */
+    loading?: boolean;
+    /** The touch ripple. `false` removes it. */
+    ripple?: boolean;
+    glow?: boolean;
+    pulse?: boolean;
+    /** The third state: neither checked nor unchecked, drawn as a dash. */
+    indeterminate?: boolean;
+    disabled?: boolean;
+    testID?: string;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Checkbox.base.d.ts.map

package/dist/types/components/form/Checkbox/Checkbox.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.base.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/D;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA0FtD,eAAO,MAAM,QAAQ,sGAqEpB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA4FtD,eAAO,MAAM,QAAQ,sGAqEpB,CAAC"}

package/dist/types/components/form/Checkbox/Checkbox.helpers.d.ts

@@ -1,7 +1,13 @@
-import type { CheckboxProps } from './Checkbox.types';
+import type { CheckboxBaseProps } from './Checkbox.base';
 type CheckboxDefaultedKeys = 'variant' | 'ripple' | 'glow' | 'pulse';
-type ResolvedCheckboxProps = CheckboxProps & Required<Pick<CheckboxProps, CheckboxDefaultedKeys>>;
-export declare const resolveCheckboxProps: (props: CheckboxProps) => ResolvedCheckboxProps;
+/**
+ * Generic over the renderer's own props, as `resolveButtonProps` is: the web
+ * and the native `Checkbox` pass different handler types through, and both come
+ * back out untouched.
+ */
+export type ResolvedCheckboxProps<P extends CheckboxBaseProps = CheckboxBaseProps> = P & Required<Pick<CheckboxBaseProps, CheckboxDefaultedKeys>>;
+export declare const resolveCheckboxProps: <P extends CheckboxBaseProps>(props: P) => ResolvedCheckboxProps<P>;
+/** `${dataTestId}-${suffix}`, or `checkbox-${suffix}` when the caller named nothing. */
 export declare const makeTestId: (dataTestId?: string) => (suffix: string) => string;
 export {};
 //# sourceMappingURL=Checkbox.helpers.d.ts.map

package/dist/types/components/form/Checkbox/Checkbox.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,KAAK,qBAAqB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE,KAAK,qBAAqB,GAAG,aAAa,GACxC,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,qBAAqB,CAAC,CAAC,CAAC;AAgBvD,eAAO,MAAM,oBAAoB,GAAI,OAAO,aAAa,KAAG,qBACiB,CAAC;AAE9E,eAAO,MAAM,UAAU,GACpB,aAAa,MAAM,MACnB,QAAQ,MAAM,KAAG,MAC6C,CAAC"}
+{"version":3,"file":"Checkbox.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,KAAK,qBAAqB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAErE;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,IAAI,CAAC,GACpF,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,qBAAqB,CAAC,CAAC,CAAC;AAS3D,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,iBAAiB,EAAE,OAAO,CAAC,KAAG,qBAAqB,CAAC,CAAC,CAClB,CAAC;AAEnF,wFAAwF;AACxF,eAAO,MAAM,UAAU,GACpB,aAAa,MAAM,MACnB,QAAQ,MAAM,KAAG,MAC6C,CAAC"}

package/dist/types/components/form/Checkbox/Checkbox.metrics.d.ts

@@ -0,0 +1,92 @@
+import type { CheckboxVariant } from './Checkbox.base';
+/**
+ * THE NUMBERS BOTH `Checkbox` RENDERERS DRAW WITH.
+ *
+ * `Checkbox.tsx` (web, emotion over MUI's `Checkbox`) and
+ * `Checkbox.native.tsx` (React Native) read this one table. As with the other
+ * fields, some of it is what the web writes itself — the two variants' corner
+ * treatment, the glow and pulse keyframes, the helper text's inset — and some
+ * is what MUI supplies underneath: `SwitchBase`'s 9px padding, `SvgIcon`'s
+ * three sizes, and the ink a box is drawn in.
+ */
+/** MUI's `SwitchBase`: 9px of padding around the glyph, at every size. */
+export declare const CHECKBOX_PADDING = 9;
+/** `SvgIcon`'s own three steps. MUI passes the `size` prop straight to the glyph. */
+export declare const CHECKBOX_GLYPH_SIZES: {
+    readonly small: 20;
+    readonly medium: 24;
+    readonly large: 35;
+};
+export type CheckboxSize = keyof typeof CHECKBOX_GLYPH_SIZES;
+export declare const glyphSize: (size: CheckboxSize | undefined) => number;
+/**
+ * The three glyphs MUI draws, by state.
+ *
+ * `@12-apps/ui/icons` generates their paths from the same
+ * `@mui/icons-material` package MUI's own `Checkbox` imports them from, so the
+ * native box is the web box rather than a hand-drawn square.
+ */
+export declare const CHECKBOX_GLYPH: {
+    readonly checked: "CheckBox";
+    readonly unchecked: "CheckBoxOutlineBlank";
+    readonly indeterminate: "IndeterminateCheckBox";
+};
+/**
+ * The corner each variant gives the glyph's box.
+ *
+ * `rounded` is a circle and `toggle` a 12px radius at 1.2 scale — both applied
+ * to the SVG's own box on the web, where they show only through what the box
+ * clips. Native gives them the same radius and the same scale.
+ */
+export declare const CHECKBOX_VARIANT: Record<CheckboxVariant, {
+    radius?: number | string;
+    scale?: number;
+}>;
+/** The wash a hovered box takes, and the 0.3s every state change runs over. */
+export declare const CHECKBOX_HOVER_ALPHA = 0.1;
+export declare const CHECKBOX_TRANSITION_MS = 300;
+/** `loading`: MUI's 20px `CircularProgress`, centred over the box. */
+export declare const CHECKBOX_SPINNER: {
+    readonly size: 20;
+    readonly offset: -10;
+};
+/**
+ * `glow` and `pulse` are keyed to MUI's DEFAULT blue rather than the theme's
+ * primary — the web writes the rgba out by hand — so both renderers do.
+ */
+export declare const CHECKBOX_EFFECT_INK: {
+    readonly r: 25;
+    readonly g: 118;
+    readonly b: 210;
+};
+export declare const CHECKBOX_GLOW: {
+    readonly blur: {
+        readonly from: 5;
+        readonly to: 20;
+    };
+    readonly alpha: {
+        readonly from: 0.5;
+        readonly to: 0.8;
+    };
+    readonly ms: 2000;
+};
+export declare const CHECKBOX_PULSE: {
+    readonly spread: 10;
+    readonly alpha: 0.7;
+    readonly ms: 2000;
+};
+/** MUI's default blue at an alpha, as the web's keyframes spell it. */
+export declare const effectInk: (alphaValue: number) => string;
+/** `FormControlLabel`: flush left, its label at MUI's `body2` size. */
+export declare const CHECKBOX_LABEL: {
+    readonly marginLeft: 0;
+    readonly fontSize: 14;
+};
+/** `FormHelperText`: four spacing units in, half a unit down. */
+export declare const CHECKBOX_HELPER: {
+    readonly marginLeftUnits: 4;
+    readonly marginTopUnits: 0.5;
+    readonly fontSize: 12;
+    readonly lineHeight: 1.66;
+};
+//# sourceMappingURL=Checkbox.metrics.d.ts.map

package/dist/types/components/form/Checkbox/Checkbox.metrics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD;;;;;;;;;GASG;AAEH,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,qFAAqF;AACrF,eAAO,MAAM,oBAAoB;;;;CAAgD,CAAC;AAClF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAE7D,eAAO,MAAM,SAAS,GAAI,MAAM,YAAY,GAAG,SAAS,KAAG,MACY,CAAC;AAExE;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,eAAe,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAIlG,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C,sEAAsE;AACtE,eAAO,MAAM,gBAAgB;;;CAAqC,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;CAAqC,CAAC;AACtE,eAAO,MAAM,aAAa;;;;;;;;;;CAAkF,CAAC;AAC7G,eAAO,MAAM,cAAc;;;;CAAgD,CAAC;AAE5E,uEAAuE;AACvE,eAAO,MAAM,SAAS,GAAI,YAAY,MAAM,KAAG,MACsD,CAAC;AAEtG,uEAAuE;AACvE,eAAO,MAAM,cAAc;;;CAA2C,CAAC;AAEvE,iEAAiE;AACjE,eAAO,MAAM,eAAe;;;;;CAAuF,CAAC"}

package/dist/types/components/form/Checkbox/Checkbox.types.d.ts

@@ -1,15 +1,13 @@
 import type { CheckboxProps as MuiCheckboxProps } from '@mui/material/Checkbox/index.js';
 import type { ChangeEvent, FocusEventHandler, MouseEventHandler } from 'react';
-export type CheckboxVariant = 'default' | 'rounded' | 'toggle';
-export interface CheckboxProps extends Omit<MuiCheckboxProps, 'variant'> {
-    variant?: CheckboxVariant;
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-    loading?: boolean;
-    ripple?: boolean;
-    glow?: boolean;
-    pulse?: boolean;
+import type { CheckboxBaseProps } from './Checkbox.base';
+export type { CheckboxBaseProps, CheckboxVariant } from './Checkbox.base';
+/**
+ * The web `Checkbox`: the shared contract, plus everything MUI's `Checkbox`
+ * accepts that the contract does not already name — `checked`,
+ * `defaultChecked`, `size`, `color`, `icon`, `inputProps`, `sx`.
+ */
+export interface CheckboxProps extends CheckboxBaseProps, Omit<MuiCheckboxProps, 'variant' | keyof CheckboxBaseProps> {
     'data-testid'?: string;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     onFocus?: FocusEventHandler<HTMLButtonElement>;

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAC,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE9E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC;IACtE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACxE"}
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE1E;;;;GAIG;AACH,MAAM,WAAW,aACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,MAAM,iBAAiB,CAAC;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACxE"}

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

@@ -1,3 +1,3 @@
 export { Checkbox } from './Checkbox';
-export type { CheckboxProps, CheckboxVariant } from './Checkbox.types';
+export type { CheckboxBaseProps, CheckboxProps, CheckboxVariant } from './Checkbox.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/types/components/form/Input/Input.base.d.ts

@@ -0,0 +1,62 @@
+import type { HTMLInputTypeAttribute, ReactNode } from 'react';
+import type { SizeValue } from '../../../tokens/vocabulary';
+/**
+ * THE CONTRACT BOTH RENDERERS HONOUR — and nothing else.
+ *
+ * No MUI and no react-native here on purpose: this file is in BOTH declaration
+ * outputs (`dist/types` and `dist/types-native`), and a native consumer has no
+ * `@mui/material` to resolve a type import against. See `Button.base.ts`.
+ */
+export type InputVariant = 'outlined' | 'filled' | 'glass' | 'underline' | 'gradient';
+export type InputSize = SizeValue;
+/**
+ * The contract both renderers honour.
+ *
+ * `value`, `defaultValue` and the handlers are NOT here. Their NAMES are the
+ * same on both sides, but a web `value` is `string | number | readonly
+ * string[]` and a native one is a `string`, so each side inherits its own from
+ * the element it wraps — the same rule `Button.base.ts` applies to `onClick`.
+ *
+ * `type` keeps the full `HTMLInputTypeAttribute` union rather than the seven
+ * kinds a native field can honour: narrowing it would reject the `type="date"`
+ * and `type="time"` call sites the web already has (FUT-729). A native `Input`
+ * maps `text`, `search`, `email`, `tel`, `url`, `number` and `password` onto
+ * the keyboard and secure-entry props and treats every other type as text.
+ */
+export interface InputBaseProps {
+    /** The visual variant of the field. */
+    variant?: InputVariant;
+    /** A step of the house size scale. */
+    size?: InputSize;
+    /** What the field collects; on native it picks the keyboard and secure entry. */
+    type?: HTMLInputTypeAttribute;
+    /** The label above (native) or inside (web) the field. */
+    label?: string;
+    placeholder?: string;
+    /** Paints the field, the label and the helper text in the danger hue. */
+    error?: boolean;
+    /** The line under the field: the error message, or a hint. */
+    helperText?: string;
+    /** Content before the value — an icon, a currency symbol. */
+    startAdornment?: ReactNode;
+    /** Content after the value. Replaced by the spinner while `loading`. */
+    endAdornment?: ReactNode;
+    /** Stretch to the width of the parent. Defaults to true, as MUI's does not. */
+    fullWidth?: boolean;
+    /** The label animates into the border rather than sitting over the field. */
+    floating?: boolean;
+    /** A halo of the primary hue around the field, stronger while focused. */
+    glow?: boolean;
+    /** A bar behind the field that pulses outward every two seconds. */
+    pulse?: boolean;
+    /** Fades the field, makes it inert and puts a spinner where the end adornment goes. */
+    loading?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    maxLength?: number;
+    testID?: string;
+    dataTestId?: string;
+}
+//# sourceMappingURL=Input.base.d.ts.map

package/dist/types/components/form/Input/Input.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;AACtF,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC;AAElC;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,cAAc;IAC7B,uCAAuC;IACvC,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,sCAAsC;IACtC,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,iFAAiF;IACjF,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAE9B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,6DAA6D;IAC7D,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,wEAAwE;IACxE,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,oEAAoE;IACpE,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA+DhD,eAAO,MAAM,KAAK,qFA6DjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAgEhD,eAAO,MAAM,KAAK,qFA+DjB,CAAC"}

package/dist/types/components/form/Input/Input.helpers.d.ts

@@ -0,0 +1,11 @@
+import type { InputBaseProps } from './Input.base';
+type InputDefaultedKeys = 'variant' | 'size' | 'error' | 'fullWidth' | 'floating' | 'glow' | 'pulse' | 'loading' | 'disabled' | 'required';
+/**
+ * Generic over the renderer's own props, as `resolveButtonProps` is: the web
+ * and the native `Input` pass different handler and `value` types through, and
+ * both come back out untouched.
+ */
+export type ResolvedInputProps<P extends InputBaseProps> = P & Required<Pick<InputBaseProps, InputDefaultedKeys>>;
+export declare const resolveInputProps: <P extends InputBaseProps>(props: P) => ResolvedInputProps<P>;
+export {};
+//# sourceMappingURL=Input.helpers.d.ts.map

package/dist/types/components/form/Input/Input.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,KAAK,kBAAkB,GACnB,SAAS,GACT,MAAM,GACN,OAAO,GACP,WAAW,GACX,UAAU,GACV,MAAM,GACN,OAAO,GACP,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,GAC1D,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC,CAAC;AAoBrD,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,cAAc,EAAE,OAAO,CAAC,KAAG,kBAAkB,CAAC,CAAC,CACf,CAAC"}

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