no-frills-ui 0.0.14-alpha.7 → 0.0.14-rc.0

package/lib-esm/components/Input/Dropdown.js

@@ -7,20 +7,25 @@ import Menu from '../Menu/Menu.js';
 import ExpandMore from '../../icons/ExpandMore.js';
 
 const ArrowContainer = /*#__PURE__*/ styled("span", {
-    target: "elhmc4m0",
+    target: "e1d5dyoc0",
     label: "ArrowContainer"
-})("position:absolute;right:12px;top:16px;pointer-events:none;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9Ecm9wZG93bi50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvRHJvcGRvd24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgRXhwYW5kTW9yZSB9IGZyb20gJy4uLy4uL2ljb25zJztcbmltcG9ydCB7IE1lbnUgfSBmcm9tICcuLi9NZW51JztcbmltcG9ydCB7IFBvcG92ZXIsIFBPUE9WRVJfUE9TSVRJT04gfSBmcm9tICcuLi9Qb3BvdmVyJztcbmltcG9ydCBJbnB1dCBmcm9tICcuL0lucHV0JztcblxudHlwZSBEcm9wZG93blByb3BzPFQ+ID0ge1xuICAgIC8qKiBWYWx1ZSBvZiB0aGUgY29udHJvbCAqL1xuICAgIHZhbHVlPzogVCB8IFRbXTtcbiAgICAvKiogSWYgbXVsdGlwbGUgZWxlbWVudHMgY2FuIGJlIHNlbGVjdGVkICovXG4gICAgbXVsdGlTZWxlY3Q6IGJvb2xlYW47XG4gICAgLyoqIENoYW5nZSBoYW5kbGVyICovXG4gICAgb25DaGFuZ2U/OiAodjogVCB8IFRbXSkgPT4gdm9pZDtcbiAgICAvKiogTGFiZWwgb2YgdGhlIGNvbnRyb2wgKi9cbiAgICBsYWJlbD86IHN0cmluZztcbiAgICAvKiogRXJyb3IgbWVzc2FnZSAqL1xuICAgIGVycm9yVGV4dD86IHN0cmluZztcbiAgICAvKiogTWFrZXMgZmllbGQgcmVxdWlyZWQgKi9cbiAgICByZXF1aXJlZD86IGJvb2xlYW47XG4gICAgLyoqIERpc2FibGVzIHRoZSBmaWVsZCAqL1xuICAgIGRpc2FibGVkPzogYm9vbGVhbjtcbn0gJiBSZWFjdC5Qcm9wc1dpdGhDaGlsZHJlbjx1bmtub3duPjtcblxuY29uc3QgQXJyb3dDb250YWluZXIgPSBzdHlsZWQuc3BhbmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDEycHg7XG4gICAgdG9wOiAxNnB4O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuYDtcblxuLyoqXG4gKiBEcm9wZG93biBjb21wb25lbnQgdGhhdCBhbGxvd3Mgc2VsZWN0aW9uIGZyb20gYSBsaXN0IG9mIG9wdGlvbnMuXG4gKiBTdXBwb3J0cyBzaW5nbGUgYW5kIG11bHRpLXNlbGVjdCBtb2Rlcy5cbiAqXG4gKiBAdGVtcGxhdGUgVCAtIFRoZSB0eXBlIG9mIHRoZSB2YWx1ZShzKSBpbiB0aGUgZHJvcGRvd24uXG4gKiBAcGFyYW0ge0Ryb3Bkb3duUHJvcHM8VD59IHByb3BzIC0gVGhlIHByb3BlcnRpZXMgZm9yIHRoZSBEcm9wZG93biBjb21wb25lbnQuXG4gKiBAcmV0dXJucyB7SlNYLkVsZW1lbnR9IFRoZSByZW5kZXJlZCBEcm9wZG93biBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERyb3Bkb3duPFQgZXh0ZW5kcyBvYmplY3Q+KHByb3BzOiBEcm9wZG93blByb3BzPFQ+KSB7XG4gICAgY29uc3QgeyBtdWx0aVNlbGVjdCwgb25DaGFuZ2UgfSA9IHByb3BzO1xuICAgIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbdmFsdWUsIHNldFZhbHVlXSA9IHVzZVN0YXRlKHByb3BzLnZhbHVlKTtcbiAgICBjb25zdCBpZCA9IFJlYWN0LnVzZUlkKCk7XG4gICAgY29uc3QgbWVudUlkID0gYCR7aWR9LW1lbnVgO1xuICAgIGNvbnN0IG1lbnVSZWYgPSBSZWFjdC51c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICAgIGNvbnN0IHRyaWdnZXJSZWYgPSBSZWFjdC51c2VSZWY8SFRNTElucHV0RWxlbWVudD4obnVsbCk7XG5cbiAgICAvLyBGb2N1cyBtZW51IHdoZW4gb3BlbmVkXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKG9wZW4pIHtcbiAgICAgICAgICAgIC8vIFdhaXQgZm9yIFBvcG92ZXIgdG8gZnVsbHkgb3BlbiBhbmQgZm9jdXMgaXRzZWxmIGZpcnN0XG4gICAgICAgICAgICAvLyBUaGVuIG1vdmUgZm9jdXMgdG8gdGhlIGZpcnN0IG1lbnUgaXRlbVxuICAgICAgICAgICAgY29uc3QgdGltZXIgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBmaXJzdEl0ZW0gPSBtZW51UmVmLmN1cnJlbnQ/LnF1ZXJ5U2VsZWN0b3IoJ1tyb2xlPVwib3B0aW9uXCJdJykgYXMgSFRNTEVsZW1lbnQ7XG4gICAgICAgICAgICAgICAgaWYgKGZpcnN0SXRlbSkge1xuICAgICAgICAgICAgICAgICAgICBmaXJzdEl0ZW0uZm9jdXMoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LCAxMDApOyAvLyBXYWl0IGFmdGVyIFBvcG92ZXIgaGFzIHNldCBpbml0aWFsIGZvY3VzXG4gICAgICAgICAgICByZXR1cm4gKCkgPT4gY2xlYXJUaW1lb3V0KHRpbWVyKTtcbiAgICAgICAgfVxuICAgIH0sIFtvcGVuXSk7XG5cbiAgICAvKipcbiAgICAgKiBIYW5kbGVzIGtleWRvd24gZXZlbnRzIG9uIHRoZSBpbnB1dCB0cmlnZ2VyLlxuICAgICAqIE9wZW5zIHRoZSBtZW51IG9uICdFbnRlcicsICdTcGFjZScsICdBcnJvd0Rvd24nLCBvciAnQXJyb3dVcCcuXG4gICAgICpcbiAgICAgKiBAcGFyYW0ge1JlYWN0LktleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD59IGUgLSBUaGUga2V5Ym9hcmQgZXZlbnQuXG4gICAgICovXG4gICAgY29uc3Qgb25LZXlEb3duID0gKGU6IFJlYWN0LktleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgaWYgKFsnQXJyb3dEb3duJywgJ0Fycm93VXAnLCAnRW50ZXInLCAnICddLmluY2x1ZGVzKGUua2V5KSkge1xuICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgc2V0T3Blbih0cnVlKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBIYW5kbGVzIGNoYW5nZXMgdG8gdGhlIGRyb3Bkb3duIHZhbHVlLlxuICAgICAqIFVwZGF0ZXMgbG9jYWwgc3RhdGUgYW5kIGNhbGxzIHRoZSBleHRlcm5hbCBvbkNoYW5nZSBoYW5kbGVyLlxuICAgICAqIENsb3NlcyB0aGUgZHJvcGRvd24gaWYgbm90IGluIG11bHRpLXNlbGVjdCBtb2RlLlxuICAgICAqXG4gICAgICogQHBhcmFtIHtUIHwgVFtdfSB2YWwgLSBUaGUgbmV3IHZhbHVlKHMpLlxuICAgICAqL1xuICAgIGNvbnN0IGNoYW5nZUhhbmRsZXIgPSAodmFsOiBUIHwgVFtdKSA9PiB7XG4gICAgICAgIHNldFZhbHVlKHZhbCk7XG4gICAgICAgIG9uQ2hhbmdlPy4odmFsKTtcblxuICAgICAgICAvLyBDbG9zZSBkcm9wZG93biBhZnRlciBzZWxlY3Rpb24gaWYgbm90IG11bHRpU2VsZWN0XG4gICAgICAgIGlmICghbXVsdGlTZWxlY3QpIHtcbiAgICAgICAgICAgIHNldE9wZW4oZmFsc2UpO1xuICAgICAgICAgICAgdHJpZ2dlclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFRvZ2dsZXMgdGhlIGRyb3Bkb3duIG9wZW4gc3RhdGUgb24gY2xpY2suXG4gICAgICovXG4gICAgY29uc3QgY2xpY2tIYW5kbGVyID0gKCkgPT4gc2V0T3Blbih0cnVlKTtcblxuICAgIGNvbnN0IFRyaWdnZXJFbGVtZW50ID0gUmVhY3QuZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50PigocGFzc2VkUHJvcHMsIHJlZikgPT4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPElucHV0XG4gICAgICAgICAgICAgICAgey4uLnBhc3NlZFByb3BzfVxuICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWUgJiYgU3RyaW5nKHZhbHVlKX1cbiAgICAgICAgICAgICAgICBsYWJlbD17cHJvcHMubGFiZWx9XG4gICAgICAgICAgICAgICAgZXJyb3JUZXh0PXtwcm9wcy5lcnJvclRleHR9XG4gICAgICAgICAgICAgICAgb25DbGljaz17Y2xpY2tIYW5kbGVyfVxuICAgICAgICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICAgICAgICAgIHJlcXVpcmVkPXtwcm9wcy5yZXF1aXJlZH1cbiAgICAgICAgICAgICAgICBkaXNhYmxlZD17cHJvcHMuZGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgcmVhZE9ubHlcbiAgICAgICAgICAgICAgICByb2xlPVwiY29tYm9ib3hcIlxuICAgICAgICAgICAgICAgIGFyaWEtaGFzcG9wdXA9XCJsaXN0Ym94XCJcbiAgICAgICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtvcGVufVxuICAgICAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e21lbnVJZH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8QXJyb3dDb250YWluZXIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPEV4cGFuZE1vcmUgLz5cbiAgICAgICAgICAgIDwvQXJyb3dDb250YWluZXI+XG4gICAgICAgIDwvPlxuICAgICkpO1xuICAgIFRyaWdnZXJFbGVtZW50LmRpc3BsYXlOYW1lID0gJ0Ryb3Bkb3duVHJpZ2dlcic7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8UG9wb3ZlclxuICAgICAgICAgICAgcG9zaXRpb249e1BPUE9WRVJfUE9TSVRJT04uQk9UVE9NX0xFRlR9XG4gICAgICAgICAgICBvcGVuPXtvcGVufVxuICAgICAgICAgICAgZWxlbWVudD17VHJpZ2dlckVsZW1lbnR9XG4gICAgICAgICAgICBvbkNsb3NlPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgc2V0T3BlbihmYWxzZSk7XG4gICAgICAgICAgICAgICAgdHJpZ2dlclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgICAgPE1lbnVcbiAgICAgICAgICAgICAgICByZWY9e21lbnVSZWZ9XG4gICAgICAgICAgICAgICAgaWQ9e21lbnVJZH1cbiAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgbXVsdGlTZWxlY3Q9e211bHRpU2VsZWN0fVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtjaGFuZ2VIYW5kbGVyfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgIDwvTWVudT5cbiAgICAgICAgPC9Qb3BvdmVyPlxuICAgICk7XG59XG5cbkRyb3Bkb3duLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBtdWx0aVNlbGVjdDogZmFsc2UsXG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCdUIifQ== */");
+})("position:absolute;right:12px;top:16px;pointer-events:none;");
 /**
  * Dropdown component that allows selection from a list of options.
  * Supports single and multi-select modes.
  *
  * @template T - The type of the value(s) in the dropdown.
- * @param {DropdownProps<T>} props - The properties for the Dropdown component.
- * @returns {JSX.Element} The rendered Dropdown component.
- */ function Dropdown(props) {
-    const { multiSelect, onChange } = props;
+ * @param props - The properties for the Dropdown component.
+ * @returns The rendered Dropdown component.
+ */ /**
+ * Dropdown Component
+ * @template T - The type of value(s) in the dropdown.
+ * @param props - Component props
+ * @param outerRef - Ref forwarded to the underlying HTMLInputElement
+ */ function DropdownComponent(props, outerRef) {
+    const { multiSelect = false, onChange, children, value: propValue, label, errorText, required, disabled, ...rest } = props;
     const [open, setOpen] = useState(false);
-    const [value, setValue] = useState(props.value);
+    const [value, setValue] = useState(propValue);
     const id = React.useId();
     const menuId = `${id}-menu`;
     const menuRef = React.useRef(null);
@@ -75,19 +80,40 @@ const ArrowContainer = /*#__PURE__*/ styled("span", {
     /**
      * Toggles the dropdown open state on click.
      */ const clickHandler = ()=>setOpen(true);
-    const TriggerElement = /*#__PURE__*/ React.forwardRef((passedProps, ref)=>/*#__PURE__*/ jsxs(Fragment, {
+    const TriggerElement = /*#__PURE__*/ React.forwardRef((passedProps, ref)=>{
+        // Helper to assign both internal triggerRef and external forwarded ref
+        const assignRefs = (node)=>{
+            triggerRef.current = node;
+            if (!outerRef) return;
+            if (typeof outerRef === 'function') {
+                outerRef(node);
+            } else {
+                outerRef.current = node;
+            }
+        };
+        // Combine the ref passed by parent with our assignRefs so both are updated
+        const combinedRef = (node)=>{
+            assignRefs(node);
+            if (typeof ref === 'function') {
+                ref(node);
+            } else if (ref) {
+                ref.current = node;
+            }
+        };
+        return /*#__PURE__*/ jsxs(Fragment, {
             children: [
                 /*#__PURE__*/ jsx(Input, {
+                    ...rest,
                     ...passedProps,
-                    ref: ref,
+                    ref: combinedRef,
                     type: "text",
                     value: value && String(value),
-                    label: props.label,
-                    errorText: props.errorText,
+                    label: label,
+                    errorText: errorText,
                     onClick: clickHandler,
                     onKeyDown: onKeyDown,
-                    required: props.required,
-                    disabled: props.disabled,
+                    required: required,
+                    disabled: disabled,
                     readOnly: true,
                     role: "combobox",
                     "aria-haspopup": "listbox",
@@ -99,7 +125,8 @@ const ArrowContainer = /*#__PURE__*/ styled("span", {
                     children: /*#__PURE__*/ jsx(ExpandMore, {})
                 })
             ]
-        }));
+        });
+    });
     TriggerElement.displayName = 'DropdownTrigger';
     return /*#__PURE__*/ jsx(Popover, {
         position: POPOVER_POSITION.BOTTOM_LEFT,
@@ -115,12 +142,11 @@ const ArrowContainer = /*#__PURE__*/ styled("span", {
             value: value,
             multiSelect: multiSelect,
             onChange: changeHandler,
-            children: props.children
+            children: children
         })
     });
 }
-Dropdown.defaultProps = {
-    multiSelect: false
-};
+const Dropdown = /*#__PURE__*/ React.forwardRef(DropdownComponent);
 
 export { Dropdown as default };
+//# sourceMappingURL=Dropdown.js.map

package/lib-esm/components/Input/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Input/Dropdown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from '@emotion/styled';\nimport { ExpandMore } from '../../icons';\nimport { Menu } from '../Menu';\nimport { Popover, POPOVER_POSITION } from '../Popover';\nimport Input from './Input';\n\ntype DropdownProps<T> = React.PropsWithChildren<{\n    /** Value of the control */\n    value?: T | T[];\n    /**\n     * If multiple elements can be selected\n     * @default false\n     */\n    multiSelect?: boolean;\n    /** Change handler */\n    onChange?: (v: T | T[]) => void;\n    /** Label of the control */\n    label?: string;\n    /** Error message */\n    errorText?: string;\n    /** Makes field required */\n    required?: boolean;\n    /** Disables the field */\n    disabled?: boolean;\n}> &\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value'>;\n\nconst ArrowContainer = styled.span`\n    position: absolute;\n    right: 12px;\n    top: 16px;\n    pointer-events: none;\n`;\n\n/**\n * Dropdown component that allows selection from a list of options.\n * Supports single and multi-select modes.\n *\n * @template T - The type of the value(s) in the dropdown.\n * @param props - The properties for the Dropdown component.\n * @returns The rendered Dropdown component.\n */\n/**\n * Dropdown Component\n * @template T - The type of value(s) in the dropdown.\n * @param props - Component props\n * @param outerRef - Ref forwarded to the underlying HTMLInputElement\n */\nfunction DropdownComponent<T extends object>(\n    props: DropdownProps<T>,\n    outerRef: React.Ref<HTMLInputElement>,\n) {\n    const {\n        multiSelect = false,\n        onChange,\n        children,\n        value: propValue,\n        label,\n        errorText,\n        required,\n        disabled,\n        ...rest\n    } = props;\n    const [open, setOpen] = useState(false);\n    const [value, setValue] = useState<T | T[] | undefined>(propValue);\n    const id = React.useId();\n    const menuId = `${id}-menu`;\n    const menuRef = React.useRef<HTMLDivElement | null>(null);\n    const triggerRef = React.useRef<HTMLInputElement | null>(null);\n\n    // Focus menu when opened\n    useEffect(() => {\n        if (open) {\n            // Wait for Popover to fully open and focus itself first\n            // Then move focus to the first menu item\n            const timer = setTimeout(() => {\n                const firstItem = menuRef.current?.querySelector('[role=\"option\"]') as HTMLElement;\n                if (firstItem) {\n                    firstItem.focus();\n                }\n            }, 100); // Wait after Popover has set initial focus\n            return () => clearTimeout(timer);\n        }\n    }, [open]);\n\n    /**\n     * Handles keydown events on the input trigger.\n     * Opens the menu on 'Enter', 'Space', 'ArrowDown', or 'ArrowUp'.\n     *\n     * @param {React.KeyboardEvent<HTMLInputElement>} e - The keyboard event.\n     */\n    const onKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n        if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(e.key)) {\n            e.preventDefault();\n            setOpen(true);\n        }\n    };\n\n    /**\n     * Handles changes to the dropdown value.\n     * Updates local state and calls the external onChange handler.\n     * Closes the dropdown if not in multi-select mode.\n     *\n     * @param {T | T[]} val - The new value(s).\n     */\n    const changeHandler = (val: T | T[]) => {\n        setValue(val);\n        onChange?.(val);\n\n        // Close dropdown after selection if not multiSelect\n        if (!multiSelect) {\n            setOpen(false);\n            triggerRef.current?.focus();\n        }\n    };\n\n    /**\n     * Toggles the dropdown open state on click.\n     */\n    const clickHandler = () => setOpen(true);\n\n    const TriggerElement = React.forwardRef<HTMLInputElement>((passedProps, ref) => {\n        // Helper to assign both internal triggerRef and external forwarded ref\n        const assignRefs = (node: HTMLInputElement | null) => {\n            triggerRef.current = node;\n\n            if (!outerRef) return;\n            if (typeof outerRef === 'function') {\n                outerRef(node);\n            } else {\n                (outerRef as React.MutableRefObject<HTMLInputElement | null>).current = node;\n            }\n        };\n\n        // Combine the ref passed by parent with our assignRefs so both are updated\n        const combinedRef: React.Ref<HTMLInputElement> = (node) => {\n            assignRefs(node);\n            if (typeof ref === 'function') {\n                ref(node);\n            } else if (ref) {\n                (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n            }\n        };\n\n        return (\n            <>\n                <Input\n                    {...rest}\n                    {...passedProps}\n                    ref={combinedRef}\n                    type=\"text\"\n                    value={value && String(value)}\n                    label={label}\n                    errorText={errorText}\n                    onClick={clickHandler}\n                    onKeyDown={onKeyDown}\n                    required={required}\n                    disabled={disabled}\n                    readOnly\n                    role=\"combobox\"\n                    aria-haspopup=\"listbox\"\n                    aria-expanded={open}\n                    aria-controls={menuId}\n                />\n                <ArrowContainer aria-hidden=\"true\">\n                    <ExpandMore />\n                </ArrowContainer>\n            </>\n        );\n    });\n    TriggerElement.displayName = 'DropdownTrigger';\n\n    return (\n        <Popover\n            position={POPOVER_POSITION.BOTTOM_LEFT}\n            open={open}\n            element={TriggerElement}\n            onClose={() => {\n                setOpen(false);\n                triggerRef.current?.focus();\n            }}\n        >\n            <Menu\n                ref={menuRef}\n                id={menuId}\n                value={value}\n                multiSelect={multiSelect}\n                onChange={changeHandler}\n            >\n                {children}\n            </Menu>\n        </Popover>\n    );\n}\n\nconst Dropdown = React.forwardRef(DropdownComponent) as <T>(\n    props: DropdownProps<T> & React.RefAttributes<HTMLInputElement>,\n) => React.ReactElement | null;\nexport default Dropdown;\n"],"names":["ArrowContainer","styled","DropdownComponent","props","outerRef","multiSelect","onChange","children","value","propValue","label","errorText","required","disabled","rest","open","setOpen","useState","setValue","id","React","useId","menuId","menuRef","useRef","triggerRef","useEffect","timer","setTimeout","firstItem","current","querySelector","focus","clearTimeout","onKeyDown","e","includes","key","preventDefault","changeHandler","val","clickHandler","TriggerElement","forwardRef","passedProps","ref","assignRefs","node","combinedRef","_jsxs","_Fragment","_jsx","Input","type","String","onClick","readOnly","role","aria-haspopup","aria-expanded","aria-controls","aria-hidden","ExpandMore","displayName","Popover","position","POPOVER_POSITION","BOTTOM_LEFT","element","onClose","Menu","Dropdown"],"mappings":"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"}

package/lib-esm/components/Input/Input.d.ts

@@ -1,9 +1,14 @@
 import React from 'react';
-type InputProps = React.AllHTMLAttributes<HTMLInputElement> & {
+type InputProps = {
     /** Label for the field */
     label?: string;
-    /** Error message for the field */
+    /** Error text to be shown below the field */
     errorText?: string;
-};
+} & React.AllHTMLAttributes<HTMLInputElement>;
+/**
+ * Input Component
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLInputElement
+ */
 declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "as"> & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/lib-esm/components/Input/Input.js

@@ -1,15 +1,14 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import React, { useState, useId, useEffect } from 'react';
-import PropTypes from 'prop-types';
+import React, { useState, useId, useRef, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-const Label = /*#__PURE__*/ styled("label", {
-    target: "e1hw2ebx0",
+const Label$5 = /*#__PURE__*/ styled("label", {
+    target: "el9i5v60",
     label: "Label"
-})("display:inline-flex;flex-direction:column;position:relative;margin:10px 5px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9JbnB1dC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvSW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCB1c2VJZCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ICYge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgLyoqIEVycm9yIG1lc3NhZ2UgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGVycm9yVGV4dD86IHN0cmluZztcbn07XG5cbnR5cGUgSW5wdXRJbnRlcm5hbFByb3BzID0gSW5wdXRQcm9wcyAmIHtcbiAgICB0b3VjaGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWFyZ2luOiAxMHB4IDVweDtcbmA7XG5cbmNvbnN0IFRleHRGaWVsZCA9IHN0eWxlZC5pbnB1dDxJbnB1dEludGVybmFsUHJvcHM+YFxuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgcGFkZGluZzogMCA4cHg7XG4gICAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gICAgbWluLWhlaWdodDogMzBweDtcbiAgICB3aWR0aDogMjUwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9DT0xPUil9O1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG5cbiAgICAvKiogRm9jdXNlZCAqL1xuICAgICY6Zm9jdXMsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzICsgc3BhbixcbiAgICAmOmFjdGl2ZSArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qKiBEaXNhYmxlZCAqL1xuICAgICY6ZGlzYWJsZWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEX0JPUkRFUil9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CQUNLR1JPVU5EKX07XG4gICAgICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmZvY3VzOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAmOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJjppbnZhbGlkICsgc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIEVycm9yICovXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLmVycm9yVGV4dFxuICAgICAgICAgICAgPyBgXG4gICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG4gICAgYFxuICAgICAgICAgICAgOiAnJ31cblxuICAgIC8qKiBSZXF1aXJlZCAqL1xuICAgICY6cmVxdWlyZWQgKyBzcGFuOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyonO1xuICAgICAgICBtYXJnaW4tbGVmdDogMnB4O1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAvKiogTGFiZWwgQW5pbWF0aW9uICovXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHBhZGRpbmc6IDAgNXB4O1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgbGVmdDogNHB4O1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMzAwbXMgZWFzZTtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudmFsdWUgIT09ICcnXG4gICAgICAgICAgICA/IGBcbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHRvcDogLThweDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sICY6cGxhY2Vob2xkZXItc2hvd24gKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuYDtcblxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG5jb25zdCBJbnB1dCA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgT21pdDxJbnB1dFByb3BzLCAnYXMnPj4oKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCBbdG91Y2hlZCwgc2V0VG91Y2hlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wcy52YWx1ZSB8fCAnJyk7XG4gICAgY29uc3QgZXJyb3JJZCA9IHVzZUlkKCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAocHJvcHMudmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgc2V0VmFsdWUocHJvcHMudmFsdWUpO1xuICAgICAgICB9XG4gICAgfSwgW3Byb3BzLnZhbHVlXSk7XG5cbiAgICBjb25zdCBoYW5kbGVGb2N1cyA9IChlOiBSZWFjdC5Gb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIHNldFRvdWNoZWQodHJ1ZSk7XG4gICAgICAgIGlmIChwcm9wcy5vbkZvY3VzKSB7XG4gICAgICAgICAgICBwcm9wcy5vbkZvY3VzKGUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IG9uQ2hhbmdlSGFuZGxlciA9IChlOiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAocHJvcHMub25DaGFuZ2UpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICAgIHByb3BzLm9uQ2hhbmdlKGUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMYWJlbD5cbiAgICAgICAgICAgIDxUZXh0RmllbGRcbiAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgICAgICAgdG91Y2hlZD17dG91Y2hlZH1cbiAgICAgICAgICAgICAgICBhcmlhLWludmFsaWQ9eyEhcHJvcHMuZXJyb3JUZXh0fVxuICAgICAgICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e3Byb3BzLmVycm9yVGV4dCA/IGVycm9ySWQgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgICAgICAgIHtwcm9wcy5lcnJvclRleHQgJiYgPEVycm9yQ29udGFpbmVyIGlkPXtlcnJvcklkfT57cHJvcHMuZXJyb3JUZXh0fTwvRXJyb3JDb250YWluZXI+fVxuICAgICAgICA8L0xhYmVsPlxuICAgICk7XG59KTtcblxuSW5wdXQuZGlzcGxheU5hbWUgPSAnSW5wdXQnO1xuXG5leHBvcnQgZGVmYXVsdCBJbnB1dDtcblxuSW5wdXQucHJvcFR5cGVzID0ge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEVycm9yIHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZpZWxkICovXG4gICAgZXJyb3JUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQmMifQ== */");
-const TextField = /*#__PURE__*/ styled("input", {
-    target: "e1hw2ebx1",
+})("display:inline-flex;flex-direction:column;position:relative;margin:10px 5px;");
+const TextField$1 = /*#__PURE__*/ styled("input", {
+    target: "el9i5v61",
     label: "TextField"
 })("outline:none;color:inherit;padding:0 8px;line-height:30px;min-height:30px;width:250px;border-radius:3px;border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";display:inline-block;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";&:focus,&:active{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:focus + span,&:active + span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled{border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";padding:0 8px;}&:disabled + span{color:", getThemeValue(THEME_NAME.DISABLED), ";}&:focus:invalid{border-color:", getThemeValue(THEME_NAME.ERROR), ";box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.ERROR_LIGHT), ";}", (props)=>props.touched ? `
     &:invalid {
@@ -32,18 +31,24 @@ const TextField = /*#__PURE__*/ styled("input", {
         font-size: 12px;
         line-height: 14px;
     }
-    ` : '', "    &:focus + span,&:placeholder-shown + span{top:-8px;background:", getThemeValue(THEME_NAME.BACKGROUND), ";font-size:12px;line-height:14px;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9JbnB1dC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvSW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCB1c2VJZCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ICYge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgLyoqIEVycm9yIG1lc3NhZ2UgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGVycm9yVGV4dD86IHN0cmluZztcbn07XG5cbnR5cGUgSW5wdXRJbnRlcm5hbFByb3BzID0gSW5wdXRQcm9wcyAmIHtcbiAgICB0b3VjaGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWFyZ2luOiAxMHB4IDVweDtcbmA7XG5cbmNvbnN0IFRleHRGaWVsZCA9IHN0eWxlZC5pbnB1dDxJbnB1dEludGVybmFsUHJvcHM+YFxuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgcGFkZGluZzogMCA4cHg7XG4gICAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gICAgbWluLWhlaWdodDogMzBweDtcbiAgICB3aWR0aDogMjUwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9DT0xPUil9O1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG5cbiAgICAvKiogRm9jdXNlZCAqL1xuICAgICY6Zm9jdXMsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzICsgc3BhbixcbiAgICAmOmFjdGl2ZSArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qKiBEaXNhYmxlZCAqL1xuICAgICY6ZGlzYWJsZWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEX0JPUkRFUil9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CQUNLR1JPVU5EKX07XG4gICAgICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmZvY3VzOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAmOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJjppbnZhbGlkICsgc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIEVycm9yICovXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLmVycm9yVGV4dFxuICAgICAgICAgICAgPyBgXG4gICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG4gICAgYFxuICAgICAgICAgICAgOiAnJ31cblxuICAgIC8qKiBSZXF1aXJlZCAqL1xuICAgICY6cmVxdWlyZWQgKyBzcGFuOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyonO1xuICAgICAgICBtYXJnaW4tbGVmdDogMnB4O1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAvKiogTGFiZWwgQW5pbWF0aW9uICovXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHBhZGRpbmc6IDAgNXB4O1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgbGVmdDogNHB4O1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMzAwbXMgZWFzZTtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudmFsdWUgIT09ICcnXG4gICAgICAgICAgICA/IGBcbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHRvcDogLThweDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sICY6cGxhY2Vob2xkZXItc2hvd24gKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuYDtcblxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG5jb25zdCBJbnB1dCA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgT21pdDxJbnB1dFByb3BzLCAnYXMnPj4oKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCBbdG91Y2hlZCwgc2V0VG91Y2hlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wcy52YWx1ZSB8fCAnJyk7XG4gICAgY29uc3QgZXJyb3JJZCA9IHVzZUlkKCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAocHJvcHMudmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgc2V0VmFsdWUocHJvcHMudmFsdWUpO1xuICAgICAgICB9XG4gICAgfSwgW3Byb3BzLnZhbHVlXSk7XG5cbiAgICBjb25zdCBoYW5kbGVGb2N1cyA9IChlOiBSZWFjdC5Gb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIHNldFRvdWNoZWQodHJ1ZSk7XG4gICAgICAgIGlmIChwcm9wcy5vbkZvY3VzKSB7XG4gICAgICAgICAgICBwcm9wcy5vbkZvY3VzKGUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IG9uQ2hhbmdlSGFuZGxlciA9IChlOiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAocHJvcHMub25DaGFuZ2UpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICAgIHByb3BzLm9uQ2hhbmdlKGUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMYWJlbD5cbiAgICAgICAgICAgIDxUZXh0RmllbGRcbiAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgICAgICAgdG91Y2hlZD17dG91Y2hlZH1cbiAgICAgICAgICAgICAgICBhcmlhLWludmFsaWQ9eyEhcHJvcHMuZXJyb3JUZXh0fVxuICAgICAgICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e3Byb3BzLmVycm9yVGV4dCA/IGVycm9ySWQgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgICAgICAgIHtwcm9wcy5lcnJvclRleHQgJiYgPEVycm9yQ29udGFpbmVyIGlkPXtlcnJvcklkfT57cHJvcHMuZXJyb3JUZXh0fTwvRXJyb3JDb250YWluZXI+fVxuICAgICAgICA8L0xhYmVsPlxuICAgICk7XG59KTtcblxuSW5wdXQuZGlzcGxheU5hbWUgPSAnSW5wdXQnO1xuXG5leHBvcnQgZGVmYXVsdCBJbnB1dDtcblxuSW5wdXQucHJvcFR5cGVzID0ge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEVycm9yIHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZpZWxkICovXG4gICAgZXJyb3JUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmtCIn0= */");
-const ErrorContainer = /*#__PURE__*/ styled("div", {
-    target: "e1hw2ebx2",
+    ` : '', "    &:focus + span,&:placeholder-shown + span{top:-8px;background:", getThemeValue(THEME_NAME.BACKGROUND), ";font-size:12px;line-height:14px;}");
+const ErrorContainer$3 = /*#__PURE__*/ styled("div", {
+    target: "el9i5v62",
     label: "ErrorContainer"
-})("color:", getThemeValue(THEME_NAME.ERROR), ";padding-top:3px;font-size:12px;line-height:14px;margin-left:3px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9JbnB1dC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvSW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlRWZmZWN0LCB1c2VJZCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi4vLi4vc2hhcmVkL2NvbnN0YW50cyc7XG5cbnR5cGUgSW5wdXRQcm9wcyA9IFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ICYge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw/OiBzdHJpbmc7XG4gICAgLyoqIEVycm9yIG1lc3NhZ2UgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGVycm9yVGV4dD86IHN0cmluZztcbn07XG5cbnR5cGUgSW5wdXRJbnRlcm5hbFByb3BzID0gSW5wdXRQcm9wcyAmIHtcbiAgICB0b3VjaGVkOiBib29sZWFuO1xufTtcblxuY29uc3QgTGFiZWwgPSBzdHlsZWQubGFiZWxgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgbWFyZ2luOiAxMHB4IDVweDtcbmA7XG5cbmNvbnN0IFRleHRGaWVsZCA9IHN0eWxlZC5pbnB1dDxJbnB1dEludGVybmFsUHJvcHM+YFxuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgcGFkZGluZzogMCA4cHg7XG4gICAgbGluZS1oZWlnaHQ6IDMwcHg7XG4gICAgbWluLWhlaWdodDogMzBweDtcbiAgICB3aWR0aDogMjUwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9DT0xPUil9O1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG5cbiAgICAvKiogRm9jdXNlZCAqL1xuICAgICY6Zm9jdXMsXG4gICAgJjphY3RpdmUge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgNHB4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzICsgc3BhbixcbiAgICAmOmFjdGl2ZSArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qKiBEaXNhYmxlZCAqL1xuICAgICY6ZGlzYWJsZWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEX0JPUkRFUil9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CQUNLR1JPVU5EKX07XG4gICAgICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEKX07XG4gICAgfVxuXG4gICAgLyoqIEludmFsaWQgKi9cbiAgICAmOmZvY3VzOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUl9MSUdIVCl9O1xuICAgIH1cblxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy50b3VjaGVkXG4gICAgICAgICAgICA/IGBcbiAgICAmOmludmFsaWQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgfVxuXG4gICAgJjppbnZhbGlkICsgc3BhbiB7XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgLyoqIEVycm9yICovXG4gICAgJHsocHJvcHMpID0+XG4gICAgICAgIHByb3BzLmVycm9yVGV4dFxuICAgICAgICAgICAgPyBgXG4gICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG4gICAgYFxuICAgICAgICAgICAgOiAnJ31cblxuICAgIC8qKiBSZXF1aXJlZCAqL1xuICAgICY6cmVxdWlyZWQgKyBzcGFuOmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyonO1xuICAgICAgICBtYXJnaW4tbGVmdDogMnB4O1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpfTtcbiAgICB9XG5cbiAgICAvKiogTGFiZWwgQW5pbWF0aW9uICovXG4gICAgJiArIHNwYW4ge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHBhZGRpbmc6IDAgNXB4O1xuICAgICAgICB0b3A6IDBweDtcbiAgICAgICAgbGVmdDogNHB4O1xuICAgICAgICBmb250LXNpemU6IDE0cHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAzMnB4O1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgMzAwbXMgZWFzZTtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMudmFsdWUgIT09ICcnXG4gICAgICAgICAgICA/IGBcbiAgICAmICsgc3BhbiB7XG4gICAgICAgIHRvcDogLThweDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuXG4gICAgJjpmb2N1cyArIHNwYW4sICY6cGxhY2Vob2xkZXItc2hvd24gKyBzcGFuIHtcbiAgICAgICAgdG9wOiAtOHB4O1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE0cHg7XG4gICAgfVxuYDtcblxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIHBhZGRpbmctdG9wOiAzcHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuICAgIGxpbmUtaGVpZ2h0OiAxNHB4O1xuICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG5gO1xuXG5jb25zdCBJbnB1dCA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgT21pdDxJbnB1dFByb3BzLCAnYXMnPj4oKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCBbdG91Y2hlZCwgc2V0VG91Y2hlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgW3ZhbHVlLCBzZXRWYWx1ZV0gPSB1c2VTdGF0ZShwcm9wcy52YWx1ZSB8fCAnJyk7XG4gICAgY29uc3QgZXJyb3JJZCA9IHVzZUlkKCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAocHJvcHMudmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICAgICAgc2V0VmFsdWUocHJvcHMudmFsdWUpO1xuICAgICAgICB9XG4gICAgfSwgW3Byb3BzLnZhbHVlXSk7XG5cbiAgICBjb25zdCBoYW5kbGVGb2N1cyA9IChlOiBSZWFjdC5Gb2N1c0V2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIHNldFRvdWNoZWQodHJ1ZSk7XG4gICAgICAgIGlmIChwcm9wcy5vbkZvY3VzKSB7XG4gICAgICAgICAgICBwcm9wcy5vbkZvY3VzKGUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIGNvbnN0IG9uQ2hhbmdlSGFuZGxlciA9IChlOiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAocHJvcHMub25DaGFuZ2UpIHtcbiAgICAgICAgICAgIHNldFZhbHVlKGUudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICAgIHByb3BzLm9uQ2hhbmdlKGUpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgc2V0VmFsdWUoZS50YXJnZXQudmFsdWUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMYWJlbD5cbiAgICAgICAgICAgIDxUZXh0RmllbGRcbiAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgICAgICAgdG91Y2hlZD17dG91Y2hlZH1cbiAgICAgICAgICAgICAgICBhcmlhLWludmFsaWQ9eyEhcHJvcHMuZXJyb3JUZXh0fVxuICAgICAgICAgICAgICAgIGFyaWEtcmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e3Byb3BzLmVycm9yVGV4dCA/IGVycm9ySWQgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPHNwYW4+e3Byb3BzLmxhYmVsfTwvc3Bhbj5cbiAgICAgICAgICAgIHtwcm9wcy5lcnJvclRleHQgJiYgPEVycm9yQ29udGFpbmVyIGlkPXtlcnJvcklkfT57cHJvcHMuZXJyb3JUZXh0fTwvRXJyb3JDb250YWluZXI+fVxuICAgICAgICA8L0xhYmVsPlxuICAgICk7XG59KTtcblxuSW5wdXQuZGlzcGxheU5hbWUgPSAnSW5wdXQnO1xuXG5leHBvcnQgZGVmYXVsdCBJbnB1dDtcblxuSW5wdXQucHJvcFR5cGVzID0ge1xuICAgIC8qKiBMYWJlbCBmb3IgdGhlIGZpZWxkICovXG4gICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgLyoqIEVycm9yIHRleHQgdG8gYmUgc2hvd24gYmVsb3cgdGhlIGZpZWxkICovXG4gICAgZXJyb3JUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErSHVCIn0= */");
-const Input = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+})("color:", getThemeValue(THEME_NAME.ERROR), ";padding-top:3px;font-size:12px;line-height:14px;margin-left:3px;");
+/**
+ * Input Component
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLInputElement
+ */ const Input$2 = /*#__PURE__*/ React.forwardRef((props, ref)=>{
     const [touched, setTouched] = useState(false);
     const [value, setValue] = useState(props.value || '');
     const errorId = useId();
+    const prevValueRef = useRef(undefined);
     useEffect(()=>{
-        if (props.value !== undefined) {
+        if (props.value !== undefined && props.value !== prevValueRef.current) {
             setValue(props.value);
+            prevValueRef.current = props.value;
         }
     }, [
         props.value
@@ -62,9 +67,9 @@ const Input = /*#__PURE__*/ React.forwardRef((props, ref)=>{
             setValue(e.target.value);
         }
     };
-    return /*#__PURE__*/ jsxs(Label, {
+    return /*#__PURE__*/ jsxs(Label$5, {
         children: [
-            /*#__PURE__*/ jsx(TextField, {
+            /*#__PURE__*/ jsx(TextField$1, {
                 ...props,
                 ref: ref,
                 value: value,
@@ -78,17 +83,14 @@ const Input = /*#__PURE__*/ React.forwardRef((props, ref)=>{
             /*#__PURE__*/ jsx("span", {
                 children: props.label
             }),
-            props.errorText && /*#__PURE__*/ jsx(ErrorContainer, {
+            props.errorText && /*#__PURE__*/ jsx(ErrorContainer$3, {
                 id: errorId,
                 children: props.errorText
             })
         ]
     });
 });
-Input.displayName = 'Input';
-Input.propTypes = {
-    /** Label for the field */ label: PropTypes.string,
-    /** Error text to be shown below the field */ errorText: PropTypes.string
-};
+Input$2.displayName = 'Input';
 
-export { Input as default };
+export { Input$2 as default };
+//# sourceMappingURL=Input.js.map

package/lib-esm/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { useState, useEffect, useId, useRef } from 'react';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\ntype InputProps = {\n    /** Label for the field */\n    label?: string;\n    /** Error text to be shown below the field */\n    errorText?: string;\n} & React.AllHTMLAttributes<HTMLInputElement>;\n\ntype InputInternalProps = InputProps & {\n    touched: boolean;\n};\n\nconst Label = styled.label`\n    display: inline-flex;\n    flex-direction: column;\n    position: relative;\n    margin: 10px 5px;\n`;\n\nconst TextField = styled.input<InputInternalProps>`\n    outline: none;\n    color: inherit;\n    padding: 0 8px;\n    line-height: 30px;\n    min-height: 30px;\n    width: 250px;\n    border-radius: 3px;\n    border: 1px solid ${getThemeValue(THEME_NAME.BORDER_COLOR)};\n    display: inline-block;\n    background-color: ${getThemeValue(THEME_NAME.BACKGROUND)};\n\n    /** Focused */\n    &:focus,\n    &:active {\n        border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n        box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n    }\n\n    &:focus + span,\n    &:active + span {\n        color: ${getThemeValue(THEME_NAME.PRIMARY)};\n    }\n\n    /** Disabled */\n    &:disabled {\n        border-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n        background-color: ${getThemeValue(THEME_NAME.DISABLED_BACKGROUND)};\n        padding: 0 8px;\n    }\n\n    &:disabled + span {\n        color: ${getThemeValue(THEME_NAME.DISABLED)};\n    }\n\n    /** Invalid */\n    &:focus:invalid {\n        border-color: ${getThemeValue(THEME_NAME.ERROR)};\n        box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.ERROR_LIGHT)};\n    }\n\n    ${(props) =>\n        props.touched\n            ? `\n    &:invalid {\n        border-color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n\n    &:invalid + span {\n        color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n    `\n            : ''}\n\n    /** Error */\n    ${(props) =>\n        props.errorText\n            ? `\n    border-color: ${getThemeValue(THEME_NAME.ERROR)};\n\n    & + span {\n        color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n    `\n            : ''}\n\n    /** Required */\n    &:required + span:after {\n        content: '*';\n        margin-left: 2px;\n        color: ${getThemeValue(THEME_NAME.ERROR)};\n    }\n\n    /** Label Animation */\n    & + span {\n        position: absolute;\n        padding: 0 5px;\n        top: 0px;\n        left: 4px;\n        font-size: 14px;\n        line-height: 32px;\n        transition: all 300ms ease;\n    }\n\n    ${(props) =>\n        props.value !== ''\n            ? `\n    & + span {\n        top: -8px;\n        background: ${getThemeValue(THEME_NAME.BACKGROUND)};\n        font-size: 12px;\n        line-height: 14px;\n    }\n    `\n            : ''}\n\n    &:focus + span, &:placeholder-shown + span {\n        top: -8px;\n        background: ${getThemeValue(THEME_NAME.BACKGROUND)};\n        font-size: 12px;\n        line-height: 14px;\n    }\n`;\n\nconst ErrorContainer = styled.div`\n    color: ${getThemeValue(THEME_NAME.ERROR)};\n    padding-top: 3px;\n    font-size: 12px;\n    line-height: 14px;\n    margin-left: 3px;\n`;\n\n/**\n * Input Component\n * @param props - Component props\n * @param ref - Ref forwarded to the underlying HTMLInputElement\n */\nconst Input = React.forwardRef<HTMLInputElement, Omit<InputProps, 'as'>>((props, ref) => {\n    const [touched, setTouched] = useState(false);\n    const [value, setValue] = useState(props.value || '');\n    const errorId = useId();\n    const prevValueRef = useRef<string>(undefined);\n\n    useEffect(() => {\n        if (props.value !== undefined && props.value !== prevValueRef.current) {\n            setValue(props.value);\n            prevValueRef.current = props.value as string;\n        }\n    }, [props.value]);\n\n    const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n        setTouched(true);\n        if (props.onFocus) {\n            props.onFocus(e);\n        }\n    };\n\n    const onChangeHandler = (e: React.ChangeEvent<HTMLInputElement>) => {\n        if (props.onChange) {\n            setValue(e.target.value);\n            props.onChange(e);\n        } else {\n            setValue(e.target.value);\n        }\n    };\n\n    return (\n        <Label>\n            <TextField\n                {...props}\n                ref={ref}\n                value={value}\n                onChange={onChangeHandler}\n                onFocus={handleFocus}\n                touched={touched}\n                aria-invalid={!!props.errorText}\n                aria-required={props.required}\n                aria-describedby={props.errorText ? errorId : undefined}\n            />\n            <span>{props.label}</span>\n            {props.errorText && <ErrorContainer id={errorId}>{props.errorText}</ErrorContainer>}\n        </Label>\n    );\n});\n\nInput.displayName = 'Input';\nexport default Input;\n"],"names":["Label","styled","TextField","getThemeValue","THEME_NAME","BORDER_COLOR","BACKGROUND","PRIMARY","PRIMARY_LIGHT","DISABLED_BORDER","DISABLED_BACKGROUND","DISABLED","ERROR","ERROR_LIGHT","props","touched","errorText","value","ErrorContainer","Input","React","forwardRef","ref","setTouched","useState","setValue","errorId","useId","prevValueRef","useRef","undefined","useEffect","current","handleFocus","e","onFocus","onChangeHandler","onChange","target","_jsxs","_jsx","aria-invalid","aria-required","required","aria-describedby","span","label","id","displayName"],"mappings":"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"}

package/lib-esm/components/Input/Radio.d.ts

@@ -1,10 +1,6 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-declare function Radio(props: PropTypes.InferProps<React.AllHTMLAttributes<HTMLInputElement> & typeof Radio.propTypes>): import("@emotion/react/jsx-runtime").JSX.Element;
-declare namespace Radio {
-    var propTypes: {
-        /** Label for the field */
-        label: PropTypes.Requireable<string>;
-    };
-}
+declare const Radio: React.ForwardRefExoticComponent<{
+    /** Label for the field */
+    label?: string;
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
 export default Radio;

package/lib-esm/components/Input/Radio.js

@@ -1,37 +1,41 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import 'react';
-import PropTypes from 'prop-types';
+import React from 'react';
 import styled from '@emotion/styled';
 import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-const Label = /*#__PURE__*/ styled("label", {
-    target: "e1ji8xn0",
+const Label$1 = /*#__PURE__*/ styled("label", {
+    target: "e12cx2u30",
     label: "Label"
-})("display:inline-flex;align-items:center;margin:5px 0;cursor:pointer;position:relative;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9SYWRpby50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvUmFkaW8udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogNXB4IDA7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkLnNwYW5gXG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9DT0xPUil9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuM3MgZWFzZTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmxleC1zaHJpbms6IDA7XG5cbiAgICAmOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAzcHggJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMnMgZWFzZTtcbiAgICB9XG5gO1xuXG5jb25zdCBIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBvcGFjaXR5OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIGhlaWdodDogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgLyogY2hlY2tlZCAqL1xuICAgICY6Y2hlY2tlZCArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAmOmNoZWNrZWQgKyAke1N0eWxlZFJhZGlvfTo6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgIH1cblxuICAgIC8qIGZvY3VzICovXG4gICAgJjplbmFibGVkOmZvY3VzICsgJHtTdHlsZWRSYWRpb30ge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgM3B4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmVuYWJsZWQ6Y2hlY2tlZDpmb2N1cyArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgLyogaG92ZXIgKi9cbiAgICAmOmVuYWJsZWQ6aG92ZXIgKyAke1N0eWxlZFJhZGlvfSB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgICY6ZW5hYmxlZDpob3ZlciB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qIGRpc2FibGVkICovXG4gICAgJjpkaXNhYmxlZCArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuTElHSFRfR1JFWSl9O1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQ6Y2hlY2tlZCArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcblxuZnVuY3Rpb24gUmFkaW8oXG4gICAgcHJvcHM6IFByb3BUeXBlcy5JbmZlclByb3BzPFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ICYgdHlwZW9mIFJhZGlvLnByb3BUeXBlcz4sXG4pIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8TGFiZWw+XG4gICAgICAgICAgICA8SGlkZGVuSW5wdXQgey4uLnByb3BzfSB0eXBlPVwicmFkaW9cIiAvPlxuICAgICAgICAgICAgPFN0eWxlZFJhZGlvIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICA8L0xhYmVsPlxuICAgICk7XG59XG5cblJhZGlvLnByb3BUeXBlcyA9IHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUmFkaW87XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2MifQ== */");
+})("display:inline-flex;align-items:center;margin:5px 0;cursor:pointer;position:relative;");
 const StyledRadio = /*#__PURE__*/ styled("span", {
-    target: "e1ji8xn1",
+    target: "e12cx2u31",
     label: "StyledRadio"
-})("width:16px;height:16px;margin-right:5px;border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";border-radius:50%;display:block;transition:background-color 0.3s ease;position:relative;flex-shrink:0;&::after{content:'';width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 3px ", getThemeValue(THEME_NAME.BACKGROUND), ";opacity:0;transition:opacity 0.2s ease;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9SYWRpby50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvUmFkaW8udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogNXB4IDA7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkLnNwYW5gXG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9DT0xPUil9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuM3MgZWFzZTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmxleC1zaHJpbms6IDA7XG5cbiAgICAmOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAzcHggJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMnMgZWFzZTtcbiAgICB9XG5gO1xuXG5jb25zdCBIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBvcGFjaXR5OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIGhlaWdodDogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgLyogY2hlY2tlZCAqL1xuICAgICY6Y2hlY2tlZCArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAmOmNoZWNrZWQgKyAke1N0eWxlZFJhZGlvfTo6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgIH1cblxuICAgIC8qIGZvY3VzICovXG4gICAgJjplbmFibGVkOmZvY3VzICsgJHtTdHlsZWRSYWRpb30ge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgM3B4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmVuYWJsZWQ6Y2hlY2tlZDpmb2N1cyArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgLyogaG92ZXIgKi9cbiAgICAmOmVuYWJsZWQ6aG92ZXIgKyAke1N0eWxlZFJhZGlvfSB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgICY6ZW5hYmxlZDpob3ZlciB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qIGRpc2FibGVkICovXG4gICAgJjpkaXNhYmxlZCArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuTElHSFRfR1JFWSl9O1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQ6Y2hlY2tlZCArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcblxuZnVuY3Rpb24gUmFkaW8oXG4gICAgcHJvcHM6IFByb3BUeXBlcy5JbmZlclByb3BzPFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ICYgdHlwZW9mIFJhZGlvLnByb3BUeXBlcz4sXG4pIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8TGFiZWw+XG4gICAgICAgICAgICA8SGlkZGVuSW5wdXQgey4uLnByb3BzfSB0eXBlPVwicmFkaW9cIiAvPlxuICAgICAgICAgICAgPFN0eWxlZFJhZGlvIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICA8L0xhYmVsPlxuICAgICk7XG59XG5cblJhZGlvLnByb3BUeXBlcyA9IHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUmFkaW87XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9CIn0= */");
+})("width:16px;height:16px;margin-right:5px;border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";border-radius:50%;display:block;transition:background-color 0.3s ease;position:relative;flex-shrink:0;&::after{content:'';width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 3px ", getThemeValue(THEME_NAME.BACKGROUND), ";opacity:0;transition:opacity 0.2s ease;}");
 const HiddenInput = /*#__PURE__*/ styled("input", {
-    target: "e1ji8xn2",
+    target: "e12cx2u32",
     label: "HiddenInput"
-})("opacity:0;width:0;height:0;position:absolute;margin:0;&:checked + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";background-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:checked + ", StyledRadio, "::after{opacity:1;}&:enabled:focus + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 3px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:enabled:checked:focus + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 3px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:enabled:hover + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:hover ~ span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";background-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";cursor:not-allowed;}&:disabled:checked + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";background-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}&:disabled ~ span{color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";cursor:not-allowed;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9SYWRpby50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvUmFkaW8udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogNXB4IDA7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkLnNwYW5gXG4gICAgd2lkdGg6IDE2cHg7XG4gICAgaGVpZ2h0OiAxNnB4O1xuICAgIG1hcmdpbi1yaWdodDogNXB4O1xuICAgIGJvcmRlcjogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9DT0xPUil9O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuM3MgZWFzZTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZmxleC1zaHJpbms6IDA7XG5cbiAgICAmOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAzcHggJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQkFDS0dST1VORCl9O1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuMnMgZWFzZTtcbiAgICB9XG5gO1xuXG5jb25zdCBIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBvcGFjaXR5OiAwO1xuICAgIHdpZHRoOiAwO1xuICAgIGhlaWdodDogMDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbWFyZ2luOiAwO1xuXG4gICAgLyogY2hlY2tlZCAqL1xuICAgICY6Y2hlY2tlZCArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICB9XG5cbiAgICAmOmNoZWNrZWQgKyAke1N0eWxlZFJhZGlvfTo6YWZ0ZXIge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgIH1cblxuICAgIC8qIGZvY3VzICovXG4gICAgJjplbmFibGVkOmZvY3VzICsgJHtTdHlsZWRSYWRpb30ge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgYm94LXNoYWRvdzogMCAwIDAgM3B4ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmVuYWJsZWQ6Y2hlY2tlZDpmb2N1cyArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgLyogaG92ZXIgKi9cbiAgICAmOmVuYWJsZWQ6aG92ZXIgKyAke1N0eWxlZFJhZGlvfSB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgICY6ZW5hYmxlZDpob3ZlciB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgIH1cblxuICAgIC8qIGRpc2FibGVkICovXG4gICAgJjpkaXNhYmxlZCArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuTElHSFRfR1JFWSl9O1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQ6Y2hlY2tlZCArICR7U3R5bGVkUmFkaW99IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB+IHNwYW4ge1xuICAgICAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRElTQUJMRURfQk9SREVSKX07XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcblxuZnVuY3Rpb24gUmFkaW8oXG4gICAgcHJvcHM6IFByb3BUeXBlcy5JbmZlclByb3BzPFJlYWN0LkFsbEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+ICYgdHlwZW9mIFJhZGlvLnByb3BUeXBlcz4sXG4pIHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8TGFiZWw+XG4gICAgICAgICAgICA8SGlkZGVuSW5wdXQgey4uLnByb3BzfSB0eXBlPVwicmFkaW9cIiAvPlxuICAgICAgICAgICAgPFN0eWxlZFJhZGlvIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICA8L0xhYmVsPlxuICAgICk7XG59XG5cblJhZGlvLnByb3BUeXBlcyA9IHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUmFkaW87XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NvQiJ9 */");
-function Radio(props) {
-    return /*#__PURE__*/ jsxs(Label, {
+})("opacity:0;width:0;height:0;position:absolute;margin:0;&:checked + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";background-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:checked + ", StyledRadio, "::after{opacity:1;}&:enabled:focus + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 3px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:enabled:checked:focus + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";box-shadow:0 0 0 3px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:enabled:hover + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:enabled:hover ~ span{color:", getThemeValue(THEME_NAME.PRIMARY), ";}&:disabled + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";background-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";cursor:not-allowed;}&:disabled:checked + ", StyledRadio, "{border-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";background-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}&:disabled ~ span{color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";cursor:not-allowed;}");
+/**
+ * Radio Component
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLInputElement
+ */ function RadioComponent(props, ref) {
+    const { label, ...rest } = props;
+    return /*#__PURE__*/ jsxs(Label$1, {
         children: [
             /*#__PURE__*/ jsx(HiddenInput, {
-                ...props,
+                ...rest,
+                ref: ref,
                 type: "radio"
             }),
             /*#__PURE__*/ jsx(StyledRadio, {}),
             /*#__PURE__*/ jsx("span", {
-                children: props.label
+                children: label
             })
         ]
     });
 }
-Radio.propTypes = {
-    /** Label for the field */ label: PropTypes.string
-};
+const Radio = /*#__PURE__*/ React.forwardRef(RadioComponent);
 
 export { Radio as default };
+//# sourceMappingURL=Radio.js.map

package/lib-esm/components/Input/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../src/components/Input/Radio.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\nconst Label = styled.label`\n    display: inline-flex;\n    align-items: center;\n    margin: 5px 0;\n    cursor: pointer;\n    position: relative;\n`;\n\nconst StyledRadio = styled.span`\n    width: 16px;\n    height: 16px;\n    margin-right: 5px;\n    border: 1px solid ${getThemeValue(THEME_NAME.BORDER_COLOR)};\n    border-radius: 50%;\n    display: block;\n    transition: background-color 0.3s ease;\n    position: relative;\n    flex-shrink: 0;\n\n    &::after {\n        content: '';\n        width: 100%;\n        height: 100%;\n        border-radius: 50%;\n        position: absolute;\n        top: 0;\n        left: 0;\n        box-shadow: inset 0 0 0 3px ${getThemeValue(THEME_NAME.BACKGROUND)};\n        opacity: 0;\n        transition: opacity 0.2s ease;\n    }\n`;\n\nconst HiddenInput = styled.input`\n    opacity: 0;\n    width: 0;\n    height: 0;\n    position: absolute;\n    margin: 0;\n\n    /* checked */\n    &:checked + ${StyledRadio} {\n        border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n        background-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n    }\n\n    &:checked + ${StyledRadio}::after {\n        opacity: 1;\n    }\n\n    /* focus */\n    &:enabled:focus + ${StyledRadio} {\n        border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n        box-shadow: 0 0 0 3px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n    }\n\n    &:enabled:checked:focus + ${StyledRadio} {\n        border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n        box-shadow: 0 0 0 3px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n    }\n\n    /* hover */\n    &:enabled:hover + ${StyledRadio} {\n        border-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n    }\n\n    &:enabled:hover ~ span {\n        color: ${getThemeValue(THEME_NAME.PRIMARY)};\n    }\n\n    /* disabled */\n    &:disabled + ${StyledRadio} {\n        border-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n        background-color: ${getThemeValue(THEME_NAME.LIGHT_GREY)};\n        cursor: not-allowed;\n    }\n\n    &:disabled:checked + ${StyledRadio} {\n        border-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n        background-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n    }\n\n    &:disabled ~ span {\n        color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n        cursor: not-allowed;\n    }\n`;\n\ntype RadioProps = {\n    /** Label for the field */\n    label?: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\n/**\n * Radio Component\n * @param props - Component props\n * @param ref - Ref forwarded to the underlying HTMLInputElement\n */\nfunction RadioComponent(props: RadioProps, ref: React.Ref<HTMLInputElement>) {\n    const { label, ...rest } = props;\n\n    return (\n        <Label>\n            <HiddenInput {...rest} ref={ref} type=\"radio\" />\n            <StyledRadio />\n            <span>{label}</span>\n        </Label>\n    );\n}\n\nconst Radio = React.forwardRef<HTMLInputElement, RadioProps>(RadioComponent);\nexport default Radio;\n"],"names":["Label","styled","StyledRadio","getThemeValue","THEME_NAME","BORDER_COLOR","BACKGROUND","HiddenInput","PRIMARY","PRIMARY_LIGHT","DISABLED_BORDER","LIGHT_GREY","RadioComponent","props","ref","label","rest","_jsxs","_jsx","type","span","Radio","React","forwardRef"],"mappings":";;;;;AAIA,MAAMA,OAAAA,iBAAQC,MAAAA,CAAAA,OAAAA,EAAAA;;;;AAQd,MAAMC,WAAAA,iBAAcD,MAAAA,CAAAA,MAAAA,EAAAA;;;AAIIE,CAAAA,CAAAA,CAAAA,2DAAAA,EAAAA,aAAAA,CAAcC,UAAAA,CAAWC,YAAY,CAAA,EAAA,gOAAA,EAevBF,aAAAA,CAAcC,WAAWE,UAAU,CAAA,EAAA,2CAAA,CAAA;AAMzE,MAAMC,WAAAA,iBAAcN,MAAAA,CAAAA,OAAAA,EAAAA;;;yEAQFC,WAAAA,EAAAA,gBAAAA,EACMC,aAAAA,CAAcC,UAAAA,CAAWI,OAAO,CAAA,EAAA,oBAAA,EAC5BL,aAAAA,CAAcC,UAAAA,CAAWI,OAAO,CAAA,EAAA,gBAAA,EAG1CN,WAAAA,EAAAA,uCAAAA,EAKMA,WAAAA,EAAAA,gBAAAA,EACAC,aAAAA,CAAcC,UAAAA,CAAWI,OAAO,6BACxBL,aAAAA,CAAcC,UAAAA,CAAWK,aAAa,CAAA,EAAA,8BAAA,EAGtCP,WAAAA,EAAAA,gBAAAA,EACRC,aAAAA,CAAcC,UAAAA,CAAWI,OAAO,CAAA,EAAA,wBAAA,EACxBL,aAAAA,CAAcC,UAAAA,CAAWK,aAAa,CAAA,EAAA,sBAAA,EAI9CP,WAAAA,EAAAA,gBAAAA,EACAC,cAAcC,UAAAA,CAAWI,OAAO,CAAA,EAAA,iCAAA,EAIvCL,aAAAA,CAAcC,UAAAA,CAAWI,OAAO,CAAA,EAAA,iBAAA,EAI9BN,WAAAA,EAAAA,gBAAAA,EACKC,aAAAA,CAAcC,UAAAA,CAAWM,eAAe,CAAA,EAAA,oBAAA,EACpCP,aAAAA,CAAcC,UAAAA,CAAWO,UAAU,CAAA,EAAA,4CAAA,EAIpCT,WAAAA,EAAAA,gBAAAA,EACHC,aAAAA,CAAcC,UAAAA,CAAWM,eAAe,CAAA,EAAA,oBAAA,EACpCP,aAAAA,CAAcC,UAAAA,CAAWM,eAAe,CAAA,EAAA,4BAAA,EAInDP,aAAAA,CAAcC,UAAAA,CAAWM,eAAe,CAAA,EAAA,uBAAA,CAAA;AAUzD;;;;AAIC,IACD,SAASE,cAAAA,CAAeC,KAAiB,EAAEC,GAAgC,EAAA;AACvE,IAAA,MAAM,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGH,KAAAA;AAE3B,IAAA,qBACII,IAAA,CAACjB,OAAAA,EAAAA;;0BACGkB,GAAA,CAACX,WAAAA,EAAAA;AAAa,gBAAA,GAAGS,IAAI;gBAAEF,GAAAA,EAAKA,GAAAA;gBAAKK,IAAAA,EAAK;;0BACtCD,GAAA,CAAChB,WAAAA,EAAAA,EAAAA,CAAAA;0BACDgB,GAAA,CAACE,MAAAA,EAAAA;AAAML,gBAAAA,QAAAA,EAAAA;;;;AAGnB;AAEA,MAAMM,KAAAA,iBAAQC,KAAAA,CAAMC,UAAU,CAA+BX,cAAAA;;;;"}

package/lib-esm/components/Input/RadioButton.d.ts

@@ -1,14 +1,10 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 export declare const RadioGroup: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare function RadioButton(props: PropTypes.InferProps<React.AllHTMLAttributes<HTMLInputElement> & typeof RadioButton.propTypes>): import("@emotion/react/jsx-runtime").JSX.Element;
-declare namespace RadioButton {
-    var propTypes: {
-        /** Label for the field */
-        label: PropTypes.Requireable<string>;
-    };
-}
+declare const RadioButton: React.ForwardRefExoticComponent<{
+    /** Label for the field */
+    label?: string;
+} & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
 export default RadioButton;

package/lib-esm/components/Input/RadioButton.js

@@ -1,36 +1,40 @@
 import { jsxs, jsx } from '@emotion/react/jsx-runtime';
-import 'react';
-import PropTypes from 'prop-types';
+import React from 'react';
 import styled from '@emotion/styled';
 import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
 const Input = /*#__PURE__*/ styled("input", {
-    target: "e1ed8pyp0",
+    target: "e1yp0s5y0",
     label: "Input"
-})("appearance:none;margin:0;width:0;& + span{color:", getThemeValue(THEME_NAME.PRIMARY), ";padding:6px 12px;border:none;border:1px solid ", getThemeValue(THEME_NAME.PRIMARY), ";cursor:pointer;margin-right:-1px;line-height:18px;}&:enabled:focus + span{box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:enabled:hover + span{background-color:", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";color:", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";}&:enabled:checked + span{background-color:", getThemeValue(THEME_NAME.PRIMARY), ";color:", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";}&:disabled + span{background-color:", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}&:disabled:checked + span{background-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";color:", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9SYWRpb0J1dHRvbi50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvUmFkaW9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICB3aWR0aDogMDtcblxuICAgICYgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgcGFkZGluZzogNnB4IDEycHg7XG4gICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIG1hcmdpbi1yaWdodDogLTFweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgfVxuXG4gICAgJjplbmFibGVkOmZvY3VzICsgc3BhbiB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjplbmFibGVkOmhvdmVyICsgc3BhbiB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmVuYWJsZWQ6Y2hlY2tlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5URVhUX0NPTE9SX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfTElHSFRfQ09MT1IpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEX0JPUkRFUil9O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQ6Y2hlY2tlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfTElHSFQpfTtcbiAgICB9XG5gO1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUmFkaW9Hcm91cCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgbWFyZ2luOiA1cHggMDtcblxuICAgICYgJHtMYWJlbH06Zmlyc3QtY2hpbGQgPiBzcGFuIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4IDAgMCAzcHg7XG4gICAgfVxuXG4gICAgJiAke0xhYmVsfTpsYXN0LWNoaWxkID4gc3BhbiB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgM3B4IDNweCAwO1xuICAgIH1cbmA7XG5cbmZ1bmN0aW9uIFJhZGlvQnV0dG9uKFxuICAgIHByb3BzOiBQcm9wVHlwZXMuSW5mZXJQcm9wczxcbiAgICAgICAgUmVhY3QuQWxsSFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4gJiB0eXBlb2YgUmFkaW9CdXR0b24ucHJvcFR5cGVzXG4gICAgPixcbikge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxMYWJlbD5cbiAgICAgICAgICAgIDxJbnB1dCB7Li4ucHJvcHN9IHR5cGU9XCJyYWRpb1wiIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICA8L0xhYmVsPlxuICAgICk7XG59XG5cblJhZGlvQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUmFkaW9CdXR0b247XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2MifQ== */");
+})("appearance:none;margin:0;width:0;& + span{color:", getThemeValue(THEME_NAME.PRIMARY), ";padding:6px 12px;border:none;border:1px solid ", getThemeValue(THEME_NAME.PRIMARY), ";cursor:pointer;margin-right:-1px;line-height:18px;}&:enabled:focus + span{box-shadow:0 0 0 4px ", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";}&:enabled:hover + span{background-color:", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";color:", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";}&:enabled:checked + span{background-color:", getThemeValue(THEME_NAME.PRIMARY), ";color:", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";}&:disabled + span{background-color:", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}&:disabled:checked + span{background-color:", getThemeValue(THEME_NAME.DISABLED_BORDER), ";color:", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";}");
 const Label = /*#__PURE__*/ styled("label", {
-    target: "e1ed8pyp1",
+    target: "e1yp0s5y1",
     label: "Label"
-})("display:inline-flex;&:focus-within{z-index:1;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9SYWRpb0J1dHRvbi50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvUmFkaW9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICB3aWR0aDogMDtcblxuICAgICYgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgcGFkZGluZzogNnB4IDEycHg7XG4gICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIG1hcmdpbi1yaWdodDogLTFweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgfVxuXG4gICAgJjplbmFibGVkOmZvY3VzICsgc3BhbiB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjplbmFibGVkOmhvdmVyICsgc3BhbiB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmVuYWJsZWQ6Y2hlY2tlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5URVhUX0NPTE9SX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfTElHSFRfQ09MT1IpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEX0JPUkRFUil9O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQ6Y2hlY2tlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfTElHSFQpfTtcbiAgICB9XG5gO1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUmFkaW9Hcm91cCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgbWFyZ2luOiA1cHggMDtcblxuICAgICYgJHtMYWJlbH06Zmlyc3QtY2hpbGQgPiBzcGFuIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4IDAgMCAzcHg7XG4gICAgfVxuXG4gICAgJiAke0xhYmVsfTpsYXN0LWNoaWxkID4gc3BhbiB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgM3B4IDNweCAwO1xuICAgIH1cbmA7XG5cbmZ1bmN0aW9uIFJhZGlvQnV0dG9uKFxuICAgIHByb3BzOiBQcm9wVHlwZXMuSW5mZXJQcm9wczxcbiAgICAgICAgUmVhY3QuQWxsSFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4gJiB0eXBlb2YgUmFkaW9CdXR0b24ucHJvcFR5cGVzXG4gICAgPixcbikge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxMYWJlbD5cbiAgICAgICAgICAgIDxJbnB1dCB7Li4ucHJvcHN9IHR5cGU9XCJyYWRpb1wiIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICA8L0xhYmVsPlxuICAgICk7XG59XG5cblJhZGlvQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUmFkaW9CdXR0b247XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNjIn0= */");
+})("display:inline-flex;&:focus-within{z-index:1;}");
 const RadioGroup = /*#__PURE__*/ styled("div", {
-    target: "e1ed8pyp2",
+    target: "e1yp0s5y2",
     label: "RadioGroup"
-})("display:inline-flex;align-items:center;border-radius:3px;margin:5px 0;& ", Label, ":first-child > span{border-radius:3px 0 0 3px;}& ", Label, ":last-child > span{border-radius:0 3px 3px 0;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9JbnB1dC9SYWRpb0J1dHRvbi50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvSW5wdXQvUmFkaW9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuXG5jb25zdCBJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIG1hcmdpbjogMDtcbiAgICB3aWR0aDogMDtcblxuICAgICYgKyBzcGFuIHtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUlkpfTtcbiAgICAgICAgcGFkZGluZzogNnB4IDEycHg7XG4gICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuUFJJTUFSWSl9O1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIG1hcmdpbi1yaWdodDogLTFweDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IDE4cHg7XG4gICAgfVxuXG4gICAgJjplbmFibGVkOmZvY3VzICsgc3BhbiB7XG4gICAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDRweCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjplbmFibGVkOmhvdmVyICsgc3BhbiB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlBSSU1BUllfTElHSFQpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfTElHSFQpfTtcbiAgICB9XG5cbiAgICAmOmVuYWJsZWQ6Y2hlY2tlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZKX07XG4gICAgICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5URVhUX0NPTE9SX0xJR0hUKX07XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfTElHSFRfQ09MT1IpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkRJU0FCTEVEX0JPUkRFUil9O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQ6Y2hlY2tlZCArIHNwYW4ge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CT1JERVIpfTtcbiAgICAgICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfTElHSFQpfTtcbiAgICB9XG5gO1xuXG5jb25zdCBMYWJlbCA9IHN0eWxlZC5sYWJlbGBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgUmFkaW9Hcm91cCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBib3JkZXItcmFkaXVzOiAzcHg7XG4gICAgbWFyZ2luOiA1cHggMDtcblxuICAgICYgJHtMYWJlbH06Zmlyc3QtY2hpbGQgPiBzcGFuIHtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogM3B4IDAgMCAzcHg7XG4gICAgfVxuXG4gICAgJiAke0xhYmVsfTpsYXN0LWNoaWxkID4gc3BhbiB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgM3B4IDNweCAwO1xuICAgIH1cbmA7XG5cbmZ1bmN0aW9uIFJhZGlvQnV0dG9uKFxuICAgIHByb3BzOiBQcm9wVHlwZXMuSW5mZXJQcm9wczxcbiAgICAgICAgUmVhY3QuQWxsSFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4gJiB0eXBlb2YgUmFkaW9CdXR0b24ucHJvcFR5cGVzXG4gICAgPixcbikge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxMYWJlbD5cbiAgICAgICAgICAgIDxJbnB1dCB7Li4ucHJvcHN9IHR5cGU9XCJyYWRpb1wiIC8+XG4gICAgICAgICAgICA8c3Bhbj57cHJvcHMubGFiZWx9PC9zcGFuPlxuICAgICAgICA8L0xhYmVsPlxuICAgICk7XG59XG5cblJhZGlvQnV0dG9uLnByb3BUeXBlcyA9IHtcbiAgICAvKiogTGFiZWwgZm9yIHRoZSBmaWVsZCAqL1xuICAgIGxhYmVsOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUmFkaW9CdXR0b247XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUQwQiJ9 */");
-function RadioButton(props) {
+})("display:inline-flex;align-items:center;border-radius:3px;margin:5px 0;& ", Label, ":first-child > span{border-radius:3px 0 0 3px;}& ", Label, ":last-child > span{border-radius:0 3px 3px 0;}");
+/**
+ * RadioButton Component
+ * @param props - Component props
+ * @param ref - Ref forwarded to the underlying HTMLInputElement
+ */ function RadioButtonComponent(props, ref) {
+    const { label, ...rest } = props;
     return /*#__PURE__*/ jsxs(Label, {
         children: [
             /*#__PURE__*/ jsx(Input, {
-                ...props,
-                type: "radio"
+                ...rest,
+                type: "radio",
+                ref: ref
             }),
             /*#__PURE__*/ jsx("span", {
-                children: props.label
+                children: label
             })
         ]
     });
 }
-RadioButton.propTypes = {
-    /** Label for the field */ label: PropTypes.string
-};
+const RadioButton = /*#__PURE__*/ React.forwardRef(RadioButtonComponent);
 
 export { RadioGroup, RadioButton as default };
+//# sourceMappingURL=RadioButton.js.map

package/lib-esm/components/Input/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sources":["../../../src/components/Input/RadioButton.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\nconst Input = styled.input`\n    appearance: none;\n    margin: 0;\n    width: 0;\n\n    & + span {\n        color: ${getThemeValue(THEME_NAME.PRIMARY)};\n        padding: 6px 12px;\n        border: none;\n        border: 1px solid ${getThemeValue(THEME_NAME.PRIMARY)};\n        cursor: pointer;\n        margin-right: -1px;\n        line-height: 18px;\n    }\n\n    &:enabled:focus + span {\n        box-shadow: 0 0 0 4px ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n    }\n\n    &:enabled:hover + span {\n        background-color: ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n        color: ${getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT)};\n    }\n\n    &:enabled:checked + span {\n        background-color: ${getThemeValue(THEME_NAME.PRIMARY)};\n        color: ${getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT)};\n    }\n\n    &:disabled + span {\n        background-color: ${getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR)};\n        color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n    }\n\n    &:disabled:checked + span {\n        background-color: ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n        color: ${getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT)};\n    }\n`;\n\nconst Label = styled.label`\n    display: inline-flex;\n\n    &:focus-within {\n        z-index: 1;\n    }\n`;\n\nexport const RadioGroup = styled.div`\n    display: inline-flex;\n    align-items: center;\n    border-radius: 3px;\n    margin: 5px 0;\n\n    & ${Label}:first-child > span {\n        border-radius: 3px 0 0 3px;\n    }\n\n    & ${Label}:last-child > span {\n        border-radius: 0 3px 3px 0;\n    }\n`;\n\ntype RadioButtonProps = {\n    /** Label for the field */\n    label?: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\n/**\n * RadioButton Component\n * @param props - Component props\n * @param ref - Ref forwarded to the underlying HTMLInputElement\n */\nfunction RadioButtonComponent(props: RadioButtonProps, ref: React.Ref<HTMLInputElement>) {\n    const { label, ...rest } = props;\n    return (\n        <Label>\n            <Input {...rest} type=\"radio\" ref={ref} />\n            <span>{label}</span>\n        </Label>\n    );\n}\n\nconst RadioButton = React.forwardRef(RadioButtonComponent);\nexport default RadioButton;\n"],"names":["Input","styled","getThemeValue","THEME_NAME","PRIMARY","PRIMARY_LIGHT","TEXT_COLOR_LIGHT","BORDER_LIGHT_COLOR","DISABLED_BORDER","Label","RadioGroup","RadioButtonComponent","props","ref","label","rest","_jsxs","_jsx","type","span","RadioButton","React","forwardRef"],"mappings":";;;;;AAIA,MAAMA,KAAAA,iBAAQC,MAAAA,CAAAA,OAAAA,EAAAA;;;AAMGC,CAAAA,CAAAA,CAAAA,kDAAAA,EAAAA,aAAAA,CAAcC,WAAWC,OAAO,CAAA,EAAA,iDAAA,EAGrBF,cAAcC,UAAAA,CAAWC,OAAO,uGAO5BF,aAAAA,CAAcC,UAAAA,CAAWE,aAAa,CAAA,EAAA,4CAAA,EAI1CH,cAAcC,UAAAA,CAAWE,aAAa,cACjDH,aAAAA,CAAcC,UAAAA,CAAWG,gBAAgB,CAAA,EAAA,8CAAA,EAI9BJ,aAAAA,CAAcC,UAAAA,CAAWC,OAAO,cAC3CF,aAAAA,CAAcC,UAAAA,CAAWG,gBAAgB,CAAA,EAAA,uCAAA,EAI9BJ,aAAAA,CAAcC,WAAWI,kBAAkB,CAAA,EAAA,SAAA,EACtDL,cAAcC,UAAAA,CAAWK,eAAe,oDAI7BN,aAAAA,CAAcC,UAAAA,CAAWK,eAAe,CAAA,EAAA,SAAA,EACnDN,aAAAA,CAAcC,WAAWG,gBAAgB,CAAA,EAAA,IAAA,CAAA;AAI1D,MAAMG,KAAAA,iBAAQR,MAAAA,CAAAA,OAAAA,EAAAA;;;;MAQDS,UAAAA,iBAAaT,MAAAA,CAAAA,KAAAA,EAAAA;;;AAMlBQ,CAAAA,CAAAA,CAAAA,0EAAAA,EAAAA,KAAAA,EAAAA,mDAAAA,EAIAA,KAAAA,EAAAA,gDAAAA;AAUR;;;;AAIC,IACD,SAASE,oBAAAA,CAAqBC,KAAuB,EAAEC,GAAgC,EAAA;AACnF,IAAA,MAAM,EAAEC,KAAK,EAAE,GAAGC,MAAM,GAAGH,KAAAA;AAC3B,IAAA,qBACII,IAAA,CAACP,KAAAA,EAAAA;;0BACGQ,GAAA,CAACjB,KAAAA,EAAAA;AAAO,gBAAA,GAAGe,IAAI;gBAAEG,IAAAA,EAAK,OAAA;gBAAQL,GAAAA,EAAKA;;0BACnCI,GAAA,CAACE,MAAAA,EAAAA;AAAML,gBAAAA,QAAAA,EAAAA;;;;AAGnB;AAEA,MAAMM,WAAAA,iBAAcC,KAAAA,CAAMC,UAAU,CAACX,oBAAAA;;;;"}

package/lib-esm/components/Input/Select.d.ts

@@ -1,15 +1,8 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-interface SelectProps extends PropTypes.InferType<typeof Select.propTypes>, React.InputHTMLAttributes<HTMLSelectElement> {
-    value?: string;
-}
-declare function Select(props: SelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
-declare namespace Select {
-    var propTypes: {
-        /** Label for the field */
-        label: PropTypes.Requireable<string>;
-        /** Error text to be shown below the field */
-        errorText: PropTypes.Requireable<string>;
-    };
-}
+declare const Select: React.ForwardRefExoticComponent<{
+    /** Label for the field */
+    label?: string;
+    /** Error text to be shown below the field */
+    errorText?: string;
+} & React.InputHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
 export default Select;