@acronis-platform/ui-react 0.57.0 → 0.58.0

package/dist/src/components/ui/input-date-picker/input-date-picker.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export interface InputDatePickerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'value'> {
+    /** Field label, rendered above the box. */
+    label?: React.ReactNode;
+    /** Marks the field required — appends a `*` after the label. */
+    required?: boolean;
+    /** Helper text below the box. Hidden while `error` is set. */
+    description?: React.ReactNode;
+    /** Error message below the box. Its presence switches the field to the error treatment. */
+    error?: React.ReactNode;
+    /** Single date or a start–end range. */
+    pickerType?: 'date' | 'dateRange';
+    /** Hint shown when no value is selected. */
+    placeholder?: React.ReactNode;
+    /** Formatted selected date (`pickerType="date"`). */
+    value?: React.ReactNode;
+    /** Formatted range start (`pickerType="dateRange"`). */
+    startDate?: React.ReactNode;
+    /** Formatted range end (`pickerType="dateRange"`). */
+    endDate?: React.ReactNode;
+    /** Separator between range dates. */
+    separator?: React.ReactNode;
+    /** Whether the (consumer-owned) calendar popup is open — paints the active border. */
+    open?: boolean;
+}
+declare const InputDatePicker: React.ForwardRefExoticComponent<InputDatePickerProps & React.RefAttributes<HTMLButtonElement>>;
+export { InputDatePicker };

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

@@ -0,0 +1 @@
+export { InputOTP, type InputOTPProps } from './input-otp';

package/dist/src/components/ui/input-otp/input-otp.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export interface InputOTPProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'defaultValue' | 'children'> {
+    /** Number of single-character slots. */
+    length?: number;
+    /** Controlled value (the digits entered so far, left to right). */
+    value?: string;
+    /** Initial value for uncontrolled usage. */
+    defaultValue?: string;
+    /** Fires with the full value on every change. */
+    onChange?: (value: string) => void;
+    /** Fires once, the moment the value reaches `length` characters. */
+    onComplete?: (value: string) => void;
+    /** Disables every slot. */
+    disabled?: boolean;
+    /** Switches every slot to the error treatment. */
+    error?: boolean;
+    /** Focuses the first slot on mount. */
+    autoFocus?: boolean;
+    /** Builds the accessible name for a slot from its 1-based index and the total length. */
+    slotAriaLabel?: (index: number, length: number) => string;
+}
+declare const InputOTP: React.ForwardRefExoticComponent<InputOTPProps & React.RefAttributes<HTMLDivElement>>;
+export { InputOTP };

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

@@ -0,0 +1 @@
+export { InputPassword, type InputPasswordProps } from './input-password';

package/dist/src/components/ui/input-password/input-password.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+export interface InputPasswordProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'children' | 'type'> {
+    /** Field label, rendered above the input. */
+    label?: React.ReactNode;
+    /** Marks the field required — appends a `*` after the label. */
+    required?: boolean;
+    /** Helper text below the input. Hidden while `error` is set. */
+    description?: React.ReactNode;
+    /**
+     * Error message below the input. Its presence switches the field to the error
+     * treatment (red box border + red message).
+     */
+    error?: React.ReactNode;
+    /** Accessible label for the toggle button while the password is hidden. */
+    showPasswordLabel?: string;
+    /** Accessible label for the toggle button while the password is shown. */
+    hidePasswordLabel?: string;
+}
+export declare function getInputPasswordBoxClassName(hasError: boolean, disabled?: boolean): string;
+declare const InputPassword: React.ForwardRefExoticComponent<InputPasswordProps & React.RefAttributes<HTMLInputElement>>;
+export { InputPassword };

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

@@ -0,0 +1 @@
+export { InputSearch, type InputSearchProps } from './input-search';

package/dist/src/components/ui/input-search/input-search.d.ts

@@ -0,0 +1,10 @@
+import { SearchBoxProps } from '../search';
+import * as React from 'react';
+export interface InputSearchProps extends SearchBoxProps {
+    /** Field label, rendered above the search box. */
+    label?: React.ReactNode;
+    /** Marks the field required — appends a `*` after the label. */
+    required?: boolean;
+}
+declare const InputSearch: React.ForwardRefExoticComponent<InputSearchProps & React.RefAttributes<HTMLInputElement>>;
+export { InputSearch };

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

@@ -0,0 +1 @@
+export { InputSelect, InputSelectField, InputSelectLabel, InputSelectTrigger, InputSelectValue, InputSelectContent, InputSelectSearch, InputSelectGroup, InputSelectSection, InputSelectSectionLabel, InputSelectItem, InputSelectExpander, InputSelectDescription, InputSelectError, InputSelectStatus, useInputSelectFilter, type InputSelectItemProps, type InputSelectExpanderProps, type InputSelectStatusProps, } from './input-select';

package/dist/src/components/ui/input-select/input-select.d.ts

@@ -0,0 +1,96 @@
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+import * as React from 'react';
+interface InputSelectFilterContextValue {
+    /** Current in-dropdown search query. */
+    query: string;
+    /** Update the search query. */
+    setQuery: (query: string) => void;
+}
+/**
+ * Read the live in-dropdown search query (and its setter) from the nearest
+ * `InputSelect`. Flat item lists filter themselves; use this for hierarchical
+ * (tree) dropdowns that need to compute their own visibility.
+ */
+declare function useInputSelectFilter(): InputSelectFilterContextValue;
+declare function InputSelect<Value, Multiple extends boolean | undefined = false>(props: SelectPrimitive.Root.Props<Value, Multiple>): import("react/jsx-runtime").JSX.Element;
+declare namespace InputSelect {
+    var displayName: string;
+}
+declare const InputSelectGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** Vertical field stack: label, trigger, description/error. */
+declare const InputSelectField: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const InputSelectLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SelectLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /** Appends a required `*` after the label text. */
+    required?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const InputSelectTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SelectTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const InputSelectValue: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SelectValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const InputSelectContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SelectPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    sideOffset?: number;
+    align?: SelectPrimitive.Positioner.Props["align"];
+    side?: SelectPrimitive.Positioner.Props["side"];
+    /**
+     * Container to portal the dropdown into. Defaults to the document body;
+     * pass an element to scope the portal (e.g. a shadow root, so the popup
+     * inherits styles defined there).
+     */
+    portalContainer?: SelectPrimitive.Portal.Props["container"];
+} & React.RefAttributes<HTMLDivElement>>;
+/**
+ * In-dropdown search row (magnifier + input). By default it drives the
+ * `InputSelect` filter context — flat `InputSelectItem`s filter themselves, and
+ * tree dropdowns read the query via `useInputSelectFilter`. Pass `value`/`onChange`
+ * to control the query externally.
+ */
+declare const InputSelectSearch: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+/** A section (group) of items with an optional header. Divided by a top border. */
+declare const InputSelectSection: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const InputSelectSectionLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SelectGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface InputSelectItemProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item> {
+    /** Optional leading icon rendered before the label text. Colored by `--ui-input-select-dropdown-item-global-icon-tenant`. */
+    icon?: React.ReactNode;
+    /** 1-based nesting level (0 / omitted = no indent). Levels 1–3 reserve 16 / 40 / 64 px. */
+    indent?: number;
+    /**
+     * Text used to match the in-dropdown search query. Defaults to the string
+     * `children`. When a query is active and this text doesn't match, the row hides
+     * itself — unless `hidden` is passed explicitly (tree dropdowns compute their own
+     * visibility). Rows stay mounted while hidden to keep Base UI's selection index
+     * stable.
+     */
+    textValue?: string;
+}
+declare const InputSelectItem: React.ForwardRefExoticComponent<InputSelectItemProps & React.RefAttributes<HTMLElement>>;
+export interface InputSelectExpanderProps extends React.ComponentPropsWithoutRef<'button'> {
+    /** Whether the group is currently expanded. */
+    expanded: boolean;
+    /** Called when the user clicks the row to toggle expand/collapse. */
+    onToggle: () => void;
+    /** Optional leading icon rendered after the chevron. */
+    icon?: React.ReactNode;
+    /** 1-based nesting level (0 / omitted = level 1). Levels 1–3 reserve 16 / 40 / 64 px; the chevron sits right-aligned inside. */
+    indent?: number;
+}
+/**
+ * A non-selectable row that acts as an expand/collapse toggle for a tree group.
+ * Visually identical to `InputSelectItem` but is **not** a `SelectPrimitive.Item`,
+ * so clicking it won't set the select value.
+ *
+ * When collapsing a group, keep its child `InputSelectItem`s mounted and toggle
+ * their `hidden` prop rather than unmounting them: Base UI's Select tracks the
+ * selection by list index, so removing the selected row from the DOM makes a
+ * sibling inherit its index and render a phantom check. `hidden` rows keep the
+ * indices stable and are skipped by keyboard navigation.
+ */
+declare const InputSelectExpander: React.ForwardRefExoticComponent<InputSelectExpanderProps & React.RefAttributes<HTMLButtonElement>>;
+declare const InputSelectDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const InputSelectError: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export interface InputSelectStatusProps extends React.ComponentPropsWithoutRef<'div'> {
+    /** Which status to show. Drives the leading icon. */
+    variant: 'loading' | 'empty' | 'error';
+    /** Optional trailing action (e.g. a "Try again" button) — shown for `error`. */
+    action?: React.ReactNode;
+}
+/** Loading / empty / error status row shown instead of items inside the dropdown. */
+declare const InputSelectStatus: React.ForwardRefExoticComponent<InputSelectStatusProps & React.RefAttributes<HTMLDivElement>>;
+export { InputSelect, InputSelectField, InputSelectLabel, InputSelectTrigger, InputSelectValue, InputSelectContent, InputSelectSearch, InputSelectGroup, InputSelectSection, InputSelectSectionLabel, InputSelectItem, InputSelectExpander, InputSelectDescription, InputSelectError, InputSelectStatus, useInputSelectFilter, };

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

@@ -0,0 +1 @@
+export { InputText, type InputTextProps } from './input-text';

package/dist/src/components/ui/input-text/input-text.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+export interface InputTextProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'children'> {
+    /** Field label, rendered above the input. */
+    label?: React.ReactNode;
+    /** Marks the field required — appends a `*` after the label. */
+    required?: boolean;
+    /** Helper text below the input. Hidden while `error` is set. */
+    description?: React.ReactNode;
+    /**
+     * Error message below the input. Its presence switches the field to the error
+     * treatment (red box border + red message).
+     */
+    error?: React.ReactNode;
+    /** Show a clear (✕) button while the (controlled) field has a value. */
+    clearable?: boolean;
+    /** Called when the clear button is activated. */
+    onClear?: () => void;
+}
+declare const InputText: React.ForwardRefExoticComponent<InputTextProps & React.RefAttributes<HTMLInputElement>>;
+export { InputText };

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

@@ -0,0 +1 @@
+export { InputTextArea, type InputTextAreaProps } from './input-text-area';

package/dist/src/components/ui/input-text-area/input-text-area.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface InputTextAreaProps extends Omit<React.ComponentPropsWithoutRef<'textarea'>, 'children'> {
+    /** Field label, rendered above the textarea. */
+    label?: React.ReactNode;
+    /** Marks the field required — appends a `*` after the label. */
+    required?: boolean;
+    /** Helper text below the textarea. Hidden while `error` is set. */
+    description?: React.ReactNode;
+    /**
+     * Error message below the textarea. Its presence switches the field to the error
+     * treatment (red box border + red message).
+     */
+    error?: React.ReactNode;
+}
+declare const InputTextArea: React.ForwardRefExoticComponent<InputTextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { InputTextArea };

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

@@ -0,0 +1 @@
+export { Label, labelClassName, type LabelProps } from './label';

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+declare const labelClassName = "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70";
+export type LabelProps = React.ComponentPropsWithoutRef<'label'>;
+declare const Label: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export { Label, labelClassName };

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

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+/** Props for `Label` — a caption for a form control. */
+export interface LabelProps {
+    /** The `id` of the control this label captions; clicking focuses it. */
+    htmlFor?: string;
+    /** Extra classes merged onto the label. */
+    className?: string;
+    /** The label text. */
+    children?: React.ReactNode;
+}

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

@@ -0,0 +1 @@
+export { LineChart, lineChartVariants, type LineChartProps } from './line-chart';

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

@@ -0,0 +1,83 @@
+import { VariantProps } from 'class-variance-authority';
+import { ChartTooltip, ChartConfig } from '../chart';
+import * as React from 'react';
+declare const lineChartVariants: (props?: ({
+    curve?: "step" | "linear" | "monotone" | null | undefined;
+    lineStyle?: "dashed" | "solid" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Drop the synthetic delta-band range series from a recharts tooltip/legend
+ * payload, keeping the real series (and their order). recharts already excludes
+ * the band via `legendType`/`tooltipType="none"`, so this is a second, explicit
+ * guard — hence it's unit-tested rather than relying on that behavior.
+ */
+export declare function dropBandSeries<T extends {
+    dataKey?: unknown;
+}>(payload: readonly T[] | undefined): T[] | undefined;
+type TooltipContentType = NonNullable<React.ComponentProps<typeof ChartTooltip>['content']>;
+type TooltipContentFn = Extract<TooltipContentType, (...args: never[]) => unknown>;
+type TooltipRenderProps = Parameters<TooltipContentFn>[0];
+/**
+ * Wrap a caller-supplied `tooltipContent` so the synthetic delta bands are
+ * stripped from the payload before it renders, while preserving recharts' own
+ * mount semantics — a function is mounted via `createElement` (its own component
+ * identity + hook state), an element via `cloneElement`. This mirrors what the
+ * pass-through charts get by handing `content` straight to recharts, so a
+ * function-form tooltip keeps its state across re-renders here too. The returned
+ * component is a stable content type (memoize it on `tooltipContent`).
+ */
+export declare function createBandStrippedTooltip(tooltipContent: TooltipContentType): (props: TooltipRenderProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.FunctionComponentElement<import('recharts').TooltipContentProps<import('recharts').TooltipValueType, import('recharts/types/component/DefaultTooltipContent').NameType>>;
+export interface LineChartProps extends Omit<React.ComponentProps<'div'>, 'children'>, VariantProps<typeof lineChartVariants> {
+    /** Row-per-point data. Each object holds the category key + one numeric field per series (`null` breaks the line 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 `<Line>` per key. Each must exist in `config` and in every data row. */
+    dataKeys: string[];
+    /**
+     * Subset of `dataKeys` to render as comparison/trend overlays (e.g. a
+     * previous quarter or year) — dashed, dimmed, and dot-less, so they read as
+     * secondary to the current-period lines. Keeps each series' own `config` color.
+     */
+    comparisonKeys?: string[];
+    /**
+     * Pairs of `[currentKey, comparisonKey]` to shade a delta band between — a
+     * dimmed area filling the gap between the two series at each point,
+     * visualizing the QoQ/YoY difference. Tinted with the first key's `config`
+     * color. Rows where either value isn't numeric are left un-banded.
+     *
+     * Each pair mints an internal `__band_<n>` field (kept out of the tooltip and
+     * legend), so avoid data/`config` keys with that reserved prefix.
+     */
+    deltaBands?: Array<[string, 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;
+    /** Stroke width of each line. */
+    strokeWidth?: number;
+    /** Render a dot at each data point. */
+    showDots?: boolean;
+    /** Bridge `null` gaps in the data instead of breaking the line. */
+    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 LineChart: React.ForwardRefExoticComponent<Omit<LineChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { LineChart, lineChartVariants };

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

@@ -0,0 +1 @@
+export { Link, type LinkProps } from './link';

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

@@ -0,0 +1,15 @@
+import { useRender } from '@base-ui/react/use-render';
+import * as React from 'react';
+export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Append a trailing external-link icon (e.g. for links that leave the app). */
+    external?: boolean;
+    /** Render the link inert: disabled color, removed from the tab order, no navigation. */
+    disabled?: boolean;
+    /**
+     * Replace the rendered `<a>` with another element or component (Base UI
+     * composition) — e.g. a router `Link`. Props and class names are merged onto it.
+     */
+    render?: useRender.RenderProp;
+}
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export { Link };

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

@@ -0,0 +1 @@
+export { Loading, loadingVariants, type LoadingProps } from './loading';

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

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const loadingVariants: (props?: ({
+    variant?: "inline" | "onSurfacePrimary" | "onSurfaceSecondary" | "onScreen" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface LoadingProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof loadingVariants> {
+    /** Whether the label is rendered. When `false`, `label` is still exposed to assistive tech via `aria-label`. */
+    hasLabel?: boolean;
+    /** The loading message. */
+    label?: string;
+}
+declare const Loading: React.ForwardRefExoticComponent<LoadingProps & React.RefAttributes<HTMLDivElement>>;
+export { Loading, loadingVariants };

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

@@ -0,0 +1 @@
+export { Meter, type MeterProps } from './meter';

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

@@ -0,0 +1,25 @@
+import { Meter as MeterPrimitive } from '@base-ui/react/meter';
+import * as React from 'react';
+export interface MeterProps extends Omit<React.ComponentPropsWithoutRef<typeof MeterPrimitive.Root>, 'value' | 'color'> {
+    /** Row label shown on the left. */
+    label: string;
+    /** The value this meter represents. */
+    value: number;
+    /** Upper bound of the range — the whole the value is a share of. */
+    max?: number;
+    /** Fill color for the bar — an existing semantic `--ui-*` token (or any CSS color). */
+    color: string;
+    /** Format the numeric value (label + tooltip). Defaults to `toLocaleString()`. */
+    valueFormatter?: (value: number) => string;
+    /** Show the hover tooltip (`label · value of max · %`). */
+    showTooltip?: boolean;
+    /**
+     * Custom tooltip content — replaces the default (dot + label + `value of max
+     * · %`) inside the same chart-style card. Ignored when `showTooltip` is false.
+     */
+    tooltip?: React.ReactNode;
+    /** Render with the tooltip initially open (Base UI `defaultOpen`). */
+    defaultOpen?: boolean;
+}
+declare const Meter: React.ForwardRefExoticComponent<MeterProps & React.RefAttributes<HTMLDivElement>>;
+export { Meter };

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

@@ -0,0 +1 @@
+export { Metric, type MetricProps } from './metric';

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

@@ -0,0 +1,37 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const metricVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+    status?: "info" | "success" | "warning" | "critical" | "neutral" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface MetricProps extends React.ComponentProps<'div'>, VariantProps<typeof metricVariants> {
+    /** What the value measures — e.g. "Gross margin". Rendered as an uppercase note heading. */
+    label: React.ReactNode;
+    /**
+     * The primary value, already formatted (`73`, `"94%"`, `"$72K"`, `"2.8"`).
+     * The kit does not format currency, units, or decimals.
+     */
+    value: React.ReactNode;
+    /** Unit shown next to the value at a smaller, muted size — e.g. `"%"`, `"hours"`. */
+    unit?: React.ReactNode;
+    /** A top-right caption aligned with the label — e.g. a timeframe `Tag` ("Last 30 days"). */
+    caption?: React.ReactNode;
+    /** A trend slot on the right of the value — typically a `TrendIndicator`. */
+    trend?: React.ReactNode;
+    /** Secondary line below the value — e.g. "Target: 99%". */
+    supportingText?: React.ReactNode;
+    /** A small badge / metadata slot beside the value — e.g. a `Tag`. */
+    badge?: React.ReactNode;
+    /** Icon rendered in a status-tinted badge before the value. */
+    icon?: React.ReactNode;
+    /** Contextual hint on an info affordance next to the label (Base UI Tooltip). */
+    tooltip?: React.ReactNode;
+    /** Accessible name for the info affordance that reveals `tooltip`. */
+    tooltipLabel?: string;
+    /** Show a skeleton in place of the value, preserving its space. */
+    loading?: boolean;
+    /** Card body below the header — e.g. a chart, a Separator, an insight line. */
+    children?: React.ReactNode;
+}
+declare const Metric: React.ForwardRefExoticComponent<Omit<MetricProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Metric };

package/dist/src/components/ui/number-field/index.d.ts

@@ -0,0 +1 @@
+export { NumberField, NumberFieldGroup, NumberFieldInput, NumberFieldDecrement, NumberFieldIncrement, } from './number-field';

package/dist/src/components/ui/number-field/number-field.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const NumberField: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').NumberFieldRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NumberFieldGroup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NumberFieldGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NumberFieldInput: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NumberFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const NumberFieldDecrement: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NumberFieldDecrementProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const NumberFieldIncrement: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').NumberFieldIncrementProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { NumberField, NumberFieldGroup, NumberFieldInput, NumberFieldDecrement, NumberFieldIncrement, };

package/dist/src/components/ui/page-content/index.d.ts

@@ -0,0 +1 @@
+export { PageContent, type PageContentProps } from './page-content';

package/dist/src/components/ui/page-content/page-content.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export type PageContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const PageContent: React.ForwardRefExoticComponent<PageContentProps & React.RefAttributes<HTMLDivElement>>;
+export { PageContent };

package/dist/src/components/ui/page-header/index.d.ts

@@ -0,0 +1 @@
+export { PageHeader, PageHeaderRow, PageHeaderTitle, PageHeaderTags, PageHeaderActions, PageHeaderDescriptionRow, PageHeaderDescription, } from './page-header';

package/dist/src/components/ui/page-header/page-header.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+declare function useRowOverflow(): {
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    measureRef: React.RefObject<HTMLDivElement | null>;
+    collapsed: boolean;
+};
+declare const PageHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const PageHeaderRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const PageHeaderTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const PageHeaderTags: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const PageHeaderActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const PageHeaderDescriptionRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const PageHeaderDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { PageHeader, PageHeaderRow, PageHeaderTitle, PageHeaderTags, PageHeaderActions, PageHeaderDescriptionRow, PageHeaderDescription, useRowOverflow, };

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

@@ -0,0 +1,2 @@
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, } from './pagination';
+export type { PaginationLinkProps } from './pagination';

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+declare function Pagination({ className, ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export interface PaginationLinkProps extends React.ComponentProps<'a'> {
+    /** Marks the current page (sets aria-current and the selected treatment). */
+    isActive?: boolean;
+}
+declare const PaginationLink: {
+    ({ className, isActive, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, };

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

@@ -0,0 +1 @@
+export { PieChart, pieChartVariants, type PieChartProps, type PieChartCenterLabel, } from './pie-chart';

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

@@ -0,0 +1,54 @@
+import { VariantProps } from 'class-variance-authority';
+import { ChartTooltip, ChartConfig } from '../chart';
+import * as React from 'react';
+declare const pieChartVariants: (props?: ({
+    shape?: "pie" | "donut" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface PieChartCenterLabel {
+    /** Headline metric rendered large in the donut hole (e.g. a total). */
+    value?: string | number;
+    /** Caption rendered under the value. */
+    label?: string | number;
+}
+export interface PieChartProps extends Omit<React.ComponentProps<'div'>, 'children'>, VariantProps<typeof pieChartVariants> {
+    /** Row-per-slice data. Each object holds the slice's `nameKey` label + its `dataKey` numeric value. */
+    data: ReadonlyArray<Record<string, string | number>>;
+    /**
+     * Per-slice map of `label` / `color`, keyed by the slice's `nameKey` value
+     * (imported from the shared `Chart` primitives). Turned into `--color-<name>`
+     * custom properties. Colors are caller-supplied — reference an existing
+     * semantic `--ui-*` token; there is no chart palette tier yet.
+     */
+    config: ChartConfig;
+    /** Numeric field that sizes each slice. */
+    dataKey: string;
+    /**
+     * Label field that names each slice (drives the legend, tooltip, and
+     * `--color-<name>` lookup). Values should be unique per chart — rows sharing a
+     * name share one `config`/color entry.
+     */
+    nameKey: string;
+    /** Inner radius of the arc when `shape="donut"` (ignored for `shape="pie"`). */
+    innerRadius?: number;
+    /**
+     * Custom content for the donut hole — a headline `value` and/or a `label`
+     * caption, stacked and centered. Rendered only for `shape="donut"` (a filled
+     * pie has no hole).
+     */
+    centerLabel?: PieChartCenterLabel;
+    /** Outer radius of the arc. Omit to use recharts' responsive default. */
+    outerRadius?: number;
+    /** Gap between slices, in degrees. */
+    paddingAngle?: number;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    /**
+     * Replace the default tooltip. Pass a configured `ChartTooltipContent`
+     * (imported from this library) — e.g. with a `formatter` / `labelFormatter` —
+     * to customize formatting, per-slice rows, or extra fields without composing
+     * recharts yourself. Ignored when `showTooltip` is false.
+     */
+    tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];
+}
+declare const PieChart: React.ForwardRefExoticComponent<Omit<PieChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { PieChart, pieChartVariants };

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

@@ -0,0 +1 @@
+export { Popover, PopoverTrigger, PopoverPortal, PopoverContent, type PopoverContentProps, PopoverBody, PopoverFooter, } from './popover';