@stenajs-webui/core 17.6.0 → 17.9.0

package/CHANGELOG.md

@@ -1,3 +1,39 @@
+# v17.9.0 (Fri Jul 01 2022)
+
+#### 🏠 Internal
+
+- Use vite builder for storybook [#477](https://github.com/StenaIT/stenajs-webui/pull/477) ([@lindskogen](https://github.com/lindskogen))
+
+#### Authors: 1
+
+- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
+
+---
+
+# v17.8.0 (Fri Jul 01 2022)
+
+#### 🚀 Enhancement
+
+- Replace useDomId with useId [#476](https://github.com/StenaIT/stenajs-webui/pull/476) ([@lindskogen](https://github.com/lindskogen))
+
+#### Authors: 1
+
+- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
+
+---
+
+# v17.7.0 (Fri Jul 01 2022)
+
+#### 🚀 Enhancement
+
+- Build packages with vite [#475](https://github.com/StenaIT/stenajs-webui/pull/475) ([@lindskogen](https://github.com/lindskogen))
+
+#### Authors: 1
+
+- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
+
+---
+
 # v17.0.0 (Fri Jun 17 2022)
 
 #### 💥 Breaking Change

package/dist/components/decorators/separatorline/SeparatorLine.d.ts

@@ -1,9 +1,9 @@
-import { Property } from "csstype";
-import * as React from "react";
-export interface SeparatorLineProps {
-    color?: Property.Color;
-    vertical?: boolean;
-    size?: string;
-    width?: string;
-}
-export declare const SeparatorLine: React.ForwardRefExoticComponent<SeparatorLineProps & React.RefAttributes<HTMLHRElement>>;
+import { Property } from "csstype";
+import * as React from "react";
+export interface SeparatorLineProps {
+    color?: Property.Color;
+    vertical?: boolean;
+    size?: string;
+    width?: string;
+}
+export declare const SeparatorLine: React.ForwardRefExoticComponent<SeparatorLineProps & React.RefAttributes<HTMLHRElement>>;

package/dist/components/deprecated-text/HeaderText.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { HeadingProps } from "../heading/Heading";
-/**
- * @deprecated Please use `Heading` instead.
- */
-export declare const HeaderText: React.FC<Omit<HeadingProps, "variant">>;
+import * as React from "react";
+import { HeadingProps } from "../heading/Heading";
+/**
+ * @deprecated Please use `Heading` instead.
+ */
+export declare const HeaderText: React.FC<Omit<HeadingProps, "variant">>;

package/dist/components/deprecated-text/LargeText.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { TextProps } from "../text/Text";
-/**
- * @deprecated Please use `Text` instead.
- */
-export declare const LargeText: React.FC<Omit<TextProps, "size">>;
+import * as React from "react";
+import { TextProps } from "../text/Text";
+/**
+ * @deprecated Please use `Text` instead.
+ */
+export declare const LargeText: React.FC<Omit<TextProps, "size">>;

package/dist/components/deprecated-text/SmallText.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { TextProps } from "../text/Text";
-/**
- * @deprecated Please use `Text` instead.
- */
-export declare const SmallText: React.FC<Omit<TextProps, "size">>;
+import * as React from "react";
+import { TextProps } from "../text/Text";
+/**
+ * @deprecated Please use `Text` instead.
+ */
+export declare const SmallText: React.FC<Omit<TextProps, "size">>;

package/dist/components/deprecated-text/SmallerText.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { TextProps } from "../text/Text";
-/**
- * @deprecated Please use `Text` instead.
- */
-export declare const SmallerText: React.FC<Omit<TextProps, "size">>;
+import * as React from "react";
+import { TextProps } from "../text/Text";
+/**
+ * @deprecated Please use `Text` instead.
+ */
+export declare const SmallerText: React.FC<Omit<TextProps, "size">>;

package/dist/components/deprecated-text/StandardText.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { TextProps } from "../text/Text";
-/**
- * @deprecated Please use `Text` instead.
- */
-export declare const StandardText: React.FC<Omit<TextProps, "size">>;
+import * as React from "react";
+import { TextProps } from "../text/Text";
+/**
+ * @deprecated Please use `Text` instead.
+ */
+export declare const StandardText: React.FC<Omit<TextProps, "size">>;

package/dist/components/heading/Heading.d.ts

@@ -1,11 +1,11 @@
-import { Property } from "csstype";
-import * as React from "react";
-import { H1Props } from "../../types/ElementProps";
-export interface HeadingProps extends H1Props {
-    variant?: HeadingVariant;
-    whiteSpace?: Property.WhiteSpace;
-    wordBreak?: Property.WordBreak;
-    as?: HeadingVariant;
-}
-export declare type HeadingVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+import { Property } from "csstype";
+import * as React from "react";
+import { H1Props } from "../../types/ElementProps";
+export interface HeadingProps extends H1Props {
+    variant?: HeadingVariant;
+    whiteSpace?: Property.WhiteSpace;
+    wordBreak?: Property.WordBreak;
+    as?: HeadingVariant;
+}
+export declare type HeadingVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/interaction/Clickable.d.ts

@@ -1,48 +1,48 @@
-import * as React from "react";
-import { CSSProperties, MouseEventHandler } from "react";
-import { ButtonElementProps } from "../../types/ElementProps";
-export interface ClickableProps extends ButtonElementProps {
-    /** Callback function called when clicking on click area. */
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    /** Callback function called when double clicking on click area. */
-    onDblClick?: MouseEventHandler<HTMLButtonElement>;
-    /** Adds a title to the click area. */
-    tooltip?: string;
-    /** If set, there is no opacity applies when clicking on the click area. */
-    disableOpacityOnClick?: boolean;
-    /** Mouse does not turn into pointer when hovering over click area. */
-    disablePointer?: boolean;
-    /** When set, click area receives opacity when mouse hovers over it. */
-    opacityOnHover?: boolean;
-    /** Custom style on div with click event. */
-    style?: CSSProperties;
-    /** Disables shadow when element is focused. */
-    disableFocusHighlight?: boolean;
-    /** Disables the HTML button element. */
-    disabled?: boolean;
-    /**
-     * Sets the background of the box.
-     */
-    background?: string;
-    /**
-     * Sets the background of the box when the box is in focus.
-     */
-    focusBackground?: string;
-    /**
-     * Sets the background of the box when hovering with mouse.
-     */
-    hoverBackground?: string;
-    /**
-     * The width.
-     */
-    width?: string;
-    /**
-     * The height.
-     */
-    height?: string;
-    /**
-     * Border radius
-     */
-    borderRadius?: string;
-}
-export declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<HTMLButtonElement>>;
+import * as React from "react";
+import { CSSProperties, MouseEventHandler } from "react";
+import { ButtonElementProps } from "../../types/ElementProps";
+export interface ClickableProps extends ButtonElementProps {
+    /** Callback function called when clicking on click area. */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /** Callback function called when double clicking on click area. */
+    onDblClick?: MouseEventHandler<HTMLButtonElement>;
+    /** Adds a title to the click area. */
+    tooltip?: string;
+    /** If set, there is no opacity applies when clicking on the click area. */
+    disableOpacityOnClick?: boolean;
+    /** Mouse does not turn into pointer when hovering over click area. */
+    disablePointer?: boolean;
+    /** When set, click area receives opacity when mouse hovers over it. */
+    opacityOnHover?: boolean;
+    /** Custom style on div with click event. */
+    style?: CSSProperties;
+    /** Disables shadow when element is focused. */
+    disableFocusHighlight?: boolean;
+    /** Disables the HTML button element. */
+    disabled?: boolean;
+    /**
+     * Sets the background of the box.
+     */
+    background?: string;
+    /**
+     * Sets the background of the box when the box is in focus.
+     */
+    focusBackground?: string;
+    /**
+     * Sets the background of the box when hovering with mouse.
+     */
+    hoverBackground?: string;
+    /**
+     * The width.
+     */
+    width?: string;
+    /**
+     * The height.
+     */
+    height?: string;
+    /**
+     * Border radius
+     */
+    borderRadius?: string;
+}
+export declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/layout/box/Box.d.ts

@@ -1,75 +1,75 @@
-/// <reference types="react" />
-import { Property } from "csstype";
-import { BackgroundProps, BorderBottomProps, BorderLeftProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, FlexboxProps, LayoutProps, LeftProps, OverflowProps, PositionProps, ResponsiveValue, RightProps, TLengthStyledSystem, TopProps, ZIndexProps } from "styled-system";
-import { DivProps } from "../../../types/ElementProps";
-interface StyledSystemProps extends BorderRadiusProps, BorderStyleProps, BorderWidthProps, BorderLeftProps, BorderRightProps, BorderTopProps, BorderBottomProps, FlexboxProps, LayoutProps, OverflowProps, PositionProps, ZIndexProps, LeftProps, RightProps, TopProps, BottomProps {
-}
-declare const shadows: {
-    box: string;
-    popover: string;
-    modal: string;
-};
-declare type ShadowType = keyof typeof shadows;
-export interface BoxProps extends StyledSystemProps, DivProps {
-    /**
-     * If true, children are placed in a row.
-     */
-    row?: ResponsiveValue<boolean>;
-    /**
-     * Adds spacing over and under content.
-     */
-    spacing?: ResponsiveValue<boolean | TLengthStyledSystem>;
-    /**
-     * Adds spacing left and right of content.
-     */
-    indent?: ResponsiveValue<boolean | TLengthStyledSystem>;
-    /**
-     * Adds spacing between children.
-     */
-    gap?: ResponsiveValue<boolean | TLengthStyledSystem>;
-    /**
-     * Adds a shadow around the box.
-     */
-    shadow?: ResponsiveValue<Property.BoxShadow | ShadowType>;
-    /**
-     * Sets the background of the box.
-     */
-    background?: ResponsiveValue<Property.Background<TLengthStyledSystem>>;
-    /**
-     * Sets the border of the box.
-     */
-    border?: ResponsiveValue<Property.Border<TLengthStyledSystem>>;
-    /**
-     * Sets the border color of the box.
-     */
-    borderColor?: ResponsiveValue<Property.BorderColor>;
-    /**
-     * Sets the background of the box when hovering with mouse.
-     */
-    hoverBackground?: Property.Background<TLengthStyledSystem>;
-    /**
-     * Sets the border of the box when hovering with mouse.
-     */
-    hoverBorder?: Property.Border<TLengthStyledSystem>;
-    /**
-     * Sets the background of the box when the box is in focus.
-     */
-    focusBackground?: Property.Background<TLengthStyledSystem>;
-    /**
-     * Sets the border of the box when the box is in focus.
-     */
-    focusBorder?: Property.Border<TLengthStyledSystem>;
-    /**
-     * Sets the background of the box when focus is within the box.
-     */
-    focusWithinBackground?: Property.Background<TLengthStyledSystem>;
-    /**
-     * Sets the border of the box when focus is within the box.
-     */
-    focusWithinBorder?: Property.Border<TLengthStyledSystem>;
-}
-export declare const Box: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & BoxProps & BoxShadowProps<Required<import("styled-system").Theme<TLengthStyledSystem>>> & BackgroundProps<Required<import("styled-system").Theme<TLengthStyledSystem>>, import("csstype").Property.Background<TLengthStyledSystem>>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};
+/// <reference types="react" />
+import { Property } from "csstype";
+import { BackgroundProps, BorderBottomProps, BorderLeftProps, BorderRadiusProps, BorderRightProps, BorderStyleProps, BorderTopProps, BorderWidthProps, BottomProps, BoxShadowProps, FlexboxProps, LayoutProps, LeftProps, OverflowProps, PositionProps, ResponsiveValue, RightProps, TLengthStyledSystem, TopProps, ZIndexProps } from "styled-system";
+import { DivProps } from "../../../types/ElementProps";
+interface StyledSystemProps extends BorderRadiusProps, BorderStyleProps, BorderWidthProps, BorderLeftProps, BorderRightProps, BorderTopProps, BorderBottomProps, FlexboxProps, LayoutProps, OverflowProps, PositionProps, ZIndexProps, LeftProps, RightProps, TopProps, BottomProps {
+}
+declare const shadows: {
+    box: string;
+    popover: string;
+    modal: string;
+};
+declare type ShadowType = keyof typeof shadows;
+export interface BoxProps extends StyledSystemProps, DivProps {
+    /**
+     * If true, children are placed in a row.
+     */
+    row?: ResponsiveValue<boolean>;
+    /**
+     * Adds spacing over and under content.
+     */
+    spacing?: ResponsiveValue<boolean | TLengthStyledSystem>;
+    /**
+     * Adds spacing left and right of content.
+     */
+    indent?: ResponsiveValue<boolean | TLengthStyledSystem>;
+    /**
+     * Adds spacing between children.
+     */
+    gap?: ResponsiveValue<boolean | TLengthStyledSystem>;
+    /**
+     * Adds a shadow around the box.
+     */
+    shadow?: ResponsiveValue<Property.BoxShadow | ShadowType>;
+    /**
+     * Sets the background of the box.
+     */
+    background?: ResponsiveValue<Property.Background<TLengthStyledSystem>>;
+    /**
+     * Sets the border of the box.
+     */
+    border?: ResponsiveValue<Property.Border<TLengthStyledSystem>>;
+    /**
+     * Sets the border color of the box.
+     */
+    borderColor?: ResponsiveValue<Property.BorderColor>;
+    /**
+     * Sets the background of the box when hovering with mouse.
+     */
+    hoverBackground?: Property.Background<TLengthStyledSystem>;
+    /**
+     * Sets the border of the box when hovering with mouse.
+     */
+    hoverBorder?: Property.Border<TLengthStyledSystem>;
+    /**
+     * Sets the background of the box when the box is in focus.
+     */
+    focusBackground?: Property.Background<TLengthStyledSystem>;
+    /**
+     * Sets the border of the box when the box is in focus.
+     */
+    focusBorder?: Property.Border<TLengthStyledSystem>;
+    /**
+     * Sets the background of the box when focus is within the box.
+     */
+    focusWithinBackground?: Property.Background<TLengthStyledSystem>;
+    /**
+     * Sets the border of the box when focus is within the box.
+     */
+    focusWithinBorder?: Property.Border<TLengthStyledSystem>;
+}
+export declare const Box: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & BoxProps & BoxShadowProps<Required<import("styled-system").Theme<TLengthStyledSystem>>> & BackgroundProps<Required<import("styled-system").Theme<TLengthStyledSystem>>, Property.Background<TLengthStyledSystem>>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/dist/components/layout/box/ResizeAwareBox.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { BoxProps } from "./Box";
-import { ElementDimensions } from "../../../hooks/UseElementDimensions";
-export interface ResizeAwareBoxProps extends BoxProps {
-    onResize?: (dimensions: ElementDimensions) => void;
-}
-export declare const ResizeAwareBox: React.ForwardRefExoticComponent<ResizeAwareBoxProps & React.RefAttributes<HTMLDivElement>>;
+import * as React from "react";
+import { BoxProps } from "./Box";
+import { ElementDimensions } from "../../../hooks/UseElementDimensions";
+export interface ResizeAwareBoxProps extends BoxProps {
+    onResize?: (dimensions: ElementDimensions) => void;
+}
+export declare const ResizeAwareBox: React.ForwardRefExoticComponent<ResizeAwareBoxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/layout/column/Column.d.ts

@@ -1,3 +1,3 @@
-import * as React from "react";
-import { BoxProps } from "../box/Box";
-export declare const Column: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+import * as React from "react";
+import { BoxProps } from "../box/Box";
+export declare const Column: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/layout/indent/Indent.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { BoxProps } from "../box/Box";
-import { ResponsiveValue, TLengthStyledSystem } from "styled-system";
-export interface IndentProps extends BoxProps {
-    num?: ResponsiveValue<boolean | TLengthStyledSystem>;
-}
-export declare const Indent: React.ForwardRefExoticComponent<IndentProps & React.RefAttributes<HTMLDivElement>>;
+import * as React from "react";
+import { BoxProps } from "../box/Box";
+import { ResponsiveValue, TLengthStyledSystem } from "styled-system";
+export interface IndentProps extends BoxProps {
+    num?: ResponsiveValue<boolean | TLengthStyledSystem>;
+}
+export declare const Indent: React.ForwardRefExoticComponent<IndentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/layout/row/Row.d.ts

@@ -1,3 +1,3 @@
-import * as React from "react";
-import { BoxProps } from "../box/Box";
-export declare const Row: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+import * as React from "react";
+import { BoxProps } from "../box/Box";
+export declare const Row: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/layout/space/Space.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
-export interface SpaceProps {
-    half?: boolean;
-    horizontal?: boolean;
-    num?: number;
-    vertical?: boolean;
-}
-export declare const Space: React.VFC<SpaceProps>;
+import * as React from "react";
+export interface SpaceProps {
+    half?: boolean;
+    horizontal?: boolean;
+    num?: number;
+    vertical?: boolean;
+}
+export declare const Space: React.VFC<SpaceProps>;

package/dist/components/layout/spacing/Spacing.d.ts

@@ -1,7 +1,7 @@
-import * as React from "react";
-import { BoxProps } from "../box/Box";
-import { ResponsiveValue, TLengthStyledSystem } from "styled-system";
-export interface SpacingProps extends BoxProps {
-    num?: ResponsiveValue<boolean | TLengthStyledSystem>;
-}
-export declare const Spacing: React.ForwardRefExoticComponent<SpacingProps & React.RefAttributes<HTMLDivElement>>;
+import * as React from "react";
+import { BoxProps } from "../box/Box";
+import { ResponsiveValue, TLengthStyledSystem } from "styled-system";
+export interface SpacingProps extends BoxProps {
+    num?: ResponsiveValue<boolean | TLengthStyledSystem>;
+}
+export declare const Spacing: React.ForwardRefExoticComponent<SpacingProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/text/Text.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
-import { SpanProps } from "../../types/ElementProps";
-import { Property } from "csstype";
-export interface TextProps extends SpanProps {
-    variant?: TextVariant;
-    size?: TextSize;
-    userSelect?: Property.UserSelect;
-    whiteSpace?: Property.WhiteSpace;
-    wordBreak?: Property.WordBreak;
-    color?: string;
-}
-export declare type TextVariant = "standard" | "caption" | "overline" | "bold";
-export declare type TextSize = "large" | "medium" | "small" | "smaller";
-export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
-export declare const Txt: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
+import * as React from "react";
+import { SpanProps } from "../../types/ElementProps";
+import { Property } from "csstype";
+export interface TextProps extends SpanProps {
+    variant?: TextVariant;
+    size?: TextSize;
+    userSelect?: Property.UserSelect;
+    whiteSpace?: Property.WhiteSpace;
+    wordBreak?: Property.WordBreak;
+    color?: string;
+}
+export declare type TextVariant = "standard" | "caption" | "overline" | "bold";
+export declare type TextSize = "large" | "medium" | "small" | "smaller";
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Txt: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/util/Nest.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
-import { ReactNode } from "react";
-interface Props {
-    nest?: boolean;
-    render: (children: ReactNode) => ReactNode;
-    children?: ReactNode;
-}
-export declare const Nest: React.FC<Props>;
-export {};
+import * as React from "react";
+import { ReactNode } from "react";
+interface Props {
+    nest?: boolean;
+    render: (children: ReactNode) => ReactNode;
+    children?: ReactNode;
+}
+export declare const Nest: React.FC<Props>;
+export {};

package/dist/hooks/UseArraySet.d.ts

@@ -1,9 +1,9 @@
-declare type ArrayItemEqualsComparator<T> = (a: T, b: T) => boolean;
-export declare const useArraySet: <T>(list: T[], setList: (list: T[]) => void, comparator?: ArrayItemEqualsComparator<T>) => {
-    add: (item: T) => void;
-    addMultiple: (items: T[]) => void;
-    remove: (item: T) => void;
-    removeMultiple: (items: T[]) => void;
-    toggle: (item: T) => void;
-};
-export {};
+declare type ArrayItemEqualsComparator<T> = (a: T, b: T) => boolean;
+export declare const useArraySet: <T>(list: T[], setList: (list: T[]) => void, comparator?: ArrayItemEqualsComparator<T>) => {
+    add: (item: T) => void;
+    addMultiple: (items: T[]) => void;
+    remove: (item: T) => void;
+    removeMultiple: (items: T[]) => void;
+    toggle: (item: T) => void;
+};
+export {};

package/dist/hooks/UseBoolean.d.ts

@@ -1,7 +1,7 @@
-declare type Value = boolean;
-declare type SetTrue = () => void;
-declare type SetFalse = () => void;
-declare type ToggleValue = () => void;
-declare type BooleanHook = [Value, SetTrue, SetFalse, ToggleValue];
-export declare const useBoolean: (initialValue: Value) => BooleanHook;
-export {};
+declare type Value = boolean;
+declare type SetTrue = () => void;
+declare type SetFalse = () => void;
+declare type ToggleValue = () => void;
+declare type BooleanHook = [Value, SetTrue, SetFalse, ToggleValue];
+export declare const useBoolean: (initialValue: Value) => BooleanHook;
+export {};

package/dist/hooks/UseDebounce.d.ts

@@ -1 +1 @@
-export declare const useDebounce: <T>(value: T, delay: number) => T;
+export declare const useDebounce: <T>(value: T, delay: number) => T;

package/dist/hooks/UseDelayedFalse.d.ts

@@ -1 +1 @@
-export declare const useDelayedFalse: (value: boolean, delay: number) => boolean;
+export declare const useDelayedFalse: (value: boolean, delay: number) => boolean;

package/dist/hooks/UseDomId.d.ts

@@ -1 +1,2 @@
-export declare const useDomId: (componentName?: string) => string;
+/** @deprecated use useId-hook from React 18 */
+export declare const useDomId: (componentName?: string) => string;

package/dist/hooks/UseElementDimensions.d.ts

@@ -1,15 +1,15 @@
-import { RefObject } from "react";
-export interface ElementDimensions {
-    width: number;
-    height: number;
-    top: number;
-    left: number;
-    x: number;
-    y: number;
-    right: number;
-    bottom: number;
-}
-export declare const getDimensionObject: (node: HTMLElement) => ElementDimensions;
-export declare const useElementDimensions: (ref: RefObject<HTMLElement>, onResizeElement?: ((dimensions: ElementDimensions) => void) | undefined) => {
-    dimensions: ElementDimensions | undefined;
-};
+import { RefObject } from "react";
+export interface ElementDimensions {
+    width: number;
+    height: number;
+    top: number;
+    left: number;
+    x: number;
+    y: number;
+    right: number;
+    bottom: number;
+}
+export declare const getDimensionObject: (node: HTMLElement) => ElementDimensions;
+export declare const useElementDimensions: (ref: RefObject<HTMLElement>, onResizeElement?: ((dimensions: ElementDimensions) => void) | undefined) => {
+    dimensions: ElementDimensions | undefined;
+};

package/dist/hooks/UseElementFocus.d.ts

@@ -1,6 +1,6 @@
-import { RefObject } from "react";
-export declare const useElementFocus: <TElement extends HTMLElement>(ref: RefObject<TElement>) => {
-    isInFocus: boolean;
-    focus: () => void;
-    blur: () => void;
-};
+import { RefObject } from "react";
+export declare const useElementFocus: <TElement extends HTMLElement>(ref: RefObject<TElement>) => {
+    isInFocus: boolean;
+    focus: () => void;
+    blur: () => void;
+};