@leabankab/component-library 5.6.1

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

@@ -0,0 +1,46 @@
+import { SelectProps as MuiSelectProps } from '@mui/material';
+import { ReactNode } from 'react';
+export type SelectOption = {
+    label: string;
+    value: string;
+};
+export type SelectProps = MuiSelectProps & {
+    /** Floating label. Rendered as an `InputLabel` and linked automatically. */
+    label?: ReactNode;
+    /** Helper / error text shown below the control and linked via `aria-describedby`. */
+    helperText?: ReactNode;
+    /** Convenience: render `MenuItem`s from a list instead of passing children. */
+    options?: SelectOption[];
+};
+/**
+ * Select built on MUI's `Select`.
+ *
+ * Works two ways:
+ * - **Standalone (all-in-one):** pass `label` / `helperText` and `options` (or
+ *   `MenuItem` children) and it renders its own `FormControl`, label and helper
+ *   text, generating and wiring all ids for you.
+ * - **Composed:** drop it inside a `FormControl` next to `InputLabel` /
+ *   `FormHelperText` and it picks up the shared ids from context.
+ */
+export declare const Select: import('react').ForwardRefExoticComponent<(Omit<import('@mui/material').FilledSelectProps & import('@mui/material').BaseSelectProps<unknown> & {
+    /** Floating label. Rendered as an `InputLabel` and linked automatically. */
+    label?: ReactNode;
+    /** Helper / error text shown below the control and linked via `aria-describedby`. */
+    helperText?: ReactNode;
+    /** Convenience: render `MenuItem`s from a list instead of passing children. */
+    options?: SelectOption[];
+}, "ref"> | Omit<import('@mui/material').StandardSelectProps & import('@mui/material').BaseSelectProps<unknown> & {
+    /** Floating label. Rendered as an `InputLabel` and linked automatically. */
+    label?: ReactNode;
+    /** Helper / error text shown below the control and linked via `aria-describedby`. */
+    helperText?: ReactNode;
+    /** Convenience: render `MenuItem`s from a list instead of passing children. */
+    options?: SelectOption[];
+}, "ref"> | Omit<import('@mui/material').OutlinedSelectProps & import('@mui/material').BaseSelectProps<unknown> & {
+    /** Floating label. Rendered as an `InputLabel` and linked automatically. */
+    label?: ReactNode;
+    /** Helper / error text shown below the control and linked via `aria-describedby`. */
+    helperText?: ReactNode;
+    /** Convenience: render `MenuItem`s from a list instead of passing children. */
+    options?: SelectOption[];
+}, "ref">) & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,23 @@
+import { SliderProps as MuiSliderProps } from '@mui/material';
+import { ReactNode } from 'react';
+export type SliderProps = MuiSliderProps & {
+    /** Group label shown above the slider and linked via `aria-labelledby`. */
+    label?: ReactNode;
+    /** Helper / error text shown below the control and linked via `aria-describedby`. */
+    helperText?: ReactNode;
+    /** Puts wrapper FormControl and helper text into error state. */
+    error?: boolean;
+    /** Marks wrapper FormControl as required. */
+    required?: boolean;
+};
+/**
+ * Slider built on MUI's `Slider`.
+ *
+ * Works two ways:
+ * - **Standalone (all-in-one):** pass `label` / `helperText` and it renders its
+ *   own `FormControl`, label and helper text, wiring `aria-labelledby` /
+ *   `aria-describedby` for you.
+ * - **Composed:** drop it inside a `FormControl` next to `FormLabel` /
+ *   `FormHelperText` and it picks up the shared ids from context.
+ */
+export declare const Slider: import('react').ForwardRefExoticComponent<Omit<SliderProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/form/use-autocomplete-labels.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Translated labels for the searchable selects built on MUI's `Autocomplete`
+ * (`Autocomplete`, `AutocompleteField`, `EmailInput`, and the country picker in
+ * `PhoneNumberInput`). MUI's own defaults are English, so these are applied for
+ * every language. Consumers can still override any of them per-instance with
+ * MUI's `noOptionsText` / `loadingText` / `openText` / `closeText` / `clearText`.
+ */
+export declare const useAutocompleteLabels: () => Record<"clear" | "loading" | "open" | "close" | "noOptions", string>;
+/**
+ * The same labels mapped onto MUI's `Autocomplete` prop names, ready to spread
+ * before `...rest` so a consumer-supplied value still wins.
+ */
+export declare const useAutocompleteTextProps: () => {
+    noOptionsText: string;
+    loadingText: string;
+    openText: string;
+    closeText: string;
+    clearText: string;
+};

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+export * from './animations';
+export * from './buttons';
+export * from './data-display';
+export * from './dev-panel';
+export * from './feedback';
+export * from './form';
+export * from './navigation';
+export * from './surfaces';
+export * from './typography';
+export * from './typography/text';
+export * from './ui';

package/dist/components/navigation/form-stepper.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode } from 'react';
+import { ProgressCircleColor } from './progress-circle';
+import { StepperLabels } from './use-stepper-labels';
+export type FormStepperProps = {
+    /** Active step (1-based). */
+    currentStep: number;
+    /** Total number of steps. */
+    totalSteps: number;
+    /** Title of the current step. Rendered as a heading by default (see `titleAs`). */
+    title: ReactNode;
+    /**
+     * Name of the next step. When set, a translated `"{Next}: {nextStep}"`
+     * subtitle is shown. Omit it on the last step.
+     */
+    nextStep?: ReactNode;
+    /**
+     * Called when the back button is pressed. The back button only renders when
+     * this is provided, so omit it on the first step or in forms without a back
+     * flow.
+     */
+    onBack?: () => void;
+    /** Progress circle colour. Defaults to `purple`. */
+    color?: ProgressCircleColor;
+    /**
+     * Render the title as a `heading` (default) or plain `text`. Prefer `heading`
+     * so screen-reader users can navigate to it; only use `text` when another
+     * heading already labels the view.
+     */
+    titleAs?: "heading" | "text";
+    /** Heading level when `titleAs="heading"`. Defaults to `h1`. */
+    headingLevel?: "h1" | "h2" | "h3";
+    /**
+     * Id applied to the title. Defaults to a generated id. Use it to move focus to
+     * the title when the step changes so the new step is announced.
+     */
+    titleId?: string;
+    /** Override the built-in translated labels per-instance. */
+    labels?: StepperLabels;
+    /** Show the divider below the header. Defaults to `true`. */
+    showDivider?: boolean;
+};
+/**
+ * Header for a multi-step form. Shows the current step title (as a heading by
+ * default), an optional `"Next: ..."` subtitle, an optional back button, and an
+ * animated `ProgressCircle`.
+ *
+ * Accessibility is wired internally: the step count (`"step X of Y"`) is added
+ * to the title as visually-hidden text and the circle is decorative, so the
+ * count is announced once. The title carries `tabIndex={-1}`; move focus to it
+ * (via `titleId`) whenever the step changes so screen-reader users hear the new
+ * step.
+ *
+ * ```tsx
+ * <FormStepper
+ *   currentStep={2}
+ *   totalSteps={5}
+ *   title="Civil status"
+ *   nextStep="Employment"
+ *   onBack={() => history.back()}
+ * />
+ * ```
+ */
+export declare const FormStepper: ({ currentStep, totalSteps, title, nextStep, onBack, color, titleAs, headingLevel, titleId, labels, showDivider, }: FormStepperProps) => import("react").JSX.Element;

package/dist/components/navigation/index.d.ts

@@ -0,0 +1,4 @@
+export * from './form-stepper';
+export * from './progress-circle';
+export * from './tabs';
+export * from './use-stepper-labels';

package/dist/components/navigation/progress-circle.d.ts

@@ -0,0 +1,34 @@
+export type ProgressCircleColor = "purple" | "teal";
+export type ProgressCircleProps = {
+    /** Current value, e.g. the active step (1-based). Clamped to `0..max`. */
+    value: number;
+    /** Maximum value, e.g. the total number of steps. */
+    max: number;
+    /** Ring colour. Defaults to `purple`. */
+    color?: ProgressCircleColor;
+    /** Rendered diameter in px. Defaults to `48`. */
+    size?: number;
+    /** Ring thickness in px. Defaults to `4`. */
+    strokeWidth?: number;
+    /** Show the `value/max` label in the centre. Defaults to `true`. */
+    showValue?: boolean;
+    /**
+     * Accessible name. When provided, the circle is exposed as a
+     * `role="progressbar"` (with `aria-valuetext={label}`) so it announces on its
+     * own. When omitted, the circle is decorative (`aria-hidden`) — use this when
+     * the surrounding component already conveys progress in text (as `FormStepper`
+     * does).
+     */
+    label?: string;
+};
+/**
+ * An animated circular progress indicator. Not a MUI component: the ring is an
+ * SVG whose stroke animates as `value` changes, respecting
+ * `prefers-reduced-motion`. Colour is limited to the brand `purple` / `teal`
+ * tokens so contrast stays owned by the theme.
+ *
+ * ```tsx
+ * <ProgressCircle value={2} max={5} color="teal" label="Step 2 of 5" />
+ * ```
+ */
+export declare const ProgressCircle: ({ value, max, color, size, strokeWidth, showValue, label, }: ProgressCircleProps) => import("react").JSX.Element;

package/dist/components/navigation/tabs.d.ts

@@ -0,0 +1,79 @@
+import { Tabs as BaseTabs } from '@base-ui/react/tabs';
+import { TabsVariant } from '../../theme/components/tabs.theme';
+export type { TabsVariant };
+export type TabsProps = BaseTabs.Root.Props & {
+    /**
+     * Colour of the active-tab "pill".
+     * - `"brand"` — filled with the brand purple (default).
+     * - `"greyscale"` — filled with near-black, for a neutral surface.
+     * @default "brand"
+     */
+    variant?: TabsVariant;
+};
+/**
+ * A segmented, pill-style tabs control built on Base UI's accessible `Tabs`
+ * primitive. Renders a beige track with a sliding pill behind the active tab.
+ *
+ * Compose it from `TabsList` + `Tab` (the tab bar) and, optionally, `TabPanel`
+ * for built-in content. Roles (`tablist`/`tab`/`tabpanel`), roving `tabindex`,
+ * arrow-key navigation, `aria-selected` and the `tab`↔`tabpanel` links are all
+ * wired by Base UI, so relationships never dangle.
+ *
+ * The list scrolls horizontally when the tabs overflow (e.g. on mobile) and the
+ * pill slide respects `prefers-reduced-motion`.
+ *
+ * ```tsx
+ * <Tabs defaultValue="overview">
+ *   <TabsList aria-label="Account sections">
+ *     <Tab value="overview">Overview</Tab>
+ *     <Tab value="activity">Activity</Tab>
+ *   </TabsList>
+ *   <TabPanel value="overview">Workspace stats and activity.</TabPanel>
+ *   <TabPanel value="activity">Recent activity.</TabPanel>
+ * </Tabs>
+ * ```
+ */
+export declare function Tabs({ variant, ...rest }: TabsProps): import("react").JSX.Element;
+/**
+ * Requires an accessible name so the underlying `tablist` is never nameless.
+ * Provide exactly one of `aria-label` or `aria-labelledby`.
+ */
+type TabsListAccessibleName = {
+    "aria-label": string;
+    "aria-labelledby"?: never;
+} | {
+    "aria-labelledby": string;
+    "aria-label"?: never;
+};
+export type TabsListProps = Omit<BaseTabs.List.Props, "render" | "aria-label" | "aria-labelledby"> & TabsListAccessibleName;
+/**
+ * Groups the `Tab` buttons into the pill track. The sliding indicator is
+ * rendered internally so it can never go missing.
+ */
+export declare function TabsList({ children, ...rest }: TabsListProps): import("react").JSX.Element;
+export type TabProps = Omit<BaseTabs.Tab.Props, "render">;
+/**
+ * An individual tab. Pass an icon and label as children; mark decorative icons
+ * with `aria-hidden` so they aren't announced.
+ *
+ * ```tsx
+ * <Tab value="transactions">
+ *   <Receipt size={18} aria-hidden />
+ *   Transaksjoner
+ * </Tab>
+ * ```
+ */
+export declare function Tab(props: TabProps): import("react").JSX.Element;
+export type TabsIndicatorProps = Omit<BaseTabs.Indicator.Props, "render">;
+/**
+ * The sliding pill behind the active tab. `TabsList` already renders one, so
+ * you only need this when composing a custom list.
+ */
+export declare function TabsIndicator(props: TabsIndicatorProps): import("react").JSX.Element;
+export type TabPanelProps = Omit<BaseTabs.Panel.Props, "render">;
+/**
+ * Content shown when the `Tab` with the matching `value` is active. Optional —
+ * omit it to use `Tabs` purely as a bar that toggles content you render
+ * elsewhere (drive it with `value`/`onValueChange`).
+ */
+export declare function TabPanel(props: TabPanelProps): import("react").JSX.Element;

package/dist/components/navigation/use-stepper-labels.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Translated labels for `FormStepper`: the back button's accessible name, the
+ * "Next" subtitle prefix, and the visually-hidden "step X of Y" context.
+ * Consumers can override any of these per-instance via the `labels` prop.
+ */
+export declare const useStepperLabels: () => Record<"next" | "step" | "back" | "of", string>;
+export type StepperLabels = Partial<ReturnType<typeof useStepperLabels>>;

package/dist/components/surfaces/accordion.d.ts

@@ -0,0 +1,15 @@
+import { AccordionProps as MuiAccordionProps } from '@mui/material/Accordion';
+export type AccordionProps = Omit<MuiAccordionProps, "variant"> & {
+    /** `"outlined"` (default) keeps the border; `"filled"` removes it and fills white. */
+    variant?: "outlined" | "filled";
+};
+/**
+ * A surface that groups content behind an expandable summary. Wraps MUI
+ * `Accordion` with Lea's design tokens (radius, borders, typography, focus).
+ * Use `variant="filled"` for a borderless, white-filled panel.
+ */
+export declare const Accordion: ({ variant, ...rest }: AccordionProps) => import("react").JSX.Element;
+export { default as AccordionDetails } from '@mui/material/AccordionDetails';
+export { default as AccordionSummary } from '@mui/material/AccordionSummary';
+export type { AccordionDetailsProps } from '@mui/material/AccordionDetails';
+export type { AccordionSummaryProps } from '@mui/material/AccordionSummary';

package/dist/components/surfaces/index.d.ts

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

package/dist/components/typography/index.d.ts

@@ -0,0 +1,3 @@
+export * from './link';
+export * as List from './lists';
+export * from './text';

package/dist/components/typography/link.d.ts

@@ -0,0 +1,23 @@
+import { LinkProps as MuiLinkProps } from '@mui/material';
+import { ElementType } from 'react';
+type LinkColor = "black" | "purple" | "teal" | "white";
+type LinkProps<C extends ElementType = "a"> = Omit<MuiLinkProps<C>, "color"> & {
+    /** The component to render the link as. */
+    component?: C;
+    /** The colour of the link. */
+    color?: LinkColor;
+};
+/**
+ * A link component — link-only in styling and behaviour.
+ *
+ * Supports polymorphic rendering via the `component` prop, which enables
+ * type-safe usage with any router link component:
+ *
+ * ```tsx
+ * <Link href="/about">About</Link>                       // Plain anchor
+ * <Link component={RouterLink} to="/about">About</Link>  // React Router
+ * <Link component={NextLink} href="/about">About</Link>  // Next.js
+ * ```
+ */
+export declare const Link: <C extends ElementType = "a">({ color, children, sx, ...rest }: LinkProps<C>) => import("react").JSX.Element;
+export {};

package/dist/components/typography/lists.d.ts

@@ -0,0 +1,54 @@
+import { SxProps, Theme } from '@mui/material';
+import { ReactNode } from 'react';
+/**
+ * List is a composition component for rendering ordered or unordered lists.
+ *
+ * `List.Root` renders the wrapping `<ul>` (default) or `<ol>` element via the
+ * `variant` prop. Each `List.Item` shows a marker: a dot for `ul`, an
+ * auto-incrementing number for `ol`, or a custom icon when one is passed.
+ *
+ * @example Unordered list with default dots
+ * <List.Root>
+ *   <List.Item>Fast response</List.Item>
+ *   <List.Item>Account data report</List.Item>
+ * </List.Root>
+ *
+ * @example Ordered list with auto-numbering
+ * <List.Root variant="ol">
+ *   <List.Item>First step</List.Item>
+ *   <List.Item>Second step</List.Item>
+ * </List.Root>
+ *
+ * @example Per-item icon marker
+ * <List.Root>
+ *   <List.Item icon={<CircleCheck size={20} />}>Verified</List.Item>
+ * </List.Root>
+ */
+type ListVariant = "ul" | "ol";
+interface RootProps {
+    /** The type of list to render. */
+    variant?: ListVariant;
+    /** The content of the list. */
+    children: ReactNode;
+    /** The style of the list. */
+    sx?: SxProps<Theme>;
+    /** The class name of the list. */
+    className?: string;
+    /** The gap between the list items. */
+    gap?: number;
+}
+export declare const Root: ({ variant, children, sx, gap, ...rest }: RootProps) => import("react").JSX.Element;
+interface ItemProps {
+    /** Custom marker rendered in place of the default dot/number. */
+    icon?: ReactNode;
+    /** The content of the list item. */
+    children: ReactNode;
+    /** The style of the list item. */
+    sx?: SxProps<Theme>;
+    /** The class name of the list item. */
+    className?: string;
+    /** The gap between the list items. */
+    gap?: number;
+}
+export declare const Item: ({ icon, children, sx, gap, ...rest }: ItemProps) => import("react").JSX.Element;
+export {};

package/dist/components/typography/text.d.ts

@@ -0,0 +1,18 @@
+import { fontSizes, fontWeights } from '../../theme/tokens';
+import { TypographyProps } from '@mui/material';
+type FontSizeToken = keyof typeof fontSizes;
+type FontWeightToken = keyof typeof fontWeights;
+type TextProps = TypographyProps & {
+    fontWeight?: FontWeightToken;
+    component?: string;
+    fontSize?: FontSizeToken;
+};
+/**
+ * A token-aware wrapper around MUI `Typography`. The `fontSize` and
+ * `fontWeight` props accept Lea design tokens (resolved to their underlying
+ * values). `color` is applied through `sx`, so design-token palette paths
+ * (`text.base`, `purple.subtle`, …) and raw CSS colours work, and the MUI
+ * shorthands (`primary`, `error`, …) still map to their `.main` shade.
+ */
+export declare const Text: ({ children, fontSize, fontWeight, component, color, sx, ...props }: TextProps) => import("react").JSX.Element;
+export {};

package/dist/components/ui/brand-divider.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * Brand Divider in Lea colors
+ *
+ */
+export declare const BrandDivider: () => import("react").JSX.Element;

package/dist/components/ui/index.d.ts

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

package/dist/hooks/country/countries.d.ts

@@ -0,0 +1,8 @@
+export type Country = "NO" | "SE" | "FI" | "ES";
+export type Currency = "NOK" | "SEK" | "EUR";
+export interface CountryConfig {
+    country: Country;
+    locale: string;
+    currency: Currency;
+}
+export declare const COUNTRIES: Record<Country, CountryConfig>;

package/dist/hooks/country/country-context.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { Country, Currency } from './countries';
+export interface CountryContextValue {
+    country: Country;
+    locale: string;
+    currency: Currency;
+}
+export interface CountryProviderProps {
+    country: Country;
+    children: ReactNode;
+}
+/**
+ * Supplies the active Lea Bank country to locale-aware formatting hooks.
+ */
+export declare function CountryProvider({ country, children }: CountryProviderProps): import("react").JSX.Element;
+/**
+ * Reads the active country, locale, and default currency from the nearest
+ * `CountryProvider`.
+ */
+export declare function useCountry(): CountryContextValue;

package/dist/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './country/countries';
+export * from './country/country-context';
+export * from './use-format-currency';
+export * from './use-format-date';
+export * from './use-format-number';
+export * from './validation';

package/dist/hooks/use-format-currency.d.ts

@@ -0,0 +1,9 @@
+import { Currency } from './country/countries';
+export type FormatCurrencyOptions = Omit<Intl.NumberFormatOptions, "style" | "currency"> & {
+    currency?: Currency;
+};
+/**
+ * Returns a locale-aware currency formatter using the active country's locale
+ * and default currency. Pass `currency` in options to override per call.
+ */
+export declare function useFormatCurrency(): (value: number, options?: FormatCurrencyOptions) => string;

package/dist/hooks/use-format-date.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns a locale-aware date formatter using the active country's locale.
+ */
+export declare function useFormatDate(): (value: Date | number | string, options?: Intl.DateTimeFormatOptions) => string;

package/dist/hooks/use-format-number.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Returns a locale-aware plain-number formatter using the active country's
+ * locale.
+ */
+export declare function useFormatNumber(): (value: number, options?: Intl.NumberFormatOptions) => string;
+/**
+ * Returns a locale-aware percentage formatter using the active country's
+ * locale.
+ */
+export declare function useFormatPercentage(): (value: number, options?: Intl.NumberFormatOptions) => string;

package/dist/hooks/validation/index.d.ts

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

package/dist/hooks/validation/use-validation.d.ts

@@ -0,0 +1,21 @@
+import { ValidationResult } from '../../validation';
+/**
+ * Returns a national-id validator bound to the active country (from
+ * `CountryProvider`). The returned function reports a boolean; use
+ * {@link useValidateNationalId}'s `.validate` for the normalized value.
+ */
+export declare function useValidateNationalId(): ((value: string) => boolean) & {
+    validate: (value: string) => ValidationResult;
+};
+/**
+ * Returns a phone-number validator bound to the active country.
+ */
+export declare function useValidatePhoneNumber(): ((value: string) => boolean) & {
+    validate: (value: string) => ValidationResult;
+};
+/**
+ * Returns a bank-account validator bound to the active country.
+ */
+export declare function useValidateBankAccount(): ((value: string) => boolean) & {
+    validate: (value: string) => ValidationResult;
+};

package/dist/i18n/create-translation.d.ts

@@ -0,0 +1,28 @@
+import { Language } from './languages';
+/**
+ * Translations for a single string, keyed by language. The `no` key is required
+ * so the `DEFAULT_LANGUAGE` fallback always resolves; the others are optional.
+ */
+export type TranslationMap = {
+    no: string;
+} & Partial<Record<Language, string>>;
+/** A named set of translatable strings, each keyed by language. */
+export type TranslationSchema = Record<string, TranslationMap>;
+/**
+ * Creates a hook that returns co-located strings for the current language,
+ * each falling back to `no`. Define the schema at module scope and call the
+ * returned hook inside a component:
+ *
+ * ```tsx
+ * const useLabels = createTranslation({
+ *   increase: { no: "Øk", se: "Öka", fi: "Lisää", es: "Aumentar" },
+ *   decrease: { no: "Reduser", se: "Minska", fi: "Vähennä", es: "Disminuir" },
+ * });
+ *
+ * function Stepper() {
+ *   const t = useLabels();
+ *   return <button aria-label={t.increase} />;
+ * }
+ * ```
+ */
+export declare function createTranslation<T extends TranslationSchema>(schema: T): () => Record<keyof T, string>;

package/dist/i18n/index.d.ts

@@ -0,0 +1,3 @@
+export * from './languages';
+export * from './language-context';
+export * from './create-translation';

package/dist/i18n/language-context.d.ts

@@ -0,0 +1,9 @@
+import { Language } from './languages';
+/**
+ * Holds the currently selected language. Provided by `LeaProvider` and read by
+ * components (typically via `createTranslation`). Defaults to `DEFAULT_LANGUAGE`
+ * so components still render sensibly when used without the provider.
+ */
+export declare const LanguageContext: import('react').Context<"no" | "se" | "fi" | "es">;
+/** Returns the language from the nearest `LeaProvider`, or `DEFAULT_LANGUAGE`. */
+export declare const useLanguage: () => Language;

package/dist/i18n/languages.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Languages supported by the component library's built-in translations. The
+ * consumer selects one via `LeaProvider`'s `language` prop; components read it
+ * with `useLanguage` (usually through `createTranslation`).
+ */
+export declare const LANGUAGES: readonly ["no", "se", "fi", "es"];
+export type Language = (typeof LANGUAGES)[number];
+/** Fallback language used when no provider is present or a key is missing. */
+export declare const DEFAULT_LANGUAGE = "no";

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import "./theme/mui-augmentation";
+export * from './components';
+export * from './hooks';
+export * from './i18n';
+export * from './provider';
+export * from './theme';
+export * from './utils';
+export * from './validation';
+export type { ColorToken, BgColorToken, BorderColorToken, BrandColorToken, ColorPath, SpacingFactor, StatusColorToken, TextColorToken, TypographyColorToken, } from './theme/token-types';

package/dist/provider/index.d.ts

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

package/dist/provider/lea-provider.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { Language } from '../i18n/languages';
+export type LeaProviderProps = {
+    /** Language for the library's built-in translations and date locales. @default "no" */
+    language?: Language;
+    /** Skip rendering MUI's `CssBaseline` (e.g. if the host app renders its own). */
+    disableCssBaseline?: boolean;
+    children: ReactNode;
+};
+/**
+ * The single provider for consuming the component library. Bundles the Lea Bank
+ * MUI theme (so consumers never wire `ThemeProvider` / the theme themselves) and
+ * the language context that drives `createTranslation` and locale-aware
+ * components. Forward only the `language` prop.
+ */
+export declare function LeaProvider({ language, disableCssBaseline, children, }: LeaProviderProps): import("react").JSX.Element;

package/dist/theme/components/accordion.theme.d.ts

@@ -0,0 +1,7 @@
+import { Components, Theme } from '@mui/material';
+/**
+ * Lea styling for MUI Accordion. Importing `Accordion` / `AccordionSummary` /
+ * `AccordionDetails` from `@mui/material` (with the app `ThemeProvider` + this theme)
+ * applies these defaults and style overrides.
+ */
+export declare const accordionTheme: Pick<Components<Theme>, "MuiAccordion" | "MuiAccordionSummary" | "MuiAccordionDetails">;