@plesk/ui-library 3.40.12 → 3.41.0

package/styleguide/index.html

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Plesk UI Library 3.40.12</title>
+    <title>Plesk UI Library 3.41.0</title>
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
     <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
@@ -26,6 +26,6 @@
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWST26V"
     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <!-- End Google Tag Manager (noscript) -->
-    <script src="build/bundle.0d8a8996.js"></script>
+    <script src="build/bundle.8483c3ef.js"></script>
   </body>
 </html>

package/types/{src/components → components}/Button/Button.d.ts

@@ -98,5 +98,5 @@ export declare const BUTTON_PROP_NAMES: (keyof ButtonProps)[];
  * As a rule, you should not use buttons for navigation between individual pages (use `Link` instead).
  * @since 0.0.37
  */
-declare const _default: ButtonComponent<"button">;
+declare const _default: ButtonComponent;
 export default _default;

package/types/{src/components → components}/Button/ButtonContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type ButtonContextValue = {
     defaultProps: {
         size?: 'md' | 'lg';

package/types/{src/components → components}/CodeEditor/CodeEditor.d.ts

@@ -106,7 +106,7 @@ declare class CodeEditor extends Component<CodeEditorProps, CodeEditorState> {
             autofocus: boolean | undefined;
             readOnly: string | boolean | undefined;
             value?: string | CM.Doc | undefined;
-            mode?: string | CM.ModeSpec<CM.ModeSpecOptions> | undefined;
+            mode?: string | ModeSpec<ModeSpecOptions> | undefined;
             lineSeparator?: string | null | undefined;
             theme?: string | undefined;
             indentUnit?: number | undefined;
@@ -116,19 +116,19 @@ declare class CodeEditor extends Component<CodeEditorProps, CodeEditorState> {
             electricChars?: boolean | undefined;
             specialChars?: RegExp | undefined;
             specialCharPlaceholder?: ((char: string) => HTMLElement) | undefined;
-            direction?: "rtl" | "ltr" | undefined;
+            direction?: "ltr" | "rtl" | undefined;
             rtlMoveVisually?: boolean | undefined;
             keyMap?: string | undefined;
             extraKeys?: string | CM.KeyMap | undefined;
-            configureMouse?: ((cm: CM.Editor, repeat: "double" | "single" | "triple", event: Event) => CM.MouseSelectionConfiguration) | undefined;
+            configureMouse?: ((cm: Editor, repeat: "single" | "double" | "triple", event: Event) => CM.MouseSelectionConfiguration) | undefined;
             lineWrapping?: boolean | undefined;
             lineNumbers?: boolean | undefined;
             firstLineNumber?: number | undefined;
             lineNumberFormatter?: ((line: number) => string) | undefined;
-            gutters?: (string | {
+            gutters?: Array<string | {
                 className: string;
                 style?: string | undefined;
-            })[] | undefined;
+            }> | undefined;
             fixedGutter?: boolean | undefined;
             scrollbarStyle?: keyof CM.ScrollbarModels | undefined;
             coverGutterNextToScrollbar?: boolean | undefined;
@@ -146,8 +146,8 @@ declare class CodeEditor extends Component<CodeEditorProps, CodeEditorState> {
             } | undefined;
             dragDrop?: boolean | undefined;
             allowDropFileTypes?: string[] | null | undefined;
-            onDragEvent?: ((instance: CM.Editor, event: DragEvent) => boolean) | undefined;
-            onKeyEvent?: ((instance: CM.Editor, event: KeyboardEvent) => boolean) | undefined;
+            onDragEvent?: ((instance: Editor, event: DragEvent) => boolean) | undefined;
+            onKeyEvent?: ((instance: Editor, event: KeyboardEvent) => boolean) | undefined;
             cursorBlinkRate?: number | undefined;
             cursorScrollMargin?: number | undefined;
             cursorHeight?: number | undefined;
@@ -162,16 +162,16 @@ declare class CodeEditor extends Component<CodeEditorProps, CodeEditorState> {
             spellcheck?: boolean | undefined;
             autocorrect?: boolean | undefined;
             autocapitalize?: boolean | undefined;
-            matchBrackets?: boolean | CM.MatchBrackets | undefined;
-            matchTags?: boolean | CM.MatchTags | undefined;
+            matchBrackets?: CM.MatchBrackets | boolean | undefined;
+            matchTags?: CM.MatchTags | boolean | undefined;
             search?: {
                 bottom: boolean;
             } | undefined;
             autoRefresh?: boolean | {
                 delay: number;
             } | undefined;
-            enterMode?: string | undefined;
-            tabMode?: string | undefined;
+            enterMode?: string;
+            tabMode?: string;
         };
     };
     componentDidMount(): void;

package/types/{src/components → components}/ComboBox/ComboBox.d.ts

@@ -51,8 +51,14 @@ export type ComboBoxProps = {
      */
     children: ReactElement<ComponentProps<typeof ComboBoxOption>>[];
 };
+/**
+ * `ComboBox` component is a combination of [Select](#!/Select) and [Input](#!/Input)
+ *  which allows to either enter a value directly into the field or choose from a list of existing options.
+ * @since 2.6.0
+ */
+declare const ComboBox: ({ baseClassName, className, value, onChange, disabled, size, textAlign, placeholder, children, ...props }: ComboBoxProps) => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    (props: ComboBoxProps): import("react/jsx-runtime").JSX.Element;
+    (props: ComponentProps<typeof ComboBox>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default _default;

package/types/{src/components → components}/DistractionFreeModeContext/DistractionFreeModeContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type DistractionFreeMode = {
     enabled: boolean;
     toggle: () => void;

package/types/{src/components → components}/FocusTrap/FocusTrap.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, FocusEvent, HTMLAttributes } from 'react';
 declare const _default: import("react").ForwardRefExoticComponent<{
     children: ReactNode;
-    onFocus?: ((e: FocusEvent<HTMLElement, Element>) => void) | undefined;
+    onFocus?: (e: FocusEvent<HTMLElement>) => void;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLElement>>;
 export default _default;

package/types/{src/components → components}/Form/DisabledContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DisabledContext: import("react").Context<boolean | undefined>;
 export default DisabledContext;

package/types/{src/components → components}/Form/FormContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormContextProps } from './types';
 declare const FormContext: import("react").Context<FormContextProps | undefined>;
 export default FormContext;

package/types/{src/components → components}/Form/ScrollableElementFormContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ScrollableElementFormContext: import("react").Context<HTMLElement | null>;
 export default ScrollableElementFormContext;

package/types/{src/components → components}/List/List.d.ts

@@ -363,14 +363,14 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {}) | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
         autoFocus?: boolean | undefined;
         className?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "search" | "enter" | "send" | "done" | "go" | "next" | "previous" | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
@@ -404,34 +404,34 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         itemRef?: string | undefined;
         results?: number | undefined;
         security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
         "aria-braillelabel"?: string | undefined;
         "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "location" | "step" | "true" | "false" | "page" | "date" | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
@@ -444,9 +444,9 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         "aria-owns"?: string | undefined;
         "aria-placeholder"?: string | undefined;
         "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
         "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
         "aria-required"?: (boolean | "true" | "false") | undefined;
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
@@ -460,7 +460,7 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;
         "aria-valuetext"?: string | undefined;
-        children?: ReactNode;
+        children?: ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined;
@@ -624,7 +624,7 @@ declare class List<T extends ListData> extends Component<ListProps<T>, ListState
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLTableRowElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLTableRowElement> | undefined;
-        virtual?: boolean | undefined;
+        virtual?: boolean;
     };
     isRowExpanded(row: ListRowData<T>): boolean;
     isRowExpandable(row: ListRowData<T>): boolean;

package/types/{src/components → components}/OnDarkContext/OnDarkContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const OnDarkContext: import("react").Context<boolean>;
 export default OnDarkContext;

package/types/{src/components → components}/ResponsiveContext/ResponsiveContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const ResponsiveContext: import("react").Context<boolean | undefined>;
 export default ResponsiveContext;

package/types/{src/components → components}/Section/Section.d.ts

@@ -108,7 +108,7 @@ declare class Section extends Component<SectionProps, SectionState> {
  * @since 0.0.54
  */
 declare const SectionWrapper: {
-    ({ collapsible, collapsed, baseClassName, ...props }: Omit<SectionProps, 'form'>): import("react/jsx-runtime").JSX.Element;
+    ({ collapsible, collapsed, baseClassName, ...props }: Omit<SectionProps, "form">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     WrappedComponent: typeof Section;
 };

package/types/{src/components → components}/Spinner/Spinner.d.ts

@@ -1,7 +1,12 @@
 import { FunctionComponent } from 'react';
 import '../../helpers/base.less';
 import './Spinner.less';
-type SpinnerProps = {
+export interface SpinnerProps {
+    /**
+     * Whether to animate the spinner color
+     * @since 3.41.0
+     */
+    colorAnimation?: boolean;
     /**
      * @ignore
      */
@@ -10,7 +15,7 @@ type SpinnerProps = {
      * @ignore
      */
     className?: string;
-};
+}
 /**
  * `Spinner` component.
  */

package/types/components/Spinner/index.d.ts

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

package/types/{src/components → components}/Squeezer/Squeezer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseSqueezeOptions } from '../../hooks';
 type SqueezerProps<Element extends HTMLElement> = Omit<UseSqueezeOptions<Element>, 'ref'>;
 /** Render-less useSqueeze wrapper */

package/types/{src/components → components}/Toast/Toast.d.ts

@@ -1,7 +1,7 @@
-import { Component, ReactElement, RefObject } from 'react';
+import { ReactElement, RefObject } from 'react';
 import { IconName, IconProps } from '../Icon';
 import './Toast.less';
-export type ToastProps = {
+export interface ToastProps {
     /**
      * Visual intent color to apply to component.
      */
@@ -25,6 +25,13 @@ export type ToastProps = {
      * @since 3.9.0
      */
     autoClosable?: boolean;
+    /**
+     * Used to group toasts in the same group in Toaster `panel` view
+     * Intent is used as a default group key
+     * @ignore beta
+     * @since 3.41.0
+     */
+    groupKey?: string;
     /**
      * @ignore
      */
@@ -37,13 +44,6 @@ export type ToastProps = {
      * @ignore
      */
     innerRef?: RefObject<HTMLDivElement>;
-};
-export default class Toast extends Component<ToastProps> {
-    static defaultProps: {
-        baseClassName: string;
-    };
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    timer?: number;
-    render(): import("react/jsx-runtime").JSX.Element;
 }
+declare const Toast: ({ baseClassName, className, message, intent, accent, icon, onClose, closable, autoClosable, autoCloseTimeout, innerRef, groupKey, ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export default Toast;

package/types/components/Toast/useAutoClose.d.ts

@@ -0,0 +1,7 @@
+type Options = {
+    autoClosable?: boolean;
+    autoCloseTimeout?: number;
+    onClose?: () => void;
+};
+export declare const useAutoClose: ({ autoClosable, autoCloseTimeout: externalAutoCloseTimeout, onClose, }: Options) => void;
+export {};

package/types/components/Toaster/GroupLabel.d.ts

@@ -0,0 +1,7 @@
+import { Group } from './getGroups';
+interface GroupLabelProps {
+    group: Group;
+    onClose?: () => void;
+}
+declare const GroupLabel: ({ group, onClose }: GroupLabelProps) => import("react/jsx-runtime").JSX.Element | null;
+export default GroupLabel;

package/types/components/Toaster/PanelView.d.ts

@@ -0,0 +1,14 @@
+import { ToastPropsWithKey } from './Toaster';
+import { GroupConfig } from './getGroups';
+import './PanelView.less';
+interface PanelViewProps {
+    toasts: ToastPropsWithKey[];
+    onToastClose: (toastProps: ToastPropsWithKey) => void;
+    onToastGroupClose?: (keys: string[]) => void;
+    baseClassName?: string;
+    groupConfigs?: GroupConfig[];
+    isCollapsed?: boolean;
+    onCollapseStateChange?: (isCollapsed: boolean) => void;
+}
+declare const PanelView: ({ toasts, onToastClose, onToastGroupClose, baseClassName, groupConfigs, isCollapsed: externalIsCollapsed, onCollapseStateChange, }: PanelViewProps) => import("react/jsx-runtime").JSX.Element;
+export default PanelView;

package/types/components/Toaster/ToastView.d.ts

@@ -0,0 +1,10 @@
+import { ToastPropsWithKey } from './Toaster';
+import './ToastView.less';
+interface DefaultViewProps {
+    toasts: ToastPropsWithKey[];
+    onToastClose: (toastProps: ToastPropsWithKey) => void;
+    position?: 'top-end' | 'bottom-end';
+    baseClassName?: string;
+}
+declare const ToastView: ({ toasts, onToastClose, position, baseClassName }: DefaultViewProps) => import("react/jsx-runtime").JSX.Element;
+export default ToastView;

package/types/components/Toaster/Toaster.d.ts

@@ -0,0 +1,84 @@
+import { ToastProps } from '../Toast';
+import { GroupConfig } from './getGroups';
+import './Toaster.less';
+export type ToastPropsWithKey = ToastProps & {
+    key: string;
+};
+export type ToasterProps = {
+    /**
+     * Toaster view
+     * @since 3.41.0
+     * @ignore beta
+     */
+    view?: 'toast' | 'panel';
+    /**
+     * Toaster position. Supported for `toast` view only
+     * @since 0.0.42
+     */
+    position?: 'top-end' | 'bottom-end';
+    /**
+     * @since 0.0.47
+     */
+    toasts?: ToastPropsWithKey[];
+    /**
+     * Maximum number of toaster messages that can be displayed at the same time on a screen
+     * @since 1.4.1
+     */
+    maxToastsNumber?: number;
+    /**
+     * @ignore
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    baseClassName?: string;
+    /**
+     * Triggered when a toast was closed
+     * @since 1.6.0
+     */
+    onToastClose?: (key: string) => void;
+    /**
+     * Triggered when a toast group was closed.
+     * Used in `panel` view
+     * @since 3.41.0
+     * @ignore beta
+     */
+    onToastGroupClose?: (keys: string[]) => void;
+    /**
+     * Group configurations. Used to customise group behaviour.
+     * Used in `panel` view
+     * @since 3.41.0
+     * @ignore beta
+     */
+    groupConfigs?: GroupConfig[];
+    /**
+     * Whether the panel is collapsed or not. Used in `panel` view.
+     * @since 3.41.0
+     * @ignore beta
+     */
+    isPanelCollapsed?: boolean;
+    /**
+     * Triggered when the panel collapse state changes. Used in `panel` view.
+     * @since 3.41.0
+     * @ignore beta
+     */
+    onPanelCollapseStateChange?: (isCollapsed: boolean) => void;
+};
+interface ToasterHandle {
+    add: (props: ToastProps) => string;
+    update: (key: string, props: ToastProps) => string;
+    remove: (key: string) => void;
+    clear: () => void;
+}
+declare const Toaster: import("react").ForwardRefExoticComponent<ToasterProps & import("react").RefAttributes<ToasterHandle>>;
+type ExtendedToaster = typeof Toaster & {
+    /** @deprecated */
+    create: (props?: ToasterProps, container?: HTMLElement) => ToasterHandle;
+};
+/**
+ * `Toaster` is used for notifying about events happened in the system. For example, about results of performed operations.
+ * @since 0.0.42
+ */
+declare const _default: ExtendedToaster;
+export default _default;

package/types/components/Toaster/getGroups.d.ts

@@ -0,0 +1,31 @@
+import { ElementType, ReactElement, ReactNode } from 'react';
+import { LabelIntent, LabelProps } from '../Label';
+import { ToastPropsWithKey } from './Toaster';
+export interface GroupConfig {
+    groupKey: string;
+    intent: LabelIntent;
+    closable?: boolean;
+    renderHeaderLabel?: (group: Group, labelProps: LabelProps<ElementType>) => ReactElement;
+    renderHeaderLabelTitle?: (group: Group) => ReactNode;
+    renderHeaderLabelTooltip?: (group: Group) => ReactNode;
+}
+export interface GroupInfo {
+    count: number;
+    keys: string[];
+}
+export type Group = GroupConfig & GroupInfo;
+type Options = {
+    toasts: ToastPropsWithKey[];
+    groupConfigs?: GroupConfig[];
+};
+export declare const getGroups: ({ toasts, groupConfigs }: Options) => {
+    count: number;
+    keys: string[];
+    groupKey: string;
+    intent: LabelIntent;
+    closable?: boolean;
+    renderHeaderLabel?: (group: Group, labelProps: LabelProps<ElementType>) => ReactElement;
+    renderHeaderLabelTitle?: (group: Group) => ReactNode;
+    renderHeaderLabelTooltip?: (group: Group) => ReactNode;
+}[];
+export {};

package/types/{src/components → components}/Toolbar/RegistryContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const RegistryContext: import("react").Context<Registry | undefined>;
 export default RegistryContext;
 declare class Registry {

package/types/{src/components → components}/Toolbar/ToolbarGroup.d.ts

@@ -29,5 +29,5 @@ export interface ToolbarGroupProps {
  * It is used for grouping several toolbar controls together.
  * @since 0.0.57
  */
-declare const ToolbarGroup: ({ baseClassName, className, title, children, groupable, ...props }: Omit<ToolbarGroupProps, 'distractionFreeMode' | 'registry'>) => import("react/jsx-runtime").JSX.Element | null;
+declare const ToolbarGroup: ({ baseClassName, className, title, children, groupable, ...props }: Omit<ToolbarGroupProps, "distractionFreeMode" | "registry">) => import("react/jsx-runtime").JSX.Element | null;
 export default ToolbarGroup;

package/types/{src/components → components}/VerticalContext/VerticalContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const VERTICAL_BREAKPOINT = 450;
 declare const VerticalContext: import("react").Context<boolean | undefined>;
 export default VerticalContext;

package/types/{src/components → components}/index.d.ts

@@ -166,4 +166,6 @@ export { default as Link } from './Link';
 export type { LinkProps } from './Link';
 export { default as Skeleton, SkeletonTabs, SkeletonText } from './Skeleton';
 export type { SkeletonProps, SkeletonTabsProps, SkeletonTextProps } from './Skeleton';
+export { default as Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner';
 export { PortalContext } from './Layer';

package/types/{src/components → components}/utils.d.ts

@@ -5,7 +5,7 @@ type WrapFunction = <A extends any[]>(fn: ((...args: A) => void) | undefined, wr
 export declare const wrapFunction: WrapFunction;
 export declare const isClickable: (e: SyntheticEvent<HTMLElement, MouseEvent>) => boolean;
 export declare const createProxyProps: <P>(cb: FunctionComponent<P>) => import("react/jsx-runtime").JSX.Element;
-export declare const scrollIntoView: <T extends Element, O>(target: T, options?: O | undefined) => void;
+export declare const scrollIntoView: <T extends Element, O>(target: T, options?: O) => void;
 export declare class EventEmitter<H = (...args: any[]) => void> {
     listeners: {
         [type: string]: H[];

package/types/{src/hooks → hooks}/useMutationObserver.d.ts

@@ -4,5 +4,5 @@ type UseMutationObserverOptions<T extends HTMLElement = HTMLElement> = {
     onMutate?: () => void;
     options?: MutationObserverInit;
 };
-export declare const useMutationObserver: <Element_1 extends HTMLElement = HTMLElement>({ ref, onMutate, options, }: UseMutationObserverOptions<Element_1>) => void;
+export declare const useMutationObserver: <Element extends HTMLElement = HTMLElement>({ ref, onMutate, options, }: UseMutationObserverOptions<Element>) => void;
 export {};

package/types/{src/hooks → hooks}/useResizeObserver.d.ts

@@ -3,5 +3,5 @@ type UseResizeObserverOptions<T extends HTMLElement = HTMLElement> = {
     ref: RefObject<T>;
     onResize?: () => void;
 };
-export declare const useResizeObserver: <Element_1 extends HTMLElement = HTMLElement>({ ref, onResize, }: UseResizeObserverOptions<Element_1>) => void;
+export declare const useResizeObserver: <Element extends HTMLElement = HTMLElement>({ ref, onResize, }: UseResizeObserverOptions<Element>) => void;
 export {};

package/types/{src/hooks → hooks}/useSqueeze.d.ts

@@ -4,4 +4,4 @@ export type UseSqueezeOptions<Element extends HTMLElement = HTMLElement> = {
     compact: () => boolean;
     expand: () => boolean;
 };
-export declare const useSqueeze: <Element_1 extends HTMLElement = HTMLElement>({ ref, compact, expand, }: UseSqueezeOptions<Element_1>) => void;
+export declare const useSqueeze: <Element extends HTMLElement = HTMLElement>({ ref, compact, expand, }: UseSqueezeOptions<Element>) => void;