@pine-ds/core 3.9.0 → 3.11.0

package/dist/types/components.d.ts

@@ -27,6 +27,7 @@ export namespace Components {
     interface MockPdsModal {
         /**
           * Whether the modal can be dismissed by clicking the backdrop
+          * @default true
          */
         "backdropDismiss": boolean;
         /**
@@ -39,6 +40,7 @@ export namespace Components {
         "hideModal": () => Promise<void>;
         /**
           * Whether the modal is open
+          * @default false
          */
         "open": boolean;
         /**
@@ -52,6 +54,7 @@ export namespace Components {
         "showModal": () => Promise<void>;
         /**
           * The size of the modal
+          * @default 'md'
          */
         "size": 'sm' | 'md' | 'lg' | 'fullscreen';
     }
@@ -83,6 +86,7 @@ export namespace Components {
         "heading": string;
         /**
           * If true, the alert is displayed in a smaller size and description text is truncated. Heading is not displayed.
+          * @default false
          */
         "small": boolean;
         /**
@@ -218,6 +222,7 @@ export namespace Components {
         "backgroundColor"?: string;
         /**
           * If `true`, the box will have a border.
+          * @default false
          */
         "border"?: boolean;
         /**
@@ -717,6 +722,7 @@ export namespace Components {
         "icon"?: string;
         /**
           * When true, displays only the icon and visually hides the text (keeping it accessible).
+          * @default false
          */
         "iconOnly"?: boolean;
         /**
@@ -728,6 +734,11 @@ export namespace Components {
           * Provides the button with a submittable name.
          */
         "name"?: string;
+        /**
+          * Sets the size of the button.
+          * @defaultValue default
+         */
+        "size"?: 'default' | 'small' | 'micro';
         /**
           * Specifies where to open the linked document when href is provided. Only applies when href is set.
          */
@@ -745,11 +756,12 @@ export namespace Components {
           * Sets the style variant of the button.
           * @defaultValue primary
          */
-        "variant": 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' | 'filter';
+        "variant": 'primary' | 'secondary' | 'tertiary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' | 'filter';
     }
     interface PdsCheckbox {
         /**
           * It determines whether or not the checkbox is checked.
+          * @default false
          */
         "checked"?: boolean;
         /**
@@ -863,6 +875,7 @@ export namespace Components {
         "customTriggerContent": boolean;
         /**
           * If true, the combobox is disabled.
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -881,6 +894,7 @@ export namespace Components {
         "getSelectedValue": () => Promise<string | null>;
         /**
           * Visually hides the label text for instances where only the combobox should be displayed. Label remains accessible to assistive technology such as screen readers.
+          * @default false
          */
         "hideLabel": boolean;
         /**
@@ -925,6 +939,7 @@ export namespace Components {
         "triggerWidth": string;
         /**
           * The value of the combobox input.
+          * @default ''
          */
         "value": string;
     }
@@ -975,6 +990,7 @@ export namespace Components {
         "componentId": string;
         /**
           * The placement of the dropdown panel relative to the trigger.
+          * @default 'bottom-start'
          */
         "placement": PlacementType;
     }
@@ -1184,6 +1200,7 @@ export namespace Components {
         "type": string;
         /**
           * The value of the input.
+          * @default ''
          */
         "value"?: string | number | null;
     }
@@ -1219,14 +1236,17 @@ export namespace Components {
     interface PdsLoader {
         /**
           * If false, the loader will be hidden.
+          * @default true
          */
         "isLoading": boolean;
         /**
           * Determines whether the loader should display a label.
+          * @default false
          */
         "showLabel"?: boolean;
         /**
           * Sets the size of the spinner loader. Value can be preset or custom.
+          * @default 'md'
          */
         "size"?: | 'xs' // 24px
   | 'sm' // 32px
@@ -1236,6 +1256,7 @@ export namespace Components {
   | string;
         /**
           * Determines the type of loader.
+          * @default 'spinner'
          */
         "variant": 'spinner' | 'typing';
     }
@@ -1310,16 +1331,13 @@ export namespace Components {
         "popoverTargetAction": 'show' | 'toggle' | 'hide';
         /**
           * Determines the type of popover. Auto popovers can be "light dismissed" by clicking outside of the popover. Manual popovers require the consumer to handle the visibility of the popover.
+          * @default 'auto'
          */
         "popoverType": 'auto' | 'manual';
         /**
           * Opens the popover programmatically
          */
         "show": () => Promise<void>;
-        /**
-          * Text that appears on the trigger element
-         */
-        "text": string;
         /**
           * Toggles the popover open/closed state programmatically
          */
@@ -1362,6 +1380,7 @@ export namespace Components {
         "componentId": string;
         /**
           * The name of the icon to display before the property text.
+          * @default 'star'
          */
         "icon": string;
     }
@@ -1428,6 +1447,7 @@ export namespace Components {
         "alignItems"?: `start` | `center` | `end` | `baseline` | `stretch`;
         /**
           * If `true`, the row will have a border.
+          * @default false
          */
         "border"?: boolean;
         /**
@@ -1457,6 +1477,7 @@ export namespace Components {
         "minHeight"?: string;
         /**
           * If `true`, the row items will not wrap to the next line if horizontal space is not available.
+          * @default false
          */
         "noWrap"?: boolean;
     }
@@ -1529,10 +1550,12 @@ export namespace Components {
         "componentId": string;
         /**
           * Deternines whether `sortable` items should be divided with border.
+          * @default false
          */
         "dividers": boolean;
         /**
           * Determines the grabbable area for the `pds-sortable-item`.
+          * @default 'row'
          */
         "handleType": 'handle' | 'row';
     }
@@ -1555,6 +1578,7 @@ export namespace Components {
     interface PdsSwitch {
         /**
           * Determines the input 'checked' state.
+          * @default false
          */
         "checked": boolean;
         /**
@@ -1563,6 +1587,7 @@ export namespace Components {
         "componentId": string;
         /**
           * Determines the input 'disabled' state, preventing user interaction.
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -1579,6 +1604,7 @@ export namespace Components {
         "hideLabel": boolean;
         /**
           * Determines the input 'invalid' state, signifying an error is present.
+          * @default false
          */
         "invalid"?: boolean;
         /**
@@ -1591,6 +1617,7 @@ export namespace Components {
         "name": string;
         /**
           * Determines the 'required' state of the input.
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -1605,6 +1632,9 @@ export namespace Components {
          */
         "name": string;
         "parentComponentId": string;
+        /**
+          * @default false
+         */
         "selected": boolean;
         "variant": string;
     }
@@ -1679,6 +1709,9 @@ export namespace Components {
          */
         "name": string;
         "parentComponentId": string;
+        /**
+          * @default false
+         */
         "selected": boolean;
         "variant": string;
     }
@@ -1747,6 +1780,7 @@ export namespace Components {
   | 'h6';
         /**
           * Determines what semantic text tag to render.
+          * @default "p"
          */
         "tag": | 'h1'
   | 'h2'
@@ -1822,6 +1856,7 @@ export namespace Components {
         "maxLength"?: number;
         /**
           * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.
+          * @default this.componentId
          */
         "name": string;
         /**
@@ -1848,6 +1883,7 @@ export namespace Components {
         "setFocus": () => Promise<void>;
         /**
           * The value of the textarea.
+          * @default ''
          */
         "value"?: string | null;
     }
@@ -2624,6 +2660,7 @@ declare namespace LocalJSX {
     interface MockPdsModal {
         /**
           * Whether the modal can be dismissed by clicking the backdrop
+          * @default true
          */
         "backdropDismiss"?: boolean;
         /**
@@ -2644,6 +2681,7 @@ declare namespace LocalJSX {
         "onPdsModalOpen"?: (event: MockPdsModalCustomEvent<any>) => void;
         /**
           * Whether the modal is open
+          * @default false
          */
         "open"?: boolean;
         /**
@@ -2653,6 +2691,7 @@ declare namespace LocalJSX {
         "scrollable"?: boolean;
         /**
           * The size of the modal
+          * @default 'md'
          */
         "size"?: 'sm' | 'md' | 'lg' | 'fullscreen';
     }
@@ -2688,6 +2727,7 @@ declare namespace LocalJSX {
         "onPdsAlertDismissClick"?: (event: PdsAlertCustomEvent<void>) => void;
         /**
           * If true, the alert is displayed in a smaller size and description text is truncated. Heading is not displayed.
+          * @default false
          */
         "small"?: boolean;
         /**
@@ -2823,6 +2863,7 @@ declare namespace LocalJSX {
         "backgroundColor"?: string;
         /**
           * If `true`, the box will have a border.
+          * @default false
          */
         "border"?: boolean;
         /**
@@ -3322,6 +3363,7 @@ declare namespace LocalJSX {
         "icon"?: string;
         /**
           * When true, displays only the icon and visually hides the text (keeping it accessible).
+          * @default false
          */
         "iconOnly"?: boolean;
         /**
@@ -3334,6 +3376,11 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         "onPdsClick"?: (event: PdsButtonCustomEvent<any>) => void;
+        /**
+          * Sets the size of the button.
+          * @defaultValue default
+         */
+        "size"?: 'default' | 'small' | 'micro';
         /**
           * Specifies where to open the linked document when href is provided. Only applies when href is set.
          */
@@ -3351,11 +3398,12 @@ declare namespace LocalJSX {
           * Sets the style variant of the button.
           * @defaultValue primary
          */
-        "variant"?: 'primary' | 'secondary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' | 'filter';
+        "variant"?: 'primary' | 'secondary' | 'tertiary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' | 'filter';
     }
     interface PdsCheckbox {
         /**
           * It determines whether or not the checkbox is checked.
+          * @default false
          */
         "checked"?: boolean;
         /**
@@ -3478,6 +3526,7 @@ declare namespace LocalJSX {
         "customTriggerContent"?: boolean;
         /**
           * If true, the combobox is disabled.
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -3492,6 +3541,7 @@ declare namespace LocalJSX {
         "dropdownWidth"?: string;
         /**
           * Visually hides the label text for instances where only the combobox should be displayed. Label remains accessible to assistive technology such as screen readers.
+          * @default false
          */
         "hideLabel"?: boolean;
         /**
@@ -3536,6 +3586,7 @@ declare namespace LocalJSX {
         "triggerWidth"?: string;
         /**
           * The value of the combobox input.
+          * @default ''
          */
         "value"?: string;
     }
@@ -3590,6 +3641,7 @@ declare namespace LocalJSX {
         "componentId"?: string;
         /**
           * The placement of the dropdown panel relative to the trigger.
+          * @default 'bottom-start'
          */
         "placement"?: PlacementType;
     }
@@ -3815,6 +3867,7 @@ declare namespace LocalJSX {
         "type"?: string;
         /**
           * The value of the input.
+          * @default ''
          */
         "value"?: string | number | null;
     }
@@ -3850,14 +3903,17 @@ declare namespace LocalJSX {
     interface PdsLoader {
         /**
           * If false, the loader will be hidden.
+          * @default true
          */
         "isLoading"?: boolean;
         /**
           * Determines whether the loader should display a label.
+          * @default false
          */
         "showLabel"?: boolean;
         /**
           * Sets the size of the spinner loader. Value can be preset or custom.
+          * @default 'md'
          */
         "size"?: | 'xs' // 24px
   | 'sm' // 32px
@@ -3867,6 +3923,7 @@ declare namespace LocalJSX {
   | string;
         /**
           * Determines the type of loader.
+          * @default 'spinner'
          */
         "variant"?: 'spinner' | 'typing';
     }
@@ -3945,12 +4002,9 @@ declare namespace LocalJSX {
         "popoverTargetAction"?: 'show' | 'toggle' | 'hide';
         /**
           * Determines the type of popover. Auto popovers can be "light dismissed" by clicking outside of the popover. Manual popovers require the consumer to handle the visibility of the popover.
+          * @default 'auto'
          */
         "popoverType"?: 'auto' | 'manual';
-        /**
-          * Text that appears on the trigger element
-         */
-        "text"?: string;
     }
     interface PdsProgress {
         /**
@@ -3989,6 +4043,7 @@ declare namespace LocalJSX {
         "componentId"?: string;
         /**
           * The name of the icon to display before the property text.
+          * @default 'star'
          */
         "icon"?: string;
     }
@@ -4059,6 +4114,7 @@ declare namespace LocalJSX {
         "alignItems"?: `start` | `center` | `end` | `baseline` | `stretch`;
         /**
           * If `true`, the row will have a border.
+          * @default false
          */
         "border"?: boolean;
         /**
@@ -4088,6 +4144,7 @@ declare namespace LocalJSX {
         "minHeight"?: string;
         /**
           * If `true`, the row items will not wrap to the next line if horizontal space is not available.
+          * @default false
          */
         "noWrap"?: boolean;
     }
@@ -4164,10 +4221,12 @@ declare namespace LocalJSX {
         "componentId": string;
         /**
           * Deternines whether `sortable` items should be divided with border.
+          * @default false
          */
         "dividers"?: boolean;
         /**
           * Determines the grabbable area for the `pds-sortable-item`.
+          * @default 'row'
          */
         "handleType"?: 'handle' | 'row';
         /**
@@ -4194,6 +4253,7 @@ declare namespace LocalJSX {
     interface PdsSwitch {
         /**
           * Determines the input 'checked' state.
+          * @default false
          */
         "checked"?: boolean;
         /**
@@ -4202,6 +4262,7 @@ declare namespace LocalJSX {
         "componentId": string;
         /**
           * Determines the input 'disabled' state, preventing user interaction.
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -4218,6 +4279,7 @@ declare namespace LocalJSX {
         "hideLabel"?: boolean;
         /**
           * Determines the input 'invalid' state, signifying an error is present.
+          * @default false
          */
         "invalid"?: boolean;
         /**
@@ -4234,6 +4296,7 @@ declare namespace LocalJSX {
         "onPdsSwitchChange"?: (event: PdsSwitchCustomEvent<InputEvent>) => void;
         /**
           * Determines the 'required' state of the input.
+          * @default false
          */
         "required"?: boolean;
         /**
@@ -4402,6 +4465,7 @@ declare namespace LocalJSX {
   | 'h6';
         /**
           * Determines what semantic text tag to render.
+          * @default "p"
          */
         "tag"?: | 'h1'
   | 'h2'
@@ -4477,6 +4541,7 @@ declare namespace LocalJSX {
         "maxLength"?: number;
         /**
           * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.
+          * @default this.componentId
          */
         "name"?: string;
         /**
@@ -4515,6 +4580,7 @@ declare namespace LocalJSX {
         "rows"?: number;
         /**
           * The value of the textarea.
+          * @default ''
          */
         "value"?: string | null;
     }

package/dist/types/stencil-public-runtime.d.ts

@@ -1,4 +1,6 @@
-declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+type MixinInstance<F> = F extends (base: MixedInCtor) => MixedInCtor<infer I> ? I : never;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -151,7 +153,13 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: string): CustomMethodDecorator<any>;
+    (propName: any): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
+}
+export interface PropSerializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
+}
+export interface AttrDeserializeDecorator {
+    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => any>;
 }
 export interface UserBuildConditionals {
     isDev: boolean;
@@ -233,6 +241,14 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
+/**
+ * Decorator to serialize a property to an attribute string.
+ */
+export declare const PropSerialize: PropSerializeDecorator;
+/**
+ * Decorator to deserialize an attribute string to a property.
+ */
+export declare const AttrDeserialize: AttrDeserializeDecorator;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
 export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
@@ -260,6 +276,25 @@ export declare function setPlatformHelpers(helpers: {
  * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
+/**
+ * Method to render a virtual DOM tree to a container element.
+ *
+ * @example
+ * ```tsx
+ * import { render } from '@stencil/core';
+ *
+ * const vnode = (
+ *   <div>
+ *     <h1>Hello, world!</h1>
+ *   </div>
+ * );
+ * render(vnode, document.body);
+ * ```
+ *
+ * @param vnode - The virtual DOM tree to render
+ * @param container - The container element to render the virtual DOM tree to
+ */
+export declare function render(vnode: VNode, container: Element): void;
 /**
  * Used to manually set the base path where assets can be found. For lazy-loaded
  * builds the asset path is automatically set and assets copied to the correct
@@ -330,6 +365,37 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
+/**
+ * @deprecated - Use `MixedInCtor` instead:
+ * ```ts
+ * import { MixedInCtor } from '@stencil/core';
+ *
+ * const AFactoryFn = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * ```
+ */
+export type MixinFactory = (base: MixedInCtor) => MixedInCtor;
+export type MixedInCtor<T = {}> = new (...args: any[]) => T;
+/**
+ * Compose multiple mixin classes into a single constructor.
+ * The resulting class has the combined instance types of all mixed-in classes.
+ *
+ * Example:
+ * ```ts
+ * import { Mixin, MixedInCtor } from '@stencil/core';
+ *
+ * const AWrap = <B extends MixedInCtor>(Base: B) => {class A extends Base { propA = A }; return A;}
+ * const BWrap = <B extends MixedInCtor>(Base: B) => {class B extends Base { propB = B }; return B;}
+ * const CWrap = <B extends MixedInCtor>(Base: B) => {class C extends Base { propC = C }; return C;}
+ *
+ * class X extends Mixin(AWrap, BWrap, CWrap) {
+ *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
+ * }
+ * ```
+ *
+ * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
+ * @returns a class that is composed from extending each of the provided classes in the order they were provided.
+ */
+export declare function Mixin<const TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<MixinInstance<TMixins[number]>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports
@@ -827,7 +893,7 @@ export declare namespace JSXBase {
     interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
         name?: string;
-        onToggle?: (event: Event) => void;
+        onToggle?: (event: ToggleEvent) => void;
     }
     interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
         cite?: string;
@@ -1533,6 +1599,13 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
+    interface ToggleEvent extends Event {
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
+        readonly newState: string;
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
+        readonly oldState: string;
+    }
     interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
@@ -1549,6 +1622,10 @@ export declare namespace JSXBase {
         onCompositionstartCapture?: (event: CompositionEvent) => void;
         onCompositionupdate?: (event: CompositionEvent) => void;
         onCompositionupdateCapture?: (event: CompositionEvent) => void;
+        onBeforeToggle?: (event: ToggleEvent) => void;
+        onBeforeToggleCapture?: (event: ToggleEvent) => void;
+        onToggle?: (event: ToggleEvent) => void;
+        onToggleCapture?: (event: ToggleEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1567,10 +1644,6 @@ export declare namespace JSXBase {
         onSubmitCapture?: (event: Event) => void;
         onInvalid?: (event: Event) => void;
         onInvalidCapture?: (event: Event) => void;
-        onBeforeToggle?: (event: Event) => void;
-        onBeforeToggleCapture?: (event: Event) => void;
-        onToggle?: (event: Event) => void;
-        onToggleCapture?: (event: Event) => void;
         onLoad?: (event: Event) => void;
         onLoadCapture?: (event: Event) => void;
         onError?: (event: Event) => void;
@@ -1582,7 +1655,7 @@ export declare namespace JSXBase {
         onKeyUp?: (event: KeyboardEvent) => void;
         onKeyUpCapture?: (event: KeyboardEvent) => void;
         onAuxClick?: (event: MouseEvent) => void;
-        onClick?: (event: MouseEvent) => void;
+        onClick?: (event: PointerEvent) => void;
         onClickCapture?: (event: MouseEvent) => void;
         onContextMenu?: (event: MouseEvent) => void;
         onContextMenuCapture?: (event: MouseEvent) => void;
@@ -1662,6 +1735,8 @@ export declare namespace JSXBase {
         onTransitionRunCapture?: (event: TransitionEvent) => void;
         onTransitionStart?: (event: TransitionEvent) => void;
         onTransitionStartCapture?: (event: TransitionEvent) => void;
+        [key: `aria-${string}`]: string | boolean | undefined;
+        [key: `aria${string}`]: string | boolean | undefined;
     }
 }
 export interface JSXAttributes<T = Element> {

package/dist/types/utils/attributes.d.ts

@@ -6,5 +6,5 @@ export type Attributes = {
  * @param el - Host element
  * @param attributes - Array of attributes to inherit
  */
-export declare const inheritAttributes: (el: HTMLElement, attributes?: string[]) => Attributes;
-export declare const inheritAriaAttributes: (el: HTMLElement, ignoreList?: string[]) => Attributes;
+export declare const inheritAttributes: (el: Element, attributes?: string[]) => Attributes;
+export declare const inheritAriaAttributes: (el: Element, ignoreList?: string[]) => Attributes;

package/dist/types/utils/form.d.ts

@@ -18,4 +18,4 @@ export declare const isRequired: (target: any, component: any) => void;
  * @param element - The custom element to add the type property to
  * @param type - The type value (string literal) or a getter function that returns the type
  */
-export declare function exposeTypeProperty(element: HTMLElement, type: string | (() => string)): void;
+export declare function exposeTypeProperty(element: Element, type: string | (() => string)): void;

package/dist/types/utils/utils.d.ts

@@ -1,5 +1,5 @@
 import type { EventEmitter } from "../stencil-public-runtime";
-export declare const hasShadowDom: (el: HTMLElement) => boolean;
+export declare const hasShadowDom: (el: Element) => boolean;
 export declare const debounceEvent: (event: EventEmitter, wait: number) => EventEmitter;
 export declare const debounce: (func: (...args: any[]) => void, wait?: number) => (...args: any[]) => any;
 /**