@perawallet/react-ui-toolkit 2.0.0-beta.0

package/dist/date-timer/util/dateTimerTypes.d.ts

@@ -0,0 +1,18 @@
+import type { RemainingTimeBreakdown } from "../../core/utils/time/timeTypes";
+export type TimerType = "down" | "up";
+export type DateTimerItemID = keyof Omit<RemainingTimeBreakdown, "delta">;
+export interface DateTimerProps {
+    range: [Date, Date?];
+    testid?: string;
+    titleMap?: Record<DateTimerItemID, undefined | string>;
+    timerInterval?: number;
+    timerType?: TimerType;
+    alwaysShowSeconds?: boolean;
+    onEnd?: () => void;
+    customClassName?: string;
+}
+export interface DateTimerItem {
+    id: DateTimerItemID;
+    title: string;
+    count: string | number;
+}

package/dist/date-timer/util/dateTimerUtils.d.ts

@@ -0,0 +1,7 @@
+import type { RemainingTimeBreakdown } from "../../core/utils/time/timeTypes";
+import type { DateTimerItem, DateTimerProps } from "./dateTimerTypes";
+declare function generateDateTimerItems({ titleMap, alwaysShowSeconds }: {
+    titleMap: DateTimerProps["titleMap"];
+    alwaysShowSeconds: boolean;
+}, dateTimerData: RemainingTimeBreakdown): DateTimerItem[];
+export { generateDateTimerItems };

package/dist/form/field/FormField.d.ts

@@ -0,0 +1,14 @@
+import "./_form-field.scss";
+import type React from "react";
+export interface FormFieldProps {
+    children: React.ReactNode;
+    label?: string;
+    labelledBy?: string;
+    labelFor?: string;
+    customClassName?: string;
+    helperMessages?: string[];
+    errorMessages?: string[];
+    testid?: string;
+}
+declare function FormField(props: FormFieldProps): React.JSX.Element;
+export default FormField;

package/dist/form/field/message/FormFieldMessage.d.ts

@@ -0,0 +1,9 @@
+import "./_form-field-message.scss";
+export interface FormFieldMessageProps {
+    type: "error" | "warning" | "helper";
+    customClassName?: string;
+    message?: string;
+    testid?: string;
+}
+declare function FormFieldMessage({ customClassName, type, message, testid }: FormFieldMessageProps): import("react").JSX.Element;
+export default FormFieldMessage;

package/dist/form/input/Input.d.ts

@@ -0,0 +1,14 @@
+import "./_input.scss";
+import React from "react";
+declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "name" | "className"> & {
+    name: string;
+    onChange: React.ReactEventHandler<HTMLInputElement>;
+    type?: import("./util/inputTypes").InputTypes;
+    testid?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    isDisabled?: boolean;
+    hasError?: boolean;
+    customClassName?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+export default Input;

package/dist/form/input/checkbox/CheckboxInput.d.ts

@@ -0,0 +1,14 @@
+import "./_checkbox-input.scss";
+import type React from "react";
+import type { RadioInputItem } from "../../..";
+export interface CheckboxInputProps {
+    item: RadioInputItem;
+    onSelect: (item: RadioInputItem, event?: React.SyntheticEvent<HTMLInputElement>) => void;
+    isSelected: boolean;
+    isDisabled?: boolean;
+    customIcon?: React.ReactNode;
+    customClassName?: string;
+    testid?: string;
+}
+declare function CheckboxInput({ item, onSelect, customClassName, isSelected, isDisabled, customIcon, testid }: CheckboxInputProps): React.JSX.Element;
+export default CheckboxInput;

package/dist/form/input/file/FileInput.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import "./_file-input.scss";
+export interface FileInputProps {
+    htmlFor: string;
+    name: string;
+    children: React.ReactNode;
+    onChange: React.ReactEventHandler<HTMLInputElement>;
+    testid?: string;
+    isDisabled?: boolean;
+    isPending?: boolean;
+    customSpinner?: React.ReactNode;
+    customClassName?: string;
+    customLabelClassName?: string;
+    acceptedFileTypes?: string;
+    ref?: React.RefObject<HTMLLabelElement>;
+    isMultiple?: boolean;
+}
+declare const FileInput: React.ForwardRefExoticComponent<Omit<FileInputProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export default FileInput;

package/dist/form/input/number/NumberInput.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const NumberInput: React.ForwardRefExoticComponent<Omit<import("../util/inputTypes").InputProps, "type"> & {
+    formatProps?: import("./util/numberInputTypes").NumberInputFormatProps;
+    maximumFractionDigits?: number;
+} & React.RefAttributes<HTMLInputElement>>;
+export default NumberInput;

package/dist/form/input/number/util/numberInputTypes.d.ts

@@ -0,0 +1,14 @@
+import type { InputProps } from "../../util/inputTypes";
+export type NumberInputFormatProps = {
+    locale?: string;
+    shouldFormatToLocaleString?: boolean;
+};
+export type NumberInputLocaleProps = {
+    decimalSeparatorForLocale?: string;
+    minusSignForLocale?: string;
+    negativeZeroForLocale?: string;
+};
+export type NumberInputProps = Omit<InputProps, "type"> & {
+    formatProps?: NumberInputFormatProps;
+    maximumFractionDigits?: number;
+};

package/dist/form/input/number/util/numberInputUtils.d.ts

@@ -0,0 +1,42 @@
+import type React from "react";
+import type { ParseNumberOptions } from "../../../../core/utils/number/numberTypes";
+import type { NumberInputFormatProps, NumberInputLocaleProps } from "./numberInputTypes";
+declare function getNumberInputFormatProps(formatProps: NumberInputFormatProps): {
+    LOCALE_NEGATIVE_ZERO: string;
+    LOCALE_NEGATIVE_DOUBLE_ZERO: string;
+    DEFAULT_NEGATIVE_ZERO: string;
+    DEFAULT_NEGATIVE_DOUBLE_ZERO: string;
+    THOUSANDTHS_SEPARATOR: string;
+    DECIMAL_NUMBER_SEPARATOR: string;
+    MINUS_SIGN: string;
+    locale?: string;
+    shouldFormatToLocaleString?: boolean;
+} | {
+    locale: undefined;
+    shouldFormatToLocaleString: boolean;
+    DECIMAL_NUMBER_SEPARATOR: undefined;
+    MINUS_SIGN: undefined;
+    LOCALE_NEGATIVE_ZERO: undefined;
+};
+declare function getNumberInputParseNumberOptions(options: ParseNumberOptions): ParseNumberOptions;
+declare function isNumberInputValueNotAValidNumber({ eventValue, formattedValue }: {
+    eventValue: string;
+    formattedValue: string;
+}): boolean;
+declare function getIsValidNumberInputMaxFractionDigits({ maximumFractionDigits }: {
+    maximumFractionDigits: number;
+}): boolean;
+declare function localizeNumberInputValue({ value, formatProps, signProps, maximumFractionDigits }: {
+    value: React.InputHTMLAttributes<HTMLInputElement>["value"];
+    formatProps: NumberInputFormatProps;
+    signProps: NumberInputLocaleProps;
+    maximumFractionDigits: number;
+}): string | number | readonly string[] | undefined;
+declare function delocalizeNumberInputValue({ value, event, formatProps, parseNumberOptions, maximumFractionDigits }: {
+    value: React.InputHTMLAttributes<HTMLInputElement>["value"];
+    event: React.SyntheticEvent<HTMLInputElement>;
+    formatProps: NumberInputFormatProps;
+    parseNumberOptions: ParseNumberOptions;
+    maximumFractionDigits: number;
+}): string;
+export { delocalizeNumberInputValue, getIsValidNumberInputMaxFractionDigits, getNumberInputFormatProps, getNumberInputParseNumberOptions, isNumberInputValueNotAValidNumber, localizeNumberInputValue };

package/dist/form/input/radio/RadioInput.d.ts

@@ -0,0 +1,24 @@
+import "./_radio-input.scss";
+import type React from "react";
+export interface RadioInputItem<Id = string, Context = any> {
+    id: Id;
+    content: React.ReactNode;
+    inputProps: {
+        htmlFor: string;
+        value: string;
+        name: string;
+    };
+    isDisabled?: boolean;
+    context?: Context;
+    customClassName?: string;
+}
+export type RadioInputSelectHandler<Id = string, Context = any> = (item: RadioInputItem<Id, Context>, event?: React.SyntheticEvent<HTMLInputElement>) => void;
+export interface RadioInputProps<Id, Context> {
+    item: RadioInputItem<Id, Context>;
+    onSelect: RadioInputSelectHandler<Id, Context>;
+    isSelected: boolean;
+    testid?: string;
+    isDisabled?: boolean;
+}
+declare function RadioInput<Id = string, Context = any>({ testid, item, onSelect, isSelected, isDisabled }: RadioInputProps<Id, Context>): React.JSX.Element;
+export default RadioInput;

package/dist/form/input/radio/group/RadioGroup.d.ts

@@ -0,0 +1,12 @@
+import "./_radio-group.scss";
+import type { RadioInputItem, RadioInputSelectHandler } from "../RadioInput";
+export interface RadioGroupProps<Id = string, Context = any> {
+    items: RadioInputItem<Id, Context>[];
+    selectedItem: null | RadioInputItem<Id, Context>;
+    onSelect: RadioInputSelectHandler<Id, Context>;
+    customClassName?: string;
+    isDisabled?: boolean;
+    testid?: string;
+}
+declare function RadioGroup<Id = string, Context = any>({ items, testid, onSelect, selectedItem, customClassName, isDisabled }: RadioGroupProps<Id, Context>): import("react").JSX.Element;
+export default RadioGroup;

package/dist/form/input/typeahead/TypeaheadInput.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import type { InputProps, InputTypes } from "../util/inputTypes";
+export type TypeaheadInputProps = Omit<InputProps, "onChange" | "type"> & {
+    onQueryChange: (value: string) => void;
+    type?: Extract<InputTypes, "text" | "number">;
+    initialValue?: string;
+    queryChangeDebounceTimeout?: number;
+    onFocus?: React.ReactEventHandler<HTMLInputElement>;
+    onBlur?: React.ReactEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    children?: React.ReactNode;
+};
+declare const TypeaheadInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "onChange"> & {
+    onQueryChange: (value: string) => void;
+    type?: Extract<InputTypes, "text" | "number">;
+    initialValue?: string;
+    queryChangeDebounceTimeout?: number;
+    onFocus?: React.ReactEventHandler<HTMLInputElement>;
+    onBlur?: React.ReactEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;
+export default TypeaheadInput;

package/dist/form/input/util/inputTypes.d.ts

@@ -0,0 +1,12 @@
+export type InputTypes = "checkbox" | "button" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week";
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "name" | "className"> & {
+    name: string;
+    onChange: React.ReactEventHandler<HTMLInputElement>;
+    type?: InputTypes;
+    testid?: string;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    isDisabled?: boolean;
+    hasError?: boolean;
+    customClassName?: string;
+};

package/dist/form/password-input/PasswordInput.d.ts

@@ -0,0 +1,9 @@
+import "./_password-input.scss";
+import type React from "react";
+import type { InputProps } from "../input/util/inputTypes";
+export interface PasswordInputProps extends Omit<InputProps, "leftIcon" | "rightIcon"> {
+    hideIcon?: React.ReactNode;
+    revealIcon?: React.ReactNode;
+}
+declare function PasswordInput({ testid, name, value, onChange, hasError, placeholder, customClassName, hideIcon, revealIcon }: PasswordInputProps): React.JSX.Element;
+export default PasswordInput;

package/dist/form/textarea/Textarea.d.ts

@@ -0,0 +1,22 @@
+import "./_textarea.scss";
+import type React from "react";
+import type { TextareaAutosizeProps } from "react-textarea-autosize";
+export type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "name" | "onChange" | "className"> & {
+    name: string;
+    onChange: React.ReactEventHandler<HTMLTextAreaElement>;
+    value?: string;
+    testid?: string;
+    isDisabled?: boolean;
+    customClassNames?: {
+        container?: string;
+        textarea?: string;
+    };
+    style?: React.CSSProperties;
+    autoSizeProps?: TextareaAutosizeProps;
+    onJustEnterPressed?: () => void;
+    onShiftEnter?: () => void;
+    isRequired?: boolean;
+    hasError?: boolean;
+};
+declare function Textarea(props: TextareaProps): React.JSX.Element;
+export default Textarea;

package/dist/form/time-input/TimeInput.d.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+import type { InputProps } from "../input/util/inputTypes";
+export type TimeInputProps = Omit<InputProps, "localizationOptions" | "onChange" | "value" | "type" | "name"> & {
+    onChange: (timeString: string) => void;
+    value: string;
+    initialDateTime?: Date | null;
+    name?: string;
+};
+declare function TimeInput({ testid, initialDateTime, value, onChange, placeholder, name, customClassName, ...rest }: TimeInputProps): React.JSX.Element;
+export default TimeInput;

package/dist/index.d.ts

@@ -0,0 +1,93 @@
+import "./ui/reference/_colors.scss";
+import "./ui/reference/_measurement.scss";
+import type { ButtonProps as ButtonComponentProps } from "./button/Button";
+import Button from "./button/Button";
+import type { FileUploadButtonProps as FileUploadButtonComponentProps } from "./button/file-upload/FileUploadButton";
+import FileUploadButton from "./button/file-upload/FileUploadButton";
+import useDateTimer from "./core/utils/hooks/useDateTimer";
+import DateTimer from "./date-timer/DateTimer";
+import type { DateTimerProps as DateTimerComponentProps } from "./date-timer/util/dateTimerTypes";
+import type { FormFieldProps as FormFieldComponentProps } from "./form/field/FormField";
+import FormField from "./form/field/FormField";
+import type { CheckboxInputProps as CheckboxInputComponentProps } from "./form/input/checkbox/CheckboxInput";
+import CheckboxInput from "./form/input/checkbox/CheckboxInput";
+import type { FileInputProps as FileInputComponentProps } from "./form/input/file/FileInput";
+import FileInput from "./form/input/file/FileInput";
+import Input from "./form/input/Input";
+import NumberInput from "./form/input/number/NumberInput";
+import type { NumberInputProps as NumberInputComponentProps } from "./form/input/number/util/numberInputTypes";
+import type { RadioGroupProps as RadioGroupComponentProps } from "./form/input/radio/group/RadioGroup";
+import RadioGroup from "./form/input/radio/group/RadioGroup";
+import type { RadioInputItem as RadioInputComponentItem, RadioInputProps as RadioInputComponentProps } from "./form/input/radio/RadioInput";
+import RadioInput from "./form/input/radio/RadioInput";
+import type { TypeaheadInputProps as TypeaheadInputComponentProps } from "./form/input/typeahead/TypeaheadInput";
+import TypeaheadInput from "./form/input/typeahead/TypeaheadInput";
+import type { InputProps as InputComponentProps } from "./form/input/util/inputTypes";
+import type { PasswordInputProps as PasswordInputComponentProps } from "./form/password-input/PasswordInput";
+import PasswordInput from "./form/password-input/PasswordInput";
+import type { TextareaProps as TextareaComponentProps } from "./form/textarea/Textarea";
+import Textarea from "./form/textarea/Textarea";
+import type { TimeInputProps as TimeInputComponentProps } from "./form/time-input/TimeInput";
+import TimeInput from "./form/time-input/TimeInput";
+import type { DescriptionTermProps as DescriptionTermComponentProps } from "./list/description-term/DescriptionTerm";
+import DescriptionTerm from "./list/description-term/DescriptionTerm";
+import type { ListItemProps as ListItemComponentProps } from "./list/item/ListItem";
+import ListItem from "./list/item/ListItem";
+import type { ListProps as ListComponentProps } from "./list/List";
+import List from "./list/List";
+import type { ProgressBarProps as ProgressBarComponentProps } from "./progress-bar/ProgressBar";
+import ProgressBar from "./progress-bar/ProgressBar";
+import type { SelectContentProps as SelectContentComponentProps } from "./select/content/SelectContent";
+import type { SelectGroupProps as SelectGroupComponentProps } from "./select/group/SelectGroup";
+import type { SelectItemProps as SelectItemComponentProps } from "./select/item/SelectItem";
+import Select from "./select/Select";
+import type { SelectTriggerProps as SelectTriggerComponentProps } from "./select/trigger/SelectTrigger";
+import type { TypeaheadSelectProps as TypeaheadSelectComponentProps } from "./select/typeahead/TypeaheadSelect";
+import TypeaheadSelect from "./select/typeahead/TypeaheadSelect";
+import useMultiSelect from "./select/util/hook/useMultiSelect";
+import useSingleSelect from "./select/util/hook/useSingleSelect";
+import type { SelectProps as SelectComponentProps } from "./select/util/selectTypes";
+import type { SpinnerProps as SpinnerComponentProps } from "./spinner/Spinner";
+import Spinner from "./spinner/Spinner";
+import type { SwitchProps as SwitchComponentProps } from "./switch/Switch";
+import Switch from "./switch/Switch";
+import type { TabItem as TabComponentItem, TabProps as TabComponentProps } from "./tab/Tab";
+import Tab from "./tab/Tab";
+import type { ToastProps as ToastComponentProps } from "./toast/Toast";
+import Toast from "./toast/Toast";
+import { ToastContextProvider, ToastDispatchContext, ToastStateContext } from "./toast/ToastProvider";
+import { useToastContextState, useToaster } from "./toast/util/toastHooks";
+import type { ToggleProps as ToggleComponentProps } from "./toggle/Toggle";
+import { Toggle } from "./toggle/Toggle";
+export { Button, CheckboxInput, DateTimer, DescriptionTerm, FileInput, FileUploadButton, FormField, Input, List, ListItem, NumberInput, PasswordInput, ProgressBar, RadioGroup, RadioInput, Select, Spinner, Switch, Tab, Textarea, TimeInput, Toast, ToastContextProvider, ToastDispatchContext, ToastStateContext, Toggle, TypeaheadInput, TypeaheadSelect, useDateTimer, useMultiSelect, useSingleSelect, useToastContextState, useToaster };
+export type FormFieldProps = FormFieldComponentProps;
+export type InputProps = InputComponentProps;
+export type NumberInputProps = NumberInputComponentProps;
+export type FileInputProps = FileInputComponentProps;
+export type PasswordInputProps = PasswordInputComponentProps;
+export type CheckboxInputProps = CheckboxInputComponentProps;
+export type RadioInputProps<Id = string, Context = any> = RadioInputComponentProps<Id, Context>;
+export type RadioInputItem<Id = string, Context = any> = RadioInputComponentItem<Id, Context>;
+export type RadioGroupProps<Id = string, Context = any> = RadioGroupComponentProps<Id, Context>;
+export type TypeaheadInputProps = TypeaheadInputComponentProps;
+export type TypeaheadSelectProps = TypeaheadSelectComponentProps;
+export type ListProps<Item = any> = ListComponentProps<Item>;
+export type ButtonProps = ButtonComponentProps;
+export type DescriptionTermProps = DescriptionTermComponentProps;
+export type FileUploadButtonProps = FileUploadButtonComponentProps;
+export type SpinnerProps = SpinnerComponentProps;
+export type TabItem = TabComponentItem;
+export type TabProps = TabComponentProps;
+export type ProgressBarProps = ProgressBarComponentProps;
+export type TextareaProps = TextareaComponentProps;
+export type ToggleProps = ToggleComponentProps;
+export type SwitchProps = SwitchComponentProps;
+export type TimeInputProps = TimeInputComponentProps;
+export type DateTimerProps = DateTimerComponentProps;
+export type ListItemProps = ListItemComponentProps;
+export type ToastProps = ToastComponentProps;
+export type SelectProps = SelectComponentProps;
+export type SelectGroupProps = SelectGroupComponentProps;
+export type SelectTriggerProps = SelectTriggerComponentProps;
+export type SelectContentProps = SelectContentComponentProps;
+export type SelectItemProps = SelectItemComponentProps;

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("./Button.js"),t=require("./FileUploadButton.js"),r=require("./DateTimer-DIYsxSVY.js"),s=require("./FormField.js"),i=require("./Checkbox.js"),a=require("./FileInput.js"),o=require("./Input.js"),u=require("./NumberInput.js"),n=require("./RadioGroup.js"),d=require("./Radio.js"),c=require("./TypeaheadInput.js"),l=require("./PasswordInput.js"),p=require("./Textarea.js"),x=require("./TimeInput.js"),m=require("react/jsx-runtime"),j=require("classnames"),q=require("react"),T=require("./ListItem.js"),h=require("./List.js"),b=require("./ProgressBar.js"),C=require("./Select-CMiQfdu3.js"),S=require("./TypeaheadSelect.js"),I=require("./Spinner.js"),v=require("./Switch.js"),f=require("./Toast-9FKOjJle.js"),N=require("./Toggle.js");require("./timeUtils-BvuzU1KM.js"),require("date-fns/fp"),require("date-fns/locale"),require("date-fns-tz"),require("./check-BSS-LBT3.js"),require("./numberUtils-CMCFc8Kh.js"),require("./useDebounce-CP74COv3.js"),require("react-textarea-autosize"),require("./keyboardEventConstants-BL5de2V9.js"),require("uuid"),require("./arrayUtils-BZ-V_2c9.js"),require("react-dom");const D=q.forwardRef(({id:e,title:t,description:r,customClassNames:s,testid:i,role:a},o)=>{const{container:u,title:n,description:d}=s||{};return m.jsxs("div",{ref:o,className:u,"data-testid":i,id:e,role:a,children:[m.jsx("dt",{className:j("description-term__title",n),children:t}),m.jsx("dd",{className:j("description-term__description",d),children:r})]})});function g({testid:e,tab:t,onClick:r,index:s,isActive:i}){return m.jsxs(T,{customClassName:j("tab-header-item",{"tab-header-item--is-active":i,"tab-header-item--is-disabled":t.isDisabled}),clickableListItemProps:{onClick:function(){if(t.isDisabled)return;r(s)}},testid:e,children:[t.icon&&m.jsx("span",{className:"tab-header-item__icon",children:t.icon}),t.content]})}exports.Button=e,exports.FileUploadButton=t,exports.DateTimer=r.DateTimer,exports.useDateTimer=r.useDateTimer,exports.FormField=s,exports.CheckboxInput=i,exports.FileInput=a,exports.Input=o,exports.NumberInput=u,exports.RadioGroup=n,exports.RadioInput=d,exports.TypeaheadInput=c,exports.PasswordInput=l,exports.Textarea=p,exports.TimeInput=x,exports.ListItem=T,exports.List=h,exports.ProgressBar=b,exports.Select=C.Select,exports.TypeaheadSelect=S,exports.Spinner=I,exports.Switch=v,exports.Toast=f.Toast,exports.ToastContextProvider=f.ToastContextProvider,exports.ToastDispatchContext=f.ToastDispatchContext,exports.ToastStateContext=f.ToastStateContext,exports.useToastContextState=f.useToastContextState,exports.useToaster=f.useToaster,exports.Toggle=N.Toggle,exports.DescriptionTerm=D,exports.Tab=function({testid:e,items:t,initialActiveTabIndex:r=0,activeTabIndex:s,children:i,customClassName:a,onTabChange:o,wrapperId:u}){const[n,d]=q.useState(r),c=j("tab",a);return m.jsxs("div",{id:u,className:c,children:[m.jsx(h,{testid:`${e}.header`,customClassName:"tab__header",items:t,children:(e,t,r)=>m.jsx(g,{testid:t,onClick:l,tab:e,isActive:void 0===s?n===r:s===r,index:r})}),m.jsx("div",{className:"tab__body","data-testid":`${e}.body`,children:i[void 0===s?n:s]})]});function l(e){o&&e!==s&&o(e),void 0===s&&d(e)}},exports.useMultiSelect=function(e){const[t,r]=q.useState(e||[]),s=q.useCallback(e=>{let s;s=t.includes(e)?t.filter(t=>t.id!==e.id):[...t,e],r(s)},[t]);return{value:t,handleSelect:s}},exports.useSingleSelect=function(e){const[t,r]=q.useState(e||null);return{value:t,handleSelect:q.useCallback(e=>{r(e)},[])}};

package/dist/keyboardEventConstants-BL5de2V9.js

@@ -0,0 +1 @@
+"use strict";exports.KEYBOARD_EVENT_KEY={ENTER:"Enter",SPACE:" ",ESCAPE:"Escape",TAB:"Tab",BACKSPACE:"Backspace",ARROW_UP:"ArrowUp",ARROW_DOWN:"ArrowDown",SHIFT:"Shift",HOME:"Home",END:"End"};

package/dist/list/List.d.ts

@@ -0,0 +1,26 @@
+import type { JSX } from "react";
+import "./_list.scss";
+import type { Ref } from "react";
+import React from "react";
+export interface ListProps<Item = any> {
+    items: Item[];
+    children: (item: Item, testid: string, index?: number) => JSX.Element;
+    listItemKeyGenerator?: (item: Item, testid: string) => string;
+    testid?: string;
+    role?: string;
+    customClassName?: string;
+    placeholderProps?: {
+        shouldDisplayPlaceholder: boolean;
+        placeholder: React.ReactNode;
+    };
+    emptyStateProps?: {
+        shouldDisplayEmptyState: boolean;
+        emptyState: React.ReactNode;
+    };
+    type?: "unordered" | "ordered" | "description";
+}
+export type ListElementType = Extract<keyof JSX.IntrinsicElements, "ul" | "ol" | "dl">;
+declare const _default: <Item = any>(props: ListProps<Item> & {
+    ref?: Ref<ListElementType>;
+}) => JSX.Element;
+export default _default;

package/dist/list/description-term/DescriptionTerm.d.ts

@@ -0,0 +1,16 @@
+import "./_description-term.scss";
+import React from "react";
+export interface DescriptionTermProps {
+    title: string;
+    description: React.ReactNode;
+    id?: string;
+    customClassNames?: {
+        container?: string;
+        title?: string;
+        description?: string;
+    };
+    role?: string;
+    testid?: string;
+}
+declare const DescriptionTerm: React.ForwardRefExoticComponent<DescriptionTermProps & React.RefAttributes<HTMLDivElement>>;
+export default DescriptionTerm;

package/dist/list/item/ListItem.d.ts

@@ -0,0 +1,17 @@
+import "./_list-item.scss";
+import type React from "react";
+export interface ListItemProps {
+    children?: React.ReactNode;
+    testid?: string;
+    customClassName?: string;
+    clickableListItemProps?: {
+        onClick: React.ReactEventHandler;
+        tabIndex?: number;
+    };
+    id?: string;
+    role?: string;
+    ariaSelected?: boolean;
+    listItemRef?: React.RefObject<HTMLLIElement>;
+}
+declare function ListItem({ id, testid, children, customClassName, clickableListItemProps, role, ariaSelected, listItemRef }: ListItemProps): React.JSX.Element;
+export default ListItem;

package/dist/list/util/listUtils.d.ts

@@ -0,0 +1,7 @@
+import type { ListProps } from "../List";
+declare function generateListItemKey<Item = any>({ listItemKeyGenerator, listItemTestId, item }: {
+    listItemKeyGenerator: ListProps["listItemKeyGenerator"];
+    listItemTestId: string;
+    item: Item;
+}): any;
+export { generateListItemKey };