@ntbjs/react-components 2.0.14 → 3.0.0-rc.2

package/types/components/inputs/CompactTextInput/CompactTextInput.styled.d.ts

@@ -0,0 +1,42 @@
+/** Closed union: branches 20 times below, so mistyped state names are TS2367 not silent no-ops. */
+type CompactTextInputType = '' | 'error' | 'warning' | 'loading' | 'success';
+export declare const CompactTextInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>, {
+    $disabled?: boolean;
+}>, never>> & string;
+export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
+    $hasLabel?: boolean;
+}>, never>> & string;
+export declare const SuccessContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const InputSuccessContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const InputIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
+    $type?: CompactTextInputType;
+}>, never>> & string;
+/**
+ * Props of `Input`. All members transient (filtered by shouldForwardProp).
+ * DOM leak fixed: `$inputType` (was `inputtype` without $, on every rendered input).
+ * `readOnly` and `disabled` absent intentionally: they're real InputHTMLAttributes members.
+ */
+interface InputStyleProps {
+    /** `type` — see `CompactTextInputType`. Branched on 20 times below. */
+    $type?: CompactTextInputType;
+    /** `edit` — shows the editable-affordance background. */
+    $edit?: boolean;
+    /** `bold` — larger font-size/weight for the value. */
+    $bold?: boolean;
+    /** `!isEmpty(link)` — the component derives this, so `boolean`, not `link`'s type. */
+    $haslink?: boolean;
+    /**
+     * `inputType` — the real `<input type>`, defaulted to `'text'` in the callback.
+     * `string` because the propTypes say `PropTypes.string` and the value is handed
+     * straight to the `type` attribute the callback produces.
+     */
+    $inputType?: string;
+}
+export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, InputStyleProps>, never>> & string;
+export declare const LinkPopoverContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>>, {
+    disabled?: boolean;
+}>, never>> & string;
+export declare const ReadOnlyLinkContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export {};

package/types/components/inputs/CompactTextInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CompactTextInput';

package/types/components/inputs/MultiLevelCheckbox/MultiLevelCheckbox.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { MultiLevelCheckboxNode } from './types';
+type MultiLevelCheckboxOwnProps = {
+    options?: MultiLevelCheckboxNode[];
+    /**
+     * Array of checked option values
+     */
+    checked: any[];
+    /**
+     * Label text for the MultiLevelCheckbox
+     */
+    label?: string;
+    /**
+     * Optional search string
+     */
+    search?: string;
+    /**
+     * Optional text to display when no results are found while searching.`
+     */
+    noResultsText?: string;
+    /**
+     *  Callback function for the `onChange` event
+     */
+    onChange: (...args: any[]) => any;
+};
+/**
+ * MultiLevelCheckbox allow the user to select one or more items from a nested set.
+ *
+ * This component is controlled which means that the consumer will have to keep track of what options are selected. The selected options should be provided to the `checked`-prop.
+ * On any selection or deselection `onChange` will be called with an updated `checked`-list.
+ *
+ * ### Import
+ *
+ * ```js
+ * import { MultiLevelCheckbox } from '@ntbjs/react-components/inputs'
+ * // or
+ * import MultiLevelCheckbox from '@ntbjs/react-components/inputs/MultiLevelCheckbox'
+ * ```
+ */
+declare const MultiLevelCheckbox: React.ForwardRefExoticComponent<Omit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>>, never>, never>, "ref">, keyof MultiLevelCheckboxOwnProps> & MultiLevelCheckboxOwnProps & React.RefAttributes<any>>;
+export default MultiLevelCheckbox;

package/types/components/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.d.ts

@@ -0,0 +1,13 @@
+/** Transient prop for two styled components; optional (templates handle absence). */
+interface ExpandedStyleProps {
+    /** `expanded || expandedBySearch` — opens the grid-template-rows / rotates the caret. */
+    $expanded?: boolean;
+}
+export declare const MultiLevelCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>>, never>, never>> & string;
+export declare const MultiLevelCheckboxLegend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>>, never>, never>> & string;
+export declare const MultiLevelCheckboxNoResults: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const CheckboxTreeChildren: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, ExpandedStyleProps>, never>> & string;
+export declare const CheckboxTree: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const CheckboxTreeCheckboxContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ExpandTreeButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, ExpandedStyleProps>, never>> & string;
+export {};

package/types/components/inputs/MultiLevelCheckbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './MultiLevelCheckbox';
+export { NodeType, findChildValues } from './types';

package/types/components/inputs/MultiLevelCheckbox/types.d.ts

@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types';
+/** Node identity: React key, checkbox value, and included() target; objects would break reconciliation. */
+export type MultiLevelCheckboxNodeValue = string | number;
+/**
+ * One option, with any number of levels of children under it.
+ *
+ * Genuinely recursive (propTypes truncate at two levels); code recurses without depth limit.
+ */
+export interface MultiLevelCheckboxNode {
+    /** Shown next to the checkbox, and what the `search` prop matches against. */
+    label: string;
+    value: MultiLevelCheckboxNodeValue;
+    /**
+     * Child options. A node with a non-empty `children` array gets an expander
+     * arrow; checking it checks the whole subtree.
+     */
+    children?: MultiLevelCheckboxNode[];
+}
+/** Every descendant value under node, depth-first, excluding node itself (callers add node back). */
+export declare function findChildValues(node: MultiLevelCheckboxNode): MultiLevelCheckboxNodeValue[];
+export declare const NodeType: PropTypes.Requireable<PropTypes.InferProps<{
+    label: PropTypes.Validator<string>;
+    value: PropTypes.Validator<any>;
+    children: PropTypes.Requireable<PropTypes.InferProps<{
+        label: PropTypes.Validator<string>;
+        value: PropTypes.Validator<any>;
+        children: PropTypes.Requireable<any[]>;
+    }>[]>;
+}>>;

package/types/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import type { MultiLevelCheckboxNode } from '../MultiLevelCheckbox/types';
+type MultiLevelCheckboxSelectOwnProps = {
+    /**
+     * Label text for the MultiLevelCheckbox
+     */
+    label?: string;
+    /**
+     * The placeholder of the input. Text to be displayed on the input element when the component is enabled and not focused – e.g. "Select categories..."
+     */
+    placeholder?: string;
+    options: MultiLevelCheckboxNode[];
+    /**
+     * Array of checked option values
+     */
+    checked: any[];
+    /**
+     * Optional text to display when no results are found while searching.`
+     */
+    noResultsText?: string;
+    /**
+     *  Callback function for the `onChange` event
+     */
+    onChange: (...args: any[]) => any;
+    /**
+     *  Callback function for the `onChange` event – returns only the checked parents
+     */
+    onParentChange?: (...args: any[]) => any;
+};
+/**
+ * MultiLevelCheckboxSelect allow the user to select one or more items from a nested set into a MultiSelect-styled input.
+ *
+ * This component is controlled which means that the consumer will have to keep track of what options are selected. The selected options should be provided to the `checked`-prop. On any selection or deselection onChange will be called with an updated `checked`-list.
+ *
+ * ### Import
+ *
+ * ```js
+ * import { MultiLevelCheckboxSelect } from '@ntbjs/react-components/inputs'
+ * // or
+ * import MultiLevelCheckboxSelect from '@ntbjs/react-components/inputs/MultiLevelCheckboxSelect'
+ * ```
+ */
+declare const MultiLevelCheckboxSelect: React.ForwardRefExoticComponent<Omit<Omit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>, "ref">, keyof MultiLevelCheckboxSelectOwnProps> & MultiLevelCheckboxSelectOwnProps & React.RefAttributes<any>>;
+export default MultiLevelCheckboxSelect;

package/types/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.d.ts

@@ -0,0 +1,11 @@
+export declare const MultiLevelCheckboxSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const MultiLevelCheckboxSelectInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const Item: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ItemLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ItemRemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, never>, never>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const Placeholder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const PopoverContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const PopoverHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const SearchContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const OptionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;

package/types/components/inputs/MultiLevelCheckboxSelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MultiLevelCheckboxSelect';

package/types/components/inputs/MultiSelect/MultiSelect.d.ts

@@ -0,0 +1,115 @@
+import React from 'react';
+import * as S from './MultiSelect.styled';
+export type MultiSelectOwnProps = {
+    /**
+     *
+     * The label of the input field – leave `undefined` to hide the label
+     */
+    label?: string;
+    /**
+     * `Array` of `objects` containing the default options. This is only needed
+     * when asynchronous option fetching with the `loadOptions` prop is not used.
+     *
+     * **Note:**
+     * <br />This will be overridden by the `loadOptions` prop if both props are set.
+     */
+    availableOptions?: any[];
+    /**
+     * `Array` of `objects` containing the selected options.
+     */
+    selectedOptions?: any[];
+    /**
+     * Function with a `Promise` returning filtered options.
+     *
+     * See [Asynchronous fetching/filtering with pagination](#asynchronous-fetchingfiltering-with-pagination)
+     * for details.
+     *
+     * **Note:**
+     * <br />This will override the `availableOptions` prop if both props are set.
+     */
+    loadOptions?: (...args: any[]) => any;
+    /**
+     * Function for custom "Loading..." message while waiting for the first page
+     * from `loadOptions` to resolve. Defaults to "Loading..." if no function is provided.
+     */
+    loadingMessageFunc?: (...args: any[]) => any;
+    /**
+     * Callback function for sending updates to the backend whenever the selected values are updated.
+     * See [Update handling](#update-handling) for details.
+     */
+    onUpdateCallback?: (...args: any[]) => any;
+    /**
+     * Text to be displayed on the input element when the component
+     * is enabled and not focused – e.g. "Add a keyword..."
+     */
+    editText: string;
+    /**
+     * Whether the user can create new options.
+     */
+    creatable?: boolean;
+    /**
+     * Callback function for formatting the message displayed in the dropdown when there
+     * are no matching options, and the user has permission to create new options.
+     * The callback function will be given the current input value as an argument.
+     */
+    createNewOptionMessageFunc?: (...args: any[]) => any;
+    /**
+     * If the list of options is empty, or if the current input value doesn't match
+     * any of the available options and the user doesn't have permission to add options,
+     * this function will be called and passed the current input value as an argument.
+     */
+    noOptionsMessageFunc?: (...args: any[]) => any;
+    /**
+     * Optional callback function to be trigger when clicking a selected option's label – e.g. opening
+     * a search filtered on the given multi-value's `label`.
+     *
+     * The callback function will be passed the option `object` as an argument.
+     */
+    onMultiValueClick?: (...args: any[]) => any;
+    /**
+     * Display an overlay which the user needs to click in order to
+     * show the selected options list in its entirety and edit it.
+     */
+    showMore?: boolean;
+    /**
+     * Text displayed on the "Show more" overlay.
+     */
+    showMoreText?: string;
+    /**
+     * Whether to display the total number of selected options after the show more text.
+     */
+    displayTotalOnShowMore?: boolean;
+    /**
+     * Whether the multi-select should be displayed in read-only mode.
+     * The user can still click the selected options to trigger their on-click effect.
+     */
+    readOnly?: boolean;
+    /**
+     * Whether the component is hidden or visible.
+     */
+    hidden?: boolean;
+    /**
+     * Whether the multi-select should be disabled.
+     * The user will not be able to trigger the on-click effect of the selected options.
+     */
+    disabled?: boolean;
+    /**
+     * Set to `true` to display a red border indicating an error.
+     * Pass in a `string` instead to also show the string underneath the input field.
+     *
+     * **Note:**
+     * <br />This overrides the "Show more" overlay. Errors will be prioritized over warnings.
+     */
+    error?: boolean | string;
+    /**
+     * Set to `true` to display an orange border.
+     * Pass in a `string` instead to also show the string underneath the input field.
+     *
+     * **Note:**
+     * <br />This overrides the "Show more" overlay. Errors will be prioritized over warnings.
+     */
+    warning?: boolean | string;
+};
+export type MultiSelectProps = Omit<React.ComponentPropsWithoutRef<typeof S.MultiSelect>, keyof MultiSelectOwnProps> & MultiSelectOwnProps;
+declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<any>>;
+export default MultiSelect;

package/types/components/inputs/MultiSelect/MultiSelect.styled.d.ts

@@ -0,0 +1,34 @@
+import type React from 'react';
+import Select from 'react-select';
+import CreatableSelect from 'react-select/creatable';
+import { AsyncPaginate } from 'react-select-async-paginate';
+import type { PartialNtbTheme } from '../../../utils/defaultTheme';
+interface SelectThemeProp {
+    theme?: PartialNtbTheme;
+}
+type SelectWrapper<C extends React.ComponentType<any>> = React.ComponentType<Omit<React.ComponentProps<C>, keyof SelectThemeProp> & SelectThemeProp>;
+declare const AsyncCreatableSelectPaginate: import("react-select-async-paginate").WithAsyncPaginateType;
+export declare const MultiSelectWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const InnerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>, never>, never>> & string;
+export declare const MultiSelect: SelectWrapper<typeof Select>;
+export declare const CreatableMultiSelect: SelectWrapper<typeof CreatableSelect>;
+export declare const AsyncMultiSelect: SelectWrapper<typeof AsyncPaginate>;
+export declare const AsyncCreatableMultiSelect: SelectWrapper<typeof AsyncCreatableSelectPaginate>;
+export declare const MultiValueWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownOptionDeleteIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.SVGProps<SVGSVGElement> & {
+    title?: string;
+}, React.SVGProps<SVGSVGElement> & {
+    title?: string;
+}>, never>, never>> & string & Omit<React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+    title?: string;
+}>, keyof React.Component<any, {}, any>>;
+export declare const ShowMoreWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ShowMoreOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ShowMoreText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+interface ErrorMessageStyleProps {
+    $error?: boolean;
+    $warning?: boolean;
+}
+export declare const ErrorMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, ErrorMessageStyleProps>, never>> & string;
+export {};

package/types/components/inputs/MultiSelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MultiSelect';

package/types/components/inputs/Radio/Radio.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+type RadioOwnProps = {
+    /**
+     * Text displayed by the radio button
+     */
+    label?: any;
+    /**
+     * Name of the radio button (used when sending form data)
+     */
+    name: string;
+    /**
+     * Value to be sent when the given radio button is selected
+     */
+    value: any;
+    /**
+     * Whether the radio button is checked
+     */
+    checked?: boolean;
+    /**
+     * Whether the radio button is checked by default. The most commonly used option should have this set to `true`.
+     */
+    defaultChecked?: boolean;
+    /**
+     * Whether the radio button is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Display the radio button as read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Custom class names for the HTML element
+     */
+    className?: string;
+    /**
+     * Custom inline CSS styling
+     */
+    style?: any;
+    /**
+     * Optional callback function for the `onChange` event
+     */
+    onChange?: (...args: any[]) => any;
+    /**
+     * Optional callback function for the `onBlur` event
+     */
+    onBlur?: (...args: any[]) => any;
+};
+/**
+ * Radio buttons allow the user to select one option from a set.
+ *
+ * Use radio buttons when the user needs to see all available options. If available options can be
+ * collapsed, consider using a dropdown menu because it uses less space.
+ *
+ * Radio buttons should have the most commonly used option selected by default.
+ *
+ * ### Import
+ *
+ * ``` js
+ * import { Radio } from '@ntbjs/react-components/inputs'
+ * // or
+ * import Radio from '@ntbjs/react-components/inputs/Radio'
+ * ```
+ */
+declare const Radio: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof RadioOwnProps> & RadioOwnProps & React.RefAttributes<any>>;
+export default Radio;

package/types/components/inputs/Radio/Radio.styled.d.ts

@@ -0,0 +1,11 @@
+export declare const RadioLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+interface RadioStyleProps {
+    /** `checked` — passed through as the checked-state affordance. */
+    $isChecked?: boolean;
+    /** `disabled` — leaks to DOM. */
+    disabled?: boolean;
+    /** `readOnly` — leaks to DOM. */
+    readOnly?: boolean;
+}
+export declare const Radio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>, RadioStyleProps>, never>> & string;
+export {};

package/types/components/inputs/Radio/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Radio';

package/types/components/inputs/Switch/Switch.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+type Props = {
+    children?: any;
+    name: string;
+    /**
+     * Whether the switch is toggled on or off
+     */
+    checked?: boolean;
+    /**
+     * Whether the switch is toggled on by default
+     */
+    defaultChecked?: boolean;
+    /**
+     * Text displayed next to the switch
+     */
+    label?: string;
+    /**
+     * Whether the switch is toggled on
+     */
+    disabled?: boolean;
+    /**
+     * Whether the switch is displayed as read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Text displayed underneath the switch
+     */
+    description?: string;
+    /**
+     * Whether there should be extra `margin` added between the switch and the description
+     */
+    spaciousDescription?: boolean;
+    /**
+     * Add extra classes to the HTML element
+     */
+    className?: string;
+    /**
+     * Custom CSS styling
+     */
+    style?: any;
+    /**
+     * Optional callback function for the `onChange` event
+     */
+    onChange?: (...args: any[]) => any;
+    /**
+     * Optional callback function for the `onBlur` event
+     */
+    onBlur?: (...args: any[]) => any;
+};
+/**
+ * The Switch allows the user to toggle an option.
+ *
+ * ### Import
+ *
+ * ``` js
+ * import { Switch } from '@ntbjs/react-components/inputs'
+ * // or
+ * import Switch from '@ntbjs/react-components/inputs/Switch'
+ * ```
+ */
+declare const Switch: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
+export default Switch;

package/types/components/inputs/Switch/Switch.styled.d.ts

@@ -0,0 +1,16 @@
+interface SwitchStyleProps {
+    /** `disabled` — dims and blocks pointer events. Leaks to DOM. */
+    disabled?: boolean;
+    /** `readOnly` — dims and blocks pointer events. Leaks to DOM. */
+    readOnly?: boolean;
+}
+export declare const Switch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, SwitchStyleProps>, never>> & string;
+export declare const SwitchIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const SwitchIndicatorButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const SwitchIndicatorLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const SwitchLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>, never>, never>> & string;
+export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
+    /** `spaciousDescription` — lower-case by convention; renaming would require two-file change. */
+    $spaciousdescription?: boolean;
+}>, never>> & string;
+export {};

package/types/components/inputs/Switch/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Switch';