@touchtech/baselayer-ui 2.5.0 → 2.5.1

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from "react";
+import { Size } from "../../types";
+export declare type ButtonProps = {
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    inverted?: boolean;
+    rounded?: boolean;
+    noShadow?: boolean;
+    noPadding?: boolean;
+    noBorder?: boolean;
+    transparent?: boolean;
+    stretchHorizontally?: boolean;
+    stretchVertically?: boolean;
+    onClick?: (event: React.SyntheticEvent) => void;
+    size?: Size;
+    type?: "submit" | "reset" | "button";
+    align?: "left" | "center";
+    offsetSides?: Array<"left" | "right">;
+};
+declare function Button({ children, className, onClick, disabled, inverted, rounded, noShadow, noPadding, noBorder, transparent, stretchHorizontally, stretchVertically, offsetSides, align, size, type, }: ButtonProps): JSX.Element;
+export default Button;

package/dist/components/Button/__tests__/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button";
+export * from "./Button";

package/dist/components/ButtonLink/ButtonLink.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode, ReactType } from "react";
+import { Size } from "../../types";
+declare type OffsetSide = "left" | "right";
+declare type ButtonLinkProps = {
+    as?: ReactType;
+    children: ReactNode;
+    className?: string;
+    inverted?: boolean;
+    rounded?: boolean;
+    transparent?: boolean;
+    noShadow?: boolean;
+    noPadding?: boolean;
+    noBorder?: boolean;
+    stretchHorizontally?: boolean;
+    stretchVertically?: boolean;
+    size?: Size;
+    offsetSides?: Array<OffsetSide>;
+    align?: "left" | "center";
+} | any;
+declare function ButtonLink({ as: Component, children, className, size, inverted, rounded, transparent, noShadow, noPadding, noBorder, stretchHorizontally, stretchVertically, offsetSides, align, ...props }: ButtonLinkProps): JSX.Element;
+export default ButtonLink;

package/dist/components/ButtonLink/__tests__/ButtonLink.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ButtonLink/index.d.ts

@@ -0,0 +1 @@
+export { default as ButtonLink } from "./ButtonLink";

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,9 @@
+import { Color } from "../../types";
+declare type ColorPickerProps = {
+    direction?: "horizontal" | "vertical";
+    colors: Color[];
+    onSelect: (color: Color) => void;
+    selectedColor?: Color;
+};
+declare function ColorPicker({ colors, onSelect, selectedColor, direction }: ColorPickerProps): JSX.Element;
+export default ColorPicker;

package/dist/components/ColorPicker/__tests__/ColorPicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ColorPicker/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorPicker } from "./ColorPicker";

package/dist/components/ColorSwatch/ColorSwatch.d.ts

@@ -0,0 +1,8 @@
+import { Color } from "../../types";
+declare type ColorSwatchProps = {
+    color: Color;
+    isSelected?: boolean;
+    onClick: () => void;
+};
+declare function ColorSwatch({ color, onClick, isSelected }: ColorSwatchProps): JSX.Element;
+export default ColorSwatch;

package/dist/components/ColorSwatch/__tests__/ColorSwatch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ColorSwatch/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorSwatch } from "./ColorSwatch";

package/dist/components/ConfirmationModal/ConfirmationModal.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement, ReactNode } from "react";
+declare type ConfirmationModalProps = {
+    buttonsLeft?: ReactElement[];
+    buttonsRight?: ReactElement[];
+    children: ReactNode;
+    header: string;
+    isOpen: boolean;
+    noPadding?: boolean;
+    onClose?: () => void;
+};
+declare function ConfirmationModal({ children, header, isOpen, buttonsLeft, buttonsRight, onClose, noPadding, }: ConfirmationModalProps): JSX.Element;
+declare namespace ConfirmationModal {
+    var displayName: string;
+}
+export default ConfirmationModal;

package/dist/components/ConfirmationModal/__tests__/ConfirmationModal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ConfirmationModal/index.d.ts

@@ -0,0 +1 @@
+export { default as ConfirmationModal } from "./ConfirmationModal";

package/dist/components/FloatingPanel/FloatingPanel.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+declare type Placement = {
+    horizontal: "right" | "rightEdge" | "rightOnEdge" | "left" | "leftEdge" | "leftOnEdge" | "leftOnEdge" | "center";
+    vertical: "top" | "topEdge" | "bottom" | "bottomEdge" | "bottomOnEdge" | "center";
+    parent: "viewport" | "container";
+};
+declare type FloatingPanelProps = {
+    children: ReactNode;
+    layout?: "column" | "row";
+    placement?: Placement;
+};
+declare function FloatingPanel({ children, layout, placement }: FloatingPanelProps): JSX.Element;
+export default FloatingPanel;

package/dist/components/FloatingPanel/__tests__/FloatingPanel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/FloatingPanel/index.d.ts

@@ -0,0 +1 @@
+export { default as FloatingPanel } from "./FloatingPanel";

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,8 @@
+declare type IconProps = {
+    src: string;
+    alt?: string;
+    size?: "small" | "medium" | "large";
+    inverted?: boolean;
+};
+declare function Icon({ src, alt, size, inverted }: IconProps): JSX.Element;
+export default Icon;

package/dist/components/Icon/__tests__/Icon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Icon/index.d.ts

@@ -0,0 +1 @@
+export { default as Icon } from "./Icon";

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,17 @@
+declare type IconButtonProps = {
+    className?: string;
+    src: string;
+    alt: string;
+    disabled?: boolean;
+    inverted?: boolean;
+    noShadow?: boolean;
+    noBorder?: boolean;
+    transparent?: boolean;
+    rounded?: boolean;
+    onClick?: () => void;
+    size?: "small" | "medium" | "large";
+    type?: "submit" | "reset" | "button";
+    offsetSides?: Array<"top" | "right" | "bottom" | "left">;
+};
+declare function IconButton({ className, src, alt, offsetSides, onClick, disabled, inverted, noShadow, noBorder, transparent, rounded, size, type, }: IconButtonProps): JSX.Element;
+export default IconButton;

package/dist/components/IconButton/__tests__/IconButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/IconButton/index.d.ts

@@ -0,0 +1 @@
+export { default as IconButton } from "./IconButton";

package/dist/components/IconButtonLink/IconButtonLink.d.ts

@@ -0,0 +1,18 @@
+import { ReactType } from "react";
+import { Size } from "../../types";
+declare type OffsetSide = "top" | "right" | "bottom" | "left";
+declare type IconButtonLinkProps = {
+    as?: ReactType;
+    src: string;
+    alt: string;
+    className?: string;
+    inverted?: boolean;
+    rounded?: boolean;
+    transparent?: boolean;
+    noShadow?: boolean;
+    noBorder?: boolean;
+    size?: Size;
+    offsetSides?: Array<OffsetSide>;
+} | any;
+declare function IconButtonLink({ as: Component, className, src, alt, inverted, noShadow, noBorder, transparent, rounded, offsetSides, size, ...props }: IconButtonLinkProps): JSX.Element;
+export default IconButtonLink;

package/dist/components/IconButtonLink/__tests__/IconButtonLink.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/IconButtonLink/index.d.ts

@@ -0,0 +1 @@
+export { default as IconButtonLink } from "./IconButtonLink";

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare type ImageProps = {
+    src: string;
+    alt?: string;
+    srcWidth?: number;
+    srcHeight?: number;
+    children?: React.ReactNode;
+    layout?: "cover" | "contain" | "stretchHorizontally" | "stretchVertically";
+};
+declare function Image({ src, alt, srcWidth, srcHeight, children, layout }: ImageProps): JSX.Element;
+export default Image;

package/dist/components/Image/__tests__/Image.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Image/index.d.ts

@@ -0,0 +1 @@
+export { default as Image } from "./Image";

package/dist/components/ListView/ListView.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+declare type ListViewProps = {
+    children: ReactNode;
+    className?: string;
+    header?: string;
+};
+declare function ListView({ children, className, header }: ListViewProps): JSX.Element;
+export default ListView;

package/dist/components/ListView/ListViewItem.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { Size } from "../../types";
+declare type ListViewItemProps = {
+    children: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    transparent?: boolean;
+    noPadding?: boolean;
+    size?: Size;
+    align?: "left" | "center";
+    onClick?: () => void;
+};
+declare function ListViewItem({ children, active, disabled, transparent, noPadding, size, align, onClick, }: ListViewItemProps): JSX.Element;
+export default ListViewItem;

package/dist/components/ListView/__tests__/ListView.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ListView/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ListView } from "./ListView";
+export { default as ListViewItem } from "./ListViewItem";
+export { default as ListViewLinkItem } from "./ListViewLinkItem";

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+declare type Placement = {
+    horizontal: "right" | "left";
+    vertical: "top" | "bottom";
+};
+declare type MenuProps = {
+    children: ReactNode;
+    className?: string;
+    isOpen?: boolean;
+    header?: string;
+    placement?: Placement;
+};
+declare function Menu({ children, className, isOpen, placement, header }: MenuProps): JSX.Element;
+export default Menu;

package/dist/components/Menu/MenuContainer.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+declare type MenuContainerProps = {
+    children: ReactNode;
+    className?: string;
+    ref?: () => void | {
+        current: any;
+    };
+};
+declare const _default: React.ForwardRefExoticComponent<Pick<MenuContainerProps, "children" | "className"> & React.RefAttributes<unknown>>;
+export default _default;

package/dist/components/Menu/MenuItem.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+declare type MenuItemProps = {
+    children: ReactNode;
+    className?: string;
+    isActive?: boolean;
+    onClick?: () => void;
+};
+declare function MenuItem({ children, className, onClick, isActive }: MenuItemProps): JSX.Element;
+export default MenuItem;

package/dist/components/Menu/MenuLinkItem.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode, ReactType } from "react";
+declare type MenuLinkItemProps = {
+    as: ReactType;
+    children: ReactNode;
+    className: string;
+} | any;
+declare function MenuLinkItem({ as: Component, children, className, ...props }: MenuLinkItemProps): JSX.Element;
+export default MenuLinkItem;

package/dist/components/Menu/__tests__/Menu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Menu/__tests__/MenuLinkItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Menu/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Menu } from "./Menu";
+export { default as MenuContainer } from "./MenuContainer";
+export { default as MenuItem } from "./MenuItem";
+export { default as MenuLinkItem } from "./MenuLinkItem";

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+declare type ModalProps = {
+    children: ReactNode;
+    isOpen: boolean;
+    onClose?: () => void;
+    button?: ReactNode;
+};
+declare function Modal({ children, isOpen, button, onClose }: ModalProps): JSX.Element;
+export default Modal;

package/dist/components/Modal/__tests__/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export { default as Modal } from "./Modal";

package/dist/components/Overlay/Overlay.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+declare type OverlayProps = {
+    children: ReactNode;
+    transparent?: boolean;
+    isFixed?: boolean;
+    onClick?: () => void;
+};
+declare function Overlay({ children, transparent, isFixed, onClick }: OverlayProps): JSX.Element;
+export default Overlay;

package/dist/components/Overlay/__tests__/Overlay.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Overlay/index.d.ts

@@ -0,0 +1 @@
+export { default as Overlay } from "./Overlay";

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,16 @@
+import { Size, TextInputType } from "../../types";
+declare type TextInputProps = {
+    label: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    value?: string;
+    name?: string;
+    type?: TextInputType;
+    size?: Size;
+    autoFocus?: boolean;
+    inputRef?: () => void | {
+        current: any;
+    };
+};
+declare function TextInput({ label, onChange, placeholder, value, name, inputRef, size, autoFocus, type, }: TextInputProps): JSX.Element;
+export default TextInput;

package/dist/components/TextInput/__tests__/TextInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/TextInput/index.d.ts

@@ -0,0 +1 @@
+export { default as TextInput } from "./TextInput";

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, ReactNodeArray } from "react";
+declare type ImageType = {
+    src: string;
+    alt: string;
+};
+declare type ToastProps = {
+    children: ReactNode;
+    buttons: ReactNodeArray;
+    image?: ImageType;
+    onClick?: () => void;
+};
+declare function Toast({ children, image, buttons, onClick }: ToastProps): JSX.Element;
+export default Toast;

package/dist/components/Toast/ToastContainer.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+declare type ToastContainerProps = {
+    children?: ReactNode;
+};
+declare function ToastContainer({ children }: ToastContainerProps): JSX.Element;
+export default ToastContainer;

package/dist/components/Toast/__tests__/Toast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Toast/__tests__/ToastContainer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Toast } from "./Toast";
+export { default as ToastContainer } from "./ToastContainer";

package/dist/components/Video/Video.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+/**
+ * There is a known issue in React in regards to the 'muted' property which causes the warning:
+ * "Warning: unstable_flushDiscreteUpdates: Cannot flush updates when React is already rendering."
+ *
+ * https://github.com/facebook/react/issues/10389
+ * https://github.com/facebook/react/issues/6544
+ * https://github.com/testing-library/react-testing-library/issues/470
+ */
+declare type Layout = "cover" | "contain" | "stretchHorizontally" | "stretchVertically";
+declare type VideoProps = {
+    src: string;
+    type: string;
+    layout?: Layout;
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    children?: ReactNode;
+};
+declare function Video({ src, type, children, muted, loop, autoPlay, layout }: VideoProps): JSX.Element;
+export default Video;

package/dist/components/Video/__tests__/Video.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Video/index.d.ts

@@ -0,0 +1 @@
+export { default as Video } from "./Video";

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useToggle } from "./useToggle";
+export { default as useOutsideClick } from "./useOutsideClick";

package/dist/hooks/useOutsideClick.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare type Callback = (event: Event) => void;
+export default function useOutsideClick(callback: Callback): import("react").MutableRefObject<HTMLElement>;
+export {};

package/dist/hooks/useToggle.d.ts

@@ -0,0 +1,5 @@
+export default function useToggle(initialState?: boolean): (boolean | {
+    (): void;
+    on(): void;
+    off(): void;
+})[];

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+export * from "./components/Button";
+export * from "./components/ButtonLink";
+export * from "./components/ColorPicker";
+export * from "./components/ColorSwatch";
+export * from "./components/ConfirmationModal";
+export * from "./components/FloatingPanel";
+export * from "./components/Icon";
+export * from "./components/IconButton";
+export * from "./components/IconButtonLink";
+export * from "./components/Image";
+export * from "./components/ListView";
+export * from "./components/Menu";
+export * from "./components/Modal";
+export * from "./components/Overlay";
+export * from "./components/TextInput";
+export * from "./components/Toast";
+export * from "./components/Video";
+export * from "./hooks";

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from "react";
+import { Size } from "../../types";
+declare type ButtonProps = {
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    inverted?: boolean;
+    rounded?: boolean;
+    noShadow?: boolean;
+    noPadding?: boolean;
+    noBorder?: boolean;
+    transparent?: boolean;
+    stretchHorizontally?: boolean;
+    stretchVertically?: boolean;
+    onClick?: (event: React.SyntheticEvent) => void;
+    size?: Size;
+    type?: "submit" | "reset" | "button";
+    align?: "left" | "center";
+    offsetSides?: Array<"left" | "right">;
+};
+declare function Button({ children, className, onClick, disabled, inverted, rounded, noShadow, noPadding, noBorder, transparent, stretchHorizontally, stretchVertically, offsetSides, align, size, type, }: ButtonProps): JSX.Element;
+export default Button;

package/dist/types/components/Button/__tests__/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { default as Button } from "./Button";

package/dist/types/components/ButtonLink/ButtonLink.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode, ReactType } from "react";
+import { Size } from "../../types";
+declare type OffsetSide = "left" | "right";
+declare type ButtonLinkProps = {
+    as?: ReactType;
+    children: ReactNode;
+    className?: string;
+    inverted?: boolean;
+    rounded?: boolean;
+    transparent?: boolean;
+    noShadow?: boolean;
+    noPadding?: boolean;
+    noBorder?: boolean;
+    stretchHorizontally?: boolean;
+    stretchVertically?: boolean;
+    size?: Size;
+    offsetSides?: Array<OffsetSide>;
+    align?: "left" | "center";
+} | any;
+declare function ButtonLink({ as: Component, children, className, size, inverted, rounded, transparent, noShadow, noPadding, noBorder, stretchHorizontally, stretchVertically, offsetSides, align, ...props }: ButtonLinkProps): JSX.Element;
+export default ButtonLink;

package/dist/types/components/ButtonLink/__tests__/ButtonLink.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ButtonLink/index.d.ts

@@ -0,0 +1 @@
+export { default as ButtonLink } from "./ButtonLink";

package/dist/types/components/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,9 @@
+import { Color } from "../../types";
+declare type ColorPickerProps = {
+    direction?: "horizontal" | "vertical";
+    colors: Color[];
+    onSelect: (color: Color) => void;
+    selectedColor?: Color;
+};
+declare function ColorPicker({ colors, onSelect, selectedColor, direction }: ColorPickerProps): JSX.Element;
+export default ColorPicker;

package/dist/types/components/ColorPicker/__tests__/ColorPicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ColorPicker/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorPicker } from "./ColorPicker";

package/dist/types/components/ColorSwatch/ColorSwatch.d.ts

@@ -0,0 +1,8 @@
+import { Color } from "../../types";
+declare type ColorSwatchProps = {
+    color: Color;
+    isSelected?: boolean;
+    onClick: () => void;
+};
+declare function ColorSwatch({ color, onClick, isSelected }: ColorSwatchProps): JSX.Element;
+export default ColorSwatch;

package/dist/types/components/ColorSwatch/__tests__/ColorSwatch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ColorSwatch/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorSwatch } from "./ColorSwatch";

package/dist/types/components/ConfirmationModal/ConfirmationModal.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement, ReactNode } from "react";
+declare type ConfirmationModalProps = {
+    buttonsLeft?: ReactElement[];
+    buttonsRight?: ReactElement[];
+    children: ReactNode;
+    header: string;
+    isOpen: boolean;
+    noPadding?: boolean;
+    onClose?: () => void;
+};
+declare function ConfirmationModal({ children, header, isOpen, buttonsLeft, buttonsRight, onClose, noPadding, }: ConfirmationModalProps): JSX.Element;
+declare namespace ConfirmationModal {
+    var displayName: string;
+}
+export default ConfirmationModal;

package/dist/types/components/ConfirmationModal/__tests__/ConfirmationModal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ConfirmationModal/index.d.ts

@@ -0,0 +1 @@
+export { default as ConfirmationModal } from "./ConfirmationModal";

package/dist/types/components/FloatingPanel/FloatingPanel.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+declare type Placement = {
+    horizontal: "right" | "rightEdge" | "rightOnEdge" | "left" | "leftEdge" | "leftOnEdge" | "leftOnEdge" | "center";
+    vertical: "top" | "topEdge" | "bottom" | "bottomEdge" | "bottomOnEdge" | "center";
+    parent: "viewport" | "container";
+};
+declare type FloatingPanelProps = {
+    children: ReactNode;
+    layout?: "column" | "row";
+    placement?: Placement;
+};
+declare function FloatingPanel({ children, layout, placement }: FloatingPanelProps): JSX.Element;
+export default FloatingPanel;

package/dist/types/components/FloatingPanel/__tests__/FloatingPanel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/FloatingPanel/index.d.ts

@@ -0,0 +1 @@
+export { default as FloatingPanel } from "./FloatingPanel";

package/dist/types/components/Icon/Icon.d.ts

@@ -0,0 +1,8 @@
+declare type IconProps = {
+    src: string;
+    alt?: string;
+    size?: "small" | "medium" | "large";
+    inverted?: boolean;
+};
+declare function Icon({ src, alt, size, inverted }: IconProps): JSX.Element;
+export default Icon;

package/dist/types/components/Icon/__tests__/Icon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Icon/index.d.ts

@@ -0,0 +1 @@
+export { default as Icon } from "./Icon";

package/dist/types/components/IconButton/IconButton.d.ts

@@ -0,0 +1,17 @@
+declare type IconButtonProps = {
+    className?: string;
+    src: string;
+    alt: string;
+    disabled?: boolean;
+    inverted?: boolean;
+    noShadow?: boolean;
+    noBorder?: boolean;
+    transparent?: boolean;
+    rounded?: boolean;
+    onClick?: () => void;
+    size?: "small" | "medium" | "large";
+    type?: "submit" | "reset" | "button";
+    offsetSides?: Array<"top" | "right" | "bottom" | "left">;
+};
+declare function IconButton({ className, src, alt, offsetSides, onClick, disabled, inverted, noShadow, noBorder, transparent, rounded, size, type, }: IconButtonProps): JSX.Element;
+export default IconButton;

package/dist/types/components/IconButton/__tests__/IconButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/IconButton/index.d.ts

@@ -0,0 +1 @@
+export { default as IconButton } from "./IconButton";

package/dist/types/components/IconButtonLink/IconButtonLink.d.ts

@@ -0,0 +1,18 @@
+import { ReactType } from "react";
+import { Size } from "../../types";
+declare type OffsetSide = "top" | "right" | "bottom" | "left";
+declare type IconButtonLinkProps = {
+    as?: ReactType;
+    src: string;
+    alt: string;
+    className?: string;
+    inverted?: boolean;
+    rounded?: boolean;
+    transparent?: boolean;
+    noShadow?: boolean;
+    noBorder?: boolean;
+    size?: Size;
+    offsetSides?: Array<OffsetSide>;
+} | any;
+declare function IconButtonLink({ as: Component, className, src, alt, inverted, noShadow, noBorder, transparent, rounded, offsetSides, size, ...props }: IconButtonLinkProps): JSX.Element;
+export default IconButtonLink;

package/dist/types/components/IconButtonLink/__tests__/IconButtonLink.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/IconButtonLink/index.d.ts

@@ -0,0 +1 @@
+export { default as IconButtonLink } from "./IconButtonLink";

package/dist/types/components/Image/Image.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare type ImageProps = {
+    src: string;
+    alt?: string;
+    srcWidth?: number;
+    srcHeight?: number;
+    children?: React.ReactNode;
+    layout?: "cover" | "contain" | "stretchHorizontally" | "stretchVertically";
+};
+declare function Image({ src, alt, srcWidth, srcHeight, children, layout }: ImageProps): JSX.Element;
+export default Image;

package/dist/types/components/Image/__tests__/Image.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Image/index.d.ts

@@ -0,0 +1 @@
+export { default as Image } from "./Image";

package/dist/types/components/ListView/ListView.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+declare type ListViewProps = {
+    children: ReactNode;
+    className?: string;
+    header?: string;
+};
+declare function ListView({ children, className, header }: ListViewProps): JSX.Element;
+export default ListView;

package/dist/types/components/ListView/ListViewItem.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { Size } from "../../types";
+declare type ListViewItemProps = {
+    children: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    transparent?: boolean;
+    noPadding?: boolean;
+    size?: Size;
+    align?: "left" | "center";
+    onClick?: () => void;
+};
+declare function ListViewItem({ children, active, disabled, transparent, noPadding, size, align, onClick, }: ListViewItemProps): JSX.Element;
+export default ListViewItem;

package/dist/types/components/ListView/__tests__/ListView.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ListView/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ListView } from "./ListView";
+export { default as ListViewItem } from "./ListViewItem";
+export { default as ListViewLinkItem } from "./ListViewLinkItem";

package/dist/types/components/Menu/Menu.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+declare type Placement = {
+    horizontal: "right" | "left";
+    vertical: "top" | "bottom";
+};
+declare type MenuProps = {
+    children: ReactNode;
+    className?: string;
+    isOpen?: boolean;
+    header?: string;
+    placement?: Placement;
+};
+declare function Menu({ children, className, isOpen, placement, header }: MenuProps): JSX.Element;
+export default Menu;

package/dist/types/components/Menu/MenuContainer.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+declare type MenuContainerProps = {
+    children: ReactNode;
+    className?: string;
+    ref?: () => void | {
+        current: any;
+    };
+};
+declare const _default: React.ForwardRefExoticComponent<Pick<MenuContainerProps, "children" | "className"> & React.RefAttributes<unknown>>;
+export default _default;

package/dist/types/components/Menu/MenuItem.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+declare type MenuItemProps = {
+    children: ReactNode;
+    className?: string;
+    isActive?: boolean;
+    onClick?: () => void;
+};
+declare function MenuItem({ children, className, onClick, isActive }: MenuItemProps): JSX.Element;
+export default MenuItem;

package/dist/types/components/Menu/MenuLinkItem.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode, ReactType } from "react";
+declare type MenuLinkItemProps = {
+    as: ReactType;
+    children: ReactNode;
+    className: string;
+} | any;
+declare function MenuLinkItem({ as: Component, children, className, ...props }: MenuLinkItemProps): JSX.Element;
+export default MenuLinkItem;

package/dist/types/components/Menu/__tests__/Menu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Menu/__tests__/MenuLinkItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Menu/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Menu } from "./Menu";
+export { default as MenuContainer } from "./MenuContainer";
+export { default as MenuItem } from "./MenuItem";
+export { default as MenuLinkItem } from "./MenuLinkItem";

package/dist/types/components/Modal/Modal.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+declare type ModalProps = {
+    children: ReactNode;
+    isOpen: boolean;
+    onClose?: () => void;
+    button?: ReactNode;
+};
+declare function Modal({ children, isOpen, button, onClose }: ModalProps): JSX.Element;
+export default Modal;

package/dist/types/components/Modal/__tests__/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export { default as Modal } from "./Modal";

package/dist/types/components/Overlay/Overlay.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+declare type OverlayProps = {
+    children: ReactNode;
+    transparent?: boolean;
+    isFixed?: boolean;
+    onClick?: () => void;
+};
+declare function Overlay({ children, transparent, isFixed, onClick }: OverlayProps): JSX.Element;
+export default Overlay;

package/dist/types/components/Overlay/__tests__/Overlay.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Overlay/index.d.ts

@@ -0,0 +1 @@
+export { default as Overlay } from "./Overlay";

package/dist/types/components/TextInput/TextInput.d.ts

@@ -0,0 +1,16 @@
+import { Size, TextInputType } from "../../types";
+declare type TextInputProps = {
+    label: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    value?: string;
+    name?: string;
+    type?: TextInputType;
+    size?: Size;
+    autoFocus?: boolean;
+    inputRef?: () => void | {
+        current: any;
+    };
+};
+declare function TextInput({ label, onChange, placeholder, value, name, inputRef, size, autoFocus, type, }: TextInputProps): JSX.Element;
+export default TextInput;

package/dist/types/components/TextInput/__tests__/TextInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/TextInput/index.d.ts

@@ -0,0 +1 @@
+export { default as TextInput } from "./TextInput";

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

@@ -0,0 +1,13 @@
+import { ReactNode, ReactNodeArray } from "react";
+declare type ImageType = {
+    src: string;
+    alt: string;
+};
+declare type ToastProps = {
+    children: ReactNode;
+    buttons: ReactNodeArray;
+    image?: ImageType;
+    onClick?: () => void;
+};
+declare function Toast({ children, image, buttons, onClick }: ToastProps): JSX.Element;
+export default Toast;

package/dist/types/components/Toast/ToastContainer.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+declare type ToastContainerProps = {
+    children?: ReactNode;
+};
+declare function ToastContainer({ children }: ToastContainerProps): JSX.Element;
+export default ToastContainer;

package/dist/types/components/Toast/__tests__/Toast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Toast/__tests__/ToastContainer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Toast } from "./Toast";
+export { default as ToastContainer } from "./ToastContainer";

package/dist/types/components/Video/Video.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+/**
+ * There is a known issue in React in regards to the 'muted' property which causes the warning:
+ * "Warning: unstable_flushDiscreteUpdates: Cannot flush updates when React is already rendering."
+ *
+ * https://github.com/facebook/react/issues/10389
+ * https://github.com/facebook/react/issues/6544
+ * https://github.com/testing-library/react-testing-library/issues/470
+ */
+declare type Layout = "cover" | "contain" | "stretchHorizontally" | "stretchVertically";
+declare type VideoProps = {
+    src: string;
+    type: string;
+    layout?: Layout;
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    children?: ReactNode;
+};
+declare function Video({ src, type, children, muted, loop, autoPlay, layout }: VideoProps): JSX.Element;
+export default Video;

package/dist/types/components/Video/__tests__/Video.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Video/index.d.ts

@@ -0,0 +1 @@
+export { default as Video } from "./Video";

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useToggle } from "./useToggle";
+export { default as useOutsideClick } from "./useOutsideClick";

package/dist/types/hooks/useOutsideClick.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare type Callback = (event: Event) => void;
+export default function useOutsideClick(callback: Callback): import("react").MutableRefObject<HTMLElement>;
+export {};

package/dist/types/hooks/useToggle.d.ts

@@ -0,0 +1,5 @@
+export default function useToggle(initialState?: boolean): (boolean | {
+    (): void;
+    on(): void;
+    off(): void;
+})[];

package/dist/types/index.d.ts

@@ -0,0 +1,18 @@
+export * from "./components/Button";
+export * from "./components/ButtonLink";
+export * from "./components/ColorPicker";
+export * from "./components/ColorSwatch";
+export * from "./components/ConfirmationModal";
+export * from "./components/FloatingPanel";
+export * from "./components/Icon";
+export * from "./components/IconButton";
+export * from "./components/IconButtonLink";
+export * from "./components/Image";
+export * from "./components/ListView";
+export * from "./components/Menu";
+export * from "./components/Modal";
+export * from "./components/Overlay";
+export * from "./components/TextInput";
+export * from "./components/Toast";
+export * from "./components/Video";
+export * from "./hooks";

package/dist/types/types/index.d.ts

@@ -0,0 +1,7 @@
+export declare type Size = "small" | "medium" | "large";
+export declare type TextInputType = "text" | "password" | "email";
+export declare type Color = {
+    hexCode: string;
+    key: string;
+    label: string;
+};

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@touchtech/baselayer-ui",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "React UI component library",
   "main": "dist/bundle.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "start": "start-storybook",
     "eslint": "eslint --ignore-path .gitignore",

package/dist/640e1c62fd0dfa7c00a1c8fe0e35c6d1.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1932" height="1254" viewBox="0 0 1932 1254">
-  <path d="M547,564 L2172,564 C2207,564 2236,592 2236,627 C2236,662 2207,691 2172,691 L547,691 L1003,1146 C1028,1171 1028,1211 1003,1236 C978,1260 938,1260 913,1236 L304,627 L913,18 C938,-6 978,-6 1003,18 C1028,43 1028,83 1003,108 L547,564 Z" transform="translate(-304)"/>
-</svg>