@simplybusiness/mobius 4.3.0 → 4.3.2

package/dist/types/components/Slider/helpers.d.ts

@@ -0,0 +1,5 @@
+export declare function unwrapFirstValue<T>(value: T | T[] | undefined): T | undefined;
+export declare function wrapValue<T>(value: T | undefined): T[] | undefined;
+export declare function useUnwrappedHandler<T>(handler: ((value: T | undefined) => void) | undefined): (value: T | T[]) => void;
+export declare function useWrappedValue<T>(value: T | undefined): T[] | undefined;
+export declare function numberFormatter(value: number | string | undefined, formatOptions?: Intl.NumberFormatOptions, locale?: string): string;

package/dist/types/components/Slider/helpers.test.d.ts

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

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

@@ -0,0 +1 @@
+export * from "./Slider";

package/dist/types/components/Table/Body.d.ts

@@ -0,0 +1,9 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface BodyProps extends RefAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export type BodyRef = Ref<HTMLTableSectionElement>;
+declare const Body: ForwardedRefComponent<BodyProps, HTMLTableSectionElement>;
+export { Body };

package/dist/types/components/Table/Cell.d.ts

@@ -0,0 +1,11 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface CellProps extends RefAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    className?: string;
+    colSpan?: number;
+    rowSpan?: number;
+}
+export type CellRef = Ref<HTMLTableCellElement>;
+declare const Cell: ForwardedRefComponent<CellProps, HTMLTableCellElement>;
+export { Cell };

package/dist/types/components/Table/Foot.d.ts

@@ -0,0 +1,9 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface FootProps extends RefAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export type FootRef = Ref<HTMLTableSectionElement>;
+declare const Foot: ForwardedRefComponent<FootProps, HTMLTableSectionElement>;
+export { Foot };

package/dist/types/components/Table/Head.d.ts

@@ -0,0 +1,9 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface HeadProps extends RefAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export type HeadRef = Ref<HTMLTableSectionElement>;
+declare const Head: ForwardedRefComponent<HeadProps, HTMLTableSectionElement>;
+export { Head };

package/dist/types/components/Table/HeaderCell.d.ts

@@ -0,0 +1,9 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface HeaderCellProps extends RefAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export type HeaderCellRef = Ref<HTMLTableCellElement>;
+declare const HeaderCell: ForwardedRefComponent<HeaderCellProps, HTMLTableCellElement>;
+export { HeaderCell };

package/dist/types/components/Table/Row.d.ts

@@ -0,0 +1,9 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface RowProps extends RefAttributes<HTMLTableRowElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export type RowRef = Ref<HTMLTableRowElement>;
+declare const Row: ForwardedRefComponent<RowProps, HTMLTableRowElement>;
+export { Row };

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

@@ -0,0 +1,11 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type TableElementType = HTMLTableElement;
+export interface TableProps extends DOMProps, RefAttributes<TableElementType> {
+    children?: ReactNode;
+    className?: string;
+}
+export type TableRef = Ref<TableElementType>;
+declare const Table: ForwardedRefComponent<TableProps, TableElementType>;
+export { Table };

package/dist/types/components/Table/Table.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Table } from ".";
+type StoryType = StoryObj<typeof Table>;
+declare const meta: Meta<typeof Table>;
+export declare const Normal: StoryType;
+export declare const Extended: StoryType;
+export default meta;

package/dist/types/components/Table/Table.test.d.ts

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

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

@@ -0,0 +1,20 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { TableProps, TableRef } from "./Table";
+import type { TableElementType } from "./Table";
+import type { HeadProps as TableHeadProps, HeadRef as TableHeadRef } from "./Head";
+import type { BodyProps as TableBodyProps, BodyRef as TableBodyRef } from "./Body";
+import type { FootProps as TableFootProps, FootRef as TableFootRef } from "./Foot";
+import type { RowProps as TableRowProps, RowRef as TableRowRef } from "./Row";
+import type { HeaderCellProps as TableHeaderCellProps, HeaderCellRef as TableHeaderCellRef } from "./HeaderCell";
+import type { CellProps as TableCellProps, CellRef as TableCellRef } from "./Cell";
+export interface TableCompound extends ForwardedRefComponent<TableProps, HTMLTableElement> {
+    Head: ForwardedRefComponent<TableHeadProps, HTMLTableSectionElement>;
+    Body: ForwardedRefComponent<TableBodyProps, HTMLTableSectionElement>;
+    Foot: ForwardedRefComponent<TableFootProps, HTMLTableSectionElement>;
+    Row: ForwardedRefComponent<TableRowProps, HTMLTableRowElement>;
+    HeaderCell: ForwardedRefComponent<TableHeaderCellProps, HTMLTableCellElement>;
+    Cell: ForwardedRefComponent<TableCellProps, HTMLTableCellElement>;
+}
+declare const Table: TableCompound;
+export type { TableElementType, TableProps, TableRef, TableHeadProps, TableHeadRef, TableBodyProps, TableBodyRef, TableFootProps, TableFootRef, TableRowProps, TableRowRef, TableHeaderCellProps, TableHeaderCellRef, TableCellProps, TableCellRef, };
+export { Table };

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

@@ -0,0 +1,21 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type TextElementType = HTMLHeadingElement | HTMLParagraphElement;
+export type TextVariantType = "h1" | "h2" | "h3" | "h4" | "body" | "small" | "legal";
+export type ElementType = "h1" | "h2" | "h3" | "h4" | "p" | "span";
+export interface TextProps extends DOMProps, RefAttributes<TextElementType> {
+    /** HTML element for the text */
+    elementType?: ElementType;
+    /** Specify font size override */
+    variant?: TextVariantType;
+    /** Specify compact line height override */
+    spacing?: "loose" | "tight";
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    children: ReactNode;
+    style?: React.CSSProperties;
+}
+export type TextRef = Ref<TextElementType>;
+declare const Text: ForwardedRefComponent<TextProps, TextElementType>;
+export { Text };

package/dist/types/components/Text/Text.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Text } from "./Text";
+type StoryType = StoryObj<typeof Text>;
+declare const meta: Meta<typeof Text>;
+export declare const Normal: StoryType;
+export declare const Themed: StoryType;
+export declare const Example: () => import("react/jsx-runtime").JSX.Element;
+export declare const ExampleVariant: () => import("react/jsx-runtime").JSX.Element;
+export declare const ExampleSpacing: () => import("react/jsx-runtime").JSX.Element;
+export default meta;

package/dist/types/components/Text/Text.test.d.ts

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

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

@@ -0,0 +1 @@
+export * from "./Text";

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

@@ -0,0 +1,13 @@
+import { Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+import { UseTextFieldProps } from "../../hooks";
+export type TextAreaElementType = HTMLTextAreaElement;
+export interface TextAreaProps extends UseTextFieldProps, DOMProps, RefAttributes<TextAreaElementType> {
+    className?: string;
+    errorMessage?: string;
+    validationState?: "valid" | "invalid";
+}
+export type TextAreaRef = Ref<TextAreaElementType>;
+declare const TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType>;
+export { TextArea };

package/dist/types/components/TextArea/TextArea.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TextArea } from "./TextArea";
+type StoryType = StoryObj<typeof TextArea>;
+declare const meta: Meta<typeof TextArea>;
+export declare const Normal: StoryType;
+export declare const ControlledValue: StoryType;
+export declare const Disabled: StoryType;
+export declare const WithError: StoryType;
+export declare const Valid: StoryType;
+export declare const Invalid: StoryType;
+export default meta;

package/dist/types/components/TextArea/TextArea.test.d.ts

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

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

@@ -0,0 +1 @@
+export * from "./TextArea";

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

@@ -0,0 +1,14 @@
+import { Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type TextAreaInputElementType = HTMLTextAreaElement;
+export interface InteractionStateProps {
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+export interface TextAreaInputProps extends DOMProps, InteractionStateProps, RefAttributes<TextAreaInputElementType> {
+    className?: string;
+}
+export type TextAreaInputRef = Ref<TextAreaInputElementType>;
+declare const TextAreaInput: ForwardedRefComponent<TextAreaInputProps, TextAreaInputElementType>;
+export { TextAreaInput };

package/dist/types/components/TextAreaInput/TextAreaInput.test.d.ts

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

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

@@ -0,0 +1 @@
+export * from "./TextAreaInput";

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

@@ -0,0 +1,19 @@
+import { HTMLInputTypeAttribute, ReactElement, ReactNode, Ref, RefAttributes } from "react";
+import { UseTextFieldProps } from "../../hooks";
+import { DOMProps, FocusEvents } from "../../types";
+import { ForwardedRefComponent } from "../../types/components";
+export type TextFieldElementType = HTMLInputElement;
+export interface TextFieldProps extends DOMProps, FocusEvents, UseTextFieldProps, RefAttributes<TextFieldElementType> {
+    className?: string;
+    errorMessage?: string;
+    children?: ReactNode;
+    label?: string;
+    type?: Exclude<HTMLInputTypeAttribute, "button" | "checkbox" | "color" | "date" | "datetime-local" | "file" | "image" | "month" | "radio" | "range" | "reset" | "submit" | "week">;
+    prefixInside?: ReactElement;
+    prefixOutside?: ReactElement;
+    suffixInside?: ReactElement;
+    suffixOutside?: ReactElement;
+}
+export type TextFieldRef = Ref<TextFieldElementType>;
+declare const TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType>;
+export { TextField };

package/dist/types/components/TextField/TextField.stories.d.ts

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { TextField } from "./TextField";
+type StoryType = StoryObj<typeof TextField>;
+declare const meta: Meta<typeof TextField>;
+export declare const Normal: StoryType;
+export declare const Placeholder: StoryType;
+export declare const ControlledValue: StoryType;
+export declare const Disabled: StoryType;
+export declare const Valid: StoryType;
+export declare const Hidden: StoryType;
+export declare const Invalid: StoryType;
+export declare const WithChildren: StoryType;
+export declare const WithPrefixInside: StoryType;
+export declare const WithPrefixAndSuffixInside: StoryType;
+export declare const WithPrefixInsideAndSuffixOutside: StoryType;
+export declare const WithPrefixOutsideAndSuffixInside: StoryType;
+export declare const WithPrefixOutside: StoryType;
+export declare const WithSuffixOutside: StoryType;
+export declare const ExampleHorizontal: () => import("react/jsx-runtime").JSX.Element;
+export default meta;

package/dist/types/components/TextField/TextField.test.d.ts

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

package/dist/types/components/TextField/adornmentWithClassName.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from "react";
+export declare const adornmentWithClassName: (component?: ReactElement, className?: string) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

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

@@ -0,0 +1 @@
+export * from "./TextField";

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

@@ -0,0 +1,15 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type TitleElementType = HTMLDivElement;
+export interface TitleProps extends DOMProps, RefAttributes<TitleElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    title: string;
+    description: string;
+}
+export type TitleRef = Ref<TitleElementType>;
+declare const Title: ForwardedRefComponent<TitleProps, TitleElementType>;
+export { Title };

package/dist/types/components/Title/Title.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Title } from "./Title";
+type StoryType = StoryObj<typeof Title>;
+declare const meta: Meta<typeof Title>;
+export declare const Normal: StoryType;
+export default meta;

package/dist/types/components/Title/Title.test.d.ts

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

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

@@ -0,0 +1 @@
+export * from "./Title";

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

@@ -0,0 +1,11 @@
+import type { JSXElementConstructor, ReactNode } from "react";
+export interface VisuallyHiddenProps {
+    /** The content to visually hide. */
+    children?: ReactNode;
+    className?: string;
+    /**
+     * The element type for the container. Defaults to 'div'
+     */
+    elementType?: string | JSXElementConstructor<any>;
+}
+export declare function VisuallyHidden(props: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/VisuallyHidden/VisuallyHidden.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { VisuallyHidden } from ".";
+type StoryType = StoryObj<typeof VisuallyHidden>;
+declare const meta: Meta<typeof VisuallyHidden>;
+export declare const Normal: StoryType;
+export default meta;

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

@@ -0,0 +1 @@
+export * from "./VisuallyHidden";

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

@@ -0,0 +1,40 @@
+export * from "./Accordion";
+export * from "./Alert";
+export * from "./Box";
+export * from "./Breadcrumbs";
+export * from "./Button";
+export * from "./Checkbox";
+export * from "./Container";
+export * from "./Divider";
+export * from "./Drawer";
+export * from "./DropdownMenu";
+export * from "./ErrorMessage";
+export * from "./Fieldset";
+export * from "./Flex";
+export * from "./Grid";
+export * from "./Icon";
+export * from "./Image";
+export * from "./Label";
+export * from "./Link";
+export * from "./LinkButton";
+export * from "./List";
+export * from "./LoadingIndicator";
+export * from "./Logo";
+export * from "./Modal";
+export * from "./NumberField";
+export * from "./Option";
+export * from "./PasswordField";
+export * from "./Popover";
+export * from "./Progress";
+export * from "./Radio";
+export * from "./Segment";
+export * from "./Select";
+export * from "./Slider";
+export * from "./SVG";
+export * from "./Table";
+export * from "./Text";
+export * from "./TextArea";
+export * from "./TextAreaInput";
+export * from "./TextField";
+export * from "./Title";
+export * from "./VisuallyHidden";

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

@@ -0,0 +1,7 @@
+export * from "./useBodyScrollLock";
+export * from "./useBreakpoint";
+export * from "./useButton";
+export * from "./useLabel";
+export * from "./useOnClickOutside";
+export * from "./useTextField";
+export * from "./useWindowEvent";

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

@@ -0,0 +1 @@
+export * from "./useBodyScrollLock";

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

@@ -0,0 +1,3 @@
+export declare function useBodyScrollLock({ enabled, }?: {
+    enabled?: boolean;
+}): void;

package/dist/types/hooks/useBodyScrollLock/useBodyScrollLock.test.d.ts

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

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

@@ -0,0 +1 @@
+export * from "./useBreakpoint";

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

@@ -0,0 +1,14 @@
+import { SizeType } from "../../types";
+export type Breakpoint = {
+    size: SizeType;
+    value: number;
+};
+export type BreakpointsType = Breakpoint[];
+export type UseBreakpointType = {
+    breakpoint: Breakpoint;
+    up: (size: SizeType) => boolean | undefined;
+    down: (size: SizeType) => boolean | undefined;
+};
+export declare const DEFAULT_BREAKPOINTS: BreakpointsType;
+declare const useBreakpoint: (customBreakpoints?: BreakpointsType) => UseBreakpointType;
+export { useBreakpoint };

package/dist/types/hooks/useBreakpoint/useBreakpoint.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { useBreakpoint } from "./useBreakpoint";
+type StoryType = StoryObj<typeof useBreakpoint>;
+declare const meta: Meta<typeof useBreakpoint>;
+export declare const Normal: StoryType;
+export declare const UpAndDown: StoryType;
+export default meta;

package/dist/types/hooks/useBreakpoint/useBreakpoint.test.d.ts

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

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

@@ -0,0 +1 @@
+export * from "./useButton";

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

@@ -0,0 +1,35 @@
+import { JSXElementConstructor } from "react";
+export interface UseButtonProps {
+    elementType?: "button" | "a" | "span" | "input" | JSXElementConstructor<any> | undefined;
+    type?: "button" | "submit" | "reset";
+    isDisabled?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onPress?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    href?: string;
+    target?: string;
+    rel?: string;
+    role?: string;
+}
+export declare function useButton({ elementType, type, isDisabled, href, target, rel, role, onClick, onPress, }: UseButtonProps): {
+    buttonProps: {
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        type: "button" | "reset" | "submit";
+        role?: undefined;
+        href: string | undefined;
+        target: string | undefined;
+        rel: string | undefined;
+        tabIndex: number;
+        disabled: true | undefined;
+        "aria-disabled": true | undefined;
+    } | {
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        role: string | undefined;
+        type?: undefined;
+        href: string | undefined;
+        target: string | undefined;
+        rel: string | undefined;
+        tabIndex: number;
+        disabled: true | undefined;
+        "aria-disabled": true | undefined;
+    };
+};

package/dist/types/hooks/useButton/useButton.test.d.ts

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

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

@@ -0,0 +1 @@
+export * from "./useLabel";

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

@@ -0,0 +1,27 @@
+import { LabelHTMLAttributes } from "react";
+export type UseLabelProps = {
+    id?: string | undefined;
+    label?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    labelElementType?: "label" | "span" | undefined;
+};
+export type UseLabelReturn = {
+    labelProps: {
+        id?: string | undefined;
+    } & LabelHTMLAttributes<HTMLLabelElement>;
+    fieldProps: LabellingProps;
+};
+export type LabellingProps = {
+    id?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+};
+export declare function useLabel({ id: providedId, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, labelElementType, }: UseLabelProps): {
+    labelProps: {
+        id?: string | undefined;
+    } & LabelHTMLAttributes<HTMLLabelElement>;
+    fieldProps: LabellingProps;
+};

package/dist/types/hooks/useLabel/useLabel.test.d.ts

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

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

@@ -0,0 +1 @@
+export * from "./useOnClickOutside";

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

@@ -0,0 +1,2 @@
+import { RefObject } from "react";
+export declare const useOnClickOutside: (ref: RefObject<HTMLElement>, handler: (event: MouseEvent | TouchEvent | KeyboardEvent) => void) => void;

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

@@ -0,0 +1,2 @@
+export * from "./useTextField";
+export * from "./types";

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

@@ -0,0 +1,26 @@
+import { InputHTMLAttributes } from "react";
+import { UseLabelProps, UseLabelReturn } from "../useLabel/useLabel";
+import { FocusEvents } from "../../types";
+export type UseTextFieldProps = UseLabelProps & FocusEvents & Pick<InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "value" | "onChange" | "autoComplete" | "maxLength" | "minLength" | "name" | "placeholder" | "inputMode" | "type" | "pattern" | "onCopy" | "onCut" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "onSelect" | "onBeforeInput" | "onInput"> & {
+    inputElementType?: "input" | "textarea" | undefined;
+    defaultValue?: string | undefined;
+    value?: string | undefined;
+    isDisabled?: boolean | undefined;
+    isReadOnly?: boolean | undefined;
+    isRequired?: boolean | undefined;
+    validationState?: "valid" | "invalid" | undefined;
+    description?: string | undefined;
+    errorMessage?: string | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-errormessage"?: string | undefined;
+};
+export type UseTextFieldReturn = {
+    labelProps: UseLabelReturn["labelProps"];
+    inputProps: InputHTMLAttributes<HTMLInputElement>;
+    descriptionProps: {
+        id?: string | undefined;
+    };
+    errorMessageProps: {
+        id?: string | undefined;
+    };
+};

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

@@ -0,0 +1,2 @@
+import { UseTextFieldProps, UseTextFieldReturn } from "./types";
+export declare function useTextField(props: UseTextFieldProps): UseTextFieldReturn;

package/dist/types/hooks/useTextField/useTextField.test.d.ts

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

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

@@ -0,0 +1 @@
+export * from "./useWindowEvent";

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

@@ -0,0 +1 @@
+export declare function useWindowEvent<EventType extends keyof WindowEventMap>(type: EventType, listener: (this: Window, ev: WindowEventMap[EventType]) => any, options?: AddEventListenerOptions): void;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./hooks";
+export * from "./types";

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

@@ -0,0 +1,2 @@
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from "react";
+export type ForwardedRefComponent<T, RT> = ForwardRefExoticComponent<PropsWithoutRef<T> & RefAttributes<RT>>;

package/dist/types/types/dom.d.ts

@@ -0,0 +1,3 @@
+export interface DOMProps {
+    id?: string | undefined;
+}

package/dist/types/types/events.d.ts

@@ -0,0 +1,45 @@
+import type { ClipboardEvent, CompositionEvent, FocusEvent, KeyboardEvent } from "react";
+export interface KeyboardEvents {
+    /** Event called when the value changes (mandatory for controlled components) */
+    onKeyUp?: (e: KeyboardEvent) => void;
+    /** Event called when the value changes (mandatory for controlled components) */
+    onKeyDown?: (e: KeyboardEvent) => void;
+}
+export interface ClipboardEvents {
+    /** Fired when the user initiates a copy action through the browser's user interface. */
+    onCopy?: (e: ClipboardEvent) => void;
+    /** Fired when the user initiates a cut action through the browser's user interface. */
+    onCut?: (e: ClipboardEvent) => void;
+    /** Fired when the user initiates a paste action through the browser's user interface. */
+    onPaste?: (e: ClipboardEvent) => void;
+}
+export interface CompositionEvents {
+    /** Fired when a text composition system such as an input method editor completes or cancels the current composition session. */
+    onCompositionEnd?: (e: CompositionEvent) => void;
+    /** Fired when a text composition system such as an input method editor starts a new composition session. */
+    onCompositionStart?: (e: CompositionEvent) => void;
+    /** Fired when a new character is received in the context of a text composition session controlled by a text composition system such as an input method editor. */
+    onCompositionUpdate?: (e: CompositionEvent) => void;
+}
+export interface FocusEvents {
+    /** Fired when an element has lost focus. */
+    onBlur?: (e: FocusEvent) => void;
+    /** Fired when an element has gained focus. */
+    onFocus?: (e: FocusEvent) => void;
+}
+export interface InputEvents {
+    /** Event called when the value changes (mandatory for controlled components) */
+    onChange?: (value: string) => void;
+}
+export type HTMLElementEvent<T extends HTMLElement> = Event & {
+    target: T;
+};
+export type ValidationState = "valid" | "invalid";
+export interface Validation {
+    /** Whether user input is required on the input before form submission. */
+    isRequired?: boolean;
+    /** Whether the input value is invalid. */
+    isInvalid?: boolean;
+    /** @deprecated Use `isInvalid` instead. */
+    validationState?: ValidationState;
+}