@lumx/react 3.10.1-alpha.2 → 3.10.1-alpha.4

package/_internal/components/progress-tracker/index.ts-95320f32.d.ts

@@ -1,101 +0,0 @@
-import React, { ReactNode } from 'react';
-import { G as GenericProps, C as Comp } from '../../8d67e1e3.js';
-
-interface ProgressTrackerProviderProps {
-    /** Active step index. */
-    activeStepIndex?: number;
-    /** ProgressTrackerProvider children. */
-    children: ReactNode;
-    /** Step panel children should not render if the step panel is hidden. */
-    isLazy?: boolean;
-    /** Activate tabs on focus. */
-    shouldActivateOnFocus?: boolean;
-    /** Step change callback. */
-    onChange?(index: number): void;
-}
-/**
- * This component provides a context in which steps can be defined and linked to their step panel.
- *
- * It does not produce any markup so you can wrap it around any React elements and then split the ProgressTracker and ProgressTrackerPanel
- * components in the react tree.
- *
- * This works exactly as TabProvider so it uses TabProviderContext and tabs state.
- *
- * @param  props React component props.
- * @return React element.
- */
-declare const ProgressTrackerProvider: React.FC<ProgressTrackerProviderProps>;
-
-/**
- * Defines the props of the component.
- */
-interface ProgressTrackerProps extends GenericProps {
-    /** ARIA label (purpose of the set of steps). */
-    ['aria-label']: string;
-    /** Step list. */
-    children: ReactNode;
-}
-/**
- * ProgressTracker component.
- *
- * Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const ProgressTracker: Comp<ProgressTrackerProps, HTMLDivElement>;
-
-/**
- * Defines the props of the component.
- */
-interface ProgressTrackerStepProps extends GenericProps {
-    /** Children are not supported. */
-    children?: never;
-    /** Whether the step should be in error state or not. */
-    hasError?: boolean;
-    /** Helper text. */
-    helper?: string | null;
-    /** Native id property. */
-    id?: string;
-    /** Whether the current step is active or not. */
-    isActive?: boolean;
-    /** Whether the current step is completed or not. */
-    isComplete?: boolean;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
-    /** Label text. */
-    label?: string | null;
-}
-/**
- * ProgressTrackerStep component.
- *
- * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const ProgressTrackerStep: Comp<ProgressTrackerStepProps, HTMLButtonElement>;
-
-/**
- * Defines the props of the component.
- */
-interface ProgressTrackerStepPanelProps extends GenericProps {
-    /** Native id property. */
-    id?: string;
-    /** Whether the step is active or not. */
-    isActive?: boolean;
-}
-/**
- * ProgressTrackerStepPanel component.
- *
- * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const ProgressTrackerStepPanel: Comp<ProgressTrackerStepPanelProps, HTMLDivElement>;
-
-export { ProgressTracker, type ProgressTrackerProps, ProgressTrackerProvider, type ProgressTrackerProviderProps, ProgressTrackerStep, ProgressTrackerStepPanel, type ProgressTrackerStepPanelProps, type ProgressTrackerStepProps };

package/_internal/components/radio-button/index.ts-5eaab4cf.d.ts

@@ -1,54 +0,0 @@
-import { G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
-import React, { ReactNode, SyntheticEvent, InputHTMLAttributes } from 'react';
-
-/**
- * Defines the props of the component.
- */
-interface RadioButtonProps extends GenericProps, HasTheme {
-    /** Helper text. */
-    helper?: string;
-    /** Native input id property. */
-    id?: string;
-    /** Native input ref. */
-    inputRef?: React.Ref<HTMLInputElement>;
-    /** Whether it is checked or not. */
-    isChecked?: boolean;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
-    /** Label content. */
-    label?: ReactNode;
-    /** Native input name property. */
-    name?: string;
-    /** Native input value property. */
-    value?: string;
-    /** On change callback. */
-    onChange?(value?: string, name?: string, event?: SyntheticEvent): void;
-    /** optional props for input */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-}
-/**
- * RadioButton component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const RadioButton: Comp<RadioButtonProps, HTMLDivElement>;
-
-/**
- * Defines the props of the component.
- */
-interface RadioGroupProps extends GenericProps {
-    /** RadioButton elements */
-    children: ReactNode;
-}
-/**
- * RadioGroup component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const RadioGroup: Comp<RadioGroupProps, HTMLDivElement>;
-
-export { RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps };

package/_internal/components/radio-button/index.ts-b4dfb2a0.js

@@ -1,150 +0,0 @@
-import { h as getRootClassName, i as forwardRef, T as Theme, j as _objectWithoutProperties, _ as _extends, g as classNames } from '../../1da25128.js';
-import React__default from 'react';
-import { u as useId } from '../../3a1facc0.js';
-import { u as useTheme } from '../../3181f000.js';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-import { InputLabel } from '../input-label/index.ts-d6ca5569.js';
-import { InputHelper } from '../input-helper/index.ts-ab3a1ef5.js';
-
-const _excluded$1 = ["checked", "className", "disabled", "helper", "id", "inputRef", "isChecked", "isDisabled", "label", "name", "onChange", "theme", "value", "inputProps"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME$1 = 'RadioButton';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * RadioButton component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const RadioButton = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-      checked,
-      className,
-      disabled,
-      helper,
-      id,
-      inputRef,
-      isChecked = checked,
-      isDisabled = disabled,
-      label,
-      name,
-      onChange,
-      theme = defaultTheme,
-      value,
-      inputProps
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1);
-  const generatedInputId = useId();
-  const inputId = id || generatedInputId;
-  const handleChange = event => {
-    if (onChange) {
-      onChange(value, name, event);
-    }
-  };
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      isChecked,
-      isDisabled,
-      isUnchecked: !isChecked,
-      prefix: CLASSNAME$1,
-      theme
-    }))
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME$1}__input-wrapper`
-  }, /*#__PURE__*/React__default.createElement("input", _extends({
-    ref: inputRef,
-    className: `${CLASSNAME$1}__input-native`,
-    disabled: isDisabled,
-    id: inputId,
-    tabIndex: isDisabled ? -1 : 0,
-    type: "radio",
-    name: name,
-    value: value,
-    checked: isChecked,
-    onChange: handleChange,
-    "aria-describedby": helper ? `${inputId}-helper` : undefined
-  }, inputProps)), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME$1}__input-placeholder`
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME$1}__input-background`
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME$1}__input-indicator`
-  }))), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME$1}__content`
-  }, label && /*#__PURE__*/React__default.createElement(InputLabel, {
-    htmlFor: inputId,
-    theme: theme,
-    className: `${CLASSNAME$1}__label`
-  }, label), helper && /*#__PURE__*/React__default.createElement(InputHelper, {
-    id: `${inputId}-helper`,
-    theme: theme,
-    className: `${CLASSNAME$1}__helper`
-  }, helper)));
-});
-RadioButton.displayName = COMPONENT_NAME$1;
-RadioButton.className = CLASSNAME$1;
-RadioButton.defaultProps = DEFAULT_PROPS;
-
-const _excluded = ["children", "className"];
-
-/**
- * Defines the props of the component.
- */
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'RadioGroup';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * RadioGroup component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const RadioGroup = forwardRef((props, ref) => {
-  const {
-      children,
-      className
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    ref: ref
-  }, forwardedProps, {
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME
-    }))
-  }), children);
-});
-RadioGroup.displayName = COMPONENT_NAME;
-RadioGroup.className = CLASSNAME;
-
-export { RadioButton, RadioGroup };
-//# sourceMappingURL=index.ts-b4dfb2a0.js.map

package/_internal/components/radio-button/index.ts-b4dfb2a0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.ts-b4dfb2a0.js","sources":["../../../../src/components/radio-button/RadioButton.tsx","../../../../src/components/radio-button/RadioGroup.tsx"],"sourcesContent":["import React, { ReactNode, SyntheticEvent, InputHTMLAttributes } from 'react';\n\nimport classNames from 'classnames';\n\nimport { InputHelper, InputLabel, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useId } from '@lumx/react/hooks/useId';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface RadioButtonProps extends GenericProps, HasTheme {\n    /** Helper text. */\n    helper?: string;\n    /** Native input id property. */\n    id?: string;\n    /** Native input ref. */\n    inputRef?: React.Ref<HTMLInputElement>;\n    /** Whether it is checked or not. */\n    isChecked?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Label content. */\n    label?: ReactNode;\n    /** Native input name property. */\n    name?: string;\n    /** Native input value property. */\n    value?: string;\n    /** On change callback. */\n    onChange?(value?: string, name?: string, event?: SyntheticEvent): void;\n    /** optional props for input */\n    inputProps?: InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'RadioButton';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<RadioButtonProps> = {};\n\n/**\n * RadioButton component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const RadioButton = forwardRef<RadioButtonProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        checked,\n        className,\n        disabled,\n        helper,\n        id,\n        inputRef,\n        isChecked = checked,\n        isDisabled = disabled,\n        label,\n        name,\n        onChange,\n        theme = defaultTheme,\n        value,\n        inputProps,\n        ...forwardedProps\n    } = props;\n    const generatedInputId = useId();\n    const inputId = id || generatedInputId;\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        if (onChange) {\n            onChange(value, name, event);\n        }\n    };\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    isChecked,\n                    isDisabled,\n                    isUnchecked: !isChecked,\n                    prefix: CLASSNAME,\n                    theme,\n                }),\n            )}\n        >\n            <div className={`${CLASSNAME}__input-wrapper`}>\n                <input\n                    ref={inputRef}\n                    className={`${CLASSNAME}__input-native`}\n                    disabled={isDisabled}\n                    id={inputId}\n                    tabIndex={isDisabled ? -1 : 0}\n                    type=\"radio\"\n                    name={name}\n                    value={value}\n                    checked={isChecked}\n                    onChange={handleChange}\n                    aria-describedby={helper ? `${inputId}-helper` : undefined}\n                    {...inputProps}\n                />\n\n                <div className={`${CLASSNAME}__input-placeholder`}>\n                    <div className={`${CLASSNAME}__input-background`} />\n                    <div className={`${CLASSNAME}__input-indicator`} />\n                </div>\n            </div>\n\n            <div className={`${CLASSNAME}__content`}>\n                {label && (\n                    <InputLabel htmlFor={inputId} theme={theme} className={`${CLASSNAME}__label`}>\n                        {label}\n                    </InputLabel>\n                )}\n                {helper && (\n                    <InputHelper id={`${inputId}-helper`} theme={theme} className={`${CLASSNAME}__helper`}>\n                        {helper}\n                    </InputHelper>\n                )}\n            </div>\n        </div>\n    );\n});\nRadioButton.displayName = COMPONENT_NAME;\nRadioButton.className = CLASSNAME;\nRadioButton.defaultProps = DEFAULT_PROPS;\n","import React, { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface RadioGroupProps extends GenericProps {\n    /** RadioButton elements */\n    children: ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'RadioGroup';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * RadioGroup component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const RadioGroup = forwardRef<RadioGroupProps, HTMLDivElement>((props, ref) => {\n    const { children, className, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                }),\n            )}\n        >\n            {children}\n        </div>\n    );\n});\nRadioGroup.displayName = COMPONENT_NAME;\nRadioGroup.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","RadioButton","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","checked","className","disabled","helper","id","inputRef","isChecked","isDisabled","label","name","onChange","theme","value","inputProps","forwardedProps","_objectWithoutProperties","_excluded","generatedInputId","useId","inputId","handleChange","event","React","createElement","_extends","classNames","handleBasicClasses","isUnchecked","prefix","tabIndex","type","undefined","InputLabel","htmlFor","InputHelper","displayName","defaultProps","RadioGroup","children"],"mappings":"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"}

package/_internal/components/select/index.ts-a65e3507.d.ts

@@ -1,91 +0,0 @@
-import { V as ValueOf, G as GenericProps, H as HasTheme, C as Comp } from '../../8d67e1e3.js';
-import { I as IconButtonProps } from '../../dc3e28c8.js';
-import React, { ReactNode, SyntheticEvent } from 'react';
-import '../../7f022f8c.js';
-import '../tooltip/index.ts-c6931e9e.js';
-import '../../f5ff1aa4.js';
-
-/**
- * Select variants.
- */
-declare const SelectVariant: {
-    readonly input: "input";
-    readonly chip: "chip";
-};
-type SelectVariant = ValueOf<typeof SelectVariant>;
-interface CoreSelectProps extends GenericProps, HasTheme {
-    /** Props to pass to the clear button (minus those already set by the Select props). If not specified, the button won't be displayed. */
-    clearButtonProps?: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;
-    /** Whether the select (input variant) is displayed with error style or not. */
-    hasError?: boolean;
-    /** Error message. */
-    error?: string | ReactNode;
-    /** Helper text. */
-    helper?: string;
-    /** Whether the select should close on click. */
-    closeOnClick?: boolean;
-    /** Icon (SVG path). */
-    icon?: string;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
-    /** Whether the component is required or not. */
-    isRequired?: boolean;
-    /** Whether the component is open or not. */
-    isOpen?: boolean;
-    /** Whether the select (input variant) is displayed with valid style or not. */
-    isValid?: boolean;
-    /** Label text. */
-    label?: string;
-    /** Placeholder input text. */
-    placeholder?: string;
-    /** Select variant. */
-    variant?: SelectVariant;
-    /** On clear callback. */
-    onClear?(event: SyntheticEvent, value?: string): void;
-    /** On blur callback. */
-    onBlur?(): void;
-    /** On filter text change callback (with 500ms debounce). */
-    onFilter?(): void;
-    /** On input click callback (can be used for dropdown toggle). */
-    onInputClick?(): void;
-    /** On dropdown close callback. */
-    onDropdownClose?(): void;
-    /** On scroll end callback. */
-    onInfiniteScroll?(): void;
-    /** Render value function. Default: Renders the value as a string. */
-    selectedValueRender?(choice: string): ReactNode | string;
-}
-
-/** Defines the props of the component. */
-interface SelectProps extends CoreSelectProps {
-    /** Selected value. */
-    value: string;
-}
-
-/**
- * Select component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const Select: Comp<SelectProps, HTMLDivElement>;
-
-/** Defines the props of the component. */
-interface SelectMultipleProps extends CoreSelectProps {
-    /** Selected values. */
-    value: string[];
-    /** Selected value render function. Default: Renders the value inside of a Chip. */
-    selectedChipRender?(choice: string, index: number, onClear?: (event: SyntheticEvent, choice: string) => void, isDisabled?: boolean, theme?: any): ReactNode | string;
-}
-declare const SelectMultipleField: React.FC<SelectMultipleProps>;
-/**
- * SelectMultiple component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-declare const SelectMultiple: Comp<SelectMultipleProps, HTMLDivElement>;
-
-export { Select, SelectMultiple, SelectMultipleField, type SelectMultipleProps, type SelectProps, SelectVariant };

package/_internal/components/select/index.ts-e8fad28b.js

@@ -1,257 +0,0 @@
-import { h as getRootClassName, i as forwardRef, k as _objectSpread2, g as classNames, j as _objectWithoutProperties, _ as _extends, T as Theme, S as Size, E as Emphasis } from '../../1da25128.js';
-import React__default from 'react';
-import isEmpty from 'lodash/isEmpty';
-import { I as IconButton } from '../../23bdba2d.js';
-import { C as Chip } from '../../c68d24e4.js';
-import { I as Icon, g as mdiCheckCircle, h as mdiAlertCircle, t as mdiCloseCircle, u as mdiMenuDown, i as mdiClose } from '../../c6c99f76.js';
-import { InputLabel } from '../input-label/index.ts-d6ca5569.js';
-import { m as mergeRefs } from '../../f52adbae.js';
-import { u as useTheme } from '../../3181f000.js';
-import { W as WithSelectContext, S as SelectVariant } from '../../4cd0bf32.js';
-import { h as handleBasicClasses } from '../../f57e1239.js';
-
-const _excluded$1 = ["anchorRef", "clearButtonProps", "handleKeyboardNav", "hasError", "hasInputClear", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedValueRender", "theme", "value", "variant", "selectElementRef"];
-
-/** The display name of the component. */
-const COMPONENT_NAME$1 = 'Select';
-
-/** The default class name and classes prefix for this component. */
-const CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
-
-/** The default value of props. */
-const DEFAULT_PROPS$1 = {
-  selectedValueRender: choice => choice
-};
-const stopPropagation = evt => evt.stopPropagation();
-
-/**
- * Select component.
- */
-const SelectField = props => {
-  const defaultTheme = useTheme();
-  const {
-      anchorRef,
-      clearButtonProps,
-      handleKeyboardNav,
-      hasError,
-      hasInputClear,
-      icon,
-      id,
-      isDisabled,
-      isEmpty,
-      isRequired,
-      isValid,
-      label,
-      onClear,
-      onInputClick,
-      placeholder,
-      selectedValueRender,
-      theme = defaultTheme,
-      value,
-      variant,
-      selectElementRef
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, variant === SelectVariant.input && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label && /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME$1}__header`
-  }, /*#__PURE__*/React__default.createElement(InputLabel, {
-    htmlFor: id,
-    className: `${CLASSNAME$1}__label`,
-    isRequired: isRequired,
-    theme: theme
-  }, label)), /*#__PURE__*/React__default.createElement("div", _extends({
-    ref: mergeRefs(anchorRef, selectElementRef),
-    id: id,
-    className: `${CLASSNAME$1}__wrapper`,
-    onClick: onInputClick,
-    onKeyDown: handleKeyboardNav,
-    tabIndex: isDisabled ? undefined : 0,
-    "aria-disabled": isDisabled || undefined
-  }, forwardedProps), icon && /*#__PURE__*/React__default.createElement(Icon, {
-    className: `${CLASSNAME$1}__input-icon`,
-    color: theme === Theme.dark ? 'light' : undefined,
-    icon: icon,
-    size: Size.xs
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: classNames([`${CLASSNAME$1}__input-native`, isEmpty && placeholder && `${CLASSNAME$1}__input-native--placeholder`])
-  }, !isEmpty && /*#__PURE__*/React__default.createElement("span", null, selectedValueRender === null || selectedValueRender === void 0 ? void 0 : selectedValueRender(value)), isEmpty && placeholder && /*#__PURE__*/React__default.createElement("span", null, placeholder)), (isValid || hasError) && /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME$1}__input-validity`
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: isValid ? mdiCheckCircle : mdiAlertCircle,
-    size: Size.xxs
-  })), hasInputClear && clearButtonProps && /*#__PURE__*/React__default.createElement(IconButton, _extends({}, clearButtonProps, {
-    className: `${CLASSNAME$1}__input-clear`,
-    icon: mdiCloseCircle,
-    emphasis: Emphasis.low,
-    size: Size.s,
-    theme: theme,
-    onClick: onClear,
-    onKeyDown: stopPropagation
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME$1}__input-indicator`
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: mdiMenuDown,
-    size: Size.s
-  })))), variant === SelectVariant.chip && /*#__PURE__*/React__default.createElement(Chip, _extends({
-    id: id,
-    isSelected: !isEmpty,
-    isDisabled: isDisabled,
-    after: /*#__PURE__*/React__default.createElement(Icon, {
-      icon: isEmpty ? mdiMenuDown : mdiCloseCircle
-    }),
-    onAfterClick: isEmpty ? onInputClick : onClear,
-    onClick: onInputClick,
-    ref: mergeRefs(anchorRef, selectElementRef),
-    theme: theme
-  }, forwardedProps), isEmpty && /*#__PURE__*/React__default.createElement("span", null, label), !isEmpty && /*#__PURE__*/React__default.createElement("span", null, selectedValueRender === null || selectedValueRender === void 0 ? void 0 : selectedValueRender(value))));
-};
-
-/**
- * Select component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Select = forwardRef((props, ref) => {
-  const isEmpty$1 = isEmpty(props.value);
-  const hasInputClear = props.onClear && props.clearButtonProps && !isEmpty$1;
-  return WithSelectContext(SelectField, _objectSpread2(_objectSpread2({}, props), {}, {
-    className: classNames(props.className, handleBasicClasses({
-      hasInputClear,
-      hasUnique: !props.isEmpty,
-      prefix: CLASSNAME$1
-    })),
-    hasInputClear,
-    isEmpty: isEmpty$1
-  }), ref);
-});
-Select.displayName = COMPONENT_NAME$1;
-Select.className = CLASSNAME$1;
-Select.defaultProps = DEFAULT_PROPS$1;
-Select.className = CLASSNAME$1;
-
-const _excluded = ["anchorRef", "handleKeyboardNav", "hasError", "icon", "id", "isDisabled", "isEmpty", "isRequired", "isValid", "label", "onClear", "onInputClick", "placeholder", "selectedChipRender", "selectedValueRender", "theme", "value", "variant", "selectElementRef"];
-
-/** Defines the props of the component. */
-
-/** The display name of the component. */
-const COMPONENT_NAME = 'Select';
-
-/** The default class name and classes prefix for this component. */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/** The default value of props. */
-const DEFAULT_PROPS = {
-  selectedChipRender(choice, index, onClear, isDisabled, theme) {
-    const onClick = event => onClear && onClear(event, choice);
-    return /*#__PURE__*/React__default.createElement(Chip, {
-      key: index,
-      after: onClear && /*#__PURE__*/React__default.createElement(Icon, {
-        icon: mdiClose,
-        size: Size.xxs
-      }),
-      isDisabled: isDisabled,
-      size: Size.s,
-      onAfterClick: onClick,
-      onClick: onClick,
-      theme: theme
-    }, choice);
-  },
-  selectedValueRender: choice => choice
-};
-const SelectMultipleField = props => {
-  const defaultTheme = useTheme();
-  const {
-      anchorRef,
-      handleKeyboardNav,
-      hasError,
-      icon,
-      id,
-      isDisabled,
-      isEmpty,
-      isRequired,
-      isValid,
-      label,
-      onClear,
-      onInputClick,
-      placeholder,
-      selectedChipRender,
-      selectedValueRender,
-      theme = defaultTheme,
-      value,
-      variant,
-      selectElementRef
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, variant === SelectVariant.input && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label && /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__header`
-  }, /*#__PURE__*/React__default.createElement(InputLabel, {
-    htmlFor: id,
-    className: `${CLASSNAME}__label`,
-    isRequired: isRequired,
-    theme: theme
-  }, label)), /*#__PURE__*/React__default.createElement("div", _extends({
-    ref: mergeRefs(anchorRef, selectElementRef),
-    id: id,
-    className: `${CLASSNAME}__wrapper`,
-    onClick: onInputClick,
-    onKeyDown: handleKeyboardNav,
-    tabIndex: isDisabled ? undefined : 0,
-    "aria-disabled": isDisabled || undefined
-  }, forwardedProps), icon && /*#__PURE__*/React__default.createElement(Icon, {
-    className: `${CLASSNAME}__input-icon`,
-    color: theme === Theme.dark ? 'light' : undefined,
-    icon: icon,
-    size: Size.xs
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__chips`
-  }, !isEmpty && value.map((val, index) => selectedChipRender === null || selectedChipRender === void 0 ? void 0 : selectedChipRender(val, index, onClear, isDisabled, theme))), isEmpty && placeholder && /*#__PURE__*/React__default.createElement("div", {
-    className: classNames([`${CLASSNAME}__input-native`, `${CLASSNAME}__input-native--placeholder`])
-  }, /*#__PURE__*/React__default.createElement("span", null, placeholder)), (isValid || hasError) && /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__input-validity`
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: isValid ? mdiCheckCircle : mdiAlertCircle,
-    size: Size.xxs
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: `${CLASSNAME}__input-indicator`
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: mdiMenuDown,
-    size: Size.s
-  })))), variant === SelectVariant.chip && /*#__PURE__*/React__default.createElement(Chip, _extends({
-    id: id,
-    isSelected: !isEmpty,
-    isDisabled: isDisabled,
-    after: /*#__PURE__*/React__default.createElement(Icon, {
-      icon: isEmpty ? mdiMenuDown : mdiCloseCircle
-    }),
-    onAfterClick: isEmpty ? onInputClick : onClear,
-    onClick: onInputClick,
-    ref: mergeRefs(anchorRef, selectElementRef),
-    theme: theme
-  }, forwardedProps), isEmpty && /*#__PURE__*/React__default.createElement("span", null, label), !isEmpty && /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement("span", null, selectedValueRender === null || selectedValueRender === void 0 ? void 0 : selectedValueRender(value[0])), value.length > 1 && /*#__PURE__*/React__default.createElement("span", null, "\xA0+", value.length - 1))));
-};
-
-/**
- * SelectMultiple component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const SelectMultiple = forwardRef((props, ref) => {
-  return WithSelectContext(SelectMultipleField, _objectSpread2(_objectSpread2({}, props), {}, {
-    className: classNames(props.className, handleBasicClasses({
-      hasMultiple: !props.isEmpty,
-      prefix: CLASSNAME
-    })),
-    isEmpty: props.value.length === 0,
-    isMultiple: true
-  }), ref);
-});
-SelectMultiple.displayName = COMPONENT_NAME;
-SelectMultiple.className = CLASSNAME;
-SelectMultiple.defaultProps = DEFAULT_PROPS;
-
-export { Select, SelectMultiple, SelectMultipleField, SelectVariant };
-//# sourceMappingURL=index.ts-e8fad28b.js.map