@acronis-platform/ui-react 0.56.0 → 0.56.1

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/popover/index.d.ts

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

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

@@ -0,0 +1,27 @@
+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>>;
+export { Popover, PopoverTrigger, PopoverPortal, PopoverContent };

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/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/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';

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

@@ -0,0 +1,107 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+/**
+ * Tracks whether `ref`'s element is clipping its own content (`scrollWidth >
+ * clientWidth`) — used to gate a tooltip so it only opens when a truncated
+ * label is actually cut off. Re-measures via `ResizeObserver` (covers the
+ * rail's expand/collapse width transition); `enabled` skips measurement
+ * entirely (e.g. while collapsed, where the label is `sr-only`).
+ */
+declare function useIsOverflowing<T extends Element>(ref: React.RefObject<T | null>, { enabled }: {
+    enabled: boolean;
+}): boolean;
+export interface SidebarPrimaryProps extends React.ComponentPropsWithoutRef<'nav'> {
+    /** Controlled expanded (rail width) state. */
+    expanded?: boolean;
+    /** Uncontrolled initial expanded state. Defaults to `true` (full width). */
+    defaultExpanded?: boolean;
+    /** Fires when the expanded state changes (e.g. a consumer toggle). */
+    onExpandedChange?: (expanded: boolean) => void;
+    /**
+     * 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 SidebarPrimary: React.ForwardRefExoticComponent<SidebarPrimaryProps & React.RefAttributes<HTMLElement>>;
+export interface SidebarPrimaryHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Logo content shown while the rail is expanded (e.g. a full lockup).
+     * Pairs with `collapsedLogo` to swap distinct graphics per rail state
+     * instead of resizing one. When neither `logo` nor `collapsedLogo` is
+     * given, `children` renders in both states (the original single-slot
+     * behavior).
+     */
+    logo?: React.ReactNode;
+    /**
+     * Logo content shown while the rail is collapsed (e.g. a monogram mark).
+     * Falls back to `logo` when omitted.
+     */
+    collapsedLogo?: React.ReactNode;
+}
+declare const SidebarPrimaryHeader: React.ForwardRefExoticComponent<SidebarPrimaryHeaderProps & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarPrimaryContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarPrimaryFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarPrimarySection: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarPrimaryMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const sidebarPrimaryMenuItemVariants: (props?: ({
+    variant?: "selected" | "unselected" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface SidebarPrimaryMenuItemBaseProps extends Omit<React.ComponentPropsWithoutRef<'a'>, 'children'>, Omit<VariantProps<typeof sidebarPrimaryMenuItemVariants>, 'variant'> {
+    /** Marks the current route: sets the `selected` variant + `aria-current="page"`. */
+    selected?: boolean;
+    children?: React.ReactNode;
+    /**
+     * Trailing affordance — a `SidebarPrimaryMenuItemExtras` element. Rendered as
+     * a flex sibling of the label (its own `gap` from `_global/container/gap`),
+     * not nested inside the label's truncating span — nesting it there collapses
+     * the row gap and lets `truncate` clip the affordance. Hidden in collapsed/rail
+     * mode regardless of node type — the parent wraps it, so this holds even for
+     * a raw node rather than `SidebarPrimaryMenuItemExtras`.
+     */
+    extras?: React.ReactNode;
+    /**
+     * Replace the rendered `<a>` with another element or component (e.g. a router
+     * `Link` or a `<button>`) via Base UI composition.
+     */
+    render?: useRender.RenderProp;
+}
+export type SidebarPrimaryMenuItemProps = SidebarPrimaryMenuItemBaseProps & ({
+    /** Leading 16px icon (from `@acronis-platform/icons-react`). */
+    icon: Exclude<React.ReactNode, undefined>;
+    noIcon?: never;
+} | {
+    icon?: undefined; /** Explicit opt-out for the rare row with no icon. */
+    noIcon: true;
+});
+declare const SidebarPrimaryMenuItem: React.ForwardRefExoticComponent<SidebarPrimaryMenuItemProps & React.RefAttributes<HTMLAnchorElement>>;
+export interface SidebarPrimaryMenuItemExtrasProps extends React.ComponentPropsWithoutRef<'span'> {
+    /** Which trailing affordance to render. */
+    variant: 'tag' | 'externalLink' | 'shortcut' | 'tag-externalLink';
+    /** Shortcut text (e.g. "⌘H") for the `shortcut` variant. */
+    shortcut?: string;
+    /**
+     * Tag content for the `tag` / `tag-externalLink` variants. Figma constrains
+     * this slot's `Tag` instance to `size="sm"` (no other size is offered on
+     * MenuItemExtras) — always pass a `<Tag variant="info" size="sm">`, never the
+     * default size.
+     */
+    tag?: React.ReactNode;
+}
+declare const SidebarPrimaryMenuItemExtras: React.ForwardRefExoticComponent<SidebarPrimaryMenuItemExtrasProps & React.RefAttributes<HTMLSpanElement>>;
+export interface SidebarPrimaryCollapseTriggerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'children'> {
+    /** Leading 16px icon (e.g. a panel-left glyph). Rotates 180° between expanded/collapsed. */
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    /**
+     * Trailing affordance — a `SidebarPrimaryMenuItemExtras` element (Figma
+     * shows a `⌘H` shortcut here). Rendered as a flex sibling of the label, same
+     * as `SidebarPrimaryMenuItem`'s `extras` prop.
+     */
+    extras?: React.ReactNode;
+    /** Tooltip text shown when the rail is collapsed. Defaults to `'Expand'`. */
+    expandTooltip?: React.ReactNode;
+}
+declare const SidebarPrimaryCollapseTrigger: React.ForwardRefExoticComponent<SidebarPrimaryCollapseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export { SidebarPrimary, SidebarPrimaryHeader, SidebarPrimaryContent, SidebarPrimaryFooter, SidebarPrimarySection, SidebarPrimaryMenu, SidebarPrimaryMenuItem, SidebarPrimaryMenuItemExtras, SidebarPrimaryCollapseTrigger, useIsOverflowing, sidebarPrimaryMenuItemVariants, };

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

@@ -0,0 +1 @@
+export { SidebarSecondary, SidebarSecondaryHeader, SidebarSecondaryContent, SidebarSecondaryFooter, SidebarSecondarySection, SidebarSecondarySectionLabel, SidebarSecondaryMenu, SidebarSecondaryMenuItem, SidebarSecondaryMenuItemExtras, SidebarSecondaryCollapseTrigger, sidebarSecondaryMenuItemVariants, type SidebarSecondaryProps, type SidebarSecondaryHeaderProps, type SidebarSecondaryMenuItemProps, type SidebarSecondaryMenuItemExtrasProps, type SidebarSecondaryCollapseTriggerProps, } from './sidebar-secondary';

package/dist/src/components/ui/sidebar-secondary/sidebar-secondary.d.ts

@@ -0,0 +1,115 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+export interface SidebarSecondaryProps extends React.ComponentPropsWithoutRef<'nav'> {
+    /** Controlled expanded (rail width) state. */
+    expanded?: boolean;
+    /** Uncontrolled initial expanded state. Defaults to `true` (full width). */
+    defaultExpanded?: boolean;
+    /** Fires when the expanded state changes (e.g. a consumer toggle). */
+    onExpandedChange?: (expanded: boolean) => void;
+    /**
+     * Enable the draggable resize edge on the right border.
+     * When `true`, the sidebar can be resized between the expanded-width token
+     * and twice that value.
+     */
+    resizable?: boolean;
+    /** Controlled width in px (only used when `resizable`). */
+    width?: number;
+    /** Fires when the width changes due to a drag interaction. */
+    onWidthChange?: (width: number) => void;
+    /** Accessible label for the resize edge (`role="separator"`). Defaults to `'Resize sidebar'`. */
+    resizeAriaLabel?: string;
+    /** Tooltip content shown when the sidebar is expanded. Pass `null` to hide the tooltip entirely. */
+    resizeTooltipExpanded?: React.ReactNode;
+    /** Tooltip content shown when the sidebar is collapsed. Pass `null` to hide the tooltip entirely. */
+    resizeTooltipCollapsed?: React.ReactNode;
+    /**
+     * 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 SidebarSecondary: React.ForwardRefExoticComponent<SidebarSecondaryProps & React.RefAttributes<HTMLElement>>;
+export interface SidebarSecondaryHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
+    /** Heading text (or pass as children). */
+    label?: React.ReactNode;
+}
+declare const SidebarSecondaryHeader: React.ForwardRefExoticComponent<SidebarSecondaryHeaderProps & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSecondaryContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarSecondaryCollapsedBreadcrumbProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * The parent section label (breadcrumbLabel).
+     * Auto-derived from the `SidebarSecondaryHeader` label when omitted.
+     */
+    parentLabel?: React.ReactNode;
+    /**
+     * The current page label (labelCurrentPage).
+     * Auto-derived from the selected `SidebarSecondaryMenuItem` when omitted.
+     */
+    currentLabel?: React.ReactNode;
+    /** Separator between the two; defaults to a 16px ChevronDownIcon. */
+    separator?: React.ReactNode;
+}
+declare const SidebarSecondaryCollapsedBreadcrumb: React.ForwardRefExoticComponent<SidebarSecondaryCollapsedBreadcrumbProps & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSecondaryFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarSecondarySectionProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Make the section a collapsible disclosure: the `SidebarSecondarySectionLabel`
+     * becomes a chevron toggle and the `SidebarSecondaryMenu` becomes its panel.
+     */
+    expandable?: boolean;
+    /** Controlled open state (expandable sections only). */
+    open?: boolean;
+    /** Uncontrolled initial open state (expandable sections only). Defaults to open. */
+    defaultOpen?: boolean;
+    /** Fires with the next open value when an expandable section toggles. */
+    onOpenChange?: (open: boolean) => void;
+}
+declare const SidebarSecondarySection: React.ForwardRefExoticComponent<SidebarSecondarySectionProps & React.RefAttributes<HTMLDivElement>>;
+export interface SidebarSecondarySectionLabelProps extends React.ComponentPropsWithoutRef<'div'> {
+    /** Trailing header actions (e.g. a ghost `ButtonIcon`). Rendered outside the toggle. */
+    actions?: React.ReactNode;
+    /**
+     * A rollup badge (e.g. a `Tag` with an unread count) shown in the header only
+     * when an expandable section is collapsed. Ignored for static sections.
+     */
+    unreadRollup?: React.ReactNode;
+}
+declare const SidebarSecondarySectionLabel: React.ForwardRefExoticComponent<SidebarSecondarySectionLabelProps & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSecondaryMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const sidebarSecondaryMenuItemVariants: (props?: ({
+    variant?: "selected" | "unselected" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SidebarSecondaryMenuItemProps extends Omit<React.ComponentPropsWithoutRef<'a'>, 'children'>, Omit<VariantProps<typeof sidebarSecondaryMenuItemVariants>, 'variant'> {
+    /** Marks the current route: sets the `selected` variant + `aria-current="page"`. */
+    selected?: boolean;
+    /** Optional leading 16px icon (`hasIcon` in Figma). */
+    icon?: React.ReactNode;
+    /** Trailing extras (tag, shortcut, external-link icon — `hasExtras` in Figma). */
+    extras?: React.ReactNode;
+    children?: React.ReactNode;
+    /** Replace the rendered `<a>` (e.g. a router `Link` or a `<button>`). */
+    render?: useRender.RenderProp;
+}
+declare const SidebarSecondaryMenuItem: React.ForwardRefExoticComponent<SidebarSecondaryMenuItemProps & React.RefAttributes<HTMLAnchorElement>>;
+export interface SidebarSecondaryMenuItemExtrasProps extends React.ComponentPropsWithoutRef<'span'> {
+    /** Which trailing affordance to render. */
+    variant: 'tag' | 'externalLink' | 'shortcut' | 'tag-externalLink';
+    /** Shortcut text for the `shortcut` variant. */
+    shortcut?: string;
+    /** Tag content for the `tag` / `tag-externalLink` variants. */
+    tag?: React.ReactNode;
+}
+declare const SidebarSecondaryMenuItemExtras: React.ForwardRefExoticComponent<SidebarSecondaryMenuItemExtrasProps & React.RefAttributes<HTMLSpanElement>>;
+export interface SidebarSecondaryCollapseTriggerProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'children'> {
+    /** Leading 16px icon (e.g. a panel-left glyph). Rotates 180° between expanded/collapsed — same as `SidebarPrimaryCollapseTrigger`. */
+    icon?: React.ReactNode;
+    /** Tooltip text shown when the sidebar is collapsed. Defaults to `'Expand'`. */
+    expandTooltip?: React.ReactNode;
+    /** Trailing extras (e.g. a keyboard shortcut hint), same slot as `SidebarSecondaryMenuItem`. */
+    extras?: React.ReactNode;
+    children?: React.ReactNode;
+}
+declare const SidebarSecondaryCollapseTrigger: React.ForwardRefExoticComponent<SidebarSecondaryCollapseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export { SidebarSecondary, SidebarSecondaryHeader, SidebarSecondaryContent, SidebarSecondaryCollapsedBreadcrumb, SidebarSecondaryFooter, SidebarSecondarySection, SidebarSecondarySectionLabel, SidebarSecondaryMenu, SidebarSecondaryMenuItem, SidebarSecondaryMenuItemExtras, SidebarSecondaryCollapseTrigger, sidebarSecondaryMenuItemVariants, };