@rio-cloud/rio-uikit 0.16.4-beta.13 → 0.16.4-beta.14

package/components/states/ForbiddenState.js

@@ -1,10 +1,10 @@
+import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
 import CustomState from './CustomState';
-import { baseStatePropTypes } from './baseStatePropTypes';
-const ForbiddenState = props => _jsx(CustomState, Object.assign({}, props));
-ForbiddenState.defaultProps = {
-    icon: 'rioglyph-ban-circle',
+const ForbiddenState = (props) => {
+    const { icon = 'rioglyph-ban-circle' } = props, remainingProps = __rest(props, ["icon"]);
+    return _jsx(CustomState, Object.assign({ icon: icon }, remainingProps));
 };
-ForbiddenState.propTypes = baseStatePropTypes;
 export default ForbiddenState;

package/components/states/MaintenanceState.d.ts

@@ -1,9 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import type { BaseStateProps } from './BaseStateProps';
+export type MaintenanceStateProps = BaseStateProps;
+declare const MaintenanceState: (props: PropsWithChildren<MaintenanceStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default MaintenanceState;
-declare function MaintenanceState(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace MaintenanceState {
-    export namespace defaultProps {
-        const icon: string;
-    }
-    export { baseStatePropTypes as propTypes };
-}
-import { baseStatePropTypes } from "./baseStatePropTypes";

package/components/states/MaintenanceState.js

@@ -1,10 +1,10 @@
+import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
 import CustomState from './CustomState';
-import { baseStatePropTypes } from './baseStatePropTypes';
-const MaintenanceState = props => _jsx(CustomState, Object.assign({}, props));
-MaintenanceState.defaultProps = {
-    icon: 'rioglyph-wrench',
+const MaintenanceState = (props) => {
+    const { icon = 'rioglyph-wrench' } = props, remainingProps = __rest(props, ["icon"]);
+    return _jsx(CustomState, Object.assign({ icon: icon }, remainingProps));
 };
-MaintenanceState.propTypes = baseStatePropTypes;
 export default MaintenanceState;

package/components/states/NotBookedState.d.ts

@@ -1,20 +1,10 @@
+import React, { type PropsWithChildren } from 'react';
+import type { BaseStateProps } from './BaseStateProps';
+export type NotBookedStateProps = BaseStateProps & {
+    /**
+     * List of features.
+     */
+    features?: string | React.ReactNode[];
+};
+declare const NotBookedState: (props: PropsWithChildren<NotBookedStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default NotBookedState;
-declare function NotBookedState(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace NotBookedState {
-    namespace defaultProps {
-        const icon: string;
-    }
-    namespace propTypes {
-        const headline: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        const message: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        const features: PropTypes.Requireable<(NonNullable<PropTypes.ReactNodeLike> | null | undefined)[]>;
-        const buttons: PropTypes.Requireable<(PropTypes.InferProps<{
-            text: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
-            className: PropTypes.Requireable<string>;
-            onClick: PropTypes.Requireable<(...args: any[]) => any>;
-            href: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        const condensed: PropTypes.Requireable<boolean>;
-    }
-}
-import PropTypes from "prop-types";

package/components/states/NotBookedState.js

@@ -1,28 +1,13 @@
 import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import CustomState from './CustomState';
-import PropTypes from 'prop-types';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
 import isArray from 'lodash/fp/isArray';
 import isEmpty from 'lodash/fp/isEmpty';
-const NotBookedState = props => {
-    const { message, features } = props, remainingProps = __rest(props, ["message", "features"]);
-    const combinedMessages = (_jsxs(React.Fragment, { children: [message && _jsx("div", Object.assign({ className: 'text-medium margin-bottom-20' }, { children: message })), features && isArray(features) && !isEmpty(features) && (_jsx("ul", Object.assign({ className: 'feature-list' }, { children: features.map((feature, index) => (_jsx("li", { children: feature }, index))) })))] }));
-    return _jsx(CustomState, Object.assign({ message: combinedMessages }, remainingProps));
-};
-NotBookedState.defaultProps = {
-    icon: 'rioglyph-stars',
-};
-NotBookedState.propTypes = {
-    headline: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    message: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    features: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),
-    buttons: PropTypes.arrayOf(PropTypes.shape({
-        text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
-        className: PropTypes.string,
-        onClick: PropTypes.func,
-        href: PropTypes.string,
-    })),
-    condensed: PropTypes.bool,
+import CustomState from './CustomState';
+const NotBookedState = (props) => {
+    const { message, features, icon = 'rioglyph-stars' } = props, remainingProps = __rest(props, ["message", "features", "icon"]);
+    const combinedMessages = (_jsxs(_Fragment, { children: [message && _jsx("div", Object.assign({ className: 'text-medium margin-bottom-20' }, { children: message })), features && isArray(features) && !isEmpty(features) && (_jsx("ul", Object.assign({ className: 'feature-list' }, { children: features.map((feature, index) => (_jsx("li", { children: feature }, index))) })))] }));
+    return _jsx(CustomState, Object.assign({ message: combinedMessages, icon: icon }, remainingProps));
 };
 export default NotBookedState;

package/components/states/NotFoundState.d.ts

@@ -1,9 +1,5 @@
+import { type PropsWithChildren } from 'react';
+import type { BaseStateProps } from './BaseStateProps';
+export type NotFoundStateProps = BaseStateProps;
+declare const NotFoundState: (props: PropsWithChildren<NotFoundStateProps>) => import("react/jsx-runtime").JSX.Element;
 export default NotFoundState;
-declare function NotFoundState(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace NotFoundState {
-    export namespace defaultProps {
-        const icon: string;
-    }
-    export { baseStatePropTypes as propTypes };
-}
-import { baseStatePropTypes } from "./baseStatePropTypes";

package/components/states/NotFoundState.js

@@ -1,10 +1,10 @@
+import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
 import CustomState from './CustomState';
-import { baseStatePropTypes } from './baseStatePropTypes';
-const NotFoundState = props => _jsx(CustomState, Object.assign({}, props));
-NotFoundState.defaultProps = {
-    icon: 'rioglyph-looking-glass-man',
+const NotFoundState = (props) => {
+    const { icon = 'rioglyph-looking-glass-man' } = props, remainingProps = __rest(props, ["icon"]);
+    return _jsx(CustomState, Object.assign({ icon: icon }, remainingProps));
 };
-NotFoundState.propTypes = baseStatePropTypes;
 export default NotFoundState;

package/components/states/StateButton.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export type StateButtonProps = {
+    /**
+     * The button text.
+     *
+     * This can also be a node with an icon to be shown on the button.
+     */
+    text: string | React.ReactNode;
+    /**
+     * Callback fired after the component starts to collapse.
+     *
+     * @default () => {}
+     */
+    onClick?: VoidFunction;
+    /**
+     * Instead of a callback for the button you can specify a "href".
+     *
+     * This way it will render a link button instead.
+     */
+    href?: string;
+    /**
+     * Additional classes assigned to the button.
+     */
+    className?: string;
+};
+declare const StateButton: ({ text, className, onClick, href }: StateButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default StateButton;

package/components/states/StateButton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
+import classNames from 'classnames';
+const StateButton = ({ text, className, onClick = () => { }, href }) => {
+    const buttonClassNames = classNames('btn btn-primary', 'margin-top-10', className && className);
+    // In case a href is given, render a link button instead
+    if (href) {
+        return (_jsx("a", Object.assign({ className: buttonClassNames, href: href, onClick: onClick }, { children: text })));
+    }
+    return (_jsx("button", Object.assign({ className: buttonClassNames, type: 'button', onClick: onClick }, { children: text })));
+};
+export default StateButton;

package/components/states/StateIcon.d.ts

@@ -0,0 +1,7 @@
+export type StateIconProps = {
+    name?: string;
+    className?: string;
+    color?: string;
+};
+declare const StateIcon: ({ name, color, className }: StateIconProps) => import("react/jsx-runtime").JSX.Element;
+export default StateIcon;

package/components/states/StateIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import 'react';
+const StateIcon = ({ name, color = 'text-color-light', className = 'text-size-300pct' }) => (_jsx("span", { className: `rioglyph ${name} ${color} ${className}` }));
+export default StateIcon;

package/components/tag/Tag.d.ts

@@ -1,37 +1,70 @@
+import { type PropsWithChildren } from 'react';
+export type TagSize = 'small';
+export type TagProps = {
+    /**
+     * Defines if the tag is active.
+     *
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Defines if the tag is clickable.
+     *
+     * @default false
+     */
+    clickable?: boolean;
+    /**
+     * Defines if the tag is deletable.
+     *
+     * @default false
+     */
+    deletable?: boolean;
+    /**
+     * Defines if the tag is revertable.
+     *
+     * @default false
+     */
+    revertable?: boolean;
+    /**
+     * Defines if the tag is disabled.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Define any rioglyph icon like "rioglyph-truck".
+     */
+    icon?: string;
+    /**
+     * Sets a more subtle style for border and background.
+     *
+     * @default false
+     */
+    muted?: boolean;
+    /**
+     * Defines if the tag is round.
+     *
+     * @default true
+     */
+    round?: boolean;
+    /**
+     * Defines if the tag is selectable.
+     *
+     * @default false
+     */
+    selectable?: boolean;
+    /**
+     * Defines if you want to render the tag in a different size.
+     *
+     * Possible values are: 'small'
+     */
+    size?: TagSize;
+    multiline?: boolean;
+    [remainingProp: string]: unknown;
+    /**
+     * Additional classes to be set on the wrapper element.
+     */
+    className?: string;
+};
+declare const Tag: (props: PropsWithChildren<TagProps>) => import("react/jsx-runtime").JSX.Element;
 export default Tag;
-declare function Tag(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace Tag {
-    namespace defaultProps {
-        const active: boolean;
-        const clickable: boolean;
-        const deletable: boolean;
-        const revertable: boolean;
-        const disabled: boolean;
-        const muted: boolean;
-        const round: boolean;
-        const selectable: boolean;
-    }
-    namespace propTypes {
-        const active_1: PropTypes.Requireable<boolean>;
-        export { active_1 as active };
-        export const className: PropTypes.Requireable<string>;
-        const clickable_1: PropTypes.Requireable<boolean>;
-        export { clickable_1 as clickable };
-        const deletable_1: PropTypes.Requireable<boolean>;
-        export { deletable_1 as deletable };
-        const revertable_1: PropTypes.Requireable<boolean>;
-        export { revertable_1 as revertable };
-        const disabled_1: PropTypes.Requireable<boolean>;
-        export { disabled_1 as disabled };
-        export const icon: PropTypes.Requireable<string>;
-        const muted_1: PropTypes.Requireable<boolean>;
-        export { muted_1 as muted };
-        export const multiline: PropTypes.Requireable<boolean>;
-        const round_1: PropTypes.Requireable<boolean>;
-        export { round_1 as round };
-        const selectable_1: PropTypes.Requireable<boolean>;
-        export { selectable_1 as selectable };
-        export const size: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";

package/components/tag/Tag.js

@@ -1,35 +1,12 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import PropTypes from 'prop-types';
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
 import classNames from 'classnames';
-const Tag = props => {
-    const { children, icon, active, disabled, clickable, selectable, deletable, revertable, multiline, muted, round } = props, remainingProps = __rest(props, ["children", "icon", "active", "disabled", "clickable", "selectable", "deletable", "revertable", "multiline", "muted", "round"]);
-    return (_jsx("div", Object.assign({}, remainingProps, { className: classNames('tag', props.size === 'small' && 'tag-small', icon && `rioglyph ${icon}`, active && 'active clickable rioglyph rioglyph-ok', disabled && 'disabled', clickable && 'clickable', selectable && 'selectable clickable rioglyph rioglyph-checkbox', deletable && 'deletable clickable rioglyph rioglyph-remove', revertable && 'revertable clickable rioglyph rioglyph-revert', multiline && 'multiline', muted && 'tag-muted', !round && 'rounded', // sounds wrong, but is right
-        props.className) }, { children: _jsx("div", Object.assign({ className: 'tag-inner' }, { children: children })) })));
-};
-Tag.defaultProps = {
-    active: false,
-    clickable: false,
-    deletable: false,
-    revertable: false,
-    disabled: false,
-    muted: false,
-    round: true,
-    selectable: false,
-};
-Tag.propTypes = {
-    active: PropTypes.bool,
-    className: PropTypes.string,
-    clickable: PropTypes.bool,
-    deletable: PropTypes.bool,
-    revertable: PropTypes.bool,
-    disabled: PropTypes.bool,
-    icon: PropTypes.string,
-    muted: PropTypes.bool,
-    multiline: PropTypes.bool,
-    round: PropTypes.bool,
-    selectable: PropTypes.bool,
-    size: PropTypes.oneOf(['small']),
+const Tag = (props) => {
+    const { children, icon, active = false, disabled = false, clickable = false, selectable = false, deletable = false, revertable = false, multiline = false, muted = false, round = true, size, className } = props, remainingProps = __rest(props, ["children", "icon", "active", "disabled", "clickable", "selectable", "deletable", "revertable", "multiline", "muted", "round", "size", "className"]);
+    const tagClasses = classNames('tag', size === 'small' && 'tag-small', icon && `rioglyph ${icon}`, active && 'active clickable rioglyph rioglyph-ok', disabled && 'disabled', clickable && 'clickable', selectable && 'selectable clickable rioglyph rioglyph-checkbox', deletable && 'deletable clickable rioglyph rioglyph-remove', revertable && 'revertable clickable rioglyph rioglyph-revert', multiline && 'multiline', muted && 'tag-muted', !round && 'rounded', // sounds wrong, but is right
+    props.className);
+    return (_jsx("div", Object.assign({}, remainingProps, { className: tagClasses }, { children: _jsx("div", Object.assign({ className: 'tag-inner' }, { children: children })) })));
 };
 export default Tag;

package/components/tag/TagList.d.ts

@@ -1,17 +1,25 @@
+import { type PropsWithChildren } from 'react';
+export type TagListProps = {
+    /**
+     * Defines if the tag list is rendered inline or vertically.
+     *
+     * @default true
+     */
+    inline?: boolean;
+    /**
+     * Defines if the tag has the same with as it`s parent container.
+     *
+     * @default false
+     */
+    autoTagWidth?: boolean;
+    /**
+     * Possible values are 1-6
+     */
+    tagsPerRow?: 1 | 2 | 3 | 4 | 6;
+    /**
+     * Additional classes to be set on the wrapper element.
+     */
+    className?: string;
+};
+declare const TagList: (props: PropsWithChildren<TagListProps>) => import("react/jsx-runtime").JSX.Element;
 export default TagList;
-declare function TagList(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace TagList {
-    namespace defaultProps {
-        const inline: boolean;
-        const autoTagWidth: boolean;
-    }
-    namespace propTypes {
-        const inline_1: PropTypes.Requireable<boolean>;
-        export { inline_1 as inline };
-        const autoTagWidth_1: PropTypes.Requireable<boolean>;
-        export { autoTagWidth_1 as autoTagWidth };
-        export const tagsPerRow: any;
-        export const className: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";

package/components/tag/TagList.js

@@ -1,21 +1,12 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import PropTypes from 'prop-types';
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
 import classNames from 'classnames';
-const TagList = props => {
-    const { children, inline, autoTagWidth, tagsPerRow } = props, remainingProps = __rest(props, ["children", "inline", "autoTagWidth", "tagsPerRow"]);
+const TagList = (props) => {
+    const { children, inline = true, autoTagWidth = false, tagsPerRow } = props, remainingProps = __rest(props, ["children", "inline", "autoTagWidth", "tagsPerRow"]);
+    const tagListClasses = classNames('taglist', !autoTagWidth && 'taglist-autowidth', !inline && 'taglist-vertical', tagsPerRow && 'row display-flex-sm flex-wrap-sm', props.className);
     const wrappedChildren = _jsx("div", Object.assign({ className: `tags-per-row-${tagsPerRow}` }, { children: children }));
-    return (_jsx("div", Object.assign({}, remainingProps, { className: classNames('taglist', !autoTagWidth && 'taglist-autowidth', !inline && 'taglist-vertical', tagsPerRow && 'row display-flex-sm flex-wrap-sm', props.className) }, { children: tagsPerRow ? wrappedChildren : children })));
-};
-TagList.defaultProps = {
-    inline: true,
-    autoTagWidth: false,
-};
-TagList.propTypes = {
-    inline: PropTypes.bool,
-    autoTagWidth: PropTypes.bool,
-    tagsPerRow: PropTypes.PropTypes.oneOf([1, 2, 3, 4, 6]),
-    className: PropTypes.string,
+    return (_jsx("div", Object.assign({}, remainingProps, { className: tagListClasses }, { children: tagsPerRow ? wrappedChildren : children })));
 };
 export default TagList;

package/components/tagManager/CustomSuggestionItem.d.ts

@@ -1,13 +1,7 @@
+import React from 'react';
+export type CustomSuggestionItemProps = {
+    value?: string | React.ReactNode;
+    placeholder?: string | React.ReactNode;
+};
+declare const CustomSuggestionItem: ({ value, placeholder }: CustomSuggestionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomSuggestionItem;
-declare function CustomSuggestionItem({ value, placeholder }: {
-    value: any;
-    placeholder: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace CustomSuggestionItem {
-    const defaultProps: {};
-    namespace propTypes {
-        const value: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        const placeholder: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-    }
-}
-import PropTypes from "prop-types";

package/components/tagManager/CustomSuggestionItem.js

@@ -1,15 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import PropTypes from 'prop-types';
+// @ts-ignore-next-line importsNotUsedAsValues
+import 'react';
 import classNames from 'classnames';
 const CustomSuggestionItem = ({ value, placeholder }) => {
-    const wrapperClassNames = classNames('display-flex align-items-center', 'padding-top-5 padding-bottom-5', !value && 'text-color-gray');
-    const iconClassNames = classNames('margin-left--5 margin-right-5 margin-top--1', 'rioglyph', !value ? 'rioglyph-arrow-up' : 'rioglyph-plus');
+    const wrapperClassNames = classNames('display-flex align-items-center padding-top-5 padding-bottom-5', !value && 'text-color-gray');
+    const iconClassNames = classNames('margin-left--5 margin-right-5 margin-top--1 rioglyph', value ? 'rioglyph-plus' : 'rioglyph-arrow-up');
     return (_jsxs("span", Object.assign({ className: wrapperClassNames }, { children: [_jsx("span", { className: iconClassNames }), _jsx("span", Object.assign({ className: 'text-italic' }, { children: value || placeholder }))] })));
 };
-CustomSuggestionItem.defaultProps = {};
-CustomSuggestionItem.propTypes = {
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-};
 export default CustomSuggestionItem;

package/components/tagManager/TagManager.d.ts

@@ -1,27 +1,62 @@
+import React from 'react';
+import type { TagManagerTag } from './TagManagerTag';
+export type { TagManagerTag } from './TagManagerTag';
+export type TagManagerProps = {
+    /**
+     * The list of existing tags to be listed.
+     */
+    tagList: TagManagerTag[];
+    /**
+     * The list of tags used as suggestions for the built-in AutoSuggest.
+     */
+    tagSuggestions: TagManagerTag[];
+    /**
+     * Callback function triggered when the list of tags changes.
+     *
+     * For instance when a tag was added by the AutoSuggest or when a tag is marked to be deleted.
+     *
+     * This function returns the updated list of tags where tags may have additional properties indicating whether they
+     * have to be removed or added to your data.
+     *
+     * @param newTags The updated list of tags.
+     */
+    onTagListChange?: (newTags: TagManagerTag[]) => void;
+    /**
+     * The placeholder message for the AutoSuggest input.
+     */
+    placeholder?: string;
+    /**
+     * The placeholder message for custom tag in the AutoSuggest dropdown.
+     *
+     * This is only relevant when having custom tags enabled.
+     */
+    customTagPlaceholder?: string;
+    /**
+     * The header message for existing tags in the AutoSuggest dropdown.
+     *
+     * This is only relevant when having custom tags enabled.
+     */
+    dropdownSeparatorText?: string;
+    /**
+     * Enables or disabled to add custom tags from the AutoSuggest dropdown.
+     *
+     * @default true
+     */
+    useCustomTags?: boolean;
+    /**
+     * Define whether the input shall be shown and to allow to select tags.
+     *
+     * @default true
+     */
+    showInput?: boolean;
+    /**
+     * The message to be shown when no tag suggestion could be found for the entered value of the AutoSuggest.
+     */
+    noItemMessage?: string | React.ReactNode;
+    /**
+     * Additional classes to be set on the wrapper element.
+     */
+    className?: string;
+};
+declare const TagManager: (props: TagManagerProps) => import("react/jsx-runtime").JSX.Element;
 export default TagManager;
-declare function TagManager(props: any): import("react/jsx-runtime").JSX.Element;
-declare namespace TagManager {
-    namespace defaultProps {
-        const useCustomTags: boolean;
-        const showInput: boolean;
-    }
-    namespace propTypes {
-        export const tagList: PropTypes.Validator<(PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        export const tagSuggestions: PropTypes.Validator<(PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        export const onTagListChange: PropTypes.Requireable<(...args: any[]) => any>;
-        export const placeholder: PropTypes.Requireable<string>;
-        export const customTagPlaceholder: PropTypes.Requireable<string>;
-        export const dropdownSeparatorText: PropTypes.Requireable<string>;
-        const useCustomTags_1: PropTypes.Requireable<boolean>;
-        export { useCustomTags_1 as useCustomTags };
-        export const noItemMessage: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-        const showInput_1: PropTypes.Requireable<boolean>;
-        export { showInput_1 as showInput };
-        export const className: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";