@acronis-platform/ui-react 0.38.0 → 0.43.0

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/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,36 @@ 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/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';