@acronis-platform/ui-react 0.57.0 → 0.58.0

package/dist/src/components/ui/area-chart/area-chart.d.ts

@@ -0,0 +1,49 @@
+import { VariantProps } from 'class-variance-authority';
+import { ChartTooltip, ChartConfig } from '../chart';
+import * as React from 'react';
+declare const areaChartVariants: (props?: ({
+    layout?: "single" | "stacked" | null | undefined;
+    fill?: "solid" | "gradient" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AreaChartProps extends Omit<React.ComponentProps<'div'>, 'children'>, VariantProps<typeof areaChartVariants> {
+    /** Row-per-point data. Each object holds the category key + one numeric field per series (`null` breaks the area unless `connectNulls`). */
+    data: ReadonlyArray<Record<string, string | number | null>>;
+    /**
+     * Per-series map of `label` / `color` (imported from the shared `Chart`
+     * primitives). Series colors are caller-supplied — reference an existing
+     * semantic `--ui-*` token; there is no chart palette tier yet.
+     */
+    config: ChartConfig;
+    /** Series to plot — one `<Area>` per key. Each must exist in `config` and in every data row. */
+    dataKeys: string[];
+    /** Category axis key (the shared dimension across rows, e.g. `"month"`). */
+    xKey: string;
+    /** Title rendered beneath the horizontal (X) axis. */
+    xAxisLabel?: string;
+    /** Title rendered beside the vertical (Y) axis (rotated). */
+    yAxisLabel?: string;
+    /** Unit suffix appended to Y-axis tick values (recharts `unit`; the X axis is categorical). */
+    yUnit?: string;
+    /** Interpolation between points. */
+    curve?: 'linear' | 'monotone' | 'step';
+    /** Stroke width of each area's top border. */
+    strokeWidth?: number;
+    /** Flat-fill opacity — used only when `fill="solid"` (gradient controls its own stops). */
+    fillOpacity?: number;
+    /** Render a dot at each data point. */
+    showDots?: boolean;
+    /** Bridge `null` gaps in the data instead of breaking the area. */
+    connectNulls?: boolean;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    /**
+     * Replace the default tooltip. Pass a configured `ChartTooltipContent`
+     * (imported from this library) — e.g. with a `formatter` / `labelFormatter` /
+     * `indicator` — to customize formatting, per-series rows, or extra fields
+     * without composing recharts yourself. Ignored when `showTooltip` is false.
+     */
+    tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];
+}
+declare const AreaChart: React.ForwardRefExoticComponent<Omit<AreaChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { AreaChart, areaChartVariants };

package/dist/src/components/ui/area-chart/index.d.ts

@@ -0,0 +1 @@
+export { AreaChart, areaChartVariants, type AreaChartProps } from './area-chart';

package/dist/src/components/ui/auth-layout/auth-layout.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const AuthLayout: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const AuthLayoutCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const AuthLayoutLogo: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const AuthLayoutFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { AuthLayout, AuthLayoutCard, AuthLayoutLogo, AuthLayoutFooter };

package/dist/src/components/ui/auth-layout/index.d.ts

@@ -0,0 +1 @@
+export { AuthLayout, AuthLayoutCard, AuthLayoutLogo, AuthLayoutFooter, } from './auth-layout';

package/dist/src/components/ui/avatar/avatar.d.ts

@@ -0,0 +1,27 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const avatarVariants: (props?: ({
+    color?: "orange" | "red" | "teal" | "violet" | "yellow" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+}
+/**
+ * A user/entity avatar: a colored circle showing an image or initials. Compose
+ * `AvatarImage` and/or `AvatarFallback` inside; stack several in `AvatarGroup`.
+ */
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+export type AvatarImageProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>;
+/** The avatar image; hidden by Base UI until it loads, revealing the fallback. */
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AvatarImageProps, "ref"> & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+export type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>;
+/** Shown when there's no image (or it fails) — typically the user's initials. */
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AvatarFallbackProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export type AvatarGroupProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Overlapping stack of avatars. Each avatar after the first is pulled left by
+ * `--ui-avatar-global-avatar-group-gap` (a negative offset), so their 2px
+ * borders form the layered look; later avatars render above earlier ones.
+ */
+declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, avatarVariants };

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

@@ -0,0 +1 @@
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, avatarVariants, type AvatarProps, type AvatarImageProps, type AvatarFallbackProps, type AvatarGroupProps, } from './avatar';

package/dist/src/components/ui/bar-chart/bar-chart.d.ts

@@ -0,0 +1,68 @@
+import { VariantProps } from 'class-variance-authority';
+import { ChartTooltip, ChartConfig } from '../chart';
+import * as React from 'react';
+declare const barChartVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    layout?: "stacked" | "grouped" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface BarChartReferenceLine {
+    /** Fixed position on the value axis. Takes precedence over `average`. */
+    value?: number;
+    /**
+     * Draw the line at the mean of one series (a `dataKeys` entry) or, when
+     * `true`, of every plotted series' values.
+     */
+    average?: boolean | string;
+    /** Optional caption rendered alongside the line. */
+    label?: string;
+}
+/**
+ * Resolve a `referenceLine` config to a position on the value axis: a fixed
+ * `value` wins; otherwise the mean of the requested series (a single `dataKeys`
+ * entry, or all of them when `average` is `true`). Returns `undefined` when
+ * there is nothing to draw (no config, or no numeric values to average).
+ * Exported for unit tests; not part of the package's public API.
+ */
+export declare function barChartReferenceValue(referenceLine: BarChartReferenceLine | undefined, data: ReadonlyArray<Record<string, string | number>>, dataKeys: string[]): number | undefined;
+export interface BarChartProps extends Omit<React.ComponentProps<'div'>, 'children'>, VariantProps<typeof barChartVariants> {
+    /** Row-per-category data. Each object holds the category key + one numeric field per series. */
+    data: ReadonlyArray<Record<string, string | number>>;
+    /**
+     * Per-series map of `label` / `color` (imported from the shared `Chart`
+     * primitives). Series colors are caller-supplied — reference an existing
+     * semantic `--ui-*` token; there is no chart palette tier yet.
+     */
+    config: ChartConfig;
+    /** Series to plot — one `<Bar>` per key. Each must exist in `config` and in every data row. */
+    dataKeys: string[];
+    /** Category axis key (the shared dimension across rows, e.g. `"month"`). */
+    xKey: string;
+    /**
+     * One or more dashed reference/average lines on the value axis (Y for vertical
+     * bars, X for horizontal). Each is driven by a fixed `value` or a computed
+     * series `average`. Pass a single object or an array to draw several at once.
+     */
+    referenceLine?: BarChartReferenceLine | BarChartReferenceLine[];
+    /** Title rendered beneath the horizontal (X) axis. */
+    xAxisLabel?: string;
+    /** Title rendered beside the vertical (Y) axis (rotated). */
+    yAxisLabel?: string;
+    /** Unit suffix on X-axis tick values (recharts `unit`) — applies when the X axis is numeric (`orientation="horizontal"`). */
+    xUnit?: string;
+    /** Unit suffix on Y-axis tick values (recharts `unit`) — applies when the Y axis is numeric (`orientation="vertical"`). */
+    yUnit?: string;
+    /** Corner radius applied to the growing end of each bar. */
+    barRadius?: number;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    /**
+     * Replace the default tooltip. Pass a configured `ChartTooltipContent`
+     * (imported from this library) — e.g. with a `formatter` / `labelFormatter` /
+     * `indicator` — to customize formatting, per-series rows, or extra fields
+     * without composing recharts yourself. Ignored when `showTooltip` is false.
+     */
+    tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];
+}
+declare const BarChart: React.ForwardRefExoticComponent<Omit<BarChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { BarChart, barChartVariants };

package/dist/src/components/ui/bar-chart/index.d.ts

@@ -0,0 +1 @@
+export { BarChart, barChartVariants, type BarChartProps, type BarChartReferenceLine, } from './bar-chart';

package/dist/src/components/ui/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,30 @@
+import { useRender } from '@base-ui/react/use-render';
+import * as React from 'react';
+export interface BreadcrumbProps extends React.ComponentPropsWithoutRef<'nav'> {
+    /**
+     * Replace the rendered `<nav>` with another element or component
+     * (Base UI composition). Accepts a React element or a render function.
+     */
+    render?: useRender.RenderProp;
+}
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<'a'> {
+    /**
+     * Replace the rendered `<a>` with another element or component (e.g. a
+     * router `Link`) via Base UI composition.
+     */
+    render?: useRender.RenderProp;
+}
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentPropsWithoutRef<"li">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentPropsWithoutRef<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

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

@@ -0,0 +1 @@
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, type BreadcrumbProps, type BreadcrumbLinkProps, } from './breadcrumb';

package/dist/src/components/ui/button/button.d.ts

@@ -0,0 +1,16 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "destructive" | "ai" | "default" | "secondary" | "ghost" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /**
+     * Replace the rendered `<button>` with another element or component
+     * (Base UI composition). Accepts a React element or a render function —
+     * the component's props and class names are merged onto it.
+     */
+    render?: useRender.RenderProp;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

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

@@ -0,0 +1 @@
+export { Button, buttonVariants, type ButtonProps } from './button';

package/dist/src/components/ui/button-icon/button-icon.d.ts

@@ -0,0 +1,20 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonIconVariants: (props?: ({
+    variant?: "secondary" | "ghost" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonIconVariants> {
+    /**
+     * Replace the rendered `<button>` with another element or component
+     * (Base UI composition). Accepts a React element or a render function —
+     * the component's props and class names are merged onto it.
+     */
+    render?: useRender.RenderProp;
+}
+/**
+ * Icon-only button. The icon is passed as `children`; provide an `aria-label`
+ * (or `aria-labelledby`) so the control has an accessible name.
+ */
+declare const ButtonIcon: React.ForwardRefExoticComponent<ButtonIconProps & React.RefAttributes<HTMLButtonElement>>;
+export { ButtonIcon, buttonIconVariants };

package/dist/src/components/ui/button-icon/index.d.ts

@@ -0,0 +1 @@
+export { ButtonIcon, buttonIconVariants, type ButtonIconProps, } from './button-icon';

package/dist/src/components/ui/button-icon-input/button-icon-input.d.ts

@@ -0,0 +1,21 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonIconInputVariants: (props?: ({
+    variant?: "error" | "normal" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonIconInputProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonIconInputVariants> {
+    /**
+     * Replace the rendered `<button>` with another element or component
+     * (Base UI composition). Accepts a React element or a render function —
+     * the component's props and class names are merged onto it.
+     */
+    render?: useRender.RenderProp;
+}
+/**
+ * Small icon-only button meant to sit inside an input's box. The icon is
+ * passed as `children`; provide an `aria-label` (or `aria-labelledby`) so the
+ * control has an accessible name.
+ */
+declare const ButtonIconInput: React.ForwardRefExoticComponent<ButtonIconInputProps & React.RefAttributes<HTMLButtonElement>>;
+export { ButtonIconInput, buttonIconInputVariants };

package/dist/src/components/ui/button-icon-input/index.d.ts

@@ -0,0 +1 @@
+export { ButtonIconInput, buttonIconInputVariants, type ButtonIconInputProps, } from './button-icon-input';

package/dist/src/components/ui/button-menu/button-menu.d.ts

@@ -0,0 +1,29 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonMenuVariants: (props?: ({
+    variant?: "secondary" | "primary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonMenuProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonMenuVariants> {
+    /**
+     * Whether the associated menu is open. Flips the trailing chevron
+     * (down → up), applies the open (`*-active`) treatment, and reflects
+     * `aria-expanded`. Control this in sync with the menu you trigger.
+     */
+    open?: boolean;
+    /** Label content rendered before the chevron. */
+    children?: React.ReactNode;
+    /**
+     * Replace the rendered `<button>` with another element or component
+     * (Base UI composition). Accepts a React element or a render function —
+     * the component's props and class names are merged onto it.
+     */
+    render?: useRender.RenderProp;
+}
+/**
+ * A button that opens a dropdown menu: a label followed by a chevron that
+ * points up while `open`. Pair it with the menu/popover it controls and keep
+ * the `open` prop in sync.
+ */
+declare const ButtonMenu: React.ForwardRefExoticComponent<ButtonMenuProps & React.RefAttributes<HTMLButtonElement>>;
+export { ButtonMenu, buttonMenuVariants };

package/dist/src/components/ui/button-menu/index.d.ts

@@ -0,0 +1 @@
+export { ButtonMenu, buttonMenuVariants, type ButtonMenuProps, } from './button-menu';

package/dist/src/components/ui/calendar/calendar.d.ts

@@ -0,0 +1,6 @@
+import { DayButton, DayPicker } from 'react-day-picker';
+import * as React from 'react';
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, weekStartsOn, formatters, components, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };

package/dist/src/components/ui/calendar/calendar.docs.d.ts

@@ -0,0 +1,21 @@
+/** Props for `Calendar` — a day grid built on `react-day-picker`'s `DayPicker`. */
+export interface CalendarProps {
+    /** Selection mode. Defaults to `single`. */
+    mode?: 'single' | 'multiple' | 'range';
+    /** How many months to render side by side. Defaults to `1`. */
+    numberOfMonths?: number;
+    /** Show days from the previous/next month to fill the grid. Defaults to `true`. */
+    showOutsideDays?: boolean;
+    /** How the month/year caption is rendered. Defaults to `label`. */
+    captionLayout?: 'label' | 'dropdown' | 'dropdown-months' | 'dropdown-years';
+    /** The controlled selection; shape depends on `mode` (`Date`, `Date[]`, or a `{ from, to }` range). */
+    selected?: unknown;
+    /** Called when the selection changes. */
+    onSelect?: (selected: unknown) => void;
+    /** Matcher (or array of matchers) for days that cannot be selected. */
+    disabled?: unknown;
+    /** The month rendered first (uncontrolled). */
+    defaultMonth?: Date;
+    /** Extra classes merged onto the calendar root. */
+    className?: string;
+}

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

@@ -0,0 +1 @@
+export { Calendar, CalendarDayButton, type CalendarProps } from './calendar';

package/dist/src/components/ui/card/card.d.ts

@@ -0,0 +1,17 @@
+import { useRender } from '@base-ui/react/use-render';
+import * as React from 'react';
+interface CardPartProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Replace the rendered `<div>` with another element or component (Base UI
+     * composition) — e.g. render `CardTitle` as a heading. The component's props
+     * and class names are merged onto it.
+     */
+    render?: useRender.RenderProp;
+}
+declare const Card: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<CardPartProps & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, type CardPartProps, };

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

@@ -0,0 +1 @@
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, type CardPartProps, } from './card';

package/dist/src/components/ui/card-filter/card-filter.d.ts

@@ -0,0 +1,32 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const cardFilterVariants: (props?: ({
+    variant?: "static" | "static-empty" | "clickable" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface CardFilterProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'>, VariantProps<typeof cardFilterVariants> {
+    /** Caption shown above the value. */
+    label?: React.ReactNode;
+    /** The large value. Ignored for `variant="static-empty"` (shows an em-dash). */
+    value?: React.ReactNode;
+    /** Optional leading icon (16px) rendered before the value. Hidden for `static-empty`. */
+    icon?: React.ReactNode;
+    /**
+     * `clickable` only — applies the selected (active) styling and exposes the
+     * card as a pressed toggle (`aria-pressed`). Controlled only.
+     */
+    selected?: boolean;
+    /**
+     * Replace the rendered element (`<button>` for `clickable`, otherwise `<div>`)
+     * with another element or component (Base UI composition) — e.g. a router link
+     * for a clickable filter. The component's props and class names are merged onto it.
+     */
+    render?: useRender.RenderProp;
+}
+/**
+ * A compact stat/filter card: a label, an optional icon, and a prominent value.
+ * Use `variant="clickable"` for a filter the user can activate (renders a button);
+ * `static` / `static-empty` are presentational.
+ */
+declare const CardFilter: React.ForwardRefExoticComponent<CardFilterProps & React.RefAttributes<HTMLElement>>;
+export { CardFilter, cardFilterVariants };

package/dist/src/components/ui/card-filter/index.d.ts

@@ -0,0 +1 @@
+export { CardFilter, cardFilterVariants, type CardFilterProps } from './card-filter';

package/dist/src/components/ui/chart/chart.d.ts

@@ -0,0 +1,55 @@
+import { LegendPayload } from 'recharts/types/component/DefaultLegendContent';
+import { NameType, Payload, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as LegendProps } from 'recharts/types/component/Legend';
+import { TooltipContentProps } from 'recharts/types/component/Tooltip';
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: "[data-theme='dark']";
+};
+export type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+export type ChartTooltipContentProps = Partial<TooltipContentProps<ValueType, NameType>> & {
+    className?: string;
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'line' | 'dot' | 'dashed';
+    nameKey?: string;
+    labelKey?: string;
+    labelFormatter?: (label: TooltipContentProps<number, string>['label'], payload: TooltipContentProps<number, string>['payload']) => React.ReactNode;
+    formatter?: (value: number | string, name: string, item: Payload<number | string, string>, index: number, payload: ReadonlyArray<Payload<number | string, string>>) => React.ReactNode;
+    labelClassName?: string;
+    color?: string;
+};
+export type ChartLegendContentProps = {
+    className?: string;
+    hideIcon?: boolean;
+    verticalAlign?: LegendProps['verticalAlign'];
+    payload?: LegendPayload[];
+    nameKey?: string;
+};
+export interface ChartContainerProps extends React.ComponentProps<'div'> {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+}
+declare function ChartContainer({ id, className, children, config, ...props }: ChartContainerProps): import("react/jsx-runtime").JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => import("react/jsx-runtime").JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, label, className, indicator, hideLabel, hideIndicator, labelFormatter, formatter, labelClassName, color, nameKey, labelKey, }: ChartTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ChartLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

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

@@ -0,0 +1,2 @@
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, } from './chart';
+export type { ChartConfig, ChartContainerProps, ChartTooltipContentProps, ChartLegendContentProps, } from './chart';

package/dist/src/components/ui/chart-state/chart-state.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface ChartStateProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
+    /** Which placeholder to show. Drives the leading glyph and default label. */
+    state: 'loading' | 'empty' | 'error';
+    /** Overrides the default label for the current `state`. */
+    message?: string;
+    /** Trailing action (e.g. a "Try again" button) — shown for `error` only. */
+    action?: React.ReactNode;
+}
+declare const ChartState: React.ForwardRefExoticComponent<ChartStateProps & React.RefAttributes<HTMLDivElement>>;
+export { ChartState };

package/dist/src/components/ui/chart-state/index.d.ts

@@ -0,0 +1 @@
+export { ChartState, type ChartStateProps } from './chart-state';

package/dist/src/components/ui/checkbox/checkbox.d.ts

@@ -0,0 +1,10 @@
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
+import * as React from 'react';
+export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    /** Optional label rendered beside the box; names the control. */
+    label?: React.ReactNode;
+    /** Optional secondary description rendered under the label. */
+    description?: React.ReactNode;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLElement>>;
+export { Checkbox };

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

@@ -0,0 +1 @@
+export { Checkbox, type CheckboxProps } from './checkbox';

package/dist/src/components/ui/chip/chip.d.ts

@@ -0,0 +1,20 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const chipVariants: (props?: ({
+    variant?: "removable" | "selectable" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ChipProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof chipVariants> {
+    /** Optional leading icon, rendered at 16px before the label. */
+    icon?: React.ReactNode;
+    /**
+     * `selectable` only — applies the selected (active) styling and exposes the
+     * chip as a pressed toggle (`role="button"` + `aria-pressed`).
+     */
+    selected?: boolean;
+    /** `removable` only — called when the trailing remove (×) button is pressed. */
+    onRemove?: () => void;
+    /** Accessible label for the remove button (`removable`). */
+    removeLabel?: string;
+}
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+export { Chip, chipVariants };

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

@@ -0,0 +1 @@
+export { Chip, chipVariants, type ChipProps } from './chip';

package/dist/src/components/ui/collapsible/collapsible.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+declare const Collapsible: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

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

@@ -0,0 +1 @@
+export { Collapsible, CollapsibleTrigger, CollapsibleContent, } from './collapsible';

package/dist/src/components/ui/combobox/combobox.d.ts

@@ -0,0 +1,28 @@
+import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
+import * as React from 'react';
+declare function Combobox<Value, Multiple extends boolean | undefined = false>(props: ComboboxPrimitive.Root.Props<Value, Multiple>): import("react/jsx-runtime").JSX.Element;
+declare namespace Combobox {
+    var displayName: string;
+}
+export interface ComboboxInputProps extends Omit<React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Input>, 'className'> {
+    className?: string;
+    /** Wrapper (box) className. */
+    containerClassName?: string;
+    /** Show a clear (✕) button while the field has a value. */
+    clearable?: boolean;
+}
+declare const ComboboxInput: React.ForwardRefExoticComponent<ComboboxInputProps & React.RefAttributes<HTMLInputElement>>;
+export interface ComboboxContentProps extends React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Popup> {
+    sideOffset?: number;
+    align?: ComboboxPrimitive.Positioner.Props['align'];
+    side?: ComboboxPrimitive.Positioner.Props['side'];
+    /** Container to portal into (e.g. a shadow root, so the popup inherits styles). */
+    portalContainer?: ComboboxPrimitive.Portal.Props['container'];
+}
+declare const ComboboxContent: React.ForwardRefExoticComponent<ComboboxContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxList: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompleteListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxEmpty: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompleteEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompleteGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, };

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

@@ -0,0 +1,2 @@
+export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, } from './combobox';
+export type { ComboboxInputProps, ComboboxContentProps, } from './combobox';

package/dist/src/components/ui/composed-chart/composed-chart.d.ts

@@ -0,0 +1,48 @@
+import { ChartTooltip, ChartConfig } from '../chart';
+import * as React from 'react';
+export type ComposedSeriesType = 'bar' | 'line' | 'area';
+export interface ComposedSeries {
+    /** Column key to plot — must match a `config` entry; drives its `--color-<key>` paint. */
+    key: string;
+    /** How this series renders. */
+    type: ComposedSeriesType;
+}
+export interface ComposedChartProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    /** Row-per-category data. Each object holds `xKey` + one numeric field per series. */
+    data: ReadonlyArray<Record<string, string | number>>;
+    /**
+     * Per-series map of `label` / `color`, keyed by `series[].key` (imported from
+     * the shared `Chart` primitives). Turned into `--color-<key>` custom
+     * properties. Colors are caller-supplied — reference an existing semantic
+     * `--ui-*` token; there is no chart palette tier yet.
+     */
+    config: ChartConfig;
+    /** Series to plot, each `{ key, type }` — one bar/line/area per entry. Each key must exist in `config` and every data row. */
+    series: ComposedSeries[];
+    /** Category axis key (the shared dimension across rows, e.g. `"month"`). */
+    xKey: string;
+    /** Title rendered beneath the horizontal (X) axis. */
+    xAxisLabel?: string;
+    /** Title rendered beside the vertical (Y) axis (rotated). */
+    yAxisLabel?: string;
+    /** Unit suffix appended to Y-axis tick values (recharts `unit`; the X axis is categorical). */
+    yUnit?: string;
+    /** Interpolation for the line and area series. */
+    curve?: 'linear' | 'monotone' | 'step';
+    /** Corner radius on the growing end of bar series. */
+    barRadius?: number;
+    /** Flat-fill opacity for area series. */
+    fillOpacity?: number;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    /**
+     * Replace the default tooltip. Pass a configured `ChartTooltipContent`
+     * (imported from this library) — e.g. with a `formatter` / `labelFormatter` /
+     * `indicator` — to customize formatting, per-series rows, or extra fields
+     * without composing recharts yourself. Ignored when `showTooltip` is false.
+     */
+    tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];
+}
+declare const ComposedChart: React.ForwardRefExoticComponent<Omit<ComposedChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ComposedChart };

package/dist/src/components/ui/composed-chart/index.d.ts

@@ -0,0 +1 @@
+export { ComposedChart, type ComposedChartProps, type ComposedSeries, type ComposedSeriesType, } from './composed-chart';