@acronis-platform/ui-react 0.57.0 → 0.58.0

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

@@ -0,0 +1,39 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import * as React from 'react';
+declare const Popover: typeof PopoverPrimitive.Root;
+declare const PopoverTrigger: PopoverPrimitive.Trigger;
+declare const PopoverPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Popup> {
+    /** Which side of the trigger to render on. */
+    side?: PopoverPrimitive.Positioner.Props['side'];
+    /** Alignment along the chosen side. */
+    align?: PopoverPrimitive.Positioner.Props['align'];
+    /** Distance in px from the trigger. */
+    sideOffset?: number;
+    /**
+     * Render inside a portal (default `true`). Set `false` for inline usage
+     * (e.g. when supplying your own `PopoverPortal`).
+     */
+    portal?: boolean;
+    /**
+     * Portal container. Pass a shadow-root mount for isolated-style previews
+     * (the docs demos do this via `useShadowMount`).
+     */
+    portalContainer?: PopoverPrimitive.Portal.Props['container'];
+    /** Keep the content mounted while closed (Base UI `Portal` prop). */
+    keepMounted?: PopoverPrimitive.Portal.Props['keepMounted'];
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Vertical-rhythm wrapper for a `PopoverContent`'s main content — the `Body`
+ * slot in the Figma node. Themed from `--ui-popover-body-*` (gap, padding-y);
+ * horizontal inset is a plain utility since the design has no dedicated
+ * component token for it.
+ */
+declare const PopoverBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Default action-row footer — the `FooterDefault` (`variant=default`) recipe
+ * from the Figma node. Themed from the shared `--ui-footer-*` tier.
+ */
+declare const PopoverFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverPortal, PopoverContent, PopoverBody, PopoverFooter, };

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

@@ -0,0 +1,25 @@
+import type * as React from 'react';
+/** Props for `PopoverContent` — the positioned, portaled popover panel. */
+export interface PopoverContentProps {
+    /** Which side of the trigger to render on. Defaults to `bottom`. */
+    side?: 'top' | 'bottom' | 'left' | 'right' | 'inline-start' | 'inline-end';
+    /** Alignment along the chosen side. Defaults to `center`. */
+    align?: 'start' | 'center' | 'end';
+    /** Distance in px from the trigger. Defaults to `4`. */
+    sideOffset?: number;
+    /**
+     * Render inside a portal (default `true`). Disable only when you supply your
+     * own `PopoverPortal` ancestor.
+     */
+    portal?: boolean;
+    /**
+     * Portal container. Pass a shadow-root mount for isolated-style previews
+     * (the docs demos do this via `useShadowMount`).
+     */
+    portalContainer?: HTMLElement | null;
+    /** Keep the content mounted while closed. */
+    keepMounted?: boolean;
+    /** Extra classes merged onto the popup. */
+    className?: string;
+    children?: React.ReactNode;
+}

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

@@ -0,0 +1 @@
+export { Progress, type ProgressProps } from './progress';

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

@@ -0,0 +1,9 @@
+import { Progress as ProgressPrimitive } from '@base-ui/react';
+import * as React from 'react';
+export type ProgressProps = Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'value'> & {
+    value?: number | null;
+};
+declare const Progress: React.ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').ProgressRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
+    value?: number | null;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Progress };

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

@@ -0,0 +1,16 @@
+import type * as React from 'react';
+/** Props for `Progress` — a determinate or indeterminate progress bar. */
+export interface ProgressProps {
+    /**
+     * Completion between `min` and `max`. `null` (the default) renders an
+     * indeterminate sliding bar.
+     */
+    value?: number | null;
+    /** The value representing full completion (default `100`). */
+    max?: number;
+    /** The value representing no completion (default `0`). */
+    min?: number;
+    /** Extra classes merged onto the root. */
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/src/components/ui/progress-circle/index.d.ts

@@ -0,0 +1 @@
+export { ProgressCircle, progressCircleVariants, type ProgressCircleProps, type ProgressCircleSize, type ProgressCircleStatus, } from './progress-circle';

package/dist/src/components/ui/progress-circle/progress-circle.d.ts

@@ -0,0 +1,47 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+export type ProgressCircleStatus = 'brand' | 'danger' | 'critical' | 'warning' | 'success';
+declare const SIZES: {
+    readonly tiny: {
+        readonly d: 16;
+        readonly stroke: 2;
+        readonly font: "text-[10px] leading-none";
+    };
+    readonly sm: {
+        readonly d: 24;
+        readonly stroke: 3;
+        readonly font: "text-[10px] leading-none";
+    };
+    readonly md: {
+        readonly d: 40;
+        readonly stroke: 4;
+        readonly font: "text-xs font-semibold";
+    };
+    readonly lg: {
+        readonly d: 64;
+        readonly stroke: 5;
+        readonly font: "text-sm font-semibold";
+    };
+};
+export type ProgressCircleSize = keyof typeof SIZES;
+declare const progressCircleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "tiny" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ProgressCircleProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressCircleVariants> {
+    /** Current progress; clamped to `[0, max]`. */
+    value?: number;
+    /** Value representing full completion. */
+    max?: number;
+    /** Ring diameter + stroke. Defaults to `sm`. */
+    size?: ProgressCircleSize;
+    /** Color level for the arc. Omit to derive from `value`/`max` by thresholds. */
+    status?: ProgressCircleStatus;
+    /** Show the rounded percentage in the center. */
+    showValue?: boolean;
+    /** Show a status icon in the center (takes priority over `showValue`). */
+    showIcon?: boolean;
+    /** Custom center content (takes priority over icon/value). */
+    children?: React.ReactNode;
+}
+declare const ProgressCircle: React.ForwardRefExoticComponent<ProgressCircleProps & React.RefAttributes<HTMLDivElement>>;
+export { ProgressCircle, progressCircleVariants };

package/dist/src/components/ui/progress-circle/progress-circle.docs.d.ts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+/** Props for `ProgressCircle`. */
+export interface ProgressCircleProps {
+    /** Current progress, clamped to `[0, max]`. */
+    value?: number;
+    /** Value representing full completion (default `100`). */
+    max?: number;
+    /** Ring diameter + stroke: `tiny` · `sm` (default) · `md` · `lg`. */
+    size?: 'tiny' | 'sm' | 'md' | 'lg';
+    /**
+     * Arc color level. Omit to derive from `value`/`max` by thresholds
+     * (≈ <40% danger, <60% critical, <80% warning, else success).
+     */
+    status?: 'brand' | 'danger' | 'critical' | 'warning' | 'success';
+    /** Show the rounded percentage in the center. */
+    showValue?: boolean;
+    /** Show a status icon in the center (priority over `showValue`). */
+    showIcon?: boolean;
+    /** Custom center content (priority over icon / value). */
+    children?: React.ReactNode;
+}

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

@@ -0,0 +1 @@
+export { RadarChart, radarChartVariants, type RadarChartProps } from './radar-chart';

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

@@ -0,0 +1,40 @@
+import { VariantProps } from 'class-variance-authority';
+import { ChartTooltip, ChartConfig } from '../chart';
+import * as React from 'react';
+declare const radarChartVariants: (props?: ({
+    gridType?: "circle" | "polygon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface RadarChartProps extends Omit<React.ComponentProps<'div'>, 'children'>, VariantProps<typeof radarChartVariants> {
+    /** Row-per-axis data. Each object holds the `angleKey` label + one numeric field per series. */
+    data: ReadonlyArray<Record<string, string | number>>;
+    /**
+     * Per-series map of `label` / `color` (imported from the shared `Chart`
+     * primitives). Turned into `--color-<key>` custom properties. Series colors
+     * are caller-supplied — reference an existing semantic `--ui-*` token; there is
+     * no chart palette tier yet.
+     */
+    config: ChartConfig;
+    /** Series to plot — one `<Radar>` per key. Each must exist in `config` and in every data row. */
+    dataKeys: string[];
+    /** The categorical axis key placed around the web (e.g. `"subject"`). */
+    angleKey: string;
+    /** Fill opacity of each radar area. */
+    fillOpacity?: number;
+    /** Stroke width of each radar outline. */
+    strokeWidth?: number;
+    /** Render a dot at each axis point. */
+    showDots?: boolean;
+    /** Render the polar grid (the web). */
+    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 RadarChart: React.ForwardRefExoticComponent<Omit<RadarChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { RadarChart, radarChartVariants };

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

@@ -0,0 +1 @@
+export { RadialBarChart, type RadialBarChartProps, } from './radial-bar-chart';

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

@@ -0,0 +1,45 @@
+import { ChartTooltip, ChartConfig } from '../chart';
+import * as React from 'react';
+export interface RadialBarChartProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    /** Row-per-arc data. Each object holds the arc's `nameKey` label + its `dataKey` numeric value. */
+    data: ReadonlyArray<Record<string, string | number>>;
+    /**
+     * Per-arc map of `label` / `color`, keyed by the arc'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 arc. */
+    dataKey: string;
+    /**
+     * Label field that names each arc (drives the legend, tooltip, and
+     * `--color-<name>` lookup). Values should be unique per chart (arcs sharing a
+     * name share one `config`/color entry) and CSS-safe — they become part of a
+     * custom-property name.
+     */
+    nameKey: string;
+    /** Inner radius of the innermost arc. */
+    innerRadius?: number;
+    /** Outer radius of the outermost arc. */
+    outerRadius?: number;
+    /** Angle (degrees) the arcs sweep from. */
+    startAngle?: number;
+    /** Angle (degrees) the arcs sweep to (default is a full clockwise circle). */
+    endAngle?: number;
+    /** Corner radius on each arc's ends. */
+    cornerRadius?: number;
+    /** Render a muted background track behind each arc. */
+    showBackground?: boolean;
+    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-arc rows, or extra fields without composing
+     * recharts yourself. Ignored when `showTooltip` is false.
+     */
+    tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];
+}
+declare const RadialBarChart: React.ForwardRefExoticComponent<Omit<RadialBarChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { RadialBarChart };

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

@@ -0,0 +1 @@
+export { RadioGroup, Radio, type RadioGroupProps, type RadioProps, } from './radio';

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

@@ -0,0 +1,8 @@
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+import * as React from 'react';
+export type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive>;
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.Props<unknown>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type RadioProps = React.ComponentPropsWithoutRef<typeof RadioPrimitive.Root>;
+declare const Radio: React.ForwardRefExoticComponent<Omit<RadioPrimitive.Root.Props<unknown>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { RadioGroup, Radio };

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

@@ -0,0 +1,2 @@
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle, } from './resizable';
+export type { ResizableHandleProps } from './resizable';

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

@@ -0,0 +1,6 @@
+import * as ResizablePrimitive from 'react-resizable-panels';
+declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): import("react/jsx-runtime").JSX.Element;
+declare function ResizablePanel(props: ResizablePrimitive.PanelProps): import("react/jsx-runtime").JSX.Element;
+export type ResizableHandleProps = ResizablePrimitive.SeparatorProps;
+declare function ResizableHandle({ className, ...props }: ResizableHandleProps): import("react/jsx-runtime").JSX.Element;
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };

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

@@ -0,0 +1 @@
+export { ScatterChart, type ScatterChartProps, type ScatterSeries, type ScatterMarkerShape, } from './scatter-chart';

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

@@ -0,0 +1,50 @@
+import { ChartTooltip, ChartConfig } from '../chart';
+import * as React from 'react';
+export type ScatterMarkerShape = 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
+export interface ScatterSeries {
+    /** Series key — must match a `config` entry; drives its `--color-<key>` fill and legend label. */
+    key: string;
+    /** This series' points — each row holds at least `xKey` and `yKey` (and `zKey` when used). */
+    data: ReadonlyArray<Record<string, number>>;
+}
+export interface ScatterChartProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    /** One `<Scatter>` per entry — each with its own point array. Use a single entry for an ungrouped scatter. */
+    series: ScatterSeries[];
+    /**
+     * 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;
+    /** Numeric field for the horizontal axis. */
+    xKey: string;
+    /** Numeric field for the vertical axis. */
+    yKey: string;
+    /** Title rendered beneath the horizontal (X) axis. */
+    xAxisLabel?: string;
+    /** Title rendered beside the vertical (Y) axis (rotated). */
+    yAxisLabel?: string;
+    /** Unit suffix appended to X-axis tick values (recharts `unit`). */
+    xUnit?: string;
+    /** Unit suffix appended to Y-axis tick values (recharts `unit`). */
+    yUnit?: string;
+    /** Optional numeric field mapped to point size (a bubble chart), via recharts `ZAxis`. */
+    zKey?: string;
+    /** Point-size range `[min, max]` the `zKey` maps into. Ignored when `zKey` is unset (points use recharts' default size). */
+    zRange?: [number, number];
+    /** Marker shape for every point. */
+    shape?: ScatterMarkerShape;
+    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 ScatterChart: React.ForwardRefExoticComponent<Omit<ScatterChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ScatterChart };

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

@@ -0,0 +1 @@
+export { ScrollArea, ScrollBar, type ScrollAreaProps, type ScrollBarProps, } from './scroll-area';

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

@@ -0,0 +1,10 @@
+import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
+import * as React from 'react';
+export type ScrollBarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ScrollAreaScrollbarProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface ScrollAreaProps extends React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> {
+    /** Which scrollbar(s) to render. @default 'vertical' */
+    orientation?: 'vertical' | 'horizontal' | 'both';
+}
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea, ScrollBar };

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

@@ -0,0 +1 @@
+export { SearchBox, type SearchBoxProps } from './search';

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface SearchBoxProps extends React.ComponentPropsWithoutRef<'input'> {
+    /** Called when the clear (×) button is pressed, after the value is cleared. */
+    onClear?: () => void;
+}
+declare const SearchBox: React.ForwardRefExoticComponent<SearchBoxProps & React.RefAttributes<HTMLInputElement>>;
+export { SearchBox };

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

@@ -0,0 +1 @@
+export { SearchGlobal, type SearchGlobalProps } from './search-global';

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface SearchGlobalProps extends React.ComponentPropsWithoutRef<'input'> {
+    /** Keyboard-shortcut hint shown at the trailing edge (decorative). Pass `null` to hide. */
+    shortcut?: React.ReactNode;
+}
+declare const SearchGlobal: React.ForwardRefExoticComponent<SearchGlobalProps & React.RefAttributes<HTMLInputElement>>;
+export { SearchGlobal };

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

@@ -0,0 +1 @@
+export { Section, SectionHeader, SectionTitle, SectionDescription, SectionContent, } from './section';

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const Section: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const SectionHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const SectionTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SectionDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const SectionContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Section, SectionHeader, SectionTitle, SectionDescription, SectionContent, };

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

@@ -0,0 +1 @@
+export { Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectGroup, SelectGroupLabel, } from './select';

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

@@ -0,0 +1 @@
+export { InputSelect as Select, InputSelectTrigger as SelectTrigger, InputSelectValue as SelectValue, InputSelectContent as SelectContent, InputSelectItem as SelectItem, InputSelectSection as SelectGroup, InputSelectSectionLabel as SelectGroupLabel, } from '../input-select';

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

@@ -0,0 +1 @@
+export { Separator } from './separator';

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

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

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

@@ -0,0 +1,3 @@
+export { Sheet, SheetTrigger, SheetPortal, SheetClose, SheetCloseButton, SheetOverlay, SheetContent, SheetHeader, SheetFooter, SheetBody, SheetTitle, SheetDescription, sheetVariants, type SheetContentProps, } from './sheet';
+export { SheetDetails, type SheetDetailsProps, type SheetDetailsProperty, type SheetDetailsContentState, } from './sheet-details';
+export { Sheet as Details, SheetTrigger as DetailsTrigger, SheetPortal as DetailsPortal, SheetClose as DetailsClose, SheetCloseButton as DetailsCloseButton, SheetOverlay as DetailsOverlay, SheetContent as DetailsContent, SheetHeader as DetailsHeader, SheetFooter as DetailsFooter, SheetBody as DetailsBody, SheetTitle as DetailsTitle, SheetDescription as DetailsDescription, type SheetContentProps as DetailsContentProps, } from './sheet';

package/dist/src/components/ui/sheet/sheet-details.d.ts

@@ -0,0 +1,42 @@
+import { SheetContentProps } from './sheet';
+import * as React from 'react';
+export interface SheetDetailsProperty {
+    label: React.ReactNode;
+    value: React.ReactNode;
+}
+export type SheetDetailsContentState = 'content' | 'loading' | 'empty' | 'error';
+export interface SheetDetailsProps {
+    /** Controlled open state. Pair with `onOpenChange`. */
+    open?: boolean;
+    /** Initial open state when uncontrolled. */
+    defaultOpen?: boolean;
+    /** Fires when the sheet opens or closes. */
+    onOpenChange?: (open: boolean, eventDetails: unknown) => void;
+    /** Panel title (header). Also the accessible name. */
+    title: React.ReactNode;
+    /** Edge the panel anchors to. Defaults to `right`. */
+    side?: SheetContentProps['side'];
+    /** Which body view to show. Defaults to `content`. */
+    contentState?: SheetDetailsContentState;
+    /** Key/value rows rendered as the body in the `content` state (unless `children`). */
+    properties?: SheetDetailsProperty[];
+    /** Custom body for the `content` state — overrides `properties`. */
+    children?: React.ReactNode;
+    /** Footer action(s). Omit for no footer. */
+    actions?: React.ReactNode;
+    /** Optional trigger element (rendered via the Sheet trigger's `render`). */
+    trigger?: React.ReactElement;
+    /** Empty-state copy (`contentState="empty"`). */
+    emptyTitle?: React.ReactNode;
+    emptyDescription?: React.ReactNode;
+    /** Error-state copy (`contentState="error"`). */
+    errorTitle?: React.ReactNode;
+    errorDescription?: React.ReactNode;
+    /** Portal container (shadow-root mount for isolated previews). */
+    portalContainer?: SheetContentProps['portalContainer'];
+}
+declare function SheetDetails({ open, defaultOpen, onOpenChange, title, side, contentState, properties, children, actions, trigger, emptyTitle, emptyDescription, errorTitle, errorDescription, portalContainer, }: SheetDetailsProps): import("react/jsx-runtime").JSX.Element;
+declare namespace SheetDetails {
+    var displayName: string;
+}
+export { SheetDetails };

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

@@ -0,0 +1,36 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const sheetVariants: (props?: ({
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const Sheet: typeof DialogPrimitive.Root;
+declare const SheetTrigger: DialogPrimitive.Trigger;
+declare const SheetPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Popup>, VariantProps<typeof sheetVariants> {
+    /** Screen edge the panel anchors to. Defaults to `right`. */
+    side?: VariantProps<typeof sheetVariants>['side'];
+    /**
+     * Render the content inside a portal (default `true`). Base UI requires the
+     * Popup to sit in a Portal for correct stacking; set `false` for inline usage
+     * (e.g. when the caller supplies its own `SheetPortal`, or in tests).
+     */
+    portal?: boolean;
+    /**
+     * Portal container. Pass a shadow-root mount for isolated-style previews
+     * (the docs demos do this via `useShadowMount`).
+     */
+    portalContainer?: DialogPrimitive.Portal.Props['container'];
+    /** Keep the content mounted while closed (Base UI `Portal` prop). */
+    keepMounted?: DialogPrimitive.Portal.Props['keepMounted'];
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const SheetCloseButton: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Sheet, SheetTrigger, SheetPortal, SheetClose, SheetCloseButton, SheetOverlay, SheetContent, SheetHeader, SheetFooter, SheetBody, SheetTitle, SheetDescription, sheetVariants, };

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

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+/** Props for `SheetContent` — the portaled, edge-anchored panel. */
+export interface SheetContentProps {
+    /** Screen edge the panel anchors to: `top` · `right` (default) · `bottom` · `left`. */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Render the content inside a portal (default `true`). Disable only when you
+     * supply your own `SheetPortal` ancestor (e.g. inline usage).
+     */
+    portal?: boolean;
+    /**
+     * Portal container. Pass a shadow-root mount for isolated-style previews
+     * (the docs demos do this via `useShadowMount`).
+     */
+    portalContainer?: HTMLElement | null;
+    /** Keep the content mounted while closed. */
+    keepMounted?: boolean;
+    /** Extra classes merged onto the panel. */
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/src/components/ui/sidebar-primary/index.d.ts

@@ -0,0 +1 @@
+export { SidebarPrimary, SidebarPrimaryHeader, SidebarPrimaryContent, SidebarPrimaryFooter, SidebarPrimarySection, SidebarPrimaryMenu, SidebarPrimaryMenuItem, SidebarPrimaryMenuItemExtras, SidebarPrimaryCollapseTrigger, sidebarPrimaryMenuItemVariants, type SidebarPrimaryProps, type SidebarPrimaryMenuItemProps, type SidebarPrimaryMenuItemExtrasProps, type SidebarPrimaryCollapseTriggerProps, } from './sidebar-primary';