@leabankab/component-library 6.1.0 → 7.0.0

package/dist/components/buttons/button-base.d.ts

@@ -0,0 +1,34 @@
+import { Button as BaseButton } from '@base-ui/react/button';
+export type ButtonVariant = "primary" | "secondary" | "tertiary";
+export type ButtonColor = "accent" | "neutral" | "danger";
+export type ButtonSize = "sm" | "md" | "lg";
+export type ButtonBaseProps = Omit<BaseButton.Props, "color"> & {
+    /**
+     * Visual weight.
+     * - `"primary"` — solid fill, for the main action.
+     * - `"secondary"` — outlined.
+     * - `"tertiary"` — ghost: no border or fill until hovered.
+     * @default "primary"
+     */
+    variant?: ButtonVariant;
+    /**
+     * Colour scheme. `"danger"` is for destructive actions.
+     * @default "accent"
+     */
+    color?: ButtonColor;
+    /**
+     * @default "md"
+     */
+    size?: ButtonSize;
+    /**
+     * Shows the busy state: the button is disabled, keeps its colour at reduced
+     * opacity and sets `aria-busy`.
+     * @default false
+     */
+    loading?: boolean;
+};
+/**
+ * The root shared by `Button`, `IconButton`, `CloseButton` and
+ * `DownloadTrigger`. Internal — not exported from the package.
+ */
+export declare const ButtonBase: import('react').ForwardRefExoticComponent<Omit<ButtonBaseProps, "ref"> & import('react').RefAttributes<HTMLElement>>;

package/dist/components/buttons/button.d.ts

@@ -1,20 +1,36 @@
-import { ButtonProps as MuiButtonProps } from '@mui/material';
-import { ElementType } from 'react';
-type ButtonProps<C extends ElementType = "button"> = MuiButtonProps<C> & {
-    /** The component to render the button as. */
-    component?: C;
+import { ReactNode } from 'react';
+import { ButtonBaseProps } from './button-base';
+export type { ButtonColor, ButtonSize, ButtonVariant, } from './button-base';
+export type ButtonProps = ButtonBaseProps & {
+    /** Icon before the label. Replaced by the spinner while `loading`. */
+    startIcon?: ReactNode;
+    /** Icon after the label. */
+    endIcon?: ReactNode;
+    /**
+     * Text announced to screen readers while `loading`, through a
+     * visually-hidden `role="status"` region, e.g. "Saving…".
+     */
+    loadingLabel?: string;
 };
 /**
- * A standard button component.
+ * A button built on Base UI's `Button` primitive and styled with Lea's design
+ * tokens. Pick a `variant` (`primary`, `secondary`, `tertiary`), a `color`
+ * (`accent`, `neutral`, `danger`) and a `size` (`sm`, `md`, `lg`).
  *
- * Supports polymorphic rendering via the `component` prop, which enables
- * type-safe usage with any router link component:
+ * ```tsx
+ * <Button variant="secondary" startIcon={<Plus aria-hidden />}>Add</Button>
+ * ```
+ *
+ * To render a link that looks like a button, pass the link through `render`.
+ * An element with `href` or `to` is rendered as a real link, without button
+ * semantics:
  *
  * ```tsx
- * <Button component={Link} to="/about">About</Button>         // React Router
- * <Button component={NextLink} href="/about">About</Button>   // Next.js
- * <Button href="/about">About</Button>                        // Plain anchor
+ * <Button render={<a href="/about" />}>About</Button>
+ * <Button render={<NextLink href="/about" />}>About</Button>
+ * <Button render={<RouterLink to="/about" />}>About</Button>
  * ```
+ *
+ * For a link inside running text, use `Link` instead.
  */
-export declare const Button: ({ variant, size, children, ...rest }: ButtonProps) => import("react").JSX.Element;
-export {};
+export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>>;

package/dist/components/buttons/close-button.d.ts

@@ -0,0 +1,14 @@
+import { ButtonBaseProps } from './button-base';
+export type CloseButtonProps = Omit<ButtonBaseProps, "children" | "aria-label" | "aria-labelledby"> & {
+    /** Accessible name. Defaults to a translated "Close". */
+    label?: string;
+};
+/**
+ * An `IconButton` with a built-in X icon. It always has an accessible name —
+ * a translated "Close" unless you pass `label`.
+ *
+ * ```tsx
+ * <CloseButton onClick={() => setOpen(false)} />
+ * ```
+ */
+export declare const CloseButton: import('react').ForwardRefExoticComponent<Omit<CloseButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>>;

package/dist/components/buttons/download-trigger.d.ts

@@ -1,8 +1,6 @@
 import { DownloadDataSource } from '../../utils/downloadFile';
-import { ButtonProps as MuiButtonProps } from '@mui/material';
-import { ElementType } from 'react';
-type DownloadTriggerProps<C extends ElementType = "button"> = Omit<MuiButtonProps<C>, "onClick"> & {
-    component?: C;
+import { ButtonProps } from './button';
+type DownloadTriggerProps = Omit<ButtonProps, "onClick"> & {
     /** File contents, or a function/promise that resolves to them. */
     data: DownloadDataSource;
     /** File name. */
@@ -15,19 +13,11 @@ type DownloadTriggerProps<C extends ElementType = "button"> = Omit<MuiButtonProp
     onDownloadError?: (error: unknown) => void;
 };
 /**
- * A button that triggers a download of a file.
- *
- * Supports polymorphic rendering via the `component` prop, which enables
- * type-safe usage with any router link component:
- *
- * ```tsx
- * <DownloadTrigger component={Link} to="/about">About</DownloadTrigger>
- * <DownloadTrigger component={NextLink} href="/about">About</DownloadTrigger>
- * <DownloadTrigger href="/about">About</DownloadTrigger>
- * ```
+ * A button that triggers a download of a file. Shares `Button`'s variants,
+ * colours and sizes, and shows the loading state while `data` resolves.
  *
  * Without `children` the label is the translated word for "download" in the
  * `LeaProvider` language.
  */
-export declare const DownloadTrigger: ({ data, fileName, mimeType, onDownload, onDownloadError, loading: loadingProp, disabled, children, ...rest }: DownloadTriggerProps) => import("react").JSX.Element;
+export declare const DownloadTrigger: ({ data, fileName, mimeType, onDownload, onDownloadError, loading: loadingProp, children, ...rest }: DownloadTriggerProps) => import("react").JSX.Element;
 export {};

package/dist/components/buttons/icon-button.d.ts

@@ -1,12 +1,42 @@
-import { IconButtonProps as MuiIconButtonProps } from '@mui/material';
-import { ElementType } from 'react';
-type IconButtonProps<C extends ElementType = "button"> = MuiIconButtonProps<C> & {
-    component?: C;
+import { ReactNode } from 'react';
+import { ButtonBaseProps } from './button-base';
+/**
+ * Requires an accessible name so the button is never nameless. Provide exactly
+ * one of `aria-label` or `aria-labelledby`.
+ */
+type IconButtonAccessibleName = {
+    "aria-label": string;
+    "aria-labelledby"?: never;
+} | {
+    "aria-labelledby": string;
+    "aria-label"?: never;
+};
+export type IconButtonProps = Omit<ButtonBaseProps, "children" | "aria-label" | "aria-labelledby"> & IconButtonAccessibleName & {
+    /** The icon. Mark it `aria-hidden` — the name comes from `aria-label`. */
+    children: ReactNode;
 };
 /**
- * An icon-only button styled with Lea's design tokens. Because it has no
- * visible text, always pass an `aria-label` so the control has an accessible
- * name.
+ * A square, icon-only button with the same variants, colours and sizes as
+ * `Button`. Because it has no visible text, TypeScript requires an
+ * `aria-label` or `aria-labelledby`.
+ *
+ * ```tsx
+ * <IconButton aria-label="Add" variant="secondary">
+ *   <Plus aria-hidden />
+ * </IconButton>
+ * ```
  */
-export declare const IconButton: ({ ...rest }: IconButtonProps) => import("react").JSX.Element;
+export declare const IconButton: import('react').ForwardRefExoticComponent<(Omit<Omit<ButtonBaseProps, "children" | "aria-label" | "aria-labelledby"> & {
+    "aria-label": string;
+    "aria-labelledby"?: never;
+} & {
+    /** The icon. Mark it `aria-hidden` — the name comes from `aria-label`. */
+    children: ReactNode;
+}, "ref"> | Omit<Omit<ButtonBaseProps, "children" | "aria-label" | "aria-labelledby"> & {
+    "aria-labelledby": string;
+    "aria-label"?: never;
+} & {
+    /** The icon. Mark it `aria-hidden` — the name comes from `aria-label`. */
+    children: ReactNode;
+}, "ref">) & import('react').RefAttributes<HTMLElement>>;
 export {};

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

@@ -1,5 +1,6 @@
 export * from './action-button';
 export * from './button';
+export * from './close-button';
 export * from './download-trigger';
 export * from './icon-button';
 export * from './skip-link';

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

@@ -4,4 +4,4 @@
  * announced to assistive tech). Every string is overridable per-instance via a
  * matching prop, so consumers can localise or reword without forking.
  */
-export declare const useDevPanelLabels: () => Record<"step" | "copy" | "copied" | "copyJson" | "close" | "minimise" | "expand" | "statusCompleted" | "statusCurrent" | "statusUpcoming" | "needsAttention", string>;
+export declare const useDevPanelLabels: () => Record<"step" | "copy" | "close" | "copied" | "copyJson" | "minimise" | "expand" | "statusCompleted" | "statusCurrent" | "statusUpcoming" | "needsAttention", string>;

package/dist/components/feedback/dialog.d.ts

@@ -1,22 +1,82 @@
-import { DialogProps as MuiDialogProps } from '@mui/material';
-import { ReactNode } from 'react';
-export type DialogProps = MuiDialogProps;
-export declare function Dialog({ slots, slotProps, transitionDuration, ...rest }: DialogProps): import("react").JSX.Element;
-type DialogCloseReason = "backdropClick" | "escapeKeyDown" | "closeButtonClick";
-export type SimpleDialogProps = Omit<MuiDialogProps, "title" | "onClose"> & {
-    /** Heading, wired to the dialog via `aria-labelledby`. */
-    title: ReactNode;
-    /** Optional supporting text, wired via `aria-describedby` when present. */
-    description?: ReactNode;
-    /** Body content rendered below the title / description. */
-    children?: ReactNode;
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ComponentPropsWithRef } from 'react';
+/**
+ * Maximum width of the popup. The names match the breakpoint scale the library
+ * used before, so `size="xs"` is still the compact confirm dialog.
+ */
+export type Size = "xs" | "sm" | "md" | "lg";
+/**
+ * Groups all parts of the dialog and owns the open state. Renders no element
+ * of its own. Control it with `open` + `onOpenChange`, or leave both off and
+ * let a `Dialog.Trigger` drive it.
+ */
+export declare const Root: typeof BaseDialog.Root;
+export type RootProps<Payload = unknown> = BaseDialog.Root.Props<Payload>;
+/**
+ * Opens the dialog. Renders a bare `<button>`, so pass a styled control
+ * through `render` — `<Dialog.Trigger render={<Button />}>Open</Dialog.Trigger>`.
+ */
+export declare const Trigger: BaseDialog.Trigger;
+export type TriggerProps<Payload = unknown> = BaseDialog.Trigger.Props<Payload>;
+/** Moves the backdrop and popup to the end of `<body>`. */
+export declare const Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export type PortalProps = BaseDialog.Portal.Props;
+export type BackdropProps = BaseDialog.Backdrop.Props;
+/** The dimmed overlay behind the popup. */
+export declare function Backdrop({ className, ...rest }: BackdropProps): import("react").JSX.Element;
+export type ViewportProps = BaseDialog.Viewport.Props;
+/** Centres the popup in the window and keeps a gutter at the screen edges. */
+export declare function Viewport({ className, ...rest }: ViewportProps): import("react").JSX.Element;
+export type PopupProps = BaseDialog.Popup.Props & {
     /**
-     * Called when the user dismisses the dialog. `reason` is `"backdropClick"`,
-     * `"escapeKeyDown"`, or `"closeButtonClick"` (the header X).
+     * Maximum width of the surface.
+     * @default "sm"
      */
-    onClose?: (event: object, reason: DialogCloseReason) => void;
-    /** Accessible name for the close button. Defaults to a translated "Close". */
-    closeLabel?: string;
+    size?: Size;
+    /**
+     * Fills the screen on narrow viewports (below 600px) instead of floating as
+     * a card. Use it for flows that need the whole screen, such as a multi-step
+     * form or a long consent list.
+     */
+    fullScreenOnMobile?: boolean;
+};
+/**
+ * The dialog surface. Lays its children out in a column so a `Dialog.Content`
+ * can scroll while the header stays put.
+ */
+export declare function Popup({ size, fullScreenOnMobile, className, ...rest }: PopupProps): import("react").JSX.Element;
+export type HeaderProps = ComponentPropsWithRef<"div">;
+/**
+ * The title row. Anything after the `Dialog.Title` sits on the same line,
+ * which is where `Dialog.CloseButton` belongs. Stays fixed while
+ * `Dialog.Content` scrolls.
+ */
+export declare function Header({ className, ...rest }: HeaderProps): import("react").JSX.Element;
+export type TitleProps = BaseDialog.Title.Props;
+/**
+ * The heading. Base UI links it to the popup as the accessible name, so no id
+ * wiring is needed.
+ */
+export declare function Title({ className, ...rest }: TitleProps): import("react").JSX.Element;
+export type DescriptionProps = BaseDialog.Description.Props;
+/** Supporting text, linked to the popup as its accessible description. */
+export declare function Description({ className, ...rest }: DescriptionProps): import("react").JSX.Element;
+export type ContentProps = ComponentPropsWithRef<"div">;
+/** The body. Scrolls on its own once the popup runs out of height. */
+export declare function Content({ className, ...rest }: ContentProps): import("react").JSX.Element;
+/**
+ * Closes the dialog. Renders a bare `<button>` for text actions — use
+ * `render` for a styled one: `<Dialog.Close render={<Button />}>Cancel</Dialog.Close>`.
+ * For the X in the header corner, use `Dialog.CloseButton`.
+ */
+export declare const Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export type CloseProps = BaseDialog.Close.Props;
+export type CloseButtonProps = Omit<BaseDialog.Close.Props, "children" | "aria-label"> & {
+    /** Accessible name. Defaults to a translated "Close". */
+    label?: string;
 };
-export declare function SimpleDialog({ title, description, children, onClose, closeLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ...rest }: SimpleDialogProps): import("react").JSX.Element;
-export {};
+/**
+ * The round X in the header corner. It renders its own icon and always has an
+ * accessible name, so it cannot be built without one.
+ */
+export declare function CloseButton({ label, className, ...rest }: CloseButtonProps): import("react").JSX.Element;

package/dist/components/feedback/drawer.d.ts

@@ -1,22 +1,87 @@
-import { DrawerProps as MuiDrawerProps } from '@mui/material';
-import { ReactNode } from 'react';
-export type DrawerProps = MuiDrawerProps;
-export declare function Drawer({ transitionDuration, ...rest }: DrawerProps): import("react").JSX.Element;
-type DrawerCloseReason = "backdropClick" | "escapeKeyDown" | "closeButtonClick";
-export type SimpleDrawerProps = Omit<MuiDrawerProps, "title" | "onClose"> & {
-    /** Heading, wired to the drawer via `aria-labelledby`. */
-    title: ReactNode;
-    /** Optional supporting text, wired via `aria-describedby` when present. */
-    description?: ReactNode;
-    /** Body content rendered below the title / description. */
-    children?: ReactNode;
+import { Drawer as BaseDrawer } from '@base-ui/react/drawer';
+import { ComponentPropsWithRef } from 'react';
+/** Screen edge the panel slides in from. */
+export type Side = "left" | "right" | "top" | "bottom";
+export type RootProps<Payload = unknown> = Omit<BaseDrawer.Root.Props<Payload>, "swipeDirection"> & {
     /**
-     * Called when the user dismisses the drawer. `reason` is `"backdropClick"`,
-     * `"escapeKeyDown"`, or `"closeButtonClick"` (the header X).
+     * Screen edge the panel slides in from. Also sets the swipe-to-dismiss
+     * direction, so the two can never disagree.
+     * @default "right"
      */
-    onClose?: (event: object, reason: DrawerCloseReason) => void;
-    /** Accessible name for the close button. Defaults to a translated "Close". */
-    closeLabel?: string;
+    side?: Side;
 };
-export declare function SimpleDrawer({ title, description, children, onClose, closeLabel, slotProps, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ...rest }: SimpleDrawerProps): import("react").JSX.Element;
-export {};
+/**
+ * Groups all parts of the drawer and owns the open state. Renders no element
+ * of its own. Control it with `open` + `onOpenChange`, or leave both off and
+ * let a `Drawer.Trigger` drive it.
+ */
+export declare function Root<Payload = unknown>({ side, ...rest }: RootProps<Payload>): import("react").JSX.Element;
+/**
+ * Opens the drawer. Renders a bare `<button>`, so pass a styled control
+ * through `render` — `<Drawer.Trigger render={<Button />}>Open</Drawer.Trigger>`.
+ */
+export declare const Trigger: BaseDrawer.Trigger;
+export type TriggerProps<Payload = unknown> = BaseDrawer.Trigger.Props<Payload>;
+/** Moves the backdrop and popup to the end of `<body>`. */
+export declare const Portal: BaseDrawer.Portal;
+export type PortalProps = BaseDrawer.Portal.Props;
+export type BackdropProps = BaseDrawer.Backdrop.Props;
+/** The dimmed overlay behind the panel. Fades out as the panel is swiped away. */
+export declare function Backdrop({ className, ...rest }: BackdropProps): import("react").JSX.Element;
+export type ViewportProps = BaseDrawer.Viewport.Props;
+/**
+ * Positioning container for the panel. Also the element Base UI offsets when
+ * the on-screen keyboard appears.
+ */
+export declare function Viewport({ className, ...rest }: ViewportProps): import("react").JSX.Element;
+export type PopupProps = BaseDrawer.Popup.Props;
+/**
+ * The panel surface, pinned to the edge given by `side` on `Drawer.Root`.
+ * Side panels are `min(22.5rem, 100vw)` wide and sheets are at most 90% of the
+ * screen height; override either with the `--drawer-size` custom property.
+ */
+export declare function Popup({ className, ...rest }: PopupProps): import("react").JSX.Element;
+export type HandleProps = ComponentPropsWithRef<"div">;
+/**
+ * The grab bar at the top of a bottom sheet. Decorative — the panel is
+ * swipe-dismissable anywhere, so this is a hint rather than a control.
+ */
+export declare function Handle({ className, ...rest }: HandleProps): import("react").JSX.Element;
+export type HeaderProps = ComponentPropsWithRef<"div">;
+/**
+ * The title row. Anything after the `Drawer.Title` sits on the same line,
+ * which is where `Drawer.CloseButton` belongs. Stays fixed while
+ * `Drawer.Content` scrolls.
+ */
+export declare function Header({ className, ...rest }: HeaderProps): import("react").JSX.Element;
+export type TitleProps = BaseDrawer.Title.Props;
+/**
+ * The heading. Base UI links it to the panel as the accessible name, so no id
+ * wiring is needed.
+ */
+export declare function Title({ className, ...rest }: TitleProps): import("react").JSX.Element;
+export type DescriptionProps = BaseDrawer.Description.Props;
+/** Supporting text, linked to the panel as its accessible description. */
+export declare function Description({ className, ...rest }: DescriptionProps): import("react").JSX.Element;
+export type ContentProps = BaseDrawer.Content.Props;
+/**
+ * The body. Scrolls on its own once the panel runs out of height, and lets a
+ * mouse select text inside it without starting a swipe.
+ */
+export declare function Content({ className, ...rest }: ContentProps): import("react").JSX.Element;
+/**
+ * Closes the drawer. Renders a bare `<button>` for text actions — use
+ * `render` for a styled one: `<Drawer.Close render={<Button />}>Cancel</Drawer.Close>`.
+ * For the X in the header corner, use `Drawer.CloseButton`.
+ */
+export declare const Close: BaseDrawer.Close;
+export type CloseProps = BaseDrawer.Close.Props;
+export type CloseButtonProps = Omit<BaseDrawer.Close.Props, "children" | "aria-label"> & {
+    /** Accessible name. Defaults to a translated "Close". */
+    label?: string;
+};
+/**
+ * The round X in the header corner. It renders its own icon and always has an
+ * accessible name, so it cannot be built without one.
+ */
+export declare function CloseButton({ label, className, ...rest }: CloseButtonProps): import("react").JSX.Element;

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

@@ -1,3 +1,5 @@
 export * from './alert';
-export * from './dialog';
-export * from './drawer';
+export * as Dialog from './dialog';
+export * as Drawer from './drawer';
+export * from './simple-dialog';
+export * from './simple-drawer';

package/dist/components/feedback/simple-dialog.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import * as Dialog from "./dialog";
+export type SimpleDialogProps = Omit<Dialog.RootProps, "children"> & {
+    /** Heading. Becomes the dialog's accessible name. */
+    title: ReactNode;
+    /** Optional supporting text. Becomes the accessible description. */
+    description?: ReactNode;
+    /** Body content rendered below the title / description. */
+    children?: ReactNode;
+    /** Accessible name for the close button. Defaults to a translated "Close". */
+    closeLabel?: string;
+    /**
+     * Maximum width of the surface.
+     * @default "sm"
+     */
+    size?: Dialog.Size;
+    /** Fills the screen below 600px instead of floating as a card. */
+    fullScreenOnMobile?: boolean;
+    /** Hide close button. */
+    hideCloseButton?: boolean;
+};
+/**
+ * The ready-made modal: pass `title`, an optional `description` and
+ * `children`, and it renders the Lea chrome — a white, large-radius surface
+ * over a dark overlay, a title row with a close button, and a scrollable body.
+ *
+ * Reach for `Dialog` (the parts) when you need a different layout.
+ *
+ * ```tsx
+ * <SimpleDialog
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   title="Update your details"
+ *   description="Keep your contact information up to date."
+ * >
+ *   <TextField label="Phone" />
+ * </SimpleDialog>
+ * ```
+ */
+export declare function SimpleDialog({ title, description, children, closeLabel, size, fullScreenOnMobile, hideCloseButton, ...rest }: SimpleDialogProps): import("react").JSX.Element;

package/dist/components/feedback/simple-drawer.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import * as Drawer from "./drawer";
+export type SimpleDrawerProps = Omit<Drawer.RootProps, "children"> & {
+    /** Heading. Becomes the drawer's accessible name. */
+    title: ReactNode;
+    /** Optional supporting text. Becomes the accessible description. */
+    description?: ReactNode;
+    /** Body content rendered below the title / description. */
+    children?: ReactNode;
+    /** Accessible name for the close button. Defaults to a translated "Close". */
+    closeLabel?: string;
+};
+/**
+ * The ready-made side panel: pass `title`, an optional `description` and
+ * `children`, and it renders the Lea chrome — a white surface that slides in
+ * from the edge over a dark overlay, a header row with a close button, and a
+ * scrollable body. Swipe-to-dismiss comes for free, towards `side`.
+ *
+ * Bottom and top sheets (`side="bottom"` / `"top"`) get a grab handle and
+ * round the edge that faces the content.
+ *
+ * Reach for `Drawer` (the parts) when you need a different layout.
+ *
+ * ```tsx
+ * <SimpleDrawer open={open} onOpenChange={setOpen} title="Filters">
+ *   <FilterForm />
+ * </SimpleDrawer>
+ * ```
+ */
+export declare function SimpleDrawer({ title, description, children, closeLabel, side, ...rest }: SimpleDrawerProps): import("react").JSX.Element;

package/dist/components/form/datepicker/use-view-toggle-labels.d.ts

@@ -3,5 +3,5 @@
  * `role="group"` accessible name. Consumers can override any of these
  * per-instance via `DatePicker`'s `viewToggleLabels` prop.
  */
-export declare const useViewToggleLabels: () => Record<"month" | "year" | "selectView", string>;
+export declare const useViewToggleLabels: () => Record<"year" | "month" | "selectView", string>;
 export type ViewToggleLabels = Partial<ReturnType<typeof useViewToggleLabels>>;

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

@@ -15,4 +15,5 @@ export * from './radio-card';
 export * from './radio-circle';
 export * from './select';
 export * from './slider';
+export * from './switch';
 export { FormControlLabel, InputAdornment, type FormControlLabelProps, type InputAdornmentProps, } from '@mui/material';

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

@@ -0,0 +1,33 @@
+import { Switch as BaseSwitch } from '@base-ui/react/switch';
+/**
+ * Requires an accessible name so the switch is never nameless. Provide exactly
+ * one of `aria-label` or `aria-labelledby`.
+ */
+type SwitchAccessibleName = {
+    "aria-label": string;
+    "aria-labelledby"?: never;
+} | {
+    "aria-labelledby": string;
+    "aria-label"?: never;
+};
+export type SwitchProps = Omit<BaseSwitch.Root.Props, "children" | "aria-label" | "aria-labelledby"> & SwitchAccessibleName;
+/**
+ * An on/off toggle built on Base UI's accessible `Switch` primitive.
+ *
+ * Base UI renders the `switch` role, keeps `aria-checked` in sync and submits
+ * a hidden input when `name` is set. The thumb is rendered internally so it
+ * can never be left out, and the slide respects `prefers-reduced-motion`.
+ *
+ * Unlike a checkbox, a switch takes effect immediately — use it for settings
+ * that apply on toggle, not for values confirmed by a submit button.
+ *
+ * ```tsx
+ * <Switch
+ *   aria-label="Analyse-informasjonskapsler"
+ *   defaultChecked
+ *   onCheckedChange={(checked) => save(checked)}
+ * />
+ * ```
+ */
+export declare function Switch({ className, ...rest }: SwitchProps): import("react").JSX.Element;
+export {};

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

@@ -5,7 +5,7 @@
  * 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>;
+export declare const useAutocompleteLabels: () => Record<"clear" | "loading" | "close" | "open" | "noOptions", string>;
 /**
  * The same labels mapped onto MUI's `Autocomplete` prop names, ready to spread
  * before `...rest` so a consumer-supplied value still wins.