@acronis-platform/ui-react 0.38.0 → 0.44.0

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/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,2 @@
+export { Sheet, SheetTrigger, SheetPortal, SheetClose, SheetCloseButton, SheetOverlay, SheetContent, SheetHeader, SheetFooter, SheetBody, SheetTitle, SheetDescription, sheetVariants, type SheetContentProps, } from './sheet';
+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.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?: "left" | "right" | "top" | "bottom" | 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/spinner/index.d.ts

@@ -0,0 +1 @@
+export { Spinner, spinnerVariants, type SpinnerProps } from './spinner';

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

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const spinnerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+export { Spinner, spinnerVariants };

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

@@ -0,0 +1 @@
+export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs';

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const Tabs: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').TabsRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsTabProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

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

@@ -0,0 +1,25 @@
+import type * as React from 'react';
+/** Props for `Tabs` (the root). */
+export interface TabsProps {
+    /** Controlled selected-tab value. Pair with `onValueChange`. */
+    value?: string | number;
+    /** Initially selected tab value (uncontrolled). */
+    defaultValue?: string | number;
+    /** Fired with the newly selected tab value. */
+    onValueChange?: (value: string | number, eventDetails: unknown) => void;
+    /** Layout and arrow-key navigation orientation. Defaults to `horizontal`. */
+    orientation?: 'horizontal' | 'vertical';
+    /** A `TabsList` of `TabsTrigger`s plus matching `TabsContent` panels. */
+    children?: React.ReactNode;
+}
+/** Props shared by `TabsTrigger` and `TabsContent`. */
+export interface TabsPartProps {
+    /**
+     * Identifies the tab: a `TabsTrigger` and the `TabsContent` it controls share
+     * the same `value`.
+     */
+    value: string | number;
+    /** On `TabsTrigger` — disables selecting that tab. */
+    disabled?: boolean;
+    children?: React.ReactNode;
+}

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const tagVariants: (props?: ({
-    variant?: "ai" | "info" | "success" | "warning" | "critical" | "danger" | "neutral" | null | undefined;
+    variant?: "ai" | "success" | "info" | "warning" | "critical" | "danger" | "neutral" | null | undefined;
     size?: "default" | "sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface TagProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof tagVariants> {

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

@@ -0,0 +1 @@
+export { toast, Toaster, type ToasterProps, type ToastType, type ToastOptions, } from './toast';

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

@@ -0,0 +1,48 @@
+import { Toast as ToastPrimitive } from '@base-ui/react/toast';
+import * as React from 'react';
+export type ToastType = 'success' | 'info' | 'warning' | 'error' | 'loading';
+export interface ToastOptions {
+    /** Secondary line under the title. */
+    description?: React.ReactNode;
+    /** Auto-dismiss delay in ms; `0` keeps the toast until dismissed. */
+    timeout?: number;
+    /** A single inline action button (e.g. Undo). */
+    action?: {
+        label: React.ReactNode;
+        onClick?: () => void;
+    };
+    /** Stable id — re-adding with the same id updates the toast in place. */
+    id?: string;
+}
+/**
+ * Imperative toast API. `toast(title, options)` shows a neutral toast;
+ * `toast.success` / `info` / `warning` / `error` / `loading` set the variant.
+ * `toast.dismiss(id?)` closes one (or all) and `toast.promise` ties a toast to a
+ * promise's lifecycle.
+ */
+declare const toast: ((title: React.ReactNode, options?: ToastOptions) => string) & {
+    success: (title: React.ReactNode, options?: ToastOptions) => string;
+    info: (title: React.ReactNode, options?: ToastOptions) => string;
+    warning: (title: React.ReactNode, options?: ToastOptions) => string;
+    error: (title: React.ReactNode, options?: ToastOptions) => string;
+    loading: (title: React.ReactNode, options?: ToastOptions) => string;
+    dismiss: (id?: string) => void;
+    promise: <Value, T extends any = any>(promiseValue: Promise<Value>, options: import('@base-ui/react').ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
+};
+export interface ToasterProps {
+    /** Default auto-dismiss delay in ms for toasts that don't set one. */
+    timeout?: number;
+    /** Max toasts shown at once; the oldest is dropped past the limit. */
+    limit?: number;
+    /**
+     * Portal container for the toast stack. Pass a shadow-root mount for
+     * isolated-style previews (the docs demos do this via `useShadowMount`).
+     */
+    portalContainer?: ToastPrimitive.Portal.Props['container'];
+}
+/**
+ * The toast region. Render once near the app root; it portals a bottom-right
+ * stack and renders every queued toast. Trigger toasts with the `toast` API.
+ */
+declare function Toaster({ timeout, limit, portalContainer }: ToasterProps): import("react/jsx-runtime").JSX.Element;
+export { toast, Toaster };

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

@@ -0,0 +1,12 @@
+/** Props for `<Toaster>` — the toast region rendered once near the app root. */
+export interface ToasterProps {
+    /** Default auto-dismiss delay in ms for toasts that don't set one (default 5000). */
+    timeout?: number;
+    /** Max toasts shown at once; the oldest is dropped past the limit (default 3). */
+    limit?: number;
+    /**
+     * Portal container for the toast stack. Pass a shadow-root mount for
+     * isolated-style previews (the docs demos do this via `useShadowMount`).
+     */
+    portalContainer?: HTMLElement | null;
+}

package/dist/src/components/ui/widget-placeholder/index.d.ts

@@ -0,0 +1 @@
+export { WidgetPlaceholder, WidgetPlaceholderHeader, WidgetPlaceholderTitle, WidgetPlaceholderIcon, WidgetPlaceholderContent, WidgetPlaceholderImage, WidgetPlaceholderText, WidgetPlaceholderAction, WidgetPlaceholderFooter, type WidgetPlaceholderProps, } from './widget-placeholder';

package/dist/src/components/ui/widget-placeholder/widget-placeholder.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface WidgetPlaceholderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Make the whole widget focusable and clickable (hover/active surface + focus
+     * ring). Wire the behavior via `onClick`.
+     */
+    interactive?: boolean;
+}
+declare const WidgetPlaceholder: React.ForwardRefExoticComponent<WidgetPlaceholderProps & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetPlaceholderHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetPlaceholderTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetPlaceholderIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetPlaceholderContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetPlaceholderImage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetPlaceholderText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetPlaceholderAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const WidgetPlaceholderFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { WidgetPlaceholder, WidgetPlaceholderHeader, WidgetPlaceholderTitle, WidgetPlaceholderIcon, WidgetPlaceholderContent, WidgetPlaceholderImage, WidgetPlaceholderText, WidgetPlaceholderAction, WidgetPlaceholderFooter, };

package/dist/src/components/ui/widget-placeholder/widget-placeholder.docs.d.ts

@@ -0,0 +1,14 @@
+import type * as React from 'react';
+/** Props for `WidgetPlaceholder` — the root widget card. */
+export interface WidgetPlaceholderProps {
+    /**
+     * Make the whole widget focusable (`tabindex=0`) and clickable — adds
+     * hover/active surface tints and a focus ring. Wire the behavior with
+     * `onClick`.
+     */
+    interactive?: boolean;
+    /** Extra classes merged onto the root. */
+    className?: string;
+    /** The composed parts (header / content / footer). */
+    children?: React.ReactNode;
+}

package/dist/src/index.d.ts

@@ -7,24 +7,37 @@ export * from './components/ui/card';
 export * from './components/ui/card-filter';
 export * from './components/ui/checkbox';
 export * from './components/ui/chip';
+export * from './components/ui/data-table';
 export * from './components/ui/dialog';
+export * from './components/ui/dropdown-menu';
+export * from './components/ui/empty';
 export * from './components/ui/radio';
 export * from './components/ui/input-date-picker';
 export * from './components/ui/input-search';
 export * from './components/ui/input-select';
 export * from './components/ui/input-text';
 export * from './components/ui/input-text-area';
+export * from './components/ui/label';
 export * from './components/ui/link';
+export * from './components/ui/popover';
+export * from './components/ui/progress';
 export * from './components/ui/search-global';
 export { InputText as Input, type InputTextProps as InputProps, } from './components/ui/input-text';
 export { InputSearch as Search, type InputSearchProps as SearchProps, } from './components/ui/input-search';
 export { InputTextArea as Textarea, type InputTextAreaProps as TextareaProps, } from './components/ui/input-text-area';
 export * from './components/ui/select';
+export * from './components/ui/separator';
+export * from './components/ui/sheet';
+export * from './components/ui/spinner';
 export * from './components/ui/resizable';
 export * from './components/ui/sidebar-primary';
 export * from './components/ui/sidebar-secondary';
 export * from './components/ui/button-icon';
 export * from './components/ui/switch';
 export * from './components/ui/table';
+export * from './components/ui/tabs';
+export * from './components/ui/toast';
 export * from './components/ui/tooltip';
 export * from './components/ui/tag';
+export { Tag as Badge, type TagProps as BadgeProps, } from './components/ui/tag';
+export * from './components/ui/widget-placeholder';