@acronis-platform/ui-react 0.47.0 → 0.51.0

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

@@ -2,7 +2,7 @@ import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "ghost" | "destructive" | "ai" | "inverted" | null | undefined;
+    variant?: "destructive" | "ai" | "default" | "secondary" | "ghost" | "inverted" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     /**

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+declare const Collapsible: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

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

@@ -0,0 +1 @@
+export { Collapsible, CollapsibleTrigger, CollapsibleContent, } from './collapsible';

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

@@ -0,0 +1,28 @@
+import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
+import * as React from 'react';
+declare function Combobox<Value, Multiple extends boolean | undefined = false>(props: ComboboxPrimitive.Root.Props<Value, Multiple>): import("react/jsx-runtime").JSX.Element;
+declare namespace Combobox {
+    var displayName: string;
+}
+export interface ComboboxInputProps extends Omit<React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Input>, 'className'> {
+    className?: string;
+    /** Wrapper (box) className. */
+    containerClassName?: string;
+    /** Show a clear (✕) button while the field has a value. */
+    clearable?: boolean;
+}
+declare const ComboboxInput: React.ForwardRefExoticComponent<ComboboxInputProps & React.RefAttributes<HTMLInputElement>>;
+export interface ComboboxContentProps extends React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Popup> {
+    sideOffset?: number;
+    align?: ComboboxPrimitive.Positioner.Props['align'];
+    side?: ComboboxPrimitive.Positioner.Props['side'];
+    /** Container to portal into (e.g. a shadow root, so the popup inherits styles). */
+    portalContainer?: ComboboxPrimitive.Portal.Props['container'];
+}
+declare const ComboboxContent: React.ForwardRefExoticComponent<ComboboxContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxList: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompleteListProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ComboboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxEmpty: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompleteEmptyProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxGroup: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ComboboxGroupLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AutocompleteGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, };

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

@@ -0,0 +1,2 @@
+export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, } from './combobox';
+export type { ComboboxInputProps, ComboboxContentProps, } from './combobox';

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

@@ -0,0 +1,39 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface FieldProps extends Omit<React.ComponentProps<typeof FieldPrimitive.Root>, 'className'>, VariantProps<typeof fieldVariants> {
+    className?: string;
+}
+declare function Field({ className, orientation, ...props }: FieldProps): import("react/jsx-runtime").JSX.Element;
+export interface FieldLabelProps extends Omit<React.ComponentProps<typeof FieldPrimitive.Label>, 'className'> {
+    className?: string;
+}
+declare function FieldLabel({ className, ...props }: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
+export interface FieldControlProps extends Omit<React.ComponentProps<typeof FieldPrimitive.Control>, 'className'> {
+    className?: string;
+}
+declare function FieldControl({ className, ...props }: FieldControlProps): import("react/jsx-runtime").JSX.Element;
+export interface FieldDescriptionProps extends Omit<React.ComponentProps<typeof FieldPrimitive.Description>, 'className'> {
+    className?: string;
+}
+declare function FieldDescription({ className, ...props }: FieldDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export interface FieldErrorProps extends Omit<React.ComponentProps<typeof FieldPrimitive.Error>, 'className'> {
+    className?: string;
+}
+declare function FieldError({ className, ...props }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): import("react/jsx-runtime").JSX.Element;
+export interface FieldLegendProps extends React.ComponentProps<'legend'> {
+    variant?: 'legend' | 'label';
+}
+declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export interface FieldSeparatorProps extends React.ComponentProps<'div'> {
+    children?: React.ReactNode;
+}
+declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export { Field, FieldLabel, FieldControl, FieldDescription, FieldError, FieldSet, FieldLegend, FieldGroup, FieldContent, FieldTitle, FieldSeparator, };

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

@@ -0,0 +1,27 @@
+import type * as React from 'react';
+export interface FieldProps {
+    /** Label/control layout — stacked, inline, or stacked-then-inline at the @md container width. */
+    orientation?: 'vertical' | 'horizontal' | 'responsive';
+    /** Marks the field invalid (sets data-invalid + the control's aria-invalid). */
+    invalid?: boolean;
+    /** Disables the field and its control. */
+    disabled?: boolean;
+    /** Identifies the field when a form is submitted. */
+    name?: string;
+    /** When the field validates. */
+    validationMode?: 'onSubmit' | 'onBlur' | 'onChange';
+    children?: React.ReactNode;
+    className?: string;
+}
+export interface FieldErrorProps {
+    /** Which ValidityState shows the message; `true` always shows it. */
+    match?: boolean | keyof ValidityState;
+    children?: React.ReactNode;
+    className?: string;
+}
+export interface FieldLegendProps {
+    /** Large legend text or small label text. */
+    variant?: 'legend' | 'label';
+    children?: React.ReactNode;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Field, FieldLabel, FieldControl, FieldDescription, FieldError, FieldSet, FieldLegend, FieldGroup, FieldContent, FieldTitle, FieldSeparator, } from './field';
+export type { FieldProps, FieldLabelProps, FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldLegendProps, FieldSeparatorProps, } from './field';

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

@@ -0,0 +1,6 @@
+import { FormProps as BaseFormProps } from '@base-ui/react/form';
+export interface FormProps<FormValues extends Record<string, unknown> = Record<string, unknown>> extends Omit<BaseFormProps<FormValues>, 'className'> {
+    className?: string;
+}
+declare function Form<FormValues extends Record<string, unknown> = Record<string, unknown>>({ className, ...props }: FormProps<FormValues>): import("react/jsx-runtime").JSX.Element;
+export { Form };

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

@@ -0,0 +1 @@
+export { Form, type FormProps } from './form';

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

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

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

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

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

@@ -0,0 +1 @@
+export { Skeleton, type SkeletonProps } from './skeleton';

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

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

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

@@ -0,0 +1 @@
+export { Slider, type SliderProps } from './slider';

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

@@ -0,0 +1,7 @@
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+import * as React from 'react';
+export type SliderProps = React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>;
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.Root.Props<number | readonly number[]> & {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Slider };

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" | "danger" | "critical" | "warning" | "success" | "info" | "neutral" | null | undefined;
+    variant?: "info" | "success" | "warning" | "critical" | "ai" | "neutral" | "danger" | 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/index.d.ts

@@ -1,4 +1,6 @@
 export { cn } from './lib/utils';
+export * from './components/ui/accordion';
+export * from './components/ui/alert';
 export * from './components/ui/avatar';
 export * from './components/ui/breadcrumb';
 export * from './components/ui/button';
@@ -8,12 +10,17 @@ export * from './components/ui/card-filter';
 export * from './components/ui/chart';
 export * from './components/ui/checkbox';
 export * from './components/ui/chip';
+export * from './components/ui/collapsible';
+export * from './components/ui/combobox';
 export * from './components/ui/data-table';
 export * from './components/ui/description-list';
 export * from './components/ui/dialog';
 export * from './components/ui/dropdown-menu';
 export * from './components/ui/empty';
+export * from './components/ui/field';
+export * from './components/ui/form';
 export * from './components/ui/radio';
+export * from './components/ui/input';
 export * from './components/ui/input-date-picker';
 export * from './components/ui/input-search';
 export * from './components/ui/input-select';
@@ -21,6 +28,7 @@ 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/number-field';
 export * from './components/ui/popover';
 export * from './components/ui/progress';
 export * from './components/ui/progress-circle';
@@ -31,6 +39,8 @@ export { InputTextArea as Textarea, type InputTextAreaProps as TextareaProps, }
 export * from './components/ui/select';
 export * from './components/ui/separator';
 export * from './components/ui/sheet';
+export * from './components/ui/skeleton';
+export * from './components/ui/slider';
 export * from './components/ui/spinner';
 export * from './components/ui/resizable';
 export * from './components/ui/sidebar-primary';