@lumx/react 3.20.1-alpha.33 → 3.20.1-alpha.35

package/_internal/packages/lumx-react/src/components/progress-tracker/ProgressTrackerStep-c80756f3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressTrackerStep-c80756f3.js","sources":["../../../../../../../src/components/progress-tracker/ProgressTrackerStep.tsx"],"sourcesContent":["import { FocusEventHandler, KeyboardEventHandler, useCallback } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiRadioboxBlank, mdiRadioboxMarked } from '@lumx/icons';\nimport { Icon, InputHelper, InputLabel, Kind, Size } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { useTabProviderContext } from '../tabs/state';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerStepProps extends GenericProps {\n    /** Children are not supported. */\n    children?: never;\n    /** Whether the step should be in error state or not. */\n    hasError?: boolean;\n    /** Helper text. */\n    helper?: string | null;\n    /** Native id property. */\n    id?: string;\n    /** Whether the current step is active or not. */\n    isActive?: boolean;\n    /** Whether the current step is completed or not. */\n    isComplete?: boolean;\n    /** Whether the component is disabled or not. */\n    isDisabled?: boolean;\n    /** Label text. */\n    label?: string | null;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTrackerStep';\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<ProgressTrackerStepProps> = {};\n\n/**\n * ProgressTrackerStep component.\n *\n * Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressTrackerStep = forwardRef<ProgressTrackerStepProps, HTMLButtonElement>((props, ref) => {\n    const { isAnyDisabled, otherProps } = useDisableStateProps(props);\n    const {\n        className,\n        hasError,\n        helper,\n        id,\n        isActive: propIsActive,\n        isComplete,\n        label,\n        onFocus,\n        onKeyPress,\n        tabIndex = -1,\n        ...forwardedProps\n    } = otherProps;\n    const state = useTabProviderContext('tab', id);\n    const isActive = propIsActive || state?.isActive;\n\n    const changeToCurrentTab = useCallback(() => {\n        if (isAnyDisabled) {\n            return;\n        }\n        state?.changeToTab();\n    }, [isAnyDisabled, state]);\n\n    const handleFocus: FocusEventHandler = useCallback(\n        (event) => {\n            onFocus?.(event);\n            if (state?.shouldActivateOnFocus) {\n                changeToCurrentTab();\n            }\n        },\n        [changeToCurrentTab, onFocus, state?.shouldActivateOnFocus],\n    );\n\n    const handleKeyPress: KeyboardEventHandler = useCallback(\n        (event) => {\n            onKeyPress?.(event);\n            if (event.key !== 'Enter') {\n                return;\n            }\n            changeToCurrentTab();\n        },\n        [changeToCurrentTab, onKeyPress],\n    );\n\n    const getIcon = (): string => {\n        if (isComplete) {\n            return mdiCheckCircle;\n        }\n\n        if (isActive) {\n            return hasError ? mdiAlertCircle : mdiRadioboxMarked;\n        }\n\n        return mdiRadioboxBlank;\n    };\n\n    return (\n        <button\n            ref={ref}\n            {...forwardedProps}\n            type=\"button\"\n            id={state?.tabId}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    prefix: CLASSNAME,\n                    hasError,\n                    isActive,\n                    isClickable: state && !isAnyDisabled,\n                    isComplete,\n                }),\n            )}\n            onClick={changeToCurrentTab}\n            onKeyPress={handleKeyPress}\n            onFocus={handleFocus}\n            role=\"tab\"\n            tabIndex={isActive ? 0 : tabIndex}\n            aria-disabled={isAnyDisabled}\n            aria-selected={isActive}\n            aria-controls={state?.tabPanelId}\n        >\n            <Icon className={`${CLASSNAME}__state`} icon={getIcon()} size={Size.s} />\n\n            <InputLabel htmlFor={state?.tabId || ''} className={`${CLASSNAME}__label`}>\n                {label}\n            </InputLabel>\n\n            {helper && (\n                <InputHelper kind={hasError ? Kind.error : Kind.info} className={`${CLASSNAME}__helper`}>\n                    {helper}\n                </InputHelper>\n            )}\n        </button>\n    );\n});\nProgressTrackerStep.displayName = COMPONENT_NAME;\nProgressTrackerStep.className = CLASSNAME;\nProgressTrackerStep.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","ProgressTrackerStep","forwardRef","props","ref","isAnyDisabled","otherProps","useDisableStateProps","className","hasError","helper","id","isActive","propIsActive","isComplete","label","onFocus","onKeyPress","tabIndex","forwardedProps","state","useTabProviderContext","changeToCurrentTab","useCallback","changeToTab","handleFocus","event","shouldActivateOnFocus","handleKeyPress","key","getIcon","mdiCheckCircle","mdiAlertCircle","mdiRadioboxMarked","mdiRadioboxBlank","_jsxs","type","tabId","classNames","handleBasicClasses","prefix","isClickable","onClick","role","tabPanelId","children","_jsx","Icon","icon","size","Size","s","InputLabel","htmlFor","InputHelper","kind","Kind","error","info","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/progress-tracker/ProgressTrackerStepPanel-6f2d394e.js

@@ -1,62 +0,0 @@
-import classNames from 'classnames';
-import { useTabProviderContext } from '../tabs/state-af53c50e.js';
-import '../../constants-6af61e2f.js';
-import { handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { jsx } from 'react/jsx-runtime';
-import { CSS_PREFIX } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'ProgressTrackerStepPanel';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = `${CSS_PREFIX}-step-panel`;
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * 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.
- */
-const ProgressTrackerStepPanel = forwardRef((props, ref) => {
-  const {
-    children,
-    id,
-    className,
-    isActive: propIsActive,
-    ...forwardedProps
-  } = props;
-  const state = useTabProviderContext('tabPanel', id);
-  const isActive = propIsActive || state?.isActive;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
-    id: state?.tabPanelId,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      isActive
-    })),
-    role: "tabpanel",
-    tabIndex: isActive ? 0 : -1,
-    "aria-labelledby": state?.tabId,
-    children: (!state?.isLazy || isActive) && children
-  });
-});
-ProgressTrackerStepPanel.displayName = COMPONENT_NAME;
-ProgressTrackerStepPanel.className = CLASSNAME;
-ProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS;
-
-export { ProgressTrackerStepPanel };
-//# sourceMappingURL=ProgressTrackerStepPanel-6f2d394e.js.map

package/_internal/packages/lumx-react/src/components/progress-tracker/ProgressTrackerStepPanel-6f2d394e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressTrackerStepPanel-6f2d394e.js","sources":["../../../../../../../src/components/progress-tracker/ProgressTrackerStepPanel.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { useTabProviderContext } from '@lumx/react/components/tabs/state';\nimport { CSS_PREFIX } from '@lumx/react/constants';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface ProgressTrackerStepPanelProps extends GenericProps {\n    /** Native id property. */\n    id?: string;\n    /** Whether the step is active or not. */\n    isActive?: boolean;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'ProgressTrackerStepPanel';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = `${CSS_PREFIX}-step-panel`;\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ProgressTrackerStepPanelProps> = {};\n\n/**\n * ProgressTrackerStepPanel component.\n *\n * Implements WAI-ARIA `tabpanel` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const ProgressTrackerStepPanel = forwardRef<ProgressTrackerStepPanelProps, HTMLDivElement>((props, ref) => {\n    const { children, id, className, isActive: propIsActive, ...forwardedProps } = props;\n\n    const state = useTabProviderContext('tabPanel', id);\n    const isActive = propIsActive || state?.isActive;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            id={state?.tabPanelId}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, isActive }))}\n            role=\"tabpanel\"\n            tabIndex={isActive ? 0 : -1}\n            aria-labelledby={state?.tabId}\n        >\n            {(!state?.isLazy || isActive) && children}\n        </div>\n    );\n});\nProgressTrackerStepPanel.displayName = COMPONENT_NAME;\nProgressTrackerStepPanel.className = CLASSNAME;\nProgressTrackerStepPanel.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","CSS_PREFIX","DEFAULT_PROPS","ProgressTrackerStepPanel","forwardRef","props","ref","children","id","className","isActive","propIsActive","forwardedProps","state","useTabProviderContext","_jsx","tabPanelId","classNames","handleBasicClasses","prefix","role","tabIndex","tabId","isLazy","displayName","defaultProps"],"mappings":";;;;;;;;AAoBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,0BAA0B,CAAA;;AAEjD;AACA;AACA;AACA,MAAMC,SAAS,GAAG,CAAGC,EAAAA,UAAU,CAAa,WAAA,CAAA,CAAA;;AAE5C;AACA;AACA;AACA,MAAMC,aAAqD,GAAG,EAAE,CAAA;;AAEhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,wBAAwB,GAAGC,UAAU,CAAgD,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9G,MAAM;IAAEC,QAAQ;IAAEC,EAAE;IAAEC,SAAS;AAAEC,IAAAA,QAAQ,EAAEC,YAAY;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGP,KAAK,CAAA;AAEpF,EAAA,MAAMQ,KAAK,GAAGC,qBAAqB,CAAC,UAAU,EAAEN,EAAE,CAAC,CAAA;AACnD,EAAA,MAAME,QAAQ,GAAGC,YAAY,IAAIE,KAAK,EAAEH,QAAQ,CAAA;AAEhD,EAAA,oBACIK,GAAA,CAAA,KAAA,EAAA;AACIT,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLM,cAAc;IAClBJ,EAAE,EAAEK,KAAK,EAAEG,UAAW;AACtBP,IAAAA,SAAS,EAAEQ,UAAU,CAACR,SAAS,EAAES,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEnB,SAAS;AAAEU,MAAAA,QAAAA;AAAS,KAAC,CAAC,CAAE;AACtFU,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,QAAQ,EAAEX,QAAQ,GAAG,CAAC,GAAG,CAAC,CAAE;IAC5B,iBAAiBG,EAAAA,KAAK,EAAES,KAAM;IAAAf,QAAA,EAE7B,CAAC,CAACM,KAAK,EAAEU,MAAM,IAAIb,QAAQ,KAAKH,QAAAA;AAAQ,GACxC,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,wBAAwB,CAACqB,WAAW,GAAGzB,cAAc,CAAA;AACrDI,wBAAwB,CAACM,SAAS,GAAGT,SAAS,CAAA;AAC9CG,wBAAwB,CAACsB,YAAY,GAAGvB,aAAa;;;;"}

package/_internal/packages/lumx-react/src/components/radio-button/RadioButton-0a59ffbf.js

@@ -1,117 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { useId } from '../../hooks/useId-11687649.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useDisableStateProps } from '../../utils/disabled/useDisableStateProps-2391c02d.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Theme } from '@lumx/core/js/constants';
-import { InputLabel } from '../input-label/InputLabel-7ce8e604.js';
-import { InputHelper } from '../input-helper/InputHelper-a6c7ec2d.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'RadioButton';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * 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 {
-    isAnyDisabled,
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    checked,
-    className,
-    helper,
-    id,
-    inputRef,
-    isChecked = checked,
-    label,
-    name,
-    onChange,
-    theme = defaultTheme,
-    value,
-    inputProps,
-    ...forwardedProps
-  } = otherProps;
-  const generatedInputId = useId();
-  const inputId = id || generatedInputId;
-  const handleChange = event => {
-    if (onChange) {
-      onChange(value, name, event);
-    }
-  };
-  return /*#__PURE__*/jsxs("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      isChecked,
-      isDisabled: isAnyDisabled,
-      isUnchecked: !isChecked,
-      prefix: CLASSNAME,
-      theme
-    })),
-    children: [/*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__input-wrapper`,
-      children: [/*#__PURE__*/jsx("input", {
-        ref: inputRef,
-        className: `${CLASSNAME}__input-native`,
-        ...disabledStateProps,
-        id: inputId,
-        type: "radio",
-        name: name,
-        value: value,
-        checked: isChecked,
-        onChange: handleChange,
-        readOnly: inputProps?.readOnly || isAnyDisabled,
-        "aria-describedby": helper ? `${inputId}-helper` : undefined,
-        ...inputProps
-      }), /*#__PURE__*/jsxs("div", {
-        className: `${CLASSNAME}__input-placeholder`,
-        children: [/*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-background`
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-indicator`
-        })]
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: `${CLASSNAME}__content`,
-      children: [label && /*#__PURE__*/jsx(InputLabel, {
-        htmlFor: inputId,
-        theme: theme,
-        className: `${CLASSNAME}__label`,
-        children: label
-      }), helper && /*#__PURE__*/jsx(InputHelper, {
-        id: `${inputId}-helper`,
-        theme: theme,
-        className: `${CLASSNAME}__helper`,
-        children: helper
-      })]
-    })]
-  });
-});
-RadioButton.displayName = COMPONENT_NAME;
-RadioButton.className = CLASSNAME;
-RadioButton.defaultProps = DEFAULT_PROPS;
-
-export { RadioButton };
-//# sourceMappingURL=RadioButton-0a59ffbf.js.map

package/_internal/packages/lumx-react/src/components/radio-button/RadioButton-0a59ffbf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButton-0a59ffbf.js","sources":["../../../../../../../src/components/radio-button/RadioButton.tsx"],"sourcesContent":["import { 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/core/js/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';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\nimport { HasAriaDisabled } from '@lumx/react/utils/type/HasAriaDisabled';\n\n/**\n * Defines the props of the component.\n */\nexport interface RadioButtonProps extends GenericProps, HasTheme, HasAriaDisabled {\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 { isAnyDisabled, disabledStateProps, otherProps } = useDisableStateProps(props);\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        checked,\n        className,\n        helper,\n        id,\n        inputRef,\n        isChecked = checked,\n        label,\n        name,\n        onChange,\n        theme = defaultTheme,\n        value,\n        inputProps,\n        ...forwardedProps\n    } = otherProps;\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: isAnyDisabled,\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                    {...disabledStateProps}\n                    id={inputId}\n                    type=\"radio\"\n                    name={name}\n                    value={value}\n                    checked={isChecked}\n                    onChange={handleChange}\n                    readOnly={inputProps?.readOnly || isAnyDisabled}\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"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","RadioButton","forwardRef","props","ref","isAnyDisabled","disabledStateProps","otherProps","useDisableStateProps","defaultTheme","useTheme","Theme","light","checked","className","helper","id","inputRef","isChecked","label","name","onChange","theme","value","inputProps","forwardedProps","generatedInputId","useId","inputId","handleChange","event","_jsxs","classNames","handleBasicClasses","isDisabled","isUnchecked","prefix","children","_jsx","type","readOnly","undefined","InputLabel","htmlFor","InputHelper","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/radio-button/RadioGroup-7957765c.js

@@ -1,40 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName } from '@lumx/core/js/utils/className';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * 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,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, CLASSNAME),
-    children: children
-  });
-});
-RadioGroup.displayName = COMPONENT_NAME;
-RadioGroup.className = CLASSNAME;
-
-export { RadioGroup };
-//# sourceMappingURL=RadioGroup-7957765c.js.map

package/_internal/packages/lumx-react/src/components/radio-button/RadioGroup-7957765c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioGroup-7957765c.js","sources":["../../../../../../../src/components/radio-button/RadioGroup.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/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 ref={ref} {...forwardedProps} className={classNames(className, CLASSNAME)}>\n            {children}\n        </div>\n    );\n});\nRadioGroup.displayName = COMPONENT_NAME;\nRadioGroup.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","RadioGroup","forwardRef","props","ref","children","className","forwardedProps","_jsx","classNames","displayName"],"mappings":";;;;;AAgBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,UAAU,GAAGC,UAAU,CAAkC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAClF,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGJ,KAAK,CAAA;AAExD,EAAA,oBACIK,GAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GAAKG,cAAc;AAAED,IAAAA,SAAS,EAAEG,UAAU,CAACH,SAAS,EAAEP,SAAS,CAAE;AAAAM,IAAAA,QAAA,EAC1EA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,UAAU,CAACS,WAAW,GAAGZ,cAAc,CAAA;AACvCG,UAAU,CAACK,SAAS,GAAGP,SAAS;;;;"}

package/_internal/packages/lumx-react/src/components/select/Select-530565a4.js

@@ -1,165 +0,0 @@
-import classNames from 'classnames';
-import isEmpty from 'lodash/isEmpty';
-import { Theme, Size, Emphasis } from '@lumx/core/js/constants';
-import { IconButton } from '../button/IconButton-a740ce59.js';
-import { Chip } from '../chip/Chip-f1a3942a.js';
-import { Icon } from '../icon/Icon-21a83e8c.js';
-import { InputLabel } from '../input-label/InputLabel-7ce8e604.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { mergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { WithSelectContext } from './WithSelectContext-864d6be2.js';
-import { SelectVariant } from './constants-5178b7ba.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { mdiCloseCircle } from '../../../../lumx-icons/dist/esm/close-circle-6f37d603.js';
-import { mdiMenuDown } from '../../../../lumx-icons/dist/esm/menu-down-b0846836.js';
-import { mdiCheckCircle } from '../../../../lumx-icons/dist/esm/check-circle-e47dacb8.js';
-import { mdiAlertCircle } from '../../../../lumx-icons/dist/esm/alert-circle-893eb653.js';
-
-/** 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 = {
-  selectedValueRender: choice => choice,
-  variant: SelectVariant.input
-};
-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,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [variant === SelectVariant.input && /*#__PURE__*/jsxs(Fragment, {
-      children: [label && /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__header`,
-        children: /*#__PURE__*/jsx(InputLabel, {
-          htmlFor: id,
-          className: `${CLASSNAME}__label`,
-          isRequired: isRequired,
-          theme: theme,
-          children: label
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        ref: mergeRefs(anchorRef, selectElementRef),
-        id: id,
-        className: `${CLASSNAME}__wrapper`,
-        onClick: onInputClick,
-        onKeyDown: handleKeyboardNav,
-        tabIndex: isDisabled ? undefined : 0,
-        "aria-disabled": isDisabled || undefined,
-        ...forwardedProps,
-        children: [icon && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME}__input-icon`,
-          color: theme === Theme.dark ? 'light' : undefined,
-          icon: icon,
-          size: Size.xs
-        }), /*#__PURE__*/jsxs("div", {
-          className: classNames([`${CLASSNAME}__input-native`, isEmpty && placeholder && `${CLASSNAME}__input-native--placeholder`]),
-          children: [!isEmpty && /*#__PURE__*/jsx("span", {
-            children: selectedValueRender?.(value)
-          }), isEmpty && placeholder && /*#__PURE__*/jsx("span", {
-            children: placeholder
-          })]
-        }), (isValid || hasError) && /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-validity`,
-          children: /*#__PURE__*/jsx(Icon, {
-            icon: isValid ? mdiCheckCircle : mdiAlertCircle,
-            size: Size.xxs
-          })
-        }), hasInputClear && clearButtonProps && /*#__PURE__*/jsx(IconButton, {
-          ...clearButtonProps,
-          className: `${CLASSNAME}__input-clear`,
-          icon: mdiCloseCircle,
-          emphasis: Emphasis.low,
-          size: Size.s,
-          theme: theme,
-          onClick: onClear,
-          onKeyDown: stopPropagation
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-indicator`,
-          children: /*#__PURE__*/jsx(Icon, {
-            icon: mdiMenuDown,
-            size: Size.s
-          })
-        })]
-      })]
-    }), variant === SelectVariant.chip && /*#__PURE__*/jsxs(Chip, {
-      id: id,
-      isSelected: !isEmpty,
-      isDisabled: isDisabled,
-      after: /*#__PURE__*/jsx(Icon, {
-        icon: isEmpty ? mdiMenuDown : mdiCloseCircle
-      }),
-      onAfterClick: isEmpty ? onInputClick : onClear,
-      onClick: onInputClick,
-      ref: mergeRefs(anchorRef, selectElementRef),
-      theme: theme,
-      ...forwardedProps,
-      children: [isEmpty && /*#__PURE__*/jsx("span", {
-        children: label
-      }), !isEmpty && /*#__PURE__*/jsx("span", {
-        children: 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, {
-    ...DEFAULT_PROPS,
-    ...props,
-    className: classNames(props.className, handleBasicClasses({
-      hasInputClear,
-      hasUnique: !props.isEmpty,
-      prefix: CLASSNAME
-    })),
-    hasInputClear,
-    isEmpty: isEmpty$1
-  }, ref);
-});
-Select.displayName = COMPONENT_NAME;
-Select.className = CLASSNAME;
-Select.defaultProps = DEFAULT_PROPS;
-Select.className = CLASSNAME;
-
-export { Select, SelectVariant };
-//# sourceMappingURL=Select-530565a4.js.map

package/_internal/packages/lumx-react/src/components/select/Select-530565a4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select-530565a4.js","sources":["../../../../../../../src/components/select/Select.tsx"],"sourcesContent":["import { RefObject } from 'react';\n\nimport classNames from 'classnames';\nimport lodashIsEmpty from 'lodash/isEmpty';\n\nimport { mdiAlertCircle, mdiCheckCircle, mdiCloseCircle, mdiMenuDown } from '@lumx/icons';\nimport { Emphasis, Size, Theme } from '@lumx/core/js/constants';\nimport { IconButton } from '@lumx/react/components/button/IconButton';\nimport { Chip } from '@lumx/react/components/chip/Chip';\nimport { Icon } from '@lumx/react/components/icon/Icon';\nimport { InputLabel } from '@lumx/react/components/input-label/InputLabel';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { mergeRefs } from '@lumx/react/utils/react/mergeRefs';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { WithSelectContext } from './WithSelectContext';\nimport { CoreSelectProps, SelectVariant } from './constants';\n\n/** Defines the props of the component. */\nexport interface SelectProps extends CoreSelectProps {\n    /** Selected value. */\n    value: string;\n}\n\nexport { SelectVariant };\n\n/** The display name of the component. */\nconst COMPONENT_NAME = 'Select';\n\n/** The default class name and classes prefix for this component. */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/** The default value of props. */\nconst DEFAULT_PROPS: Partial<SelectProps> = {\n    selectedValueRender: (choice) => choice,\n    variant: SelectVariant.input,\n};\n\nconst stopPropagation = (evt: Event) => evt.stopPropagation();\n\n/**\n * Select component.\n */\nconst SelectField: React.FC<SelectProps> = (props) => {\n    const defaultTheme = useTheme();\n    const {\n        anchorRef,\n        clearButtonProps,\n        handleKeyboardNav,\n        hasError,\n        hasInputClear,\n        icon,\n        id,\n        isDisabled,\n        isEmpty,\n        isRequired,\n        isValid,\n        label,\n        onClear,\n        onInputClick,\n        placeholder,\n        selectedValueRender,\n        theme = defaultTheme,\n        value,\n        variant,\n        selectElementRef,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <>\n            {variant === SelectVariant.input && (\n                <>\n                    {label && (\n                        <div className={`${CLASSNAME}__header`}>\n                            <InputLabel\n                                htmlFor={id}\n                                className={`${CLASSNAME}__label`}\n                                isRequired={isRequired}\n                                theme={theme}\n                            >\n                                {label}\n                            </InputLabel>\n                        </div>\n                    )}\n\n                    {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n                    <div\n                        ref={mergeRefs(anchorRef as RefObject<HTMLDivElement>, selectElementRef)}\n                        id={id}\n                        className={`${CLASSNAME}__wrapper`}\n                        onClick={onInputClick}\n                        onKeyDown={handleKeyboardNav}\n                        tabIndex={isDisabled ? undefined : 0}\n                        aria-disabled={isDisabled || undefined}\n                        {...forwardedProps}\n                    >\n                        {icon && (\n                            <Icon\n                                className={`${CLASSNAME}__input-icon`}\n                                color={theme === Theme.dark ? 'light' : undefined}\n                                icon={icon}\n                                size={Size.xs}\n                            />\n                        )}\n\n                        <div\n                            className={classNames([\n                                `${CLASSNAME}__input-native`,\n                                isEmpty && placeholder && `${CLASSNAME}__input-native--placeholder`,\n                            ])}\n                        >\n                            {!isEmpty && <span>{selectedValueRender?.(value)}</span>}\n\n                            {isEmpty && placeholder && <span>{placeholder}</span>}\n                        </div>\n\n                        {(isValid || hasError) && (\n                            <div className={`${CLASSNAME}__input-validity`}>\n                                <Icon icon={isValid ? mdiCheckCircle : mdiAlertCircle} size={Size.xxs} />\n                            </div>\n                        )}\n\n                        {hasInputClear && clearButtonProps && (\n                            <IconButton\n                                {...clearButtonProps}\n                                className={`${CLASSNAME}__input-clear`}\n                                icon={mdiCloseCircle}\n                                emphasis={Emphasis.low}\n                                size={Size.s}\n                                theme={theme}\n                                onClick={onClear}\n                                onKeyDown={stopPropagation}\n                            />\n                        )}\n\n                        <div className={`${CLASSNAME}__input-indicator`}>\n                            <Icon icon={mdiMenuDown} size={Size.s} />\n                        </div>\n                    </div>\n                </>\n            )}\n\n            {variant === SelectVariant.chip && (\n                <Chip\n                    id={id}\n                    isSelected={!isEmpty}\n                    isDisabled={isDisabled}\n                    after={<Icon icon={isEmpty ? mdiMenuDown : mdiCloseCircle} />}\n                    onAfterClick={isEmpty ? onInputClick : onClear}\n                    onClick={onInputClick}\n                    ref={mergeRefs(anchorRef as RefObject<HTMLAnchorElement>, selectElementRef)}\n                    theme={theme}\n                    {...forwardedProps}\n                >\n                    {isEmpty && <span>{label}</span>}\n\n                    {!isEmpty && <span>{selectedValueRender?.(value)}</span>}\n                </Chip>\n            )}\n        </>\n    );\n};\n\n/**\n * Select component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Select = forwardRef<SelectProps, HTMLDivElement>((props, ref) => {\n    const isEmpty = lodashIsEmpty(props.value);\n    const hasInputClear = props.onClear && props.clearButtonProps && !isEmpty;\n\n    return WithSelectContext(\n        SelectField,\n        {\n            ...DEFAULT_PROPS,\n            ...props,\n            className: classNames(\n                props.className,\n                handleBasicClasses({\n                    hasInputClear,\n                    hasUnique: !props.isEmpty,\n                    prefix: CLASSNAME,\n                }),\n            ),\n            hasInputClear,\n            isEmpty,\n        },\n        ref,\n    );\n});\nSelect.displayName = COMPONENT_NAME;\nSelect.className = CLASSNAME;\nSelect.defaultProps = DEFAULT_PROPS;\nSelect.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","selectedValueRender","choice","variant","SelectVariant","input","stopPropagation","evt","SelectField","props","defaultTheme","useTheme","anchorRef","clearButtonProps","handleKeyboardNav","hasError","hasInputClear","icon","id","isDisabled","isEmpty","isRequired","isValid","label","onClear","onInputClick","placeholder","theme","value","selectElementRef","forwardedProps","_jsxs","_Fragment","children","_jsx","className","InputLabel","htmlFor","ref","mergeRefs","onClick","onKeyDown","tabIndex","undefined","Icon","color","Theme","dark","size","Size","xs","classNames","mdiCheckCircle","mdiAlertCircle","xxs","IconButton","mdiCloseCircle","emphasis","Emphasis","low","s","mdiMenuDown","chip","Chip","isSelected","after","onAfterClick","Select","forwardRef","lodashIsEmpty","WithSelectContext","handleBasicClasses","hasUnique","prefix","displayName","defaultProps"],"mappings":"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"}

package/_internal/packages/lumx-react/src/components/select/SelectMultiple-d7fa1cf7.js

@@ -1,165 +0,0 @@
-import classNames from 'classnames';
-import { Size, Theme } from '@lumx/core/js/constants';
-import { Chip } from '../chip/Chip-f1a3942a.js';
-import { Icon } from '../icon/Icon-21a83e8c.js';
-import { InputLabel } from '../input-label/InputLabel-7ce8e604.js';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { mergeRefs } from '../../utils/react/mergeRefs-27df0cb6.js';
-import { useTheme } from '../../utils/theme/ThemeContext-d8ee966d.js';
-import { forwardRef } from '../../utils/react/forwardRef-bd8b3ec8.js';
-import { WithSelectContext } from './WithSelectContext-864d6be2.js';
-import { SelectVariant } from './constants-5178b7ba.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { mdiClose } from '../../../../lumx-icons/dist/esm/close-ad7c38b0.js';
-import { mdiCheckCircle } from '../../../../lumx-icons/dist/esm/check-circle-e47dacb8.js';
-import { mdiAlertCircle } from '../../../../lumx-icons/dist/esm/alert-circle-893eb653.js';
-import { mdiMenuDown } from '../../../../lumx-icons/dist/esm/menu-down-b0846836.js';
-import { mdiCloseCircle } from '../../../../lumx-icons/dist/esm/close-circle-6f37d603.js';
-
-/** 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__*/jsx(Chip, {
-      after: onClear && /*#__PURE__*/jsx(Icon, {
-        icon: mdiClose,
-        size: Size.xxs
-      }),
-      isDisabled: isDisabled,
-      size: Size.s,
-      onAfterClick: onClick,
-      onClick: onClick,
-      theme: theme,
-      children: choice
-    }, index);
-  },
-  selectedValueRender: choice => choice,
-  variant: SelectVariant.input
-};
-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,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [variant === SelectVariant.input && /*#__PURE__*/jsxs(Fragment, {
-      children: [label && /*#__PURE__*/jsx("div", {
-        className: `${CLASSNAME}__header`,
-        children: /*#__PURE__*/jsx(InputLabel, {
-          htmlFor: id,
-          className: `${CLASSNAME}__label`,
-          isRequired: isRequired,
-          theme: theme,
-          children: label
-        })
-      }), /*#__PURE__*/jsxs("div", {
-        ref: mergeRefs(anchorRef, selectElementRef),
-        id: id,
-        className: `${CLASSNAME}__wrapper`,
-        onClick: onInputClick,
-        onKeyDown: handleKeyboardNav,
-        tabIndex: isDisabled ? undefined : 0,
-        "aria-disabled": isDisabled || undefined,
-        ...forwardedProps,
-        children: [icon && /*#__PURE__*/jsx(Icon, {
-          className: `${CLASSNAME}__input-icon`,
-          color: theme === Theme.dark ? 'light' : undefined,
-          icon: icon,
-          size: Size.xs
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__chips`,
-          children: !isEmpty && value.map((val, index) => selectedChipRender?.(val, index, onClear, isDisabled, theme))
-        }), isEmpty && placeholder && /*#__PURE__*/jsx("div", {
-          className: classNames([`${CLASSNAME}__input-native`, `${CLASSNAME}__input-native--placeholder`]),
-          children: /*#__PURE__*/jsx("span", {
-            children: placeholder
-          })
-        }), (isValid || hasError) && /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-validity`,
-          children: /*#__PURE__*/jsx(Icon, {
-            icon: isValid ? mdiCheckCircle : mdiAlertCircle,
-            size: Size.xxs
-          })
-        }), /*#__PURE__*/jsx("div", {
-          className: `${CLASSNAME}__input-indicator`,
-          children: /*#__PURE__*/jsx(Icon, {
-            icon: mdiMenuDown,
-            size: Size.s
-          })
-        })]
-      })]
-    }), variant === SelectVariant.chip && /*#__PURE__*/jsxs(Chip, {
-      id: id,
-      isSelected: !isEmpty,
-      isDisabled: isDisabled,
-      after: /*#__PURE__*/jsx(Icon, {
-        icon: isEmpty ? mdiMenuDown : mdiCloseCircle
-      }),
-      onAfterClick: isEmpty ? onInputClick : onClear,
-      onClick: onInputClick,
-      ref: mergeRefs(anchorRef, selectElementRef),
-      theme: theme,
-      ...forwardedProps,
-      children: [isEmpty && /*#__PURE__*/jsx("span", {
-        children: label
-      }), !isEmpty && /*#__PURE__*/jsxs("span", {
-        children: [/*#__PURE__*/jsx("span", {
-          children: selectedValueRender?.(value[0])
-        }), value.length > 1 && /*#__PURE__*/jsxs("span", {
-          children: ["\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, {
-    ...DEFAULT_PROPS,
-    ...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 { SelectMultiple, SelectMultipleField };
-//# sourceMappingURL=SelectMultiple-d7fa1cf7.js.map