themelia-ui 2.0.0 → 3.0.0

package/dist/components/base/cards/partials/card-header.d.cts

@@ -1,19 +0,0 @@
-import * as React from "react";
-/**
- * The header region: a title row with trailing controls, plus an optional full-width row
- * above. The title truncates rather than pushing the controls off the row.
- */
-export declare function CardHeader({ icon, title, titleSuffix, tooltip, tooltipLabel, description, headerStart, headerEnd, headerAction, divider, titleLevel, className, ...props }: Omit<React.ComponentProps<"div">, "title"> & {
-    icon?: React.ReactNode;
-    title?: React.ReactNode;
-    titleSuffix?: React.ReactNode;
-    tooltip?: React.ReactNode;
-    tooltipLabel?: string;
-    description?: React.ReactNode;
-    headerStart?: React.ReactNode;
-    headerEnd?: React.ReactNode;
-    headerAction?: React.ReactNode;
-    divider?: boolean;
-    /** Renders the title as a heading of this level. See `CardProps.titleLevel`. */
-    titleLevel?: 1 | 2 | 3 | 4 | 5 | 6;
-}): React.JSX.Element;

package/dist/components/base/cards/partials/card-regions.d.cts

@@ -1,7 +0,0 @@
-import * as React from "react";
-/** Content region. Owns the inset, and drops its top padding when a header precedes it. */
-export declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export declare function CardFooter({ divider, text, className, children, ...props }: React.ComponentProps<"div"> & {
-    divider?: boolean;
-    text?: React.ReactNode;
-}): React.JSX.Element;

package/dist/components/base/cards/partials/index.d.cts

@@ -1,2 +0,0 @@
-export { CardHeader } from './card-header.cjs';
-export { CardContent, CardFooter } from './card-regions.cjs';

package/dist/components/base/carousel/carousel-context.d.cts

@@ -1,17 +0,0 @@
-import { CarouselStrings } from './carousel.strings.cjs';
-export declare const CarouselContext: import('react').Context<{
-    index: number;
-    count: number;
-    atStart: boolean;
-    atEnd: boolean;
-    scrollToSlide: (index: number) => void;
-    strings: CarouselStrings;
-} | null>;
-export declare function useCarousel(): {
-    index: number;
-    count: number;
-    atStart: boolean;
-    atEnd: boolean;
-    scrollToSlide: (index: number) => void;
-    strings: CarouselStrings;
-};

package/dist/components/base/carousel/carousel.d.cts

@@ -1,33 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { CarouselStrings } from './carousel.strings.cjs';
-export type CarouselOrientation = "horizontal" | "vertical";
-/** Where the previous/next controls sit. `overlay` floats them over the track's edges. */
-export type CarouselControlPlacement = "outside" | "overlay" | "none";
-export interface CarouselProps extends Omit<ComponentProps<"div">, "children"> {
-    children: ReactNode;
-    orientation?: CarouselOrientation;
-    controls?: CarouselControlPlacement;
-    /** Shows the position indicators, and lets them be clicked. */
-    showDots?: boolean;
-    dotStyle?: "dot" | "pill";
-    /** Overrides this carousel's own copy — the region name and the two controls. */
-    strings?: Partial<CarouselStrings>;
-    label?: string;
-    viewportClassName?: string;
-}
-export declare function Carousel({ children, orientation, controls, showDots, dotStyle, strings, label, className, viewportClassName, ...props }: CarouselProps): import("react").JSX.Element;
-export interface CarouselControlProps extends ComponentProps<"button"> {
-    direction: "previous" | "next";
-}
-/** A previous/next control placed by the caller rather than by the root. */
-export declare function CarouselControl({ direction, className, children, ...props }: CarouselControlProps): import("react").JSX.Element;
-export interface CarouselDotsProps extends ComponentProps<"div"> {
-    dotStyle?: "dot" | "pill";
-}
-/** The position indicators, placed by the caller. */
-export declare function CarouselDots({ dotStyle, className, ...props }: CarouselDotsProps): import("react").JSX.Element;
-export interface CarouselSlideProps extends ComponentProps<"div"> {
-    /** Track width this slide occupies — "100%", "50%", "18rem". */
-    size?: string;
-}
-export declare function CarouselSlide({ size, className, style, ...props }: CarouselSlideProps): import("react").JSX.Element;

package/dist/components/base/carousel/carousel.strings.d.cts

@@ -1,13 +0,0 @@
-export interface CarouselStrings {
-    /** Names the region. A page with two carousels needs two names. */
-    label: string;
-    /** The controls are icon-only, so these are the only names they have. */
-    previous: string;
-    next: string;
-    /** Accessible name for a pagination dot, by the slide it jumps to. */
-    goToSlide: (index: number) => string;
-    /** What the region and each slide are (`aria-roledescription`), announced before their name. */
-    roleDescription: string;
-    slideRoleDescription: string;
-}
-export declare const defaultCarouselStrings: CarouselStrings;

package/dist/components/base/carousel/index.d.cts

@@ -1,3 +0,0 @@
-export { Carousel, CarouselSlide, type CarouselControlPlacement, type CarouselOrientation, type CarouselProps, type CarouselSlideProps, CarouselControl, CarouselDots, type CarouselControlProps, type CarouselDotsProps, } from './carousel.cjs';
-export { defaultCarouselStrings, type CarouselStrings } from './carousel.strings.cjs';
-export { useCarousel } from './carousel-context.cjs';

package/dist/components/base/chart/chart.d.cts

@@ -1,62 +0,0 @@
-/**
- * Chart — Recharts on the kit's tokens. Recharts owns geometry; this owns chrome. The
- * container maps each series key to `--color-<key>`, so colours are set once in the config;
- * prefer `var(--chart-1)` … `var(--chart-5)`, which follow the theme.
- */
-import * as React from "react";
-import * as Recharts from "recharts";
-export interface ChartSeriesConfig {
-    /** Shown in the tooltip and the legend in place of the raw data key. */
-    label?: React.ReactNode;
-    icon?: React.ComponentType;
-    /** Any CSS colour. Prefer a theme token so the chart follows light and dark. */
-    color?: string;
-}
-/** Maps each data key to its label, colour, and icon. */
-export type ChartConfig = Record<string, ChartSeriesConfig>;
-/** One entry of what is under the cursor. Shaped by Recharts, narrowed here. */
-export interface ChartPayloadItem {
-    dataKey?: string | number;
-    name?: string | number;
-    value?: string | number | (string | number)[];
-    color?: string;
-    fill?: string;
-    payload?: Record<string, unknown>;
-}
-export interface ChartContainerProps extends Omit<React.ComponentProps<"div">, "children"> {
-    config: ChartConfig;
-    children: React.ComponentProps<typeof Recharts.ResponsiveContainer>["children"];
-    /**
-     * What the chart shows, as a sentence a screen reader can speak ("Monthly revenue against
-     * expenses, January to June"). Without it the focusable plot is announced by its tick text.
-     */
-    label?: string;
-    /** A longer summary of the data or its takeaway, read after the label. */
-    description?: string;
-}
-export declare function ChartContainer({ config, label, description, className, children, style, ...props }: ChartContainerProps): React.JSX.Element;
-export declare const ChartTooltip: typeof Recharts.Tooltip;
-export declare function ChartLegend({ itemSorter, ...props }: React.ComponentProps<typeof Recharts.Legend>): React.JSX.Element;
-export interface ChartTooltipContentProps extends Omit<React.ComponentProps<"div">, "color"> {
-    /** Supplied by Recharts. */
-    active?: boolean;
-    payload?: ChartPayloadItem[];
-    label?: React.ReactNode;
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "dot" | "line" | "dashed";
-    /** Key in the payload holding each series name. */
-    nameKey?: string;
-    /** Key in the payload holding the tooltip label. */
-    labelKey?: string;
-    labelFormatter?: (label: React.ReactNode, payload: ChartPayloadItem[]) => React.ReactNode;
-    formatter?: (value: NonNullable<ChartPayloadItem["value"]>, name: NonNullable<ChartPayloadItem["name"]>, item: ChartPayloadItem, index: number) => React.ReactNode;
-}
-export declare function ChartTooltipContent({ active, payload, label, hideLabel, hideIndicator, indicator, nameKey, labelKey, labelFormatter, formatter, className, ...props }: ChartTooltipContentProps): React.JSX.Element | null;
-export interface ChartLegendContentProps extends React.ComponentProps<"div"> {
-    /** Supplied by Recharts. */
-    payload?: ChartPayloadItem[];
-    hideIcon?: boolean;
-    nameKey?: string;
-}
-export declare function ChartLegendContent({ payload, hideIcon, nameKey, className, ...props }: ChartLegendContentProps): React.JSX.Element | null;

package/dist/components/base/chart/index.d.cts

@@ -1,3 +0,0 @@
-/** Recharts is a peer of this family only: apps that import no charts don't ship it. */
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, type ChartConfig, type ChartContainerProps, type ChartLegendContentProps, type ChartPayloadItem, type ChartSeriesConfig, type ChartTooltipContentProps, } from './chart.cjs';
-export { Sparkline, type SparklineProps } from './sparkline.cjs';

package/dist/components/base/chart/sparkline.d.cts

@@ -1,12 +0,0 @@
-import { SemanticTone } from '../../../lib/component-vocabulary.cjs';
-export interface SparklineProps extends Omit<React.ComponentProps<"div">, "children"> {
-    /** The series, in chronological order. */
-    data: readonly number[];
-    /** Colours the stroke and its fade. */
-    tone?: SemanticTone;
-    /** Off by default: many sparklines animating at once reads as a malfunction. */
-    animated?: boolean;
-    /** What the shape says. Without it the chart is decorative and hidden from readers. */
-    label?: string;
-}
-export declare function Sparkline({ data, tone, animated, label, className, ...props }: SparklineProps): import("react").JSX.Element;

package/dist/components/base/choice-inputs/card-checkbox-group.d.cts

@@ -1,11 +0,0 @@
-import { ChoiceColumns, ChoiceGroupBaseProps, ChoiceOption } from './choice.types.cjs';
-export type CardCheckboxOption = ChoiceOption;
-export interface CardCheckboxGroupProps extends ChoiceGroupBaseProps {
-    options: CardCheckboxOption[];
-    /** Controlled value. */
-    value?: string[];
-    defaultValue?: string[];
-    onValueChange?: (values: string[]) => void;
-    columns?: ChoiceColumns;
-}
-export declare const CardCheckboxGroup: import('react').ForwardRefExoticComponent<CardCheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/base/choice-inputs/card-group-columns.d.cts

@@ -1,6 +0,0 @@
-export declare const COLUMN_CLASS: {
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-};

package/dist/components/base/choice-inputs/card-radio-group.d.cts

@@ -1,12 +0,0 @@
-import { ChoiceColumns, ChoiceGroupBaseProps, ChoiceOption } from './choice.types.cjs';
-export type CardRadioOption = ChoiceOption;
-export interface CardRadioGroupProps extends ChoiceGroupBaseProps {
-    options: CardRadioOption[];
-    /** Controlled value. */
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    /** Column count at full width. The grid steps down on narrow containers. */
-    columns?: ChoiceColumns;
-}
-export declare const CardRadioGroup: import('react').ForwardRefExoticComponent<CardRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/base/choice-inputs/checkbox.d.cts

@@ -1,7 +0,0 @@
-import * as React from "react";
-export interface CheckboxProps extends Omit<React.ComponentProps<"input">, "type" | "size"> {
-    label?: React.ReactNode;
-    /** Partially-selected: neither on nor off. Outranks `checked` visually. */
-    indeterminate?: boolean;
-}
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/base/choice-inputs/choice.types.d.cts

@@ -1,39 +0,0 @@
-import { ComponentType, ReactNode } from 'react';
-/** One option shape shared by every choice group — card, list and pill — so they can't drift. */
-export interface ChoiceOption<TValue extends string = string> {
-    value: TValue;
-    label: ReactNode;
-    /** Supporting sentence. Card and list groups show it; a pill has no room for one. */
-    description?: ReactNode;
-    /** Leading glyph. A Lucide icon, any component taking a className, or a rendered node. */
-    icon?: ComponentType<{
-        className?: string;
-    }> | ReactNode;
-    /**
-     * Detail that doesn't fit the row, shown in a tooltip from an info glyph beside the label.
-     * The glyph isn't focusable; the text also becomes the option's accessible description.
-     */
-    tooltip?: ReactNode;
-    disabled?: boolean;
-}
-export interface ChoiceGroupBaseProps {
-    /** Field name, used for the group's native form participation. */
-    name?: string;
-    /** Disables every option. */
-    disabled?: boolean;
-    /** Applies the invalid treatment. Pair it with a message on the FormField. */
-    invalid?: boolean;
-    className?: string;
-    /**
-     * The group's name and description. `FormField` supplies `aria-labelledby` and
-     * `aria-describedby`.
-     */
-    "aria-label"?: string;
-    "aria-labelledby"?: string;
-    "aria-describedby"?: string;
-}
-/**
- * Column cap for card groups. There is no `size` prop: geometry follows `--density-scale`
- * (styles/FACTORS.md).
- */
-export type ChoiceColumns = 1 | 2 | 3 | 4;

package/dist/components/base/choice-inputs/index.d.cts

@@ -1,13 +0,0 @@
-export { Checkbox, type CheckboxProps } from './checkbox.cjs';
-export { Radio, RadioGroup, type RadioProps, type RadioGroupProps } from './radio.cjs';
-export { Switch, type SwitchProps } from './switch.cjs';
-export { Select, type SelectOption, type SelectProps } from './select.cjs';
-export { SelectPopupContent, SelectPopupGroup, SelectPopupItem, SelectPopupLabel, SelectPopupSeparator, SelectRoot, SelectTriggerPrimitive, SelectValuePrimitive, SelectIconPrimitive, type SelectPopupContentProps, } from './select-popup.cjs';
-export { CardRadioGroup, type CardRadioGroupProps, type CardRadioOption } from './card-radio-group.cjs';
-export { CardCheckboxGroup, type CardCheckboxGroupProps, type CardCheckboxOption, } from './card-checkbox-group.cjs';
-export { ListRadioGroup, type ListRadioGroupProps, type ListRadioOption } from './list-radio-group.cjs';
-export { PillRadioGroup, type PillRadioGroupProps, type PillRadioOption } from './pill-radio-group.cjs';
-export { SwitchCard, type SwitchCardProps } from './switch-card.cjs';
-export { ToggleField, type ToggleFieldKind, type ToggleFieldProps } from './toggle-field.cjs';
-export type { ChoiceColumns, ChoiceGroupBaseProps, ChoiceOption } from './choice.types.cjs';
-export { defaultSelectStrings, type SelectStrings } from './select.strings.cjs';

package/dist/components/base/choice-inputs/list-radio-group.d.cts

@@ -1,10 +0,0 @@
-import { ChoiceGroupBaseProps, ChoiceOption } from './choice.types.cjs';
-export type ListRadioOption = ChoiceOption;
-export interface ListRadioGroupProps extends ChoiceGroupBaseProps {
-    options: ListRadioOption[];
-    /** Controlled value. */
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-}
-export declare const ListRadioGroup: import('react').ForwardRefExoticComponent<ListRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/base/choice-inputs/partials/choice-icon.d.cts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-import { ChoiceOption } from '../choice.types.cjs';
-/** A plain string is wrapped in the typography component; a node is left exactly as passed. */
-export declare function isSimpleText(value: ReactNode): value is string | number | bigint;
-/** Accepts a component or an already-rendered node, so callers can pass `PlusIcon` or `<PlusIcon />`. */
-export declare function renderChoiceIcon(icon: ChoiceOption["icon"]): ReactNode;

package/dist/components/base/choice-inputs/partials/choice-parts.d.cts

@@ -1,25 +0,0 @@
-import { ReactNode } from 'react';
-import { ChoiceOption } from '../choice.types.cjs';
-/**
- * The label, plus an info glyph when the option carries a tooltip. The glyph is not a
- * button: the option is a `radio`, and a control inside it is `nested-interactive`. The
- * note becomes the option's description instead (via `descriptionId`, which the caller
- * wires to `aria-describedby`). Trade-off: keyboard-only sighted users can't open the tooltip.
- */
-export declare function ChoiceLabel({ option, weight, className, descriptionId, }: {
-    option: ChoiceOption;
-    weight?: "regular" | "medium" | "semibold";
-    className?: string;
-    /** Id for the hidden copy of the tooltip, which the option points `aria-describedby` at. */
-    descriptionId?: string;
-}): import("react").JSX.Element;
-/**
- * A card's title and description as one block, so they sit at `--space-xs` instead of the
- * card's icon-to-text gap.
- */
-export declare function ChoiceCardText({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;
-export declare function ChoiceDescription({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element | null;

package/dist/components/base/choice-inputs/partials/index.d.cts

@@ -1,2 +0,0 @@
-export { ChoiceCardText, ChoiceDescription, ChoiceLabel } from './choice-parts.cjs';
-export { isSimpleText, renderChoiceIcon } from './choice-icon.cjs';

package/dist/components/base/choice-inputs/partials/radio-option-group.d.cts

@@ -1,14 +0,0 @@
-import { ChoiceColumns, ChoiceGroupBaseProps, ChoiceOption } from '../choice.types.cjs';
-export interface RadioOptionGroupProps extends ChoiceGroupBaseProps {
-    options: ChoiceOption[];
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    /** `cards` tiles the options in a grid; `list` stacks them as divided rows. */
-    layout: "cards" | "list";
-    /** Grid columns at full width, for `cards`. */
-    columns?: ChoiceColumns;
-    /** The public component's name, for its `--component` and `--option` hooks. */
-    hook: string;
-}
-export declare const RadioOptionGroup: import('react').ForwardRefExoticComponent<RadioOptionGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/base/choice-inputs/pill-radio-group.d.cts

@@ -1,13 +0,0 @@
-import { ChoiceGroupBaseProps, ChoiceOption } from './choice.types.cjs';
-export type PillRadioOption = ChoiceOption;
-export interface PillRadioGroupProps extends ChoiceGroupBaseProps {
-    options: PillRadioOption[];
-    /** Controlled value. `null` is the cleared state. */
-    value: string | null | undefined;
-    onValueChange: (value: string | null) => void;
-    /** Lets the active pill be clicked again to clear the selection. */
-    allowClear?: boolean;
-    /** Stretches the pills to fill the container. */
-    fullWidth?: boolean;
-}
-export declare const PillRadioGroup: import('react').ForwardRefExoticComponent<PillRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/base/choice-inputs/radio.d.cts

@@ -1,11 +0,0 @@
-import * as React from "react";
-export interface RadioProps extends Omit<React.ComponentProps<"input">, "type" | "size"> {
-    label?: React.ReactNode;
-}
-export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export interface RadioGroupProps extends Omit<React.ComponentProps<"div">, "onChange"> {
-    /** Shared across every radio inside, which is what makes them exclusive. */
-    name: string;
-    orientation?: "vertical" | "horizontal";
-}
-export declare function RadioGroup({ name, orientation, className, children, ...props }: RadioGroupProps): React.JSX.Element;

package/dist/components/base/choice-inputs/select-popup.d.cts

@@ -1,19 +0,0 @@
-import { Select as SelectPrimitive } from '@base-ui/react/select';
-import { UIPortalContainer } from '../../../lib/ui-provider/index.cjs';
-export type SelectPopupContentProps = SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger"> & {
-    /**
-     * Where the popup renders. Defaults to the nearest `UIPortalHost`, else the primitive's
-     * own target.
-     */
-    container?: UIPortalContainer;
-};
-export declare function SelectPopupContent({ container, className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPopupContentProps): import("react").JSX.Element;
-export declare function SelectPopupGroup({ className, ...props }: SelectPrimitive.Group.Props): import("react").JSX.Element;
-export declare function SelectPopupItem({ className, children, ...props }: SelectPrimitive.Item.Props): import("react").JSX.Element;
-export declare function SelectPopupLabel({ className, children, ...props }: SelectPrimitive.GroupLabel.Props): import("react").JSX.Element;
-export declare function SelectPopupSeparator({ className, ...props }: SelectPrimitive.Separator.Props): import("react").JSX.Element;
-/** The primitives, for a control that needs the state engine but not this presentation. */
-export declare const SelectRoot: typeof SelectPrimitive.Root;
-export declare const SelectTriggerPrimitive: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-export declare const SelectValuePrimitive: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectValueProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-export declare const SelectIconPrimitive: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/base/choice-inputs/select.d.cts

@@ -1,67 +0,0 @@
-import { FocusEventHandler, ReactNode, Ref } from 'react';
-import { SelectStrings } from './select.strings.cjs';
-import { SelectPopupContentProps } from './select-popup.cjs';
-export interface SelectOption {
-    value: string;
-    label: string;
-    /** Second line under the label. Clamped to two lines. */
-    description?: string;
-    icon?: ReactNode;
-    disabled?: boolean;
-}
-export interface SelectProps {
-    options: SelectOption[];
-    /** Shorthand for `strings.placeholder`. */
-    placeholder?: string;
-    /** Overrides this select's own copy — the placeholder and the clear row. */
-    strings?: Partial<SelectStrings>;
-    /** Prepends an option that clears the selection. */
-    allowClear?: boolean;
-    /** Applies the invalid treatment. Pair it with a message on the FormField. */
-    invalid?: boolean;
-    /** Controlled value. Passing `undefined` explicitly keeps it controlled and clear. */
-    value?: string | null;
-    defaultValue?: string | null;
-    /** Fires with `undefined` when the selection is cleared. */
-    onValueChange?: (value: string | undefined) => void;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    /** Field name for the hidden native input. */
-    name?: string;
-    /** The owning form's id, when the select renders outside it. */
-    form?: string;
-    autoComplete?: string;
-    /** Ref to the hidden native input used for submission. */
-    inputRef?: Ref<HTMLInputElement>;
-    id?: string;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    /** Isolates interaction with the rest of the page while open. */
-    modal?: boolean;
-    /** Pointer movement highlights options. */
-    highlightItemOnHover?: boolean;
-    /** Where the popup opens relative to the trigger. */
-    side?: SelectPopupContentProps["side"];
-    align?: SelectPopupContentProps["align"];
-    /**
-     * Positions the selected option over the trigger, macOS-style. Off by default: inside
-     * a form it covers the field's own label.
-     */
-    alignItemWithTrigger?: boolean;
-    /** Replaces the default icon/label/description row. */
-    renderOption?: (option: SelectOption) => ReactNode;
-    /** Replaces the trigger's value. Receives `undefined` in the placeholder state. */
-    renderValue?: (option: SelectOption | undefined) => ReactNode;
-    className?: string;
-    /** Class for the popup surface. */
-    contentClassName?: string;
-    onFocus?: FocusEventHandler<HTMLButtonElement>;
-    onBlur?: FocusEventHandler<HTMLButtonElement>;
-    "aria-label"?: string;
-    "aria-labelledby"?: string;
-    "aria-describedby"?: string;
-    "aria-invalid"?: boolean | "true" | "false";
-}
-export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/base/choice-inputs/select.strings.d.cts

@@ -1,7 +0,0 @@
-export interface SelectStrings {
-    /** Shown in the trigger while nothing is chosen. */
-    placeholder: string;
-    /** Names the control that empties the selection, when `allowClear` is set. */
-    clear: string;
-}
-export declare const defaultSelectStrings: SelectStrings;

package/dist/components/base/choice-inputs/switch-card.d.cts

@@ -1,6 +0,0 @@
-import { ToggleFieldProps } from './toggle-field.cjs';
-export interface SwitchCardProps extends Omit<ToggleFieldProps, "kind" | "surface" | "controlPosition" | "uncheckedValue" | "label"> {
-    /** Card title, and the switch's accessible name. */
-    label: string;
-}
-export declare const SwitchCard: import('react').ForwardRefExoticComponent<SwitchCardProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/base/choice-inputs/switch.d.cts

@@ -1,9 +0,0 @@
-/**
- * Switch — an immediate on/off (a checkbox means "include when I submit"). The same hidden
- * native checkbox as Checkbox, refined with `role="switch"`.
- */
-import * as React from "react";
-export interface SwitchProps extends Omit<React.ComponentProps<"input">, "type" | "size"> {
-    label?: React.ReactNode;
-}
-export declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/components/base/choice-inputs/toggle-field.d.cts

@@ -1,35 +0,0 @@
-import { ReactNode } from 'react';
-import { ChoiceOption } from './choice.types.cjs';
-export type ToggleFieldKind = "switch" | "checkbox";
-export interface ToggleFieldProps {
-    label: ReactNode;
-    description?: ReactNode;
-    /** Short guidance under the description. */
-    hint?: ReactNode;
-    /** Leading glyph, drawn in a medallion. Most at home on `surface="card"`. */
-    icon?: ChoiceOption["icon"];
-    /** Which control renders. */
-    kind?: ToggleFieldKind;
-    /**
-     * `row` is a plain settings row; `card` is a bordered card that takes the checked
-     * colour — the form `SwitchCard` presets.
-     */
-    surface?: "row" | "card";
-    /** Controlled state. */
-    value?: boolean;
-    defaultValue?: boolean;
-    onValueChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    invalid?: boolean;
-    name?: string;
-    /**
-     * What the field submits when off. Unset, an unchecked control submits nothing (the
-     * platform rule). Set, a hidden input always submits `"1"` when on and this when off.
-     * `SwitchCard` sets `"0"`.
-     */
-    uncheckedValue?: string;
-    /** Puts the control on the leading edge instead of the trailing one. */
-    controlPosition?: "leading" | "trailing";
-    className?: string;
-}
-export declare const ToggleField: import('react').ForwardRefExoticComponent<ToggleFieldProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/base/combobox/combobox-filter.d.cts

@@ -1,2 +0,0 @@
-import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
-export declare const useComboboxFilter: typeof ComboboxPrimitive.useFilter;

package/dist/components/base/combobox/combobox.d.cts

@@ -1,65 +0,0 @@
-import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
-import { ReactNode } from 'react';
-import { ComboboxStrings } from './combobox.strings.cjs';
-/**
- * The Base UI combobox anatomy with the kit's surface applied — parts, not a recipe; the
- * searchable, single- and multi-select recipes compose them. Field parts carry
- * `data-field-control` / `data-field-shell`, matching Input, Textarea and Select.
- */
-export declare const ComboboxRoot: typeof ComboboxPrimitive.Root;
-/** The popup's portal, routed through the nearest `UIPortalHost` like every kit popup. */
-export declare function ComboboxPortal({ container, ...props }: ComboboxPrimitive.Portal.Props): import("react").JSX.Element;
-export declare const ComboboxCollection: typeof ComboboxPrimitive.Collection;
-export declare function ComboboxInput({ className, ...props }: ComboboxPrimitive.Input.Props): import("react").JSX.Element;
-/**
- * The input with its trailing chevron and optional clear button, padded so text never
- * runs under them. `strings` names the two trailing controls.
- */
-export declare function ComboboxInputTrigger({ className, showClear, invalid, strings, ...props }: ComboboxPrimitive.Input.Props & {
-    showClear?: boolean;
-    invalid?: boolean;
-    strings?: Partial<Pick<ComboboxStrings, "clear" | "toggle">>;
-}): import("react").JSX.Element;
-/**
- * The whole field as one trigger — a select-like combobox with no free text. Pair it with
- * `ComboboxPopupInput`: Base UI drives the list's keyboard cursor from an input. For a
- * short list with no search, use `Select`.
- */
-export declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): import("react").JSX.Element;
-/**
- * The search band inside the popup, for the `ComboboxTrigger` shape: focus lands here when
- * the popup opens, typing filters the list, and the arrow keys and Enter drive it. Give it
- * an `aria-label` — its placeholder is not a name.
- */
-export declare function ComboboxPopupInput({ className, ...props }: ComboboxPrimitive.Input.Props): import("react").JSX.Element;
-export declare function ComboboxValue({ placeholder, ...props }: ComboboxPrimitive.Value.Props & {
-    placeholder?: ReactNode;
-}): import("react").JSX.Element;
-export declare function ComboboxClear({ className, children, ...props }: ComboboxPrimitive.Clear.Props): import("react").JSX.Element;
-export declare function ComboboxPositioner({ className, sideOffset, ...props }: ComboboxPrimitive.Positioner.Props): import("react").JSX.Element;
-export declare function ComboboxPopup({ className, ...props }: ComboboxPrimitive.Popup.Props): import("react").JSX.Element;
-export declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): import("react").JSX.Element;
-export declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): import("react").JSX.Element;
-/** The indicator on its own, for a row that lays its parts out differently. */
-export declare function ComboboxItemIndicator({ className, children, ...props }: ComboboxPrimitive.ItemIndicator.Props): import("react").JSX.Element;
-export declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react").JSX.Element;
-/** Async status — "Searching…", "12 of 340". Hidden while empty. */
-export declare function ComboboxStatus({ className, ...props }: ComboboxPrimitive.Status.Props): import("react").JSX.Element;
-export declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): import("react").JSX.Element;
-export declare function ComboboxGroupLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): import("react").JSX.Element;
-export declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react").JSX.Element;
-export declare function ComboboxChips({ className, invalid, ...props }: ComboboxPrimitive.Chips.Props & {
-    invalid?: boolean;
-}): import("react").JSX.Element;
-/**
- * One selection inside `ComboboxChips`, with its remove control.
- *
- * The remove control is named from the chip's text, so pass the label as plain text. For
- * a chip with richer content, `strings.removeChip` supplies the name instead.
- */
-export declare function ComboboxChip({ className, children, strings, ...props }: ComboboxPrimitive.Chip.Props & {
-    strings?: Partial<Pick<ComboboxStrings, "removeChip">>;
-}): import("react").JSX.Element;
-export declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): import("react").JSX.Element;
-export declare function ComboboxBackdrop({ className, ...props }: ComboboxPrimitive.Backdrop.Props): import("react").JSX.Element;
-export declare function ComboboxArrow({ className, ...props }: ComboboxPrimitive.Arrow.Props): import("react").JSX.Element;

package/dist/components/base/combobox/combobox.strings.d.cts

@@ -1,9 +0,0 @@
-export interface ComboboxStrings {
-    /** Accessible name for the field's clear control. */
-    clear: string;
-    /** Accessible name for the control that opens the list. */
-    toggle: string;
-    /** Accessible name for a chip's remove control, from the chip's text so it says what it removes. */
-    removeChip: (label: string) => string;
-}
-export declare const defaultComboboxStrings: ComboboxStrings;

package/dist/components/base/combobox/index.d.cts

@@ -1,3 +0,0 @@
-export { ComboboxArrow, ComboboxBackdrop, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxInputTrigger, ComboboxItem, ComboboxItemIndicator, ComboboxList, ComboboxPopup, ComboboxPopupInput, ComboboxPortal, ComboboxPositioner, ComboboxRoot, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, } from './combobox.cjs';
-export { defaultComboboxStrings, type ComboboxStrings } from './combobox.strings.cjs';
-export { useComboboxFilter } from './combobox-filter.cjs';