@leabankab/component-library 7.3.0 → 8.1.0

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

@@ -1,5 +0,0 @@
-export * from './form-control';
-export * from './form-control-context';
-export * from './form-control-label';
-export * from './form-label';
-export * from './form-helper-text';

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

@@ -1,9 +0,0 @@
-import { InputLabelProps } from '@mui/material';
-export type { InputLabelProps };
-/**
- * Floating label for a field. When rendered inside our `FormControl` it links
- * itself to the control automatically via `htmlFor` / `id`, so the consumer
- * never has to wire them. MUI appends the required asterisk and reads focus /
- * error / required state from the surrounding `FormControl` on its own.
- */
-export declare const InputLabel: (props: InputLabelProps) => import("react").JSX.Element;

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

@@ -1,7 +0,0 @@
-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">;

package/dist/theme/components/action-button.theme.d.ts

@@ -1,45 +0,0 @@
-export declare const actionButtonVariant: {
-    props: {
-        variant: "action";
-    };
-    style: {
-        color: string;
-        backgroundColor: string;
-        outline: string;
-        border: string;
-        borderRadius: 100;
-        paddingInlineStart: string;
-        paddingInlineEnd: string;
-        paddingBlock: string;
-        fontSize: "1.25rem";
-        textTransform: "uppercase";
-        fontWeight: 700;
-        svg: {
-            display: string;
-            width: number;
-            height: number;
-            borderRadius: 100;
-            marginInlineStart: string;
-            backgroundColor: string;
-            color: string;
-            transition: string;
-        };
-        "&:hover": {
-            svg: {
-                transform: string;
-                backgroundColor: string;
-            };
-        };
-        "& .MuiTouchRipple-root": {
-            color: string;
-        };
-        "&:active": {
-            outline: string;
-            color: string;
-        };
-        "&:focus-visible": {
-            outline: string;
-            outlineColor: string;
-        };
-    };
-};

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const alertTheme: Components<Theme>["MuiAlert"];

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const autocompleteTheme: Components<Theme>["MuiAutocomplete"];

package/dist/theme/components/baseline-css.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const baselineCss: Components<Theme>["MuiCssBaseline"];

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const buttonTheme: Components<Theme>["MuiButton"];

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const cardTheme: Components<Theme>["MuiCard"];

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const checkboxTheme: Components<Theme>["MuiCheckbox"];

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const chipTheme: Components<Theme>["MuiChip"];

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

@@ -1,95 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-/** The outer card: a rounded, cream surface with a subtle border. */
-export declare const devPanelSx: SxProps<Theme>;
-/** The chrome strip: title + status dot, an optional badge, and the minimise control. */
-export declare const devPanelHeaderSx: SxProps<Theme>;
-export declare const devPanelHeaderTitleSx: SxProps<Theme>;
-/** The small "live" indicator dot beside the panel title. */
-export declare const devPanelHeaderDotSx: SxProps<Theme>;
-/** The "MOCK" / "live" pill next to the title. */
-export declare const devPanelBadgeSx: SxProps<Theme>;
-/** The scrollable body that holds the sections. */
-export declare const devPanelBodySx: SxProps<Theme>;
-/** A single labelled section (COUNTRY, VARIANT, …). */
-export declare const devPanelSectionSx: SxProps<Theme>;
-/**
- * The uppercase section heading. Uses `neutral[600]` (not `text.subtle`) so the
- * small label clears WCAG AA (4.5:1) against the cream body — matching the
- * `Tabs` track decision.
- */
-export declare const devPanelSectionLabelSx: SxProps<Theme>;
-/** Optional trailing meta on a section heading row (e.g. the `6 / 10` count). */
-export declare const devPanelSectionHeaderRowSx: SxProps<Theme>;
-export declare const devPanelSectionMetaSx: SxProps<Theme>;
-export declare const devPanelFlowSx: SxProps<Theme>;
-export declare const devPanelFlowTextSx: SxProps<Theme>;
-export declare const devPanelFlowLabelSx: SxProps<Theme>;
-/** The beige track that holds the segmented options. */
-export declare const segmentedGroupSx: SxProps<Theme>;
-/**
- * The "pill" variant used by Country/Variant: options grow to fill the track
- * and the selected one flips to a white pill.
- */
-export declare const segmentedOptionSx: (selected: boolean) => SxProps<Theme>;
-/**
- * The "chip" variant used by Step state: pills that hug their content and carry
- * a small leading dot.
- */
-export declare const segmentedChipGroupSx: SxProps<Theme>;
-export declare const segmentedChipSx: (selected: boolean) => SxProps<Theme>;
-export declare const segmentedChipDotSx: (selected: boolean) => SxProps<Theme>;
-export declare const stepGridSx: (columns: number) => SxProps<Theme>;
-export declare const stepButtonSx: SxProps<Theme>;
-export type StepCircleState = "complete" | "current" | "upcoming";
-export declare const stepCircleSx: (state: StepCircleState) => SxProps<Theme>;
-/** The small warning dot on a step that needs attention. */
-export declare const stepFlagDotSx: SxProps<Theme>;
-export declare const stepLabelSx: (isCurrent: boolean) => SxProps<Theme>;
-export declare const statusGridSx: SxProps<Theme>;
-export type DevPanelStatusColor = "warning" | "success" | "info" | "error" | "neutral";
-export declare const statusColorValue: Record<DevPanelStatusColor, string>;
-export declare const statusCardSx: (color: DevPanelStatusColor, selected: boolean) => SxProps<Theme>;
-export declare const statusDotSx: (color: DevPanelStatusColor) => SxProps<Theme>;
-export declare const payloadToggleSx: SxProps<Theme>;
-export declare const payloadToggleLabelSx: SxProps<Theme>;
-export declare const payloadChevronSx: (expanded: boolean) => SxProps<Theme>;
-export declare const payloadPanelSx: SxProps<Theme>;
-export declare const payloadPanelHeaderSx: SxProps<Theme>;
-export declare const payloadPreSx: SxProps<Theme>;
-/**
- * The chevron on the side toggle. It points left, toward where the flyout
- * appears beside the panel; the open state is conveyed via `aria-expanded`.
- */
-export declare const payloadSideChevronSx: SxProps<Theme>;
-/**
- * The floating dark payload panel that opens beside the `DevPanel`. It is
- * portalled to the document body and positioned (top/left/width/height) inline
- * from the anchored panel's rect, so it can sit outside the panel's clipped
- * bounds. `zIndex` matches MUI's `modal` layer (1300).
- */
-export declare const payloadFlyoutSx: SxProps<Theme>;
-export declare const payloadFlyoutHeaderSx: SxProps<Theme>;
-export declare const payloadFlyoutTitleSx: SxProps<Theme>;
-/** The small pill (e.g. "live") in the flyout header, tuned for the dark panel. */
-export declare const payloadFlyoutBadgeSx: SxProps<Theme>;
-/** The scrollable JSON body: fills the remaining flyout height. */
-export declare const payloadFlyoutBodySx: SxProps<Theme>;
-export declare const payloadFlyoutFooterSx: SxProps<Theme>;
-/** The full-width "Copy JSON" action at the foot of the flyout. */
-export declare const payloadFlyoutCopyButtonSx: SxProps<Theme>;
-/** The kinds of token the JSON highlighter distinguishes. */
-export type JsonTokenType = "key" | "string" | "number" | "boolean" | "null" | "punctuation";
-/**
- * Colours for the syntax-highlighted payload, tuned for the dark
- * (`neutral[950]`) panel. Every shade clears WCAG AA (4.5:1) against that
- * background, so highlighting never trades contrast for colour.
- */
-export declare const payloadTokenColors: Record<JsonTokenType, string>;
-/**
- * The action row. Negative horizontal / bottom margins cancel the body padding
- * (`devPanelBodySx`, `padding: 2.5`) so — when placed as the last child — the
- * footer sits flush with the panel edges under a full-width divider.
- */
-export declare const devPanelFooterSx: SxProps<Theme>;
-/** A visually-hidden live region for copy confirmations. */
-export declare const visuallyHiddenSx: SxProps<Theme>;

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const dialogTheme: Pick<Components<Theme>, "MuiDialog" | "MuiDialogTitle" | "MuiDialogContent">;

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

@@ -1,4 +0,0 @@
-import { Components, SxProps, Theme } from '@mui/material';
-export declare const drawerTheme: Pick<Components<Theme>, "MuiDrawer">;
-export declare const drawerHeaderSx: SxProps<Theme>;
-export declare const drawerBodySx: SxProps<Theme>;

package/dist/theme/components/field-base.d.ts

@@ -1,31 +0,0 @@
-import { CSSObject } from '@mui/material';
-/**
- * Shared building blocks for the outlined form fields (text `Input`, `Select`,
- * `Autocomplete` and the date-picker trigger). Keeping height, padding, the
- * collapsed notch and the border-state colours in one place means editing a
- * field's look here updates every input at once; component-specific styling
- * stays in each component's own theme file.
- */
-export declare const FIELD_HEIGHT = "54px";
-export declare const fieldPadding: {
-    readonly paddingInlineStart: "0.9rem";
-    readonly paddingBlockStart: "1.5rem";
-    readonly paddingBlockEnd: "0.5rem";
-};
-/**
- * We draw the field border ourselves, so MUI's notch and its legend are
- * collapsed. Parameterised by the notched-outline class because
- * `OutlinedInput` and `PickersOutlinedInput` name that element differently.
- */
-export declare const collapsedNotch: (outlineClass: string) => CSSObject;
-/**
- * Hover / focus / error border treatment shared by every outlined field.
- * Parameterised by the notched-outline class for the same reason as
- * `collapsedNotch`.
- *
- * Focus is keyed off `:focus-within` rather than `.Mui-focused`: the latter is
- * not applied to the `OutlinedInput` root that `Autocomplete` injects its input
- * into, so `:focus-within` is the only selector that lights up the focus border
- * across every field consistently.
- */
-export declare const fieldBorderStates: (outlineClass: string) => CSSObject;

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const formControlLabelTheme: Components<Theme>["MuiFormControlLabel"];

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const formControlTheme: Components<Theme>["MuiFormControl"];

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const components: Components<Theme>;

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

@@ -1,3 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const inputTheme: Components<Theme>["MuiOutlinedInput"];
-export declare const inputLabelTheme: Components<Theme>["MuiInputLabel"];

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const linkTheme: Components<Theme>["MuiLink"];

package/dist/theme/components/menu-item.theme.d.ts

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const menuItemTheme: Components<Theme>["MuiMenuItem"];

package/dist/theme/components/number-input.theme.d.ts

@@ -1,23 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-/**
- * Styling for the `NumberInput` stepper, trailing unit and leading icon. These
- * are exported as `sx` objects the component applies (there is no dedicated MUI
- * slot to override globally), keeping the component lean while the visual tokens
- * live here, mirroring the shared building blocks in `field-base`.
- */
-/** Applied to the `OutlinedInput`: drop the trailing padding, lay the parts in a row. */
-export declare const numberInputRootSx: SxProps<Theme>;
-/** Root style when the label is rendered outside the field. */
-export declare const numberInputExternalLabelRootSx: SxProps<Theme>;
-/** The stacked +/- buttons. Kept as a row of circular icon buttons. */
-export declare const numberInputStepperSx: SxProps<Theme>;
-/**
- * End adornment wrapper when a `unit` is present — lays the unit (and, if shown,
- * the steppers) in a row that stretches to the field's full height so the unit
- * divider runs edge to edge.
- */
-export declare const numberInputEndSx: SxProps<Theme>;
-/** Trailing unit text, separated from the value by a light divider. */
-export declare const numberInputUnitSx: SxProps<Theme>;
-/** Leading decorative icon. */
-export declare const numberInputStartSx: SxProps<Theme>;

package/dist/theme/components/phone-number-input.theme.d.ts

@@ -1,43 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-/**
- * Styling for `PhoneNumberInput`. The label floats on the field's top border,
- * with the value and the leading country trigger vertically centred. The country
- * trigger opens a searchable popover (a MUI `Autocomplete` rendered inline).
- * These `sx` objects keep the component file lean, mirroring `number-input.theme`.
- */
-/** Applied to the outer `OutlinedInput`: centre the row and give the value room. */
-export declare const phoneNumberInputRootSx: SxProps<Theme>;
-/**
- * Applied to the standalone `FormControl`. Pins the floated (shrunk) label to
- * the top-left of the border instead of the generic start-adornment offset
- * (`translate(2.4rem, …)` from `formControlTheme`), which would land it over the
- * country flag. Matches that rule's specificity so this wins by source order.
- */
-export declare const phoneNumberFormControlSx: SxProps<Theme>;
-/** The compact country trigger button embedded in the leading adornment. */
-export declare const countryTriggerSx: SxProps<Theme>;
-/** The flag glyph shown in the trigger and the option rows. */
-export declare const countryFlagSx: SxProps<Theme>;
-/** The popper wrapping the search popover, above the field. */
-export declare const countryPopperSx: SxProps<Theme>;
-/**
- * The popover surface holding the search box and the country list. Its width is
- * set at runtime to match the input it anchors to, so the two line up exactly.
- */
-export declare const countryPopoverSx: SxProps<Theme>;
-/**
- * Neutralises the global `MuiAutocomplete` theme for our inline instance: drop
- * the root's boxed background and radius so the search box reads as a flat row
- * of our own popover. (The listbox popper is pulled back into flow on the
- * `InlineListbox` element itself, since it renders as a sibling of the root.)
- */
-export declare const countryAutocompleteSx: SxProps<Theme>;
-/** The search input at the top of the popover. */
-export declare const countrySearchSx: SxProps<Theme>;
-/**
- * Strips the `Autocomplete`'s own paper so our popover surface is the only one;
- * the listbox renders inline beneath the search box.
- */
-export declare const countryListPaperSx: SxProps<Theme>;
-/** An option row: flag, country name (grows), dialling code. */
-export declare const countryOptionSx: SxProps<Theme>;

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const radioTheme: Components<Theme>["MuiRadio"];

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const selectTheme: Components<Theme>["MuiSelect"];

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const sliderTheme: Components<Theme>["MuiSlider"];

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

@@ -1,34 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-/**
- * Styling for the segmented `Tabs` control. Base UI has no MUI slot to override
- * globally, so — like `number-input` — these are exported `sx` objects the
- * component applies, keeping the component lean while the visual tokens live
- * here.
- */
-/** The visual variants of the active "pill". */
-export type TabsVariant = "brand" | "greyscale";
-/**
- * The track that holds the tab buttons: a rounded, beige pill container. Scrolls
- * horizontally when the tabs overflow (e.g. on mobile) with the scrollbar
- * hidden, and positions the sliding indicator via `position: relative`.
- */
-export declare const tabsListSx: SxProps<Theme>;
-/**
- * A single tab button. Transparent by default with muted text; the active tab
- * sits above the pill indicator (`zIndex: 1`) and flips to contrast text. Icons
- * are laid out inline before the label.
- */
-export declare const tabSx: SxProps<Theme>;
-/**
- * A tab panel. Base UI makes the panel focusable (`tabIndex={0}`) so keyboard
- * users can reach its content, so it needs a visible focus ring and a little
- * breathing room from the tab list.
- */
-export declare const tabPanelSx: SxProps<Theme>;
-/**
- * The sliding "pill" behind the active tab. Base UI exposes the active tab's
- * geometry as CSS variables on this element (`--active-tab-*`); we translate
- * those into position/size. The slide is disabled under
- * `prefers-reduced-motion`.
- */
-export declare const tabsIndicatorSx: (variant: TabsVariant) => SxProps<Theme>;

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

@@ -1,110 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export type TooltipTriggerVariant = "icon" | "filled" | "outlined";
-export type TooltipSurfaceVariant = "light" | "dark";
-export declare const tooltipSurfaceStyles: (variant: TooltipSurfaceVariant) => {
-    backgroundColor: string;
-    color: string;
-    boxShadow: "0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.10)";
-};
-export declare const tooltipSurfaceSx: (variant: TooltipSurfaceVariant) => {
-    backgroundColor: string;
-    color: string;
-    boxShadow: "0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.10)";
-};
-export declare const tooltipTriggerSx: (variant: TooltipTriggerVariant) => {
-    display: string;
-    alignItems: string;
-    justifyContent: string;
-    boxSizing: string;
-    width: string;
-    height: string;
-    margin: string;
-    border: number;
-    backgroundColor: string;
-    cursor: string;
-    lineHeight: number;
-    color: string;
-    transition: string;
-    "&:hover": {
-        color: string;
-    };
-    "&:focus-visible": {
-        outline: string;
-        outlineOffset: string;
-        borderRadius: 100;
-    };
-};
-export declare const tooltipIconMarkSx: (variant: TooltipTriggerVariant) => {
-    width: string;
-    height: string;
-    borderRadius: 100;
-    backgroundColor: string;
-    color: string;
-    "&:hover": {
-        backgroundColor: string;
-    };
-    display: "inline-flex";
-    alignItems: "center";
-    justifyContent: "center";
-    position: "relative";
-    flexShrink: 0;
-    boxSizing: "border-box";
-    "&::before": {
-        readonly content: "\"\"";
-        readonly position: "absolute";
-        readonly width: string;
-        readonly height: string;
-        readonly borderRadius: 100;
-        readonly backgroundColor: "currentColor";
-        readonly left: "50%";
-        readonly top: "50%";
-        readonly transform: "translate(-50%, -8%)";
-    };
-    "&::after": {
-        readonly content: "\"\"";
-        readonly position: "absolute";
-        readonly width: string;
-        readonly height: string;
-        readonly borderRadius: 100;
-        readonly backgroundColor: "currentColor";
-        readonly left: "50%";
-        readonly top: "50%";
-        readonly transform: "translate(-50%, -190%)";
-    };
-} | {
-    width: string;
-    height: string;
-    borderRadius: 100;
-    border: string;
-    backgroundColor: string;
-    color: string;
-    display: "inline-flex";
-    alignItems: "center";
-    justifyContent: "center";
-    position: "relative";
-    flexShrink: 0;
-    boxSizing: "border-box";
-    "&::before": {
-        readonly content: "\"\"";
-        readonly position: "absolute";
-        readonly width: string;
-        readonly height: string;
-        readonly borderRadius: 100;
-        readonly backgroundColor: "currentColor";
-        readonly left: "50%";
-        readonly top: "50%";
-        readonly transform: "translate(-50%, -8%)";
-    };
-    "&::after": {
-        readonly content: "\"\"";
-        readonly position: "absolute";
-        readonly width: string;
-        readonly height: string;
-        readonly borderRadius: 100;
-        readonly backgroundColor: "currentColor";
-        readonly left: "50%";
-        readonly top: "50%";
-        readonly transform: "translate(-50%, -190%)";
-    };
-};
-export declare const tooltipTheme: Pick<Components<Theme>, "MuiTooltip">;

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

@@ -1,2 +0,0 @@
-import { Components, Theme } from '@mui/material';
-export declare const typographyTheme: Components<Theme>["MuiTypography"];

package/dist/theme/mui-augmentation.d.ts

@@ -1,147 +0,0 @@
-/**
- * MUI module augmentation for Lea Bank design tokens.
- * Imported from the package entry so consumers get palette / prop autocomplete.
- */
-import "@mui/x-date-pickers/themeAugmentation";
-declare module "@mui/material/styles" {
-    interface PaletteBg {
-        base: string;
-        subtle: string;
-        muted: string;
-        contrast: string;
-        accent: string;
-    }
-    interface PaletteBorder {
-        base: string;
-        subtle: string;
-        strong: string;
-        accent: string;
-        contrast: string;
-    }
-    interface PaletteBrand {
-        base: string;
-        hover: string;
-        subtle: string;
-        contrast: string;
-    }
-    interface PaletteStatusColor {
-        base: string;
-        subtle: string;
-    }
-    interface PaletteStatus {
-        error: PaletteStatusColor;
-        warning: PaletteStatusColor;
-        info: PaletteStatusColor;
-        success: PaletteStatusColor;
-    }
-    interface Palette {
-        bg: PaletteBg;
-        border: PaletteBorder;
-        status: PaletteStatus;
-        purple: PaletteBrand;
-        teal: PaletteBrand;
-    }
-    interface PaletteOptions {
-        bg: PaletteBg;
-        border: PaletteBorder;
-        status: PaletteStatus;
-        purple: PaletteBrand;
-        teal: PaletteBrand;
-    }
-    interface TypeText {
-        base: string;
-        subtle: string;
-        muted: string;
-        accent: string;
-        contrast: string;
-    }
-    interface TypeTextOptions {
-        base?: string;
-        subtle?: string;
-        muted?: string;
-        accent?: string;
-        contrast?: string;
-    }
-    interface Shape {
-        sm: number;
-        md: number;
-        lg: number;
-        xl: number;
-        "2xl": number;
-        "3xl": number;
-        "4xl": number;
-        "5xl": number;
-        huge: number;
-        full: number;
-    }
-    interface ShapeOptions {
-        sm?: number;
-        md?: number;
-        lg?: number;
-        xl?: number;
-        "2xl"?: number;
-        "3xl"?: number;
-        "4xl"?: number;
-        "5xl"?: number;
-        huge?: number;
-        full?: number;
-    }
-    interface Theme {
-        fontSizes: typeof import("./tokens/font-sizes").fontSizes;
-        colors: typeof import("./tokens/colors").colors;
-        palette: typeof import("./tokens/palette").palette;
-        shape: typeof import("./tokens/shape").shape;
-        /** Design-token shadows (distinct from MUI `theme.shadows` elevation tuple). */
-        shadowTokens: typeof import("./tokens/shadows").shadows;
-        fontWeights: typeof import("./tokens/font-weights").fontWeights;
-        /** 8px-base spacing helper in rem (separate from MUI `theme.spacing`). */
-        space: typeof import("./tokens/spacing").spacing;
-        easings: typeof import("./tokens/transitions").easings;
-        durations: typeof import("./tokens/transitions").durations;
-        transition: typeof import("./tokens/transitions").transition;
-    }
-    interface ThemeOptions {
-        fontSizes?: Theme["fontSizes"];
-        colors?: Theme["colors"];
-        shape?: Theme["shape"];
-        shadowTokens?: Theme["shadowTokens"];
-        fontWeights?: Theme["fontWeights"];
-        space?: Theme["space"];
-        easings?: Theme["easings"];
-        durations?: Theme["durations"];
-        transition?: Theme["transition"];
-    }
-}
-declare module "@mui/material/Alert" {
-    interface AlertPropsColorOverrides {
-        purple: true;
-        grey: true;
-    }
-}
-declare module "@mui/material/Button" {
-    interface ButtonPropsVariantOverrides {
-        action: true;
-    }
-}
-declare module "@mui/material/Chip" {
-    interface ChipPropsColorOverrides {
-        purple: true;
-        blue: true;
-        teal: true;
-        orange: true;
-        grey: true;
-    }
-}
-declare module "@mui/material/Typography" {
-    interface TypographyOwnProps {
-        fontSize?: keyof import("@mui/material/styles").Theme["fontSizes"] | (string & {}) | number | undefined;
-    }
-    interface TypographyPropsColorOverrides {
-        "text.base": true;
-        "text.subtle": true;
-        "text.muted": true;
-        "text.accent": true;
-        "text.contrast": true;
-    }
-}
-export {};

package/dist/theme/sx-config.d.ts

@@ -1,10 +0,0 @@
-/**
- * Custom `sx` resolver for `borderRadius` so the radius design tokens work as
- * string shorthands — `borderRadius="md"`, `sx={{ borderRadius: "2xl" }}` — while
- * numbers keep MUI's default `shape.borderRadius` scaling. Wired into the theme
- * via `unstable_sxConfig` (see `theme/index.ts`).
- */
-export declare const borderRadiusSx: {
-    (props: object): any;
-    filterProps: string[];
-};