@acronis-platform/ui-react 0.46.0 → 0.50.0

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

@@ -0,0 +1,55 @@
+import { LegendPayload } from 'recharts/types/component/DefaultLegendContent';
+import { NameType, Payload, ValueType } from 'recharts/types/component/DefaultTooltipContent';
+import { Props as LegendProps } from 'recharts/types/component/Legend';
+import { TooltipContentProps } from 'recharts/types/component/Tooltip';
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: "[data-theme='dark']";
+};
+export type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+export type ChartTooltipContentProps = Partial<TooltipContentProps<ValueType, NameType>> & {
+    className?: string;
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'line' | 'dot' | 'dashed';
+    nameKey?: string;
+    labelKey?: string;
+    labelFormatter?: (label: TooltipContentProps<number, string>['label'], payload: TooltipContentProps<number, string>['payload']) => React.ReactNode;
+    formatter?: (value: number | string, name: string, item: Payload<number | string, string>, index: number, payload: ReadonlyArray<Payload<number | string, string>>) => React.ReactNode;
+    labelClassName?: string;
+    color?: string;
+};
+export type ChartLegendContentProps = {
+    className?: string;
+    hideIcon?: boolean;
+    verticalAlign?: LegendProps['verticalAlign'];
+    payload?: LegendPayload[];
+    nameKey?: string;
+};
+export interface ChartContainerProps extends React.ComponentProps<'div'> {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+}
+declare function ChartContainer({ id, className, children, config, ...props }: ChartContainerProps): import("react/jsx-runtime").JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => import("react/jsx-runtime").JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, label, className, indicator, hideLabel, hideIndicator, labelFormatter, formatter, labelClassName, color, nameKey, labelKey, }: ChartTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ChartLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };

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

@@ -0,0 +1,2 @@
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, } from './chart';
+export type { ChartConfig, ChartContainerProps, ChartTooltipContentProps, ChartLegendContentProps, } from './chart';

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

@@ -2,7 +2,7 @@ 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;
+    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;

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/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,18 +1,24 @@
 export { cn } from './lib/utils';
+export * from './components/ui/alert';
 export * from './components/ui/avatar';
 export * from './components/ui/breadcrumb';
 export * from './components/ui/button';
 export * from './components/ui/button-menu';
 export * from './components/ui/card';
 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/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';
@@ -30,6 +36,7 @@ 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/spinner';
 export * from './components/ui/resizable';
 export * from './components/ui/sidebar-primary';