@leabankab/component-library 7.3.0 → 8.1.0

package/dist/validation/national-id.d.ts

@@ -28,3 +28,29 @@ export declare function isValidNationalId(country: Country, value: string): bool
  * separator-free) value when valid.
  */
 export declare function validateNationalId(country: Country, value: string): ValidationResult;
+/**
+ * The length of a national identity number once {@link normalizeNationalId}
+ * has removed its formatting. Swedish numbers are 12 digits: the form with the
+ * full year of birth (`YYYYMMDDNNNN`). The 10-digit form passes
+ * {@link isValidNationalId} but is 10 long here, so a form that needs the
+ * full year can ask for it.
+ */
+export declare const NATIONAL_ID_LENGTH: Readonly<Record<Country, number>>;
+/**
+ * Removes the formatting people type or paste into a national identity
+ * number (spaces, separators, dashes of every kind) and keeps what the
+ * checksum needs. It does not validate: pass the result to
+ * {@link isValidNationalId}, and compare its length with
+ * {@link NATIONAL_ID_LENGTH}.
+ *
+ * @example
+ * normalizeNationalId("SE", "19811218–9876") // → "198112189876"
+ * normalizeNationalId("FI", "131052-308t") // → "131052-308T"
+ */
+export declare function normalizeNationalId(country: Country, value: string): string;
+/**
+ * Whether two national identity numbers are the same person's, as for "the
+ * co-applicant must not be the main applicant". Both are normalised first,
+ * and both must be valid: an empty or invalid number never matches.
+ */
+export declare function isSameNationalId(country: Country, a: string | null | undefined, b: string | null | undefined): boolean;

package/dist/validation/phone.d.ts

@@ -1,4 +1,5 @@
 import { CountryCode } from 'libphonenumber-js';
+import { MOBILE_PATTERNS } from './mobile-patterns';
 import { ValidationResult } from './types';
 export type { CountryCode };
 /**
@@ -14,3 +15,32 @@ export declare function validatePhoneNumber(country: CountryCode, value: string)
  * Boolean convenience wrapper around {@link validatePhoneNumber}.
  */
 export declare function isValidPhoneNumber(country: CountryCode, value: string): boolean;
+/**
+ * The countries {@link validateMobileNumber} knows mobile numbers for: Lea
+ * Bank's markets.
+ */
+export type MobileCountry = keyof typeof MOBILE_PATTERNS;
+/**
+ * Whether {@link validateMobileNumber} can tell a mobile number from a
+ * landline in this country.
+ */
+export declare function isMobileCountry(country: string): country is MobileCountry;
+/**
+ * Validates a mobile phone number of the given country, as
+ * {@link validatePhoneNumber} does, and also rejects:
+ *
+ * - landlines and other numbers that are not a mobile (`08-123 456 78`), and
+ * - a valid number of another country (`+47 412 34 567` for `"SE"`).
+ *
+ * Mobile numbers come from libphonenumber-js's own metadata
+ * (`scripts/generate-mobile-patterns.mjs`). On success, `normalized` holds
+ * the E.164 form (`+46701234567`).
+ */
+export declare function validateMobileNumber(country: MobileCountry, value: string): ValidationResult;
+/**
+ * Whether two phone numbers are the same number, as for "the co-applicant
+ * must not be the main applicant". Both are read as numbers of `country`
+ * unless they carry a country code (`+46…`, `0046…`), and both must be
+ * valid: an empty or invalid number never matches.
+ */
+export declare function isSamePhone(country: CountryCode, a: string | null | undefined, b: string | null | undefined): boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@leabankab/component-library",
-  "version": "7.3.0",
-  "description": "@leabankab/component-library — Lea Bank's React component library built on MUI.",
+  "version": "8.1.0",
+  "description": "@leabankab/component-library — Lea Bank's React component library.",
   "engines": {
     "node": ">=20"
   },
@@ -26,6 +26,21 @@
       "import": "./dist/cookie-consent-react.mjs",
       "require": "./dist/cookie-consent-react.cjs"
     },
+    "./react-hook-form": {
+      "types": "./dist/react-hook-form/index.d.ts",
+      "import": "./dist/react-hook-form.mjs",
+      "require": "./dist/react-hook-form.cjs"
+    },
+    "./date-picker": {
+      "types": "./dist/date-picker/index.d.ts",
+      "import": "./dist/date-picker.mjs",
+      "require": "./dist/date-picker.cjs"
+    },
+    "./dev-panel": {
+      "types": "./dist/dev-panel/index.d.ts",
+      "import": "./dist/dev-panel.mjs",
+      "require": "./dist/dev-panel.cjs"
+    },
     "./cookie-consent.css": "./dist/cookie-consent.css",
     "./styles.css": "./dist/index.css",
     "./tailwind.css": "./dist/tailwind.css",
@@ -46,7 +61,6 @@
   },
   "dependencies": {
     "@base-ui/react": "^1.6.0",
-    "@storybook/addon-a11y": "^10.5.5",
     "libphonenumber-js": "^1.13.10",
     "lucide-react": "^1.28.0",
     "motion": "^12.43.0"
@@ -58,12 +72,33 @@
     "@mui/system": "^9.0.0",
     "@mui/x-date-pickers": "^9.0.0",
     "date-fns": "^4.0.0",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-hook-form": "^7.56.0",
     "vanilla-cookieconsent": "3.1.0"
   },
   "peerDependenciesMeta": {
+    "@emotion/react": {
+      "optional": true
+    },
+    "@emotion/styled": {
+      "optional": true
+    },
+    "@mui/material": {
+      "optional": true
+    },
+    "@mui/system": {
+      "optional": true
+    },
+    "@mui/x-date-pickers": {
+      "optional": true
+    },
+    "date-fns": {
+      "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
+    },
     "vanilla-cookieconsent": {
       "optional": true
     }
@@ -79,6 +114,7 @@
     "@mui/material": "^9.2.0",
     "@mui/system": "^9.2.0",
     "@mui/x-date-pickers": "^9.10.1",
+    "@storybook/addon-a11y": "^10.5.5",
     "@storybook/addon-docs": "^10.5.5",
     "@storybook/addon-links": "^10.5.5",
     "@storybook/addon-mcp": "^0.6.0",
@@ -98,6 +134,7 @@
     "eslint-plugin-storybook": "^10.5.5",
     "husky": "^9.1.7",
     "playwright": "^1.62.1",
+    "postcss": "^8.5.25",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "react-hook-form": "^7.83.0",
@@ -115,14 +152,16 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "storybook dev -p 6006",
-    "build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 vite build && vite build -c vite.cookie-consent.config.ts",
+    "build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 vite build && vite build -c vite.cookie-consent.config.ts && vite build -c vite.react-hook-form.config.ts && vite build -c vite.date-picker.config.ts && vite build -c vite.dev-panel.config.ts",
     "watch": "cross-env NODE_OPTIONS=--max-old-space-size=4096 vite build --watch",
+    "watch:all": "cross-env NODE_OPTIONS=--max-old-space-size=4096 node scripts/watch-all.mjs",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "cross-env NODE_OPTIONS=--max-old-space-size=4096 storybook build",
     "lint": "eslint .",
     "lint:ci": "eslint . --max-warnings=0",
     "typecheck": "tsc --noEmit",
     "tokens:css": "node scripts/generate-tokens-css.mjs",
+    "mobile-patterns": "node scripts/generate-mobile-patterns.mjs",
     "test:node": "vitest run --project node",
     "ci:check": "tsc --noEmit && eslint . --max-warnings=0 && vitest run --project node",
     "changeset": "changeset",

package/dist/components/dev-panel/dev-panel.d.ts

@@ -1,61 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-import { ReactNode } from 'react';
-/** Reads the enclosing `DevPanelSection` heading id, if any. */
-export declare function useDevPanelSectionLabelId(): string | undefined;
-export type DevPanelProps = {
-    /** Panel title shown in the header. Defaults to `"Dev controls"`. */
-    title?: ReactNode;
-    /** Optional pill beside the title, e.g. `"MOCK"` or `"live"`. */
-    badge?: ReactNode;
-    /** Show the small status dot before the title. Defaults to `true`. */
-    showStatusDot?: boolean;
-    /** Render the minimise control. Defaults to `true`. */
-    minimisable?: boolean;
-    /** Controlled minimised state. Omit for uncontrolled. */
-    minimised?: boolean;
-    /** Initial minimised state when uncontrolled. Defaults to `false`. */
-    defaultMinimised?: boolean;
-    /** Called whenever the minimised state changes. */
-    onMinimisedChange?: (minimised: boolean) => void;
-    /** Accessible name for the minimise button. Defaults to a translated label. */
-    minimiseLabel?: string;
-    /** Accessible name for the restore button. Defaults to a translated label. */
-    expandLabel?: string;
-    /** Section content: compose the `DevPanel*` sub-components here. */
-    children?: ReactNode;
-    sx?: SxProps<Theme>;
-};
-/**
- * The root of the reusable dev panel: a self-contained, content-only card that
- * form apps compose from the `DevPanel*` sub-components. It owns the chrome
- * (title, optional badge, minimise control) and layout; every section is fully
- * controlled by the consumer via `value` + `onChange`/callback props.
- *
- * It renders only the panel — placement (fixed corner, drawer, …) is left to the
- * consuming app.
- *
- * ```tsx
- * <DevPanel badge="MOCK">
- *   <DevPanelCountry value={country} onChange={setCountry} options={countries} />
- *   <DevPanelStatus value={status} onChange={setStatus} options={statuses} />
- *   <DevPanelPayload value={payload} />
- *   <DevPanelFooter onReseed={reseed} onCopyUrl={() => {}} url={url} />
- * </DevPanel>
- * ```
- */
-export declare function DevPanel({ title, badge, showStatusDot, minimisable, minimised, defaultMinimised, onMinimisedChange, minimiseLabel, expandLabel, children, sx, }: DevPanelProps): import("react").JSX.Element;
-export type DevPanelSectionProps = {
-    /** The uppercase section heading (e.g. `"Country"`). */
-    label: ReactNode;
-    /** Optional trailing meta shown on the heading row (e.g. a `6 / 10` count). */
-    meta?: ReactNode;
-    children?: ReactNode;
-    sx?: SxProps<Theme>;
-};
-/**
- * A labelled section wrapper. Renders the uppercase heading and exposes its
- * generated id through context so a nested interactive group can reference it
- * via `aria-labelledby`. Used internally by every `DevPanel*` section; exported
- * so consumers can build bespoke sections with the same look and wiring.
- */
-export declare function DevPanelSection({ label, meta, children, sx, }: DevPanelSectionProps): import("react").JSX.Element;

package/dist/components/dev-panel/index.d.ts

@@ -1,9 +0,0 @@
-export * from './dev-panel';
-export * from './dev-panel-country';
-export * from './dev-panel-variant';
-export * from './dev-panel-step-state';
-export * from './dev-panel-steps';
-export * from './dev-panel-status';
-export * from './dev-panel-flow';
-export * from './dev-panel-payload';
-export * from './dev-panel-footer';

package/dist/components/form/datepicker/datepicker.d.ts

@@ -1,99 +0,0 @@
-import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers/DatePicker';
-import { Locale } from 'date-fns';
-import { ReactNode } from 'react';
-import { MonthYearOrder } from './view-toggle';
-import { ViewToggleLabels } from './use-view-toggle-labels';
-import { CalendarHeaderLabels } from './use-calendar-header-labels';
-export { type ViewToggleLabels, type CalendarHeaderLabels };
-export type DatePickerProps = MuiDatePickerProps & {
-    /** Helper / error text shown below the control and linked via `aria-describedby`. */
-    helperText?: ReactNode;
-    /** Puts the control in an error state and styles the helper text accordingly. */
-    error?: boolean;
-    /** Marks the control as required. */
-    required?: boolean;
-    /**
-     * `date-fns` locale used by the internal `LocalizationProvider`. Defaults to
-     * the `LeaProvider` language (`no`->`nb`, `se`->`sv`, `fi`->`fi`, `es`->`es`);
-     * set this to override.
-     */
-    adapterLocale?: Locale;
-    /** Small uppercase context label shown above the drawer title on mobile. */
-    eyebrow?: ReactNode;
-    /** Drawer heading on mobile. Defaults from `views` ("Velg dato" or "Velg måned og år"). */
-    title?: ReactNode;
-    /** Order of month and year in the month/year picker. Default: "month-year" */
-    monthYearOrder?: MonthYearOrder;
-    /**
-     * Override the month/year toggle's translated labels (`month`, `year`,
-     * `selectView`) per-instance. Only used by the month/year picker
-     * (`views={["year", "month"]}`).
-     */
-    viewToggleLabels?: ViewToggleLabels;
-    /**
-     * Override the day calendar header's translated labels (`previousMonth`,
-     * `nextMonth`, `switchToYearView`, `switchToDayView`) per-instance. Only
-     * used by the day picker (default `views`).
-     */
-    calendarHeaderLabels?: CalendarHeaderLabels;
-};
-/**
- * DatePicker built on MUI's responsive `DatePicker` (`@mui/x-date-pickers`),
- * styled to the Lea Bank design.
- *
- * Two calendar designs, chosen by `views`:
- * - **Day picker** (default): MUI's `DateCalendar` day grid with a centered Lea
- *   Bank header (prev/next month chevrons either side of a clickable month-year
- *   label that switches to the year list) and lowercase Monday-first weekdays.
- * - **Month/year picker** (`views={["year", "month"]}`): a Måned / År segmented
- *   toggle above the month / year grids. Control the order via `monthYearOrder`:
- *   "month-year" (default) or "year-month" (for Sweden and other locales).
- *   Opens on the first view and drills through to the second.
- *
- * - **Desktop:** a compact popover ("dropdown").
- * - **Mobile:** a bottom `Drawer` with an `eyebrow` + `title` header. The switch
- *   happens at `theme.breakpoints.up("sm")` by default; override with
- *   `desktopModeMediaQuery`.
- *
- * Selecting a value commits immediately (`closeOnSelect`) in both modes.
- * Configure which views are shown via `views` (e.g. `views={["year", "month"]}`).
- * The trigger is the picker's accessible field,
- * themed to match the library's other inputs (see `date-picker.theme.ts`), and a
- * `LocalizationProvider` + `AdapterDateFns` are bundled in (locale follows the
- * `LeaProvider` language, defaulting to Norwegian `nb`; set `adapterLocale` to
- * override). MUI X's own texts (the open-picker button, month navigation,
- * action bar) come from its bundled locale pack for that language — override
- * them per-instance with `localeText`.
- */
-export declare const DatePicker: import('react').ForwardRefExoticComponent<MuiDatePickerProps & {
-    /** Helper / error text shown below the control and linked via `aria-describedby`. */
-    helperText?: ReactNode;
-    /** Puts the control in an error state and styles the helper text accordingly. */
-    error?: boolean;
-    /** Marks the control as required. */
-    required?: boolean;
-    /**
-     * `date-fns` locale used by the internal `LocalizationProvider`. Defaults to
-     * the `LeaProvider` language (`no`->`nb`, `se`->`sv`, `fi`->`fi`, `es`->`es`);
-     * set this to override.
-     */
-    adapterLocale?: Locale;
-    /** Small uppercase context label shown above the drawer title on mobile. */
-    eyebrow?: ReactNode;
-    /** Drawer heading on mobile. Defaults from `views` ("Velg dato" or "Velg måned og år"). */
-    title?: ReactNode;
-    /** Order of month and year in the month/year picker. Default: "month-year" */
-    monthYearOrder?: MonthYearOrder;
-    /**
-     * Override the month/year toggle's translated labels (`month`, `year`,
-     * `selectView`) per-instance. Only used by the month/year picker
-     * (`views={["year", "month"]}`).
-     */
-    viewToggleLabels?: ViewToggleLabels;
-    /**
-     * Override the day calendar header's translated labels (`previousMonth`,
-     * `nextMonth`, `switchToYearView`, `switchToDayView`) per-instance. Only
-     * used by the day picker (default `views`).
-     */
-    calendarHeaderLabels?: CalendarHeaderLabels;
-} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/form/datepicker/index.d.ts

@@ -1 +0,0 @@
-export * from './datepicker';

package/dist/components/form/fields/autocomplete-field.d.ts

@@ -1,17 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { AutocompleteProps } from '../autocomplete';
-import { BaseFieldProps } from './field-types';
-/**
- * Distributes `Omit` across the `AutocompleteProps` union so the single- and
- * multiple-select props (e.g. `email`, `min`, `max`) survive rather than
- * collapsing to the keys common to both branches.
- */
-type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
-export type AutocompleteFieldProps<T extends FieldValues> = BaseFieldProps<T> & DistributiveOmit<AutocompleteProps, "name" | "value" | "defaultValue" | "onChange" | "error">;
-/**
- * `Autocomplete` connected to react-hook-form via `Controller`. Reads `control`
- * from the nearest `FormProvider` when the prop is omitted. Supports both
- * single (`string`) and `multiple` (`string[]`) selection.
- */
-export declare const AutocompleteField: <T extends FieldValues>({ name, control, rules, disabled, label, helperText, ...rest }: AutocompleteFieldProps<T>) => import("react").JSX.Element;
-export {};

package/dist/components/form/fields/boolean-radio-field.d.ts

@@ -1,3 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { RadioCardFieldProps } from './radio-card-field';
-export declare const BooleanRadioCardField: <T extends FieldValues>(props: Omit<RadioCardFieldProps<T>, "format" | "parse">) => import("react").JSX.Element;

package/dist/components/form/fields/checkbox-field.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-import { FieldValues } from 'react-hook-form';
-import { BaseFieldProps } from './field-types';
-export type CheckboxFieldProps<T extends FieldValues> = BaseFieldProps<T> & {
-    label: ReactNode;
-};
-/**
- * `Checkbox` connected to react-hook-form via `Controller`, composed with
- * `FormControlLabel`. Reads `control` from the nearest `FormProvider` when the
- * prop is omitted.
- */
-export declare const CheckboxField: <T extends FieldValues>({ name, control, rules, disabled, label, }: CheckboxFieldProps<T>) => import("react").JSX.Element;

package/dist/components/form/fields/datepicker-field.d.ts

@@ -1,9 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { DatePickerProps } from '../datepicker';
-import { BaseFieldProps } from './field-types';
-export type DatePickerFieldProps<T extends FieldValues> = BaseFieldProps<T> & Omit<DatePickerProps, "name" | "value" | "defaultValue" | "error" | "onChange">;
-/**
- * `DatePicker` connected to react-hook-form via `Controller`. Reads `control`
- * from the nearest `FormProvider` when the prop is omitted.
- */
-export declare const DatePickerField: <T extends FieldValues>({ name, control, rules, disabled, helperText, ...rest }: DatePickerFieldProps<T>) => import("react").JSX.Element;

package/dist/components/form/fields/email-field.d.ts

@@ -1,10 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { EmailInputProps } from '../email-input';
-import { BaseFieldProps } from './field-types';
-export type EmailFieldProps<T extends FieldValues> = BaseFieldProps<T> & Omit<EmailInputProps, "name" | "value" | "defaultValue" | "onChange" | "error">;
-/**
- * `EmailInput` (with `@` domain autocomplete) connected to react-hook-form via
- * `Controller`. Reads `control` from the nearest `FormProvider` when the prop is
- * omitted.
- */
-export declare const EmailField: <T extends FieldValues>({ name, control, rules, disabled, label, helperText, ...rest }: EmailFieldProps<T>) => import("react").JSX.Element;

package/dist/components/form/fields/field-types.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-import { Control, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';
-export interface BaseFieldProps<T extends FieldValues> {
-    name: FieldPath<T>;
-    control?: Control<T>;
-    rules?: RegisterOptions<T, FieldPath<T>>;
-    disabled?: boolean;
-}
-export type FieldOption = {
-    value: string;
-    label: ReactNode;
-};
-export type FieldValueTransform = {
-    /** Maps the form value to the string the control displays. */
-    format?: (value: unknown) => string;
-    /** Maps the control's string value back to the form value. */
-    parse?: (value: string) => unknown;
-};

package/dist/components/form/fields/index.d.ts

@@ -1,14 +0,0 @@
-export * from './autocomplete-field';
-export * from './boolean-radio-field';
-export * from './checkbox-field';
-export * from './datepicker-field';
-export * from './email-field';
-export * from './field-types';
-export * from './input-field';
-export * from './multi-select-field';
-export * from './number-field';
-export * from './phone-number-field';
-export * from './radio-card-field';
-export * from './radio-field';
-export * from './select-field';
-export * from './use-field-control';

package/dist/components/form/fields/input-field.d.ts

@@ -1,9 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { InputProps } from '../input';
-import { BaseFieldProps } from './field-types';
-export type InputFieldProps<T extends FieldValues> = BaseFieldProps<T> & Omit<InputProps, "name" | "value" | "defaultValue" | "error">;
-/**
- * `Input` connected to react-hook-form via `Controller`. Reads `control` from
- * the nearest `FormProvider` when the prop is omitted.
- */
-export declare const InputField: <T extends FieldValues>({ name, control, rules, disabled, label, helperText, ...rest }: InputFieldProps<T>) => import("react").JSX.Element;

package/dist/components/form/fields/multi-select-field.d.ts

@@ -1,9 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { MultiSelectProps } from '../multi-select';
-import { BaseFieldProps } from './field-types';
-export type MultiSelectFieldProps<T extends FieldValues> = BaseFieldProps<T> & Omit<MultiSelectProps, "name" | "value" | "defaultValue" | "error">;
-/**
- * `MultiSelect` connected to react-hook-form via `Controller`. Reads `control` from
- * the nearest `FormProvider` when the prop is omitted.
- */
-export declare const MultiSelectField: <T extends FieldValues>({ name, control, rules, disabled, label, helperText, options, ...rest }: MultiSelectFieldProps<T>) => import("react").JSX.Element;

package/dist/components/form/fields/number-field.d.ts

@@ -1,10 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { NumberInputProps } from '../number-input';
-import { BaseFieldProps } from './field-types';
-export type NumberFieldProps<T extends FieldValues> = BaseFieldProps<T> & Omit<NumberInputProps, "name" | "value" | "defaultValue" | "error" | "onValueChange">;
-/**
- * `NumberInput` connected to react-hook-form via `Controller`. Reads `control`
- * from the nearest `FormProvider` when the prop is omitted. The form value is
- * the raw `number | null` from the field.
- */
-export declare const NumberField: <T extends FieldValues>({ name, control, rules, disabled, label, helperText, ...rest }: NumberFieldProps<T>) => import("react").JSX.Element;

package/dist/components/form/fields/phone-number-field.d.ts

@@ -1,11 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { PhoneNumberInputProps } from '../phone-number-input';
-import { BaseFieldProps } from './field-types';
-export type PhoneNumberFieldProps<T extends FieldValues> = BaseFieldProps<T> & Omit<PhoneNumberInputProps, "name" | "value" | "defaultValue" | "onChange" | "error">;
-/**
- * `PhoneNumberInput` connected to react-hook-form via `Controller`. Reads
- * `control` from the nearest `FormProvider` when the prop is omitted. The form
- * value is the formatted national number string; pass `defaultCountry` (or a
- * controlled `country` + `onCountryChange`) to drive the country.
- */
-export declare const PhoneNumberField: <T extends FieldValues>({ name, control, rules, disabled, label, helperText, ...rest }: PhoneNumberFieldProps<T>) => import("react").JSX.Element;

package/dist/components/form/fields/radio-card-field.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-import { FieldValues } from 'react-hook-form';
-import { RadioGroupProps } from '../radio';
-import { BaseFieldProps, FieldOption, FieldValueTransform } from './field-types';
-export type RadioCardFieldProps<T extends FieldValues> = BaseFieldProps<T> & FieldValueTransform & {
-    label: ReactNode;
-    options: FieldOption[];
-    /** CSS grid-template-columns for the option layout. Defaults to two equal columns. */
-    gridColumns?: string;
-    /** Size passed to each `RadioCard`. */
-    cardSize?: "sm" | "lg";
-    /** Tooltip content to display when hovering over the field. */
-    tooltip?: ReactNode;
-} & Omit<RadioGroupProps, "value" | "onChange" | "name" | "defaultValue">;
-/**
- * `RadioGroup` of `RadioCard` options connected to react-hook-form via
- * `Controller`. Reads `control` from the nearest `FormProvider` when the prop
- * is omitted.
- *
- * Pass optional `format` / `parse` to coerce values (e.g. boolean <-> string).
- */
-export declare const RadioCardField: <T extends FieldValues>({ name, control, rules, disabled, label, options, format, parse, gridColumns, cardSize, tooltip, size, ...rest }: RadioCardFieldProps<T>) => import("react").JSX.Element;

package/dist/components/form/fields/radio-field.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from 'react';
-import { FieldValues } from 'react-hook-form';
-import { RadioGroupProps } from '../radio';
-import { BaseFieldProps, FieldOption, FieldValueTransform } from './field-types';
-export type RadioFieldProps<T extends FieldValues> = BaseFieldProps<T> & FieldValueTransform & {
-    label: ReactNode;
-    options: FieldOption[];
-} & Omit<RadioGroupProps, "value" | "onChange" | "name" | "defaultValue">;
-/**
- * `RadioGroup` connected to react-hook-form via `Controller`, rendering each
- * option as a `FormControlLabel` + `Radio`. Reads `control` from the nearest
- * `FormProvider` when the prop is omitted.
- *
- * Pass optional `format` / `parse` to coerce values (e.g. boolean <-> string).
- */
-export declare const RadioField: <T extends FieldValues>({ name, control, rules, disabled, label, options, format, parse, size, ...rest }: RadioFieldProps<T>) => import("react").JSX.Element;

package/dist/components/form/fields/select-field.d.ts

@@ -1,9 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { SelectProps } from '../select';
-import { BaseFieldProps } from './field-types';
-export type SelectFieldProps<T extends FieldValues> = BaseFieldProps<T> & Omit<SelectProps, "name" | "value" | "defaultValue" | "error">;
-/**
- * `Select` connected to react-hook-form via `Controller`. Reads `control` from
- * the nearest `FormProvider` when the prop is omitted.
- */
-export declare const SelectField: <T extends FieldValues>({ name, control, rules, disabled, label, helperText, options, children, ...rest }: SelectFieldProps<T>) => import("react").JSX.Element;

package/dist/components/form/fields/use-field-control.d.ts

@@ -1,6 +0,0 @@
-import { Control, FieldValues } from 'react-hook-form';
-/**
- * Resolves the `control` instance for a field component. Uses the explicit
- * `control` prop when provided, otherwise reads from the nearest `FormProvider`.
- */
-export declare function useResolvedControl<T extends FieldValues>(control?: Control<T>): Control<T>;

package/dist/components/form/fields/use-tooltip-trigger-labels.d.ts

@@ -1,5 +0,0 @@
-/**
- * Translated accessible name for the info trigger a field renders next to its
- * label when given a `tooltip`.
- */
-export declare const useTooltipTriggerLabels: () => Record<"moreInformation", string>;

package/dist/components/form/form-control/form-control-context.d.ts

@@ -1,35 +0,0 @@
-/**
- * Ids shared between a `FormControl` and its label / control / helper text so
- * they stay wired together for assistive technology without the consumer ever
- * writing `htmlFor` or `aria-describedby` by hand.
- */
-export interface FormFieldIds {
-    /** Id of the focusable control (input / select). */
-    control: string;
-    /** Id of the label element. */
-    label: string;
-    /** Id of the helper text element. */
-    helperText: string;
-}
-export interface FormFieldContextValue {
-    ids: FormFieldIds;
-    /** Whether a `FormHelperText` is currently rendered, so the control knows to link it. */
-    hasHelperText: boolean;
-    /** Called by `FormHelperText` on mount / unmount to register its presence. */
-    setHasHelperText: (present: boolean) => void;
-    /**
-     * Whether the control currently holds a value that should float the label
-     * even when a start adornment is present (e.g. multi-select chips). A plain
-     * leading icon leaves this `false` so it doesn't float the label on its own.
-     */
-    hasValue: boolean;
-    /** Called by a value-bearing control to keep `hasValue` in sync. */
-    setHasValue: (present: boolean) => void;
-}
-export declare const FormFieldProvider: import('react').Provider<FormFieldContextValue | null>;
-/**
- * Reads the field context provided by the surrounding `FormControl`. Returns
- * `null` when a control is rendered outside our `FormControl`, which lets a
- * standalone control provision its own wrapper and ids.
- */
-export declare const useFormField: () => FormFieldContextValue | null;

package/dist/components/form/form-control/form-control-label.d.ts

@@ -1 +0,0 @@
-export { FormControlLabel, type FormControlLabelProps, } from '@mui/material';

package/dist/components/form/form-control/form-control.d.ts

@@ -1,13 +0,0 @@
-import { FormControlProps } from '@mui/material';
-export type { FormControlProps };
-/**
- * Wrapper around MUI's `FormControl` that generates a unique base id (via
- * `useId`, overridable with the `id` prop) and shares the derived label /
- * control / helper-text ids with its children through context. This lets
- * `Input`, `Select`, `InputLabel` and `FormHelperText` wire `htmlFor`, `id` and
- * `aria-describedby` automatically — the consumer never writes them.
- *
- * MUI's own `FormControl` context still propagates `error` / `required` /
- * `disabled` / focused state to children; we only layer the ids on top.
- */
-export declare const FormControl: ({ id, fullWidth, focused: focusedProp, onFocus, onBlur, children, ...rest }: FormControlProps) => import("react").JSX.Element;

package/dist/components/form/form-control/form-helper-text.d.ts

@@ -1,9 +0,0 @@
-import { FormHelperTextProps } from '@mui/material';
-export type { FormHelperTextProps };
-/**
- * Supplementary / error text for a field. When rendered inside our
- * `FormControl` it takes the helper-text id from context and registers its
- * presence, so the control links to it via `aria-describedby` automatically.
- * Pass `error` to render it in the error colour.
- */
-export declare const FormHelperText: (props: FormHelperTextProps) => import("react").JSX.Element;

package/dist/components/form/form-control/form-label.d.ts

@@ -1,9 +0,0 @@
-import { FormLabelProps } from '@mui/material';
-/**
- * Group label for non-floating controls (e.g. a `RadioGroup`). When rendered
- * inside our `FormControl` it claims the shared label id, so a sibling
- * `RadioGroup` can point its `aria-labelledby` at it automatically — the
- * consumer never wires the ids by hand. Reads required / error / focus state
- * from the surrounding `FormControl` like MUI's own `FormLabel`.
- */
-export declare const FormLabel: (props: FormLabelProps) => import("react").JSX.Element;