stargazer-ui 1.5.2 → 1.5.4

package/Form/FormSelect.js

@@ -0,0 +1,372 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createContext, forwardRef, useMemo, useRef, useState, useContext } from 'react';
+import Overlay from '../Overlay/Overlay.js';
+import { useFormTagContext, useFormContext, ErrorMessage, HintMessage } from './Form.js';
+import mergeRefs from '../utils/MergeRefs.js';
+import mergeClassnames from '../utils/MergeClassnames.js';
+import createSyntheticEvent from '../utils/CreateSyntheticEvent.js';
+import { isValidInputKey } from '../utils/IsInputKey.js';
+
+const SelectContext = createContext(null);
+const SelectContextProvider = ({ children, value }) => {
+    return (jsx(SelectContext.Provider, { value: value, children: children }));
+};
+const useSelectContext = () => {
+    const context = useContext(SelectContext);
+    if (!context) {
+        throw new Error("UseSelectContext must be used within a SelectContextProvider!");
+    }
+    return context;
+};
+const useCustomState = (test, middleware) => {
+    const [state, setState] = useState(test);
+    const customSetState = (callback, options = { middleware: true }) => {
+        let newValue;
+        if ((typeof callback) === "function") {
+            newValue = callback(state);
+        }
+        else {
+            newValue = callback;
+        }
+        if (middleware && options.middleware === true)
+            middleware(newValue);
+        setState(newValue);
+    };
+    return [state, customSetState];
+};
+const inputKeys = [
+    {
+        id: "ArrowDown",
+        alt: true
+    },
+    {
+        id: "ArrowUp",
+        alt: true
+    },
+    { id: "Home" }, { id: "End" }, { id: "Enter" }, { id: "Escape" },
+    { id: "PageDown" }, { id: "PageUp" }, { id: " " }, { id: "Tab" }
+];
+const Select = forwardRef(({ children, className, id, required = false, disabled = false, value, ref: ref2, errorAsOverlay, error, hint, "aria-describedby": ariaDescribedby, onClick, onBlur, onKeyUp, onKeyDown, onChange, ...restProps }, ref) => {
+    const { noValidate } = useFormTagContext();
+    const { controlId, isInputGroup, isFLoatingLabel } = useFormContext();
+    const isOverlay = isInputGroup || isFLoatingLabel || errorAsOverlay;
+    const computedClassName = mergeClassnames("sg-form-select", className, error ? "invalid" : "", disabled ? "disabled" : "");
+    let elementId = controlId ?? id;
+    if (elementId === undefined) {
+        throw new Error("Form.Select needs to have an id, either provided directly through the 'id' property or wrapped in a Form.Group with a 'controlId' !");
+    }
+    const hasValidChildren = useMemo(() => {
+        if (!children || !Array.isArray(children))
+            return false;
+        let isValid = true;
+        children.forEach(child => {
+            if (child.props.value === undefined || child.props.value === null) {
+                isValid = false;
+            }
+        });
+        if (children[0].props.value && children[0].props.value != "") {
+            console.warn("It is recommended to have the first select option in a 'Form.Select' to be a placeholder like 'Select option...' with a value of an empty string");
+        }
+        return isValid;
+    }, [children]);
+    if (!hasValidChildren || !Array.isArray(children)) {
+        throw new Error("Form.Select needs to have 1 or more 'Form.Select.Option' children, each with value attributes!");
+    }
+    const errorMessageId = error ? elementId + "-error-message" : undefined;
+    const hintMessageId = hint ? elementId + "-hint-message" : undefined;
+    const tooltipMessage = isOverlay && (error || hint) ?
+        jsxs("div", { className: "sg-form-control-description tooltip", children: [error ? jsx(ErrorMessage, { id: errorMessageId, message: error.message }) : null, hint ? jsx(HintMessage, { id: hintMessageId, message: hint.message }) : null] }) : undefined; // "Testing a tooltip with a long message. This messsage is so long it hsould in theory trigger a wrap."
+    const describedby = mergeClassnames(ariaDescribedby, errorMessageId, hintMessageId);
+    const internalSelectControlRef = useRef(null);
+    const [showList, setShowList] = useState(false);
+    const initialValue = value ?
+        {
+            value: value,
+            label: children.find(child => child.props.value === value).children ?? "no label found"
+        } :
+        {
+            value: children[0].props.value ?? "",
+            label: children[0].props.children ?? "no label found"
+        };
+    const handleChange = (newValue) => {
+        if (!internalSelectControlRef.current)
+            return;
+        const target = internalSelectControlRef.current;
+        target.value = newValue.value;
+        const event = new Event('change', { bubbles: true });
+        Object.defineProperty(event, 'target', { writable: false, value: target });
+        const syntheticEvent = createSyntheticEvent(event);
+        if (onChange)
+            onChange(syntheticEvent);
+    };
+    const [activeDescendant, setActiveDescendant] = useState(initialValue.value);
+    const [selectedDescendant, setSelectedDescendant] = useCustomState(initialValue, handleChange);
+    const [inputValue, setInputValue] = useState("");
+    if (value && value !== selectedDescendant.value) {
+        const computedLabel = children.find(child => child.props.value === value).props.children ?? "no label found";
+        setSelectedDescendant({
+            value: value,
+            label: computedLabel
+        }, { middleware: false });
+    }
+    const resetFocus = () => {
+        setActiveDescendant(selectedDescendant.value);
+    };
+    const handleSetShowList = (show) => {
+        if (!showList) {
+            resetFocus();
+        }
+        setShowList(show);
+    };
+    const handleClick = (event) => {
+        handleSetShowList(prev => !prev);
+        /*
+        if(!showList) {
+            const firstChildValue = children[0].props.value ?? ""
+            console.log(firstChildValue)
+            setActiveDescendant(firstChildValue)
+        }
+        */
+        if (onClick && event)
+            onClick(event);
+    };
+    const handleBlur = (event) => {
+        handleSetShowList(false);
+        if (onBlur)
+            onBlur(event);
+    };
+    const changeActiveDescendant = (number, type) => {
+        const maxIndex = children.length - 1;
+        const minIndex = 0;
+        const currentIndex = children.indexOf(children.find(child => child.props.value === activeDescendant));
+        let newIndex, temp;
+        switch (type) {
+            case "add":
+                temp = currentIndex + number;
+                newIndex = temp > maxIndex ? maxIndex : temp;
+                break;
+            case "sub":
+                temp = currentIndex - number;
+                newIndex = temp < minIndex ? minIndex : temp;
+                break;
+            case "set":
+                newIndex = number > maxIndex ? maxIndex : (number < minIndex ? 0 : number);
+                break;
+            default:
+                newIndex = 0;
+                break;
+        }
+        setActiveDescendant(children[newIndex].props.value);
+    };
+    const handleKeyDown = (event) => {
+        const isInputKey = isValidInputKey(event, inputKeys);
+        if (onKeyDown)
+            onKeyDown(event);
+        if (!isInputKey)
+            return;
+        let isPreventDefault = true;
+        let isStopPropagation = true;
+        switch (event.key) {
+            case "ArrowDown":
+                if (showList)
+                    changeActiveDescendant(1, "add");
+                break;
+            case "ArrowUp":
+                if (showList)
+                    changeActiveDescendant(1, "sub");
+                break;
+            case "Tab":
+                if (!showList) {
+                    isPreventDefault = false;
+                    isStopPropagation = false;
+                }
+        }
+        if (isPreventDefault)
+            event.preventDefault();
+        if (isStopPropagation)
+            event.stopPropagation();
+    };
+    const handleKeyUp = (event) => {
+        const isInputKey = isValidInputKey(event, inputKeys);
+        if (onKeyUp)
+            onKeyUp(event);
+        if (!isInputKey)
+            return;
+        let isPreventDefault = true;
+        let isStopPropagation = true;
+        switch (event.key) {
+            case "ArrowDown":
+                if (!showList) {
+                    handleSetShowList(true);
+                }
+                break;
+            case "ArrowUp":
+                if (!showList) {
+                    handleSetShowList(true);
+                    changeActiveDescendant(0, "set");
+                }
+                break;
+            case "Home":
+                if (!showList) {
+                    handleSetShowList(true);
+                }
+                changeActiveDescendant(0, "set");
+                break;
+            case "End":
+                if (!showList) {
+                    handleSetShowList(true);
+                }
+                changeActiveDescendant(children.length - 1, "set");
+                break;
+            case "Enter":
+            case " ":
+                handleClick();
+                if (showList) {
+                    const focusElement = document.getElementById(elementId + "-list-item-" + activeDescendant);
+                    focusElement?.click();
+                }
+                break;
+            case "Escape":
+                if (showList) {
+                    handleSetShowList(false);
+                }
+                break;
+            case "PageDown":
+                changeActiveDescendant(10, "add");
+                break;
+            case "PageUp":
+                changeActiveDescendant(10, "sub");
+                break;
+            case "Tab":
+                if (showList) {
+                    handleClick();
+                    const focusElement = document.getElementById(elementId + "-list-item-" + activeDescendant);
+                    focusElement?.click();
+                }
+                isPreventDefault = false;
+                isStopPropagation = false;
+                break;
+        }
+        if (event.key === "Tab")
+            console.log(isPreventDefault);
+        if (isPreventDefault)
+            event.preventDefault();
+        if (isStopPropagation)
+            event.stopPropagation();
+    };
+    const context = useMemo(() => ({
+        internalId: elementId,
+        showList,
+        setShowList: handleSetShowList,
+        activeDescendant,
+        setActiveDescendant,
+        inputValue,
+        setInputValue,
+        selectedDescendant,
+        setSelectedDescendant,
+        children
+    }), [elementId, showList, activeDescendant, inputValue]);
+    return (jsxs(SelectContextProvider, { value: context, children: [jsx(Overlay, { trigger: "focus", position: "top", tooltip: tooltipMessage, children: jsx(SelectControl, { value: selectedDescendant.value, label: selectedDescendant.label, ref: mergeRefs([ref, internalSelectControlRef]), className: computedClassName, id: elementId, required: (required && !noValidate) ?? undefined, disabled: disabled, "aria-required": required ?? undefined, "aria-invalid": error ? "true" : "false", "aria-describedby": describedby != "" ? describedby : undefined, onClick: handleClick, onBlur: handleBlur, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, ...restProps, children: jsx(SelectList, { children: children }) }) }), jsxs("div", { className: "sg-form-control-description", children: [error && !isOverlay ?
+                        jsx(ErrorMessage, { id: elementId, message: error.message, style: error.style, className: error.className })
+                        : null, hint && !isOverlay ?
+                        jsx(HintMessage, { id: elementId, message: hint.message, style: hint.style, className: hint.className })
+                        : null] })] }));
+});
+Select.displayName = "FormSelect";
+const SelectInput = forwardRef(({ className, id, value, onChange, ...restProps }, ref) => {
+    const { showList, setShowList, inputValue, setInputValue, internalId } = useSelectContext();
+    const handleChange = (event) => {
+        console.log(event);
+        if (!showList) {
+            setShowList(true);
+        }
+        if (onChange) {
+            onChange(event);
+        }
+        //debouncedInput(event.target.value)
+        setInputValue(event.target.value);
+    };
+    const handleKeyUp = (event) => {
+        const key = event.key;
+        switch (key) {
+            case "ArrowDown":
+                console.log("down arrow");
+                break;
+            case "ArrowUp":
+                console.log("up arrow");
+                break;
+        }
+    };
+    return (jsx("input", { value: inputValue, ref: ref, onKeyUp: handleKeyUp, onChange: handleChange, className: mergeClassnames("sg-select-input", className), ...restProps }));
+});
+SelectInput.displayName = "FormSelectInput";
+const SelectControl = forwardRef(({ children, className, value, label, searchable = false, required = false, onChange, ...restProps }, ref) => {
+    const { activeDescendant, showList, internalId } = useSelectContext();
+    const internalButtonRef = useRef(null);
+    const computedClassName = mergeClassnames(className, "sg-select-control");
+    return (jsxs("button", { role: "combobox", "aria-controls": internalId + "list", "aria-expanded": showList, "aria-activedescendant": activeDescendant === false ? "" : internalId + "-list-item-" + activeDescendant, ref: mergeRefs([ref, internalButtonRef]), value: value, type: "button", className: computedClassName, id: internalId + "-control", ...restProps, children: [jsx("span", { children: label }), children] }));
+});
+SelectControl.displayName = "FormSelectControl";
+/*
+const SelectControlAlternate = forwardRef<HTMLDivElement, FormSelectControlType>( ({children, className, placeholder="Placeholder...", searchable=false, inputRef, inputOptions, ...restProps}, ref) => {
+    const { setShowList, internalId } = useSelectContext()
+    const selectControlRef = useRef<HTMLDivElement>(null)
+
+    const handlePointerUp = (event: React.MouseEvent) => {
+        setShowList(prev => !prev);
+        const selectControl = selectControlRef.current
+        if(selectControl) {
+            selectControl.classList.add("focus")
+            const eventTargetChildren = selectControl.children[0] as HTMLElement
+            if(eventTargetChildren) { eventTargetChildren.focus() }
+        }
+    }
+    const inputParams = {...inputOptions, disabled:searchable, placeholder:placeholder, ref:inputRef}
+    
+    return (
+        <div ref={mergeRefs([ref, selectControlRef])} onPointerUp={handlePointerUp} className={mergeClassnames("sg-select-control", className)} {...restProps}>
+            <SelectInput {...inputParams}/>
+        </div>
+    )
+})
+SelectControl.displayName = "FormSelectControl"
+*/
+const SelectList = forwardRef(({ children, className, id, ...restProps }, ref) => {
+    const { showList, internalId } = useSelectContext();
+    const listRef = useRef(null);
+    return (jsx("ul", { role: "listbox", ref: mergeRefs([ref, listRef]), id: internalId + "-list", className: mergeClassnames("sg-select-list", className), style: showList ? undefined : { display: "none" }, ...restProps, children: children }));
+});
+SelectList.displayName = "FormSelectList";
+const SelectOption = forwardRef(({ children, className, id, value, disabled, label, selected, onPointerDown, onPointerOver, onClick, ...restProps }, ref) => {
+    const { internalId, activeDescendant, setActiveDescendant, selectedDescendant, setSelectedDescendant, setShowList } = useSelectContext();
+    const handlePointerEnter = (event) => {
+        if (!event.target)
+            return;
+        setActiveDescendant(value);
+        if (onPointerOver)
+            onPointerOver(event);
+    };
+    const handleCLick = (event) => {
+        event.stopPropagation();
+        setSelectedDescendant((prev) => ({
+            value: value,
+            label: children
+        }));
+        setShowList(false);
+        if (onClick)
+            onClick(event);
+    };
+    const computedClassName = mergeClassnames("sg-select-list-item", className, activeDescendant === value ? "focus" : "");
+    return (jsx("li", { role: "option", "aria-selected": selectedDescendant.value === value ? true : false, ref: ref, id: internalId + "-list-item-" + value, className: computedClassName, onPointerOver: handlePointerEnter, onClick: handleCLick, ...restProps, children: children }));
+});
+SelectOption.displayName = "FormSelectOption";
+var Select$1 = Object.assign(Select, {
+    Control: SelectControl,
+    Input: SelectInput,
+    Options: SelectList,
+    Option: SelectOption
+});
+
+export { SelectContext, SelectContextProvider, Select$1 as default, useSelectContext };
+//# sourceMappingURL=FormSelect.js.map

package/Form/FormSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelect.js","sources":["../../src/Form/FormSelect.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;MAWa,aAAa,GAAG,aAAa,CAA2B,IAAI,EAAC;AAC7D,MAAA,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAwD,KAAI;AAC9G,IAAA,QACIA,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAC/B,QAAQ,EAAA,CACY,EAC5B;AACL,EAAC;AACM,MAAM,gBAAgB,GAAG,MAAK;AACjC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IACzC,IAAG,CAAC,OAAO,EAAE;AACT,QAAA,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC,CAAA;KACnF;AACD,IAAA,OAAO,OAAO,CAAA;AAClB,EAAC;AAED,MAAM,cAAc,GAAG,CAAC,IAAS,EAAE,UAAgB,KAAoD;IACnG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;AACxC,IAAA,MAAM,cAAc,GAAG,CAAC,QAAa,EAAE,OAAA,GAAe,EAAC,UAAU,EAAC,IAAI,EAAC,KAAI;AACvE,QAAA,IAAI,QAAQ,CAAA;AACZ,QAAA,IAAI,CAAC,OAAO,QAAQ,MAAM,UAAU,EAAE;AAClC,YAAA,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;SAC7B;aAAM;YACH,QAAQ,GAAG,QAAQ,CAAA;SACtB;AACD,QAAA,IAAG,UAAU,IAAI,OAAO,CAAC,UAAU,KAAK,IAAI;YAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;QAClE,QAAQ,CAAC,QAAQ,CAAC,CAAA;AACtB,KAAC,CAAA;AACD,IAAA,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,SAAS,GAAmB;AAC9B,IAAA;AACI,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,GAAG,EAAE,IAAI;AACZ,KAAA;AACD,IAAA;AACI,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,GAAG,EAAE,IAAI;AACZ,KAAA;IACD,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE;IAChE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;CACnE,CAAA;AAGD,MAAM,MAAM,GAAG,UAAU,CAAqC,CAAC,EACvD,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,GAAC,KAAK,EAAE,QAAQ,GAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EACzE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAC,eAAe,EAC/D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAC7C,GAAG,SAAS,EACf,EAAE,GAAG,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC1C,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,CAAA;AACrE,IAAA,MAAM,SAAS,GAAG,YAAY,IAAI,eAAe,IAAI,cAAc,CAAA;AACnE,IAAA,MAAM,iBAAiB,GAAG,eAAe,CACrC,gBAAgB,EAAE,SAAS,EAAE,KAAK,GAAG,SAAS,GAAC,EAAE,EAAE,QAAQ,GAAG,UAAU,GAAC,EAAE,CAC9E,CAAA;AAED,IAAA,IAAI,SAAS,GAAG,SAAS,IAAI,EAAE,CAAA;AAC/B,IAAA,IAAG,SAAS,KAAK,SAAS,EAAE;AACxB,QAAA,MAAM,IAAI,KAAK,CACX,qIAAqI,CACxI,CAAA;KACJ;AACD,IAAA,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAK;QAClC,IAAG,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AAAE,YAAA,OAAO,KAAK,CAAA;QAEtD,IAAI,OAAO,GAAG,IAAI,CAAA;AAClB,QAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,IAAG;AACrB,YAAA,IAAG,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,EAAE;gBAC9D,OAAO,GAAG,KAAK,CAAA;aAClB;AACL,SAAC,CAAC,CAAA;QACF,IAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;AACzD,YAAA,OAAO,CAAC,IAAI,CAAC,kJAAkJ,CAAC,CAAA;SACnK;AACD,QAAA,OAAO,OAAO,CAAA;AAClB,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IACd,IAAG,CAAC,gBAAgB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;AAC9C,QAAA,MAAM,IAAI,KAAK,CACX,gGAAgG,CACnG,CAAA;KACJ;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,SAAS,GAAC,gBAAgB,GAAC,SAAS,CAAA;AACnE,IAAA,MAAM,aAAa,GAAG,IAAI,GAAG,SAAS,GAAC,eAAe,GAAC,SAAS,CAAA;IAChE,MAAM,cAAc,GAAG,SAAS,KAAK,KAAK,IAAI,IAAI,CAAC;QAC/CC,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qCAAqC,EAC/C,QAAA,EAAA,CAAA,KAAK,GAAED,GAAC,CAAA,YAAY,EAAC,EAAA,EAAE,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAA,CAAI,GAAG,IAAI,EAC1E,IAAI,GAAEA,GAAC,CAAA,WAAW,EAAC,EAAA,EAAE,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAI,CAAA,GAAG,IAAI,CAAA,EAAA,CACrE,GAAG,SAAS,CAAA;IAEtB,MAAM,WAAW,GAAG,eAAe,CAAC,eAAe,EAAE,cAAc,EAAE,aAAa,CAAC,CAAA;AAEnF,IAAA,MAAM,wBAAwB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAChE,MAAM,CAAE,QAAQ,EAAE,WAAW,CAAE,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;AAE1D,IAAA,MAAM,YAAY,GAAG,KAAK;AACtB,QAAA;AACI,YAAA,KAAK,EAAE,KAAK;YACZ,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,QAAQ,IAAI,gBAAgB;AAC1F,SAAA;AACD,QAAA;YACI,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE;YACpC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,gBAAgB;SACxD,CAAA;AACL,IAAA,MAAM,YAAY,GAAG,CAAC,QAAa,KAAI;QACnC,IAAG,CAAC,wBAAwB,CAAC,OAAO;YAAE,OAAM;AAE5C,QAAA,MAAM,MAAM,GAAG,wBAAwB,CAAC,OAAO,CAAA;AAC/C,QAAA,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC;AAC9B,QAAA,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AACrD,QAAA,MAAM,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;AAC1E,QAAA,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAqC,CAAC;AACvF,QAAA,IAAG,QAAQ;YAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;AAC1C,KAAC,CAAA;AACD,IAAA,MAAM,CAAE,gBAAgB,EAAE,mBAAmB,CAAE,GAAG,QAAQ,CAAM,YAAY,CAAC,KAAK,CAAC,CAAA;AACnF,IAAA,MAAM,CAAE,kBAAkB,EAAE,qBAAqB,CAAE,GAAG,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;IAChG,MAAM,CAAE,UAAU,EAAE,aAAa,CAAE,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAE1D,IAAG,KAAK,IAAI,KAAK,KAAK,kBAAkB,CAAC,KAAK,EAAE;QAC5C,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,gBAAgB,CAAA;AAE5G,QAAA,qBAAqB,CAAC;AAClB,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,KAAK,EAAE,aAAa;AACvB,SAAA,EAAE,EAAC,UAAU,EAAE,KAAK,EAAC,CAAC,CAAA;KAC1B;IAED,MAAM,UAAU,GAAG,MAAK;AACrB,QAAA,mBAAmB,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;AAChD,KAAC,CAAA;AACD,IAAA,MAAM,iBAAiB,GAAG,CAAC,IAA2C,KAAI;QACtE,IAAG,CAAC,QAAQ,EAAE;AACV,YAAA,UAAU,EAAE,CAAA;SACf;QACD,WAAW,CAAC,IAAI,CAAC,CAAA;AACrB,KAAC,CAAA;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,KAA2C,KAAI;QAChE,iBAAiB,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAA;AAChC;;;;;;AAME;QACF,IAAG,OAAO,IAAI,KAAK;YAAE,OAAO,CAAC,KAAK,CAAC,CAAA;AACvC,KAAC,CAAA;AACD,IAAA,MAAM,UAAU,GAAG,CAAC,KAA0C,KAAI;QAC9D,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACxB,QAAA,IAAG,MAAM;YAAE,MAAM,CAAC,KAAK,CAAC,CAAA;AAC5B,KAAC,CAAA;AAED,IAAA,MAAM,sBAAsB,GAAG,CAAC,MAAc,EAAE,IAAY,KAAI;AAC5D,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;QACpC,MAAM,QAAQ,GAAG,CAAC,CAAA;QAClB,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,gBAAgB,CAAC,CAAC,CAAA;QACrG,IAAI,QAAQ,EAAE,IAAI,CAAA;QAClB,QAAQ,IAAI;AACR,YAAA,KAAK,KAAK;AACN,gBAAA,IAAI,GAAG,YAAY,GAAG,MAAM,CAAA;AAC5B,gBAAA,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAA;gBAC5C,MAAK;AACT,YAAA,KAAK,KAAK;AACN,gBAAA,IAAI,GAAG,YAAY,GAAG,MAAM,CAAA;AAC5B,gBAAA,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAA;gBAC5C,MAAK;AACT,YAAA,KAAK,KAAK;gBACN,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,IAAI,MAAM,GAAG,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,CAAA;gBAC1E,MAAK;AACT,YAAA;gBACI,QAAQ,GAAG,CAAC,CAAA;gBACZ,MAAK;SACZ;QACD,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;AACvD,KAAC,CAAA;AACD,IAAA,MAAM,aAAa,GAAG,CAAC,KAA6C,KAAI;QACpE,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;AACpD,QAAA,IAAG,SAAS;YAAE,SAAS,CAAC,KAAK,CAAC,CAAA;AAC9B,QAAA,IAAG,CAAC,UAAU;YAAE,OAAM;QAEtB,IAAI,gBAAgB,GAAG,IAAI,CAAA;QAC3B,IAAI,iBAAiB,GAAG,IAAI,CAAA;AAE5B,QAAA,QAAQ,KAAK,CAAC,GAAG;AACb,YAAA,KAAK,WAAW;AACZ,gBAAA,IAAG,QAAQ;AAAE,oBAAA,sBAAsB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;gBAC7C,MAAK;AACT,YAAA,KAAK,SAAS;AACV,gBAAA,IAAG,QAAQ;AAAE,oBAAA,sBAAsB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;gBAC7C,MAAK;AACT,YAAA,KAAK,KAAK;gBACN,IAAG,CAAC,QAAQ,EAAE;oBACV,gBAAgB,GAAG,KAAK,CAAA;oBACxB,iBAAiB,GAAG,KAAK,CAAA;iBAC5B;SACR;AACD,QAAA,IAAG,gBAAgB;YAAE,KAAK,CAAC,cAAc,EAAE,CAAA;AAC3C,QAAA,IAAG,iBAAiB;YAAE,KAAK,CAAC,eAAe,EAAE,CAAA;AACjD,KAAC,CAAA;AACD,IAAA,MAAM,WAAW,GAAG,CAAC,KAA6C,KAAI;QAClE,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;AACpD,QAAA,IAAG,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAA;AAC1B,QAAA,IAAG,CAAC,UAAU;YAAE,OAAM;QAEtB,IAAI,gBAAgB,GAAG,IAAI,CAAA;QAC3B,IAAI,iBAAiB,GAAG,IAAI,CAAA;AAC5B,QAAA,QAAO,KAAK,CAAC,GAAG;AACZ,YAAA,KAAK,WAAW;gBACZ,IAAG,CAAC,QAAQ,EAAE;oBACV,iBAAiB,CAAC,IAAI,CAAC,CAAA;iBAC1B;gBACD,MAAK;AACT,YAAA,KAAK,SAAS;gBACV,IAAG,CAAC,QAAQ,EAAE;oBACV,iBAAiB,CAAC,IAAI,CAAC,CAAA;AACvB,oBAAA,sBAAsB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;iBACnC;gBACD,MAAK;AACT,YAAA,KAAK,MAAM;gBACP,IAAG,CAAC,QAAQ,EAAE;oBACV,iBAAiB,CAAC,IAAI,CAAC,CAAA;iBAC1B;AACD,gBAAA,sBAAsB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;gBAChC,MAAK;AACT,YAAA,KAAK,KAAK;gBACN,IAAG,CAAC,QAAQ,EAAE;oBACV,iBAAiB,CAAC,IAAI,CAAC,CAAA;iBAC1B;gBACD,sBAAsB,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,CAAA;gBAClD,MAAK;AACT,YAAA,KAAK,OAAO,CAAC;AACb,YAAA,KAAK,GAAG;AACJ,gBAAA,WAAW,EAAE,CAAA;gBACb,IAAG,QAAQ,EAAE;AACT,oBAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,GAAC,aAAa,GAAC,gBAAgB,CAAC,CAAA;oBACtF,YAAY,EAAE,KAAK,EAAE,CAAA;iBACxB;gBACD,MAAK;AACT,YAAA,KAAK,QAAQ;gBACT,IAAG,QAAQ,EAAE;oBACT,iBAAiB,CAAC,KAAK,CAAC,CAAA;iBAC3B;gBACD,MAAK;AACT,YAAA,KAAK,UAAU;AACX,gBAAA,sBAAsB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;gBACjC,MAAK;AACT,YAAA,KAAK,QAAQ;AACT,gBAAA,sBAAsB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;gBACjC,MAAK;AACT,YAAA,KAAK,KAAK;gBACN,IAAG,QAAQ,EAAE;AACT,oBAAA,WAAW,EAAE,CAAA;AACb,oBAAA,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,GAAC,aAAa,GAAC,gBAAgB,CAAC,CAAA;oBACtF,YAAY,EAAE,KAAK,EAAE,CAAA;iBACxB;gBACD,gBAAgB,GAAG,KAAK,CAAA;gBACxB,iBAAiB,GAAG,KAAK,CAAA;gBACzB,MAAK;SACZ;AACD,QAAA,IAAG,KAAK,CAAC,GAAG,KAAK,KAAK;AAAE,YAAA,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;AACrD,QAAA,IAAG,gBAAgB;YAAE,KAAK,CAAC,cAAc,EAAE,CAAA;AAC3C,QAAA,IAAG,iBAAiB;YAAE,KAAK,CAAC,eAAe,EAAE,CAAA;AACjD,KAAC,CAAA;AAED,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO;AAC3B,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ;AACR,QAAA,WAAW,EAAE,iBAAiB;QAC9B,gBAAgB;QAChB,mBAAmB;QACnB,UAAU;QACV,aAAa;QACb,kBAAkB;QAClB,qBAAqB;QACrB,QAAQ;KACX,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,CAAE,CAAC,CAAA;AAEzD,IAAA,QACIC,IAAA,CAAC,qBAAqB,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EAAA,CACjCD,GAAC,CAAA,OAAO,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAE,cAAc,EAAA,QAAA,EAC7DA,GAAC,CAAA,aAAa,EACV,EAAA,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,wBAAwB,CAAC,CAAC,EACjH,SAAS,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,QAAQ,IAAI,CAAC,UAAU,KAAK,SAAS,EAAG,QAAQ,EAAE,QAAQ,EACnG,eAAA,EAAA,QAAQ,IAAI,SAAS,EAAgB,cAAA,EAAA,KAAK,GAAG,MAAM,GAAC,OAAO,EAAA,kBAAA,EAAoB,WAAW,IAAI,EAAE,GAAG,WAAW,GAAG,SAAS,EACzI,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EACpF,GAAA,SAAS,YAEbA,GAAC,CAAA,UAAU,EACN,EAAA,QAAA,EAAA,QAAQ,EACA,CAAA,EAAA,CACD,EACV,CAAA,EACVC,cAAK,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAA,CACvC,KAAK,IAAI,CAAC,SAAS;wBAChBD,GAAC,CAAA,YAAY,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAG,CAAA;0BACpG,IAAI,EACT,IAAI,IAAI,CAAC,SAAS;wBACfA,GAAC,CAAA,WAAW,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAG,CAAA;AAClG,0BAAE,IAAI,CACR,EAAA,CAAA,CAAA,EAAA,CACc,EAC3B;AACL,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,YAAY,CAAA;AAEjC,MAAM,WAAW,GAAG,UAAU,CAAyC,CAAC,EAAC,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAK;AAC5H,IAAA,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE,CAAA;AAO3F,IAAA,MAAM,YAAY,GAAG,CAAC,KAA0C,KAAI;AAChE,QAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QAClB,IAAG,CAAC,QAAQ,EAAE;YAAE,WAAW,CAAC,IAAI,CAAC,CAAA;SAAE;QACnC,IAAG,QAAQ,EAAE;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;SAAE;;AAEhC,QAAA,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AACrC,KAAC,CAAA;AACD,IAAA,MAAM,WAAW,GAAG,CAAC,KAA0B,KAAI;AAC/C,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAA;QACrB,QAAO,GAAG;AACN,YAAA,KAAK,WAAW;AACZ,gBAAA,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAA;gBACzB,MAAK;AACT,YAAA,KAAK,SAAS;AACV,gBAAA,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;gBACvB,MAAK;SACZ;AACL,KAAC,CAAA;AAGD,IAAA,QACIA,GAAA,CAAA,OAAA,EAAA,EAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAC9B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAC5C,SAAS,EAAE,eAAe,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAA,GACpD,SAAS,EAAA,CACf,EACL;AACL,CAAC,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE3C,MAAM,aAAa,GAAG,UAAU,CAA4C,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,GAAC,KAAK,EAAE,QAAQ,GAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IAC/K,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE,CAAA;AACrE,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAEtC,MAAM,iBAAiB,GAAG,eAAe,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAA;AAEzE,IAAA,QACIC,IAAA,CAAA,QAAA,EAAA,EACI,IAAI,EAAC,UAAU,EAAA,eAAA,EAAgB,UAAU,GAAC,MAAM,EAAA,eAAA,EAAiB,QAAQ,EAAA,uBAAA,EAAyB,gBAAgB,KAAK,KAAK,GAAG,EAAE,GAAC,UAAU,GAAC,aAAa,GAAC,gBAAgB,EAC3K,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,QAAQ,EACrE,SAAS,EAAE,iBAAiB,EAAE,EAAE,EAAE,UAAU,GAAC,UAAU,KACnD,SAAS,EAAA,QAAA,EAAA,CAEbD,GAAO,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,KAAK,EAAQ,CAAA,EACnB,QAAQ,CAAA,EAAA,CACJ,EACZ;AACL,CAAC,CAAC,CAAA;AACF,aAAa,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAC/C;;;;;;;;;;;;;;;;;;;;;;;AAuBE;AAEF,MAAM,UAAU,GAAG,UAAU,CAAwC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IAClH,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE,CAAA;AAEnD,IAAA,MAAM,OAAO,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAE9C,QACIA,GAAI,CAAA,IAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EACd,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,UAAU,GAAC,OAAO,EACtD,SAAS,EAAE,eAAe,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,EAAC,OAAO,EAAC,MAAM,EAAC,EACnG,GAAA,SAAS,EACZ,QAAA,EAAA,QAAQ,EACR,CAAA,EACR;AACL,CAAC,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEzC,MAAM,YAAY,GAAG,UAAU,CAAsC,CAAC,EAC9D,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EACzD,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,SAAS,EACtD,EAAE,GAAG,KAAI;AACV,IAAA,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAA;AACxI,IAAA,MAAM,kBAAkB,GAAG,CAAC,KAAwC,KAAI;QACpE,IAAG,CAAC,KAAK,CAAC,MAAM;YAAE,OAAM;QACxB,mBAAmB,CAAC,KAAK,CAAC,CAAA;AAC1B,QAAA,IAAG,aAAa;YAAE,aAAa,CAAC,KAAK,CAAC,CAAA;AAC1C,KAAC,CAAA;AACD,IAAA,MAAM,WAAW,GAAG,CAAC,KAAsC,KAAI;QAC3D,KAAK,CAAC,eAAe,EAAE,CAAA;AAEvB,QAAA,qBAAqB,CAAE,CAAC,IAAQ,MAAM;AAClC,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,KAAK,EAAE,QAAQ;AAClB,SAAA,CAAC,CAAC,CAAA;QACH,WAAW,CAAC,KAAK,CAAC,CAAA;AAElB,QAAA,IAAG,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAA;AAC9B,KAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,EAAE,SAAS,EAAE,gBAAgB,KAAK,KAAK,GAAG,OAAO,GAAC,EAAE,CAAC,CAAA;IACpH,QACIA,YAAI,IAAI,EAAC,QAAQ,EAAgB,eAAA,EAAA,kBAAkB,CAAC,KAAK,KAAK,KAAK,GAAG,IAAI,GAAC,KAAK,EAC5E,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,GAAC,aAAa,GAAC,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAC1E,aAAa,EAAE,kBAAkB,EAAE,OAAO,EAAE,WAAW,EAAA,GACnD,SAAS,EAEZ,QAAA,EAAA,QAAQ,EACR,CAAA,EACR;AACL,CAAC,CAAC,CAAA;AACF,YAAY,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAE7C,eAAe,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;AACjC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,MAAM,EAAE,YAAY;AACvB,CAAA,CAAC;;;;"}

package/InputGroup/InputGroup.js

@@ -1,5 +1,6 @@
 'use client';
-import React, { forwardRef, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useMemo } from 'react';
 import { FormContextProvider, useFormContext } from '../Form/Form.js';
 import useClassname from '../hooks/useClassname.js';
 import 'lodash';
@@ -8,18 +9,17 @@ const InputGroup = forwardRef(({ children, className, controlId, ...restProps },
     const context = useMemo(() => {
         return { controlId: controlId, isInputGroup: true };
     }, [controlId]);
-    return (React.createElement("div", { ref: ref, className: useClassname("sg-input-group", className), ...restProps },
-        React.createElement(FormContextProvider, { value: context }, children)));
+    return (jsx("div", { ref: ref, className: useClassname("sg-input-group", className), ...restProps, children: jsx(FormContextProvider, { value: context, children: children }) }));
 });
 InputGroup.displayName = "InputGroup";
 const Grid = forwardRef(({ children, className, ...restProps }, ref) => {
-    return (React.createElement("div", { ref: ref, className: useClassname("sg-input-group-grid", className) }, children));
+    return (jsx("div", { ref: ref, className: useClassname("sg-input-group-grid", className), ...restProps, children: children }));
 });
 Grid.displayName = "InputGroupGrid";
 const Text = forwardRef(({ children, className, htmlFor, ...restProps }, ref) => {
     const { controlId } = useFormContext();
     const computedHtmlFor = controlId ?? htmlFor;
-    return (React.createElement("label", { ref: ref, htmlFor: computedHtmlFor, className: useClassname("sg-input-group-text", className), ...restProps }, children));
+    return (jsx("label", { ref: ref, htmlFor: computedHtmlFor, className: useClassname("sg-input-group-text", className), ...restProps, children: children }));
 });
 Text.displayName = "InputGroupText";
 var InputGroup$1 = Object.assign(InputGroup, {

package/InputGroup/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sources":["../../src/InputGroup/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOA,MAAM,UAAU,GAAG,UAAU,CAAiC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAG,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACnH,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAK;QACzB,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAC,CAAA;AACrD,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AACf,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,SAAS,EAAA;QAC9E,KAAC,CAAA,aAAA,CAAA,mBAAmB,EAAC,EAAA,KAAK,EAAE,OAAO,IAC9B,QAAQ,CACS,CACpB,EACT;AACL,CAAC,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,IAAI,GAAG,UAAU,CAAsC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACtG,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,qBAAqB,EAAE,SAAS,CAAC,IACnE,QAAQ,CACP,EACT;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEnC,MAAM,IAAI,GAAG,UAAU,CAAoC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC7G,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;AAEtC,IAAA,MAAM,eAAe,GAAG,SAAS,IAAI,OAAO,CAAA;IAC5C,QACI,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAA,GAAM,SAAS,EAC9G,EAAA,QAAQ,CACL,EACX;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEnC,mBAAgB,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;AACtC,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,IAAI,EAAE,IAAI;AACb,CAAA,CAAC;;;;"}
+{"version":3,"file":"InputGroup.js","sources":["../../src/InputGroup/InputGroup.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;AAOA,MAAM,UAAU,GAAG,UAAU,CAAiC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAG,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACnH,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAK;QACzB,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAC,CAAA;AACrD,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AACf,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAM,GAAA,SAAS,EAC9E,QAAA,EAAAA,GAAA,CAAC,mBAAmB,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EAC9B,QAAQ,EAAA,CACS,EACpB,CAAA,EACT;AACL,CAAC,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,IAAI,GAAG,UAAU,CAAsC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IACtG,QACIA,aAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAM,GAAA,SAAS,YAClF,QAAQ,EAAA,CACP,EACT;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEnC,MAAM,IAAI,GAAG,UAAU,CAAoC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC7G,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;AAEtC,IAAA,MAAM,eAAe,GAAG,SAAS,IAAI,OAAO,CAAA;IAC5C,QACIA,GAAO,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAA,GAAM,SAAS,EAC9G,QAAA,EAAA,QAAQ,EACL,CAAA,EACX;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEnC,mBAAgB,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;AACtC,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,IAAI,EAAE,IAAI;AACb,CAAA,CAAC;;;;"}

package/List/List.d.ts

@@ -4,7 +4,7 @@ export declare const ListContext: React.Context<FormContextType | null>;
 export declare const ListContextProvider: ({ children, value }: {
     children: React.ReactNode;
     value: FormContextType;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const useListContext: () => FormContextType | null;
 declare const _default: React.ForwardRefExoticComponent<Omit<ListType, "ref"> & React.RefAttributes<HTMLUListElement>> & {
     Sublist: React.ForwardRefExoticComponent<Omit<ListSublistType, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/List/List.js

@@ -1,12 +1,13 @@
 'use client';
-import React, { createContext, forwardRef, useMemo, useRef, cloneElement, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { createContext, forwardRef, useMemo, useRef, cloneElement, useContext } from 'react';
 import useDraggable from '../hooks/useDraggable.js';
 import useClassname from '../hooks/useClassname.js';
 import mergeRefs from '../utils/MergeRefs.js';
 
 const ListContext = createContext(null);
 const ListContextProvider = ({ children, value }) => {
-    return (React.createElement(ListContext.Provider, { value: value }, children));
+    return (jsx(ListContext.Provider, { value: value, children: children }));
 };
 const useListContext = () => {
     const context = useContext(ListContext);
@@ -25,24 +26,24 @@ const List = forwardRef(({ children, className, depth, tree = false, dragdrop =
         tree: tree,
         draggable: dragdrop
     }), []);
-    return (React.createElement("ul", { ref: ref, id: "test-list", "data-context": context ? "true" : "false", className: useClassname("sg-list", className), style: { "--depth": depth }, ...restProps }, !context ?
-        React.createElement(ListContextProvider, { value: initialContext }, children)
-        :
-            children));
+    return (jsx("ul", { ref: ref, id: "test-list", "data-context": context ? "true" : "false", className: useClassname("sg-list", className), style: { "--depth": depth }, ...restProps, children: !context ?
+            jsx(ListContextProvider, { value: initialContext, children: children })
+            :
+                children }));
 });
 List.displayName = "List";
 const Sublist = forwardRef(({ children, className, depth, ...restProps }, ref) => {
     const { draggable } = useListContext();
     const itemRef = useRef(null);
     const { coordinates, isMouseDown } = useDraggable(itemRef, { draggable });
-    return (React.createElement("li", { ref: mergeRefs([ref, itemRef]), "data-phantom": "none", className: useClassname("sg-sublist", className), style: { "--depth": depth, top: coordinates.top, left: coordinates.left, width: coordinates.width }, ...restProps }, children));
+    return (jsx("li", { ref: mergeRefs([ref, itemRef]), "data-phantom": "none", className: useClassname("sg-sublist", className), style: { "--depth": depth, top: coordinates.top, left: coordinates.left, width: coordinates.width }, ...restProps, children: children }));
 });
 Sublist.displayName = "ListSubList";
 const Item = forwardRef(({ children, className, ...restProps }, ref) => {
     const { draggable } = useListContext();
     const itemRef = useRef(null);
     const { coordinates, isMouseDown } = useDraggable(itemRef, { draggable });
-    return (React.createElement("li", { ref: itemRef, "data-phantom": "none", className: useClassname("sg-list-item", className), style: { top: coordinates.top, left: coordinates.left, width: coordinates.width }, ...restProps }, children));
+    return (jsx("li", { ref: itemRef, "data-phantom": "none", className: useClassname("sg-list-item", className), style: { top: coordinates.top, left: coordinates.left, width: coordinates.width }, ...restProps, children: children }));
 });
 Item.displayName = "ListItem";
 const Label = forwardRef(({ children, className, style, ...restProps }, ref) => {
@@ -50,7 +51,7 @@ const Label = forwardRef(({ children, className, style, ...restProps }, ref) =>
     const computedClass = useClassname("sg-list-label", className);
     //const coordinates = useDraggable(labelRef)
     return ((typeof children === "string") ?
-        React.createElement("span", { ref: mergeRefs([ref, labelRef]), className: computedClass, style: { ...style }, ...restProps }, children)
+        jsx("span", { ref: mergeRefs([ref, labelRef]), className: computedClass, style: { ...style }, ...restProps, children: children })
         :
             cloneElement(children, {
                 ref: mergeRefs([ref, labelRef]),

package/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../src/List/List.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;MAOa,WAAW,GAAG,aAAa,CAAyB,IAAI,EAAC;AACzD,MAAA,mBAAmB,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAsD,KAAI;AAC1G,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,EAC7B,QAAQ,CACU,EAC1B;AACL,EAAC;AACM,MAAM,cAAc,GAAG,MAAK;AAC/B,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;AAEvC,IAAA,OAAO,OAAO,CAAA;AAClB,EAAC;AAED;;;;;;AAME;AAEF,MAAM,IAAI,GAAG,UAAU,CAA8B,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,GAAC,KAAK,EAAE,QAAQ,GAAC,KAAK,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACjI,IAAA,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;AAChC,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO;AAClC,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,SAAS,EAAE,QAAQ;KACtB,CAAC,EAAE,EAAE,CAAC,CAAA;AAEP,IAAA,QACQ,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,EAAE,EAAC,WAAW,kBAAe,OAAO,GAAG,MAAM,GAAC,OAAO,EAAG,SAAS,EAAE,YAAY,CAAC,SAAS,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAC,SAAS,EAAC,KAAK,EAAwB,EAAM,GAAA,SAAS,IAC7K,CAAC,OAAO;AACN,QAAA,KAAA,CAAA,aAAA,CAAC,mBAAmB,EAAC,EAAA,KAAK,EAAE,cAAc,EAAA,EACrC,QAAQ,CACS;;YAEtB,QAAQ,CAEX,EACZ;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,OAAO,GAAG,UAAU,CAAkC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC5G,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAG,CAAA;AACvC,IAAA,MAAM,OAAO,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAA;AAE3C,IAAA,MAAM,EAAE,WAAW,EAAE,WAAW,EAAC,GAAG,YAAY,CAAC,OAAO,EAAE,EAAC,SAAS,EAAC,CAAC,CAAA;IAEtE,QACI,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAC,OAAO,CAAC,CAAC,kBAAe,MAAM,EAAC,SAAS,EAAE,YAAY,CAAC,YAAY,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAC,KAAK,EAAE,GAAG,EAAE,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAyB,EAAM,GAAA,SAAS,EAC5O,EAAA,QAAQ,CACR,EACR;AACL,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,aAAa,CAAA;AAEnC,MAAM,IAAI,GAAG,UAAU,CAA+B,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC/F,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAG,CAAA;AACvC,IAAA,MAAM,OAAO,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAA;AAE3C,IAAA,MAAM,EAAE,WAAW,EAAE,WAAW,EAAC,GAAG,YAAY,CAAC,OAAO,EAAE,EAAC,SAAS,EAAC,CAAC,CAAA;IAEtE,QACI,4BAAI,GAAG,EAAE,OAAO,EAAe,cAAA,EAAA,MAAM,EAAC,SAAS,EAAE,YAAY,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,WAAW,CAAC,GAAG,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAyB,EAAM,GAAA,SAAS,IAC5M,QAAQ,CACR,EACR;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,UAAU,CAAA;AAE7B,MAAM,KAAK,GAAG,UAAU,CAAkC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC1G,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IAC1C,MAAM,aAAa,GAAG,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC,CAAA;;IAG9D,QACI,CAAC,OAAO,QAAQ,KAAK,QAAQ;QACzB,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,EAAC,EAAM,GAAA,SAAS,EAC7F,EAAA,QAAQ,CACN;;YAEP,YAAY,CAAC,QAAe,EACxB;gBACI,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;AAC/B,gBAAA,SAAS,EAAE,aAAa;gBACxB,KAAK,EAAE,EAAE,GAAI,QAAyB,CAAC,KAAK,CAAC,KAAK,EAAC;AACtD,aAAA,CACJ,EAER;AACL,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;AAC/B;;;;;;AAME;AACF,aAAgB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;AAChC,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,KAAK,EAAE,KAAK;AACf,CAAA,CAAC;;;;"}
+{"version":3,"file":"List.js","sources":["../../src/List/List.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/Modal/Modal.js

@@ -1,5 +1,6 @@
 'use client';
-import React, { createContext, forwardRef, useState, useRef, useEffect, useContext } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createContext, forwardRef, useState, useRef, useEffect, useContext } from 'react';
 import { createPortal } from 'react-dom';
 import CloseButton from '../CloseButton/CloseButton.js';
 import Button from '../Button/Button.js';
@@ -7,7 +8,7 @@ import mergeRefs from '../utils/MergeRefs.js';
 
 const ModalContext = createContext(null);
 const ModalContextProvider = ({ children, value }) => {
-    return (React.createElement(ModalContext.Provider, { value: value }, children));
+    return (jsx(ModalContext.Provider, { value: value, children: children }));
 };
 const useModalContext = () => {
     const context = useContext(ModalContext);
@@ -17,13 +18,19 @@ const useModalContext = () => {
     return context;
 };
 const Modal = forwardRef(({ children, size = "md", show, backdrop = "static", fill = false, onHide, className, id, stretch, style, ...restProps }, ref) => {
+    //Two "show modal" states exist to allow for the modal to not render when not used (meaning you don't have to deal with states
+    //for forms or other data that has to be renedered even though the modal is "display: none"). Also allows for an in/out-going animation
     const [showModal, setShowModal] = useState(show);
+    const [renderModal, setRenderModal] = useState(show);
     let typeCheck = typeof (show) === "boolean" && typeof (onHide) === "function" ? undefined : { show: typeof (show) === "boolean", onHide: typeof (onHide) === "function" };
     if (typeCheck) {
         console.error(!typeCheck.show ? "The variable 'show' must be used and must be a boolean used to decide when to show the modal!" : null, !typeCheck.onHide ? "The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!" : null);
     }
     if (show != showModal) {
         setShowModal(show);
+        if (show) {
+            setRenderModal(true);
+        }
     }
     const modalRef = useRef(null);
     useKeepElementFocused(modalRef);
@@ -31,11 +38,12 @@ const Modal = forwardRef(({ children, size = "md", show, backdrop = "static", fi
         const modal = modalRef.current;
         modal.classList.add("close");
         modal.addEventListener('animationend', (event) => {
-            if (event.animationName === "scale-down") {
+            if (event.animationName === "fade-out-modal") {
                 if (onHide) {
-                    onHide();
+                    onHide(false);
                 }
                 modal.close();
+                setRenderModal(false);
             }
         }, { once: true });
     };
@@ -70,10 +78,11 @@ const Modal = forwardRef(({ children, size = "md", show, backdrop = "static", fi
         event.preventDefault();
         closeModal();
     };
-    return (createPortal(React.createElement("dialog", { ref: mergeRefs([ref, modalRef]), className: classNameComputed, onKeyDown: (event) => handleKeyDown(event), ...restProps, style: { "--height": stretch ? "80%" : null, ...style } },
-        React.createElement(ModalContextProvider, { value: closeModal }, !typeCheck ?
-            children :
-            React.createElement(ErrorModal, { typeCheck: typeCheck, closeModal: closeModal }))), document.body));
+    return (renderModal ?
+        createPortal(jsx("dialog", { ref: mergeRefs([ref, modalRef]), className: classNameComputed, onKeyDown: (event) => handleKeyDown(event), ...restProps, style: { "--height": stretch ? "80%" : null, ...style }, children: jsx(ModalContextProvider, { value: closeModal, children: !typeCheck ?
+                    children :
+                    jsx(ErrorModal, { typeCheck: typeCheck, closeModal: closeModal }) }) }), document.body)
+        : null);
 });
 Modal.displayName = "Modal";
 const Header = forwardRef(({ children, as = "", className = "", closeButton = false, onClick, ...restProps }, ref) => {
@@ -86,23 +95,21 @@ const Header = forwardRef(({ children, as = "", className = "", closeButton = fa
         }
         closeModal();
     };
-    return (React.createElement(Component, { ref: ref, className: `sg-modal-header ${className}`, ...restProps },
-        children,
-        closeButton ? React.createElement(CloseButton, { variant: true, onClick: event => onCloseButtonClick(event) }) : null));
+    return (jsxs(Component, { ref: ref, className: `sg-modal-header ${className}`, ...restProps, children: [children, closeButton ? jsx(CloseButton, { variant: true, onClick: event => onCloseButtonClick(event) }) : null] }));
 });
 Header.displayName = "ModalHeader";
 const Title = forwardRef(({ children, as = "h4", className, ...restProps }, ref) => {
     let validAs = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"];
     let Component = validAs.find(valid => valid === as) ? as : "h4";
-    return (React.createElement(Component, { ref: ref, className: `sg-modal-title ${className}`, ...restProps }, children));
+    return (jsx(Component, { ref: ref, className: `sg-modal-title ${className}`, ...restProps, children: children }));
 });
 Title.displayName = "ModalTitle";
 const Body = forwardRef(({ children, className, ...restProps }, ref) => {
-    return (React.createElement("div", { ref: ref, className: `sg-modal-body ${className}`, ...restProps }, children));
+    return (jsx("div", { ref: ref, className: `sg-modal-body ${className}`, ...restProps, children: children }));
 });
 Body.displayName = "ModalBody";
 const Footer = forwardRef(({ children, className, ...restProps }, ref) => {
-    return (React.createElement("div", { ref: ref, className: `sg-modal-footer ${className}`, ...restProps }, children));
+    return (jsx("div", { ref: ref, className: `sg-modal-footer ${className}`, ...restProps, children: children }));
 });
 Footer.displayName = "ModalFooter";
 var Modal$1 = Object.assign(Modal, {
@@ -143,15 +150,7 @@ const useKeepElementFocused = function (elementRef) {
     }, [elementRef]);
 };
 const ErrorModal = ({ typeCheck, closeModal }) => {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Header, { closeButton: true },
-            React.createElement(Title, null, "An Error ocurred!")),
-        React.createElement(Body, null,
-            React.createElement("p", null,
-                !typeCheck.show ? "The variable 'show' must be used and must be a boolean used to decide when to show the modal!" : null,
-                !typeCheck.onHide ? "The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!" : null)),
-        React.createElement(Footer, null,
-            React.createElement(Button, { variant: "danger", type: "button", onClick: () => closeModal() }, "Close"))));
+    return (jsxs(Fragment, { children: [jsx(Header, { closeButton: true, children: jsx(Title, { children: "An Error ocurred!" }) }), jsx(Body, { children: jsxs("p", { children: [!typeCheck.show ? "The variable 'show' must be used and must be a boolean used to decide when to show the modal!" : null, !typeCheck.onHide ? "The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!" : null] }) }), jsx(Footer, { children: jsx(Button, { variant: "danger", type: "button", onClick: () => closeModal(), children: "Close" }) })] }));
 };
 
 export { Modal$1 as default, useKeepElementFocused };