stargazer-ui 1.2.1 → 1.2.2

package/Dropdown/package.json

@@ -0,0 +1 @@
+{"name":"stargazer-ui/Dropdown","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}

package/FileUploadButton/FileUploadButton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FileUploadButtonType } from "./FileUploadButton.types";
+declare const FileUploadButton: React.ForwardRefExoticComponent<Omit<FileUploadButtonType, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default FileUploadButton;

package/FileUploadButton/FileUploadButton.js

@@ -0,0 +1,21 @@
+'use client';
+import React, { forwardRef, useRef } from 'react';
+import Button from '../Button/Button.js';
+
+const FileUploadButton = forwardRef(({ children, onClick, onFileUpload, controlId, ...props }, ref) => {
+    const inputRef = useRef(null);
+    const handleClick = (event) => {
+        if (!inputRef.current)
+            return;
+        inputRef.current.click();
+        if (onClick) {
+            onClick(event);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { ref: ref, id: controlId, onClick: handleClick, ...props }, children),
+        React.createElement("input", { "aria-labelledby": controlId, ref: inputRef, className: "custom-upload", type: "file", onChange: onFileUpload })));
+});
+
+export { FileUploadButton as default };
+//# sourceMappingURL=FileUploadButton.js.map

package/FileUploadButton/FileUploadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadButton.js","sources":["../../src/FileUploadButton/FileUploadButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAMM,MAAA,gBAAgB,GAAG,UAAU,CAA2C,CAAC,EAAC,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,KAAI;AAC1I,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;AAC/C,IAAA,MAAM,WAAW,GAAG,CAAC,KAA0C,KAAI;QAC/D,IAAG,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAM;AAC5B,QAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;QACxB,IAAG,OAAO,EAAE;YACR,OAAO,CAAC,KAAK,CAAC,CAAA;SACjB;AACL,KAAC,CAAA;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACI,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAC,EAAA,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,KAAM,KAAK,EAAA,EAC3D,QAAQ,CACJ;QACT,KAAwB,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,YAAY,EAAU,CAAA,CACzH,EACN;AACL,CAAC;;;;"}

package/FileUploadButton/FileUploadButton.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { ButtonType } from "../Button";
+export type FileUploadButtonType = {
+    children: ReactNode;
+    onFileUpload: React.ChangeEventHandler<HTMLInputElement>;
+    controlId: string;
+} & ButtonType;

package/FileUploadButton/index.d.ts

@@ -0,0 +1,3 @@
+import FileUploadButton from "./FileUploadButton";
+export default FileUploadButton;
+export { FileUploadButtonType } from "./FileUploadButton.types";

package/FileUploadButton/index.js

@@ -0,0 +1,7 @@
+'use client';
+import FileUploadButton from './FileUploadButton.js';
+
+
+
+export { FileUploadButton as default };
+//# sourceMappingURL=index.js.map

package/FileUploadButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/FileUploadButton/package.json

@@ -0,0 +1 @@
+{"name":"stargazer-ui/FileUploadButton","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}

package/FloatingLabel/FloatingLabel.js

@@ -0,0 +1,17 @@
+'use client';
+import React, { forwardRef, useMemo } from 'react';
+import { FormContextProvider } from '../Form/Form.js';
+
+const FloatingLabel = forwardRef(({ children, label, controlId, className, htmlFor, ...restProps }, ref) => {
+    const context = useMemo(() => {
+        return { controlId: controlId };
+    }, [controlId]);
+    return (React.createElement(FormContextProvider, { value: context },
+        React.createElement("div", { className: `sg-form-floating` },
+            children,
+            React.createElement("label", { ref: ref, htmlFor: controlId, className: "sg-form-floating-label", ...restProps }, label))));
+});
+FloatingLabel.displayName = "FloatingLabel";
+
+export { FloatingLabel as default };
+//# sourceMappingURL=FloatingLabel.js.map

package/FloatingLabel/FloatingLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingLabel.js","sources":["../../src/FloatingLabel/FloatingLabel.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAMM,MAAA,aAAa,GAAG,UAAU,CAAuC,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAC,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC1I,IAAA,MAAM,OAAO,GAAG,OAAO,CAAkB,MAAK;AAC1C,QAAA,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,CAAA;AACjC,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AACf,IAAA,QACI,KAAC,CAAA,aAAA,CAAA,mBAAmB,EAAC,EAAA,KAAK,EAAE,OAAO,EAAA;QAC/B,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAkB,gBAAA,CAAA,EAAA;YAC7B,QAAQ;AACT,YAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAC,wBAAwB,EAAA,GAAK,SAAS,EAAG,EAAA,KAAK,CAAS,CACpG,CACY,EACzB;AACL,CAAC,EAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/{types/components/FloatingLabel → FloatingLabel}/FloatingLabel.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { BaseLabelType } from "../../BaseTypes";
+import { BaseLabelType } from "../utils/BaseTypes";
 export type FloatingLabelType = {
     children: ReactNode;
     className?: string;

package/FloatingLabel/index.d.ts

@@ -0,0 +1,3 @@
+import FloatingLabel from "./FloatingLabel";
+export default FloatingLabel;
+export type { FloatingLabelType } from "./FloatingLabel.types";

package/FloatingLabel/index.js

@@ -0,0 +1,7 @@
+'use client';
+import FloatingLabel from './FloatingLabel.js';
+
+
+
+export { FloatingLabel as default };
+//# sourceMappingURL=index.js.map

package/FloatingLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/FloatingLabel/package.json

@@ -0,0 +1 @@
+{"name":"stargazer-ui/FloatingLabel","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}

package/Form/Form.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+import { FormCheckType, FormContextType, FormControlType, FormGroupType, FormLabelType, FormSliderType, FormTextType, FormType, FormSelectType, FormSelectControlType, FormSelectInputType, FormSelectListType, FormSelectListItemType, SelectContextType, SliderContextType } from "./Form.types";
+export declare const FormContext: React.Context<FormContextType | null>;
+export declare const FormContextProvider: ({ children, value }: {
+    children: React.ReactNode;
+    value: FormContextType;
+}) => React.JSX.Element;
+export declare const useFormContext: () => FormContextType | {
+    controlId: null;
+};
+export declare const SliderContext: React.Context<SliderContextType | null>;
+export declare const SliderContextProvider: ({ children, value }: {
+    children: React.ReactNode;
+    value: SliderContextType;
+}) => React.JSX.Element;
+export declare const useSliderContext: () => SliderContextType;
+export declare const SelectContext: React.Context<SelectContextType | null>;
+export declare const SelectContextProvider: ({ children, value }: {
+    children: React.ReactNode;
+    value: SelectContextType;
+}) => React.JSX.Element;
+export declare const useSelectContext: () => SelectContextType;
+declare const _default: React.ForwardRefExoticComponent<Omit<FormType, "ref"> & React.RefAttributes<HTMLFormElement>> & {
+    Control: React.ForwardRefExoticComponent<Omit<FormControlType, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    Select: React.ForwardRefExoticComponent<Omit<FormSelectType, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+        Control: React.ForwardRefExoticComponent<Omit<FormSelectControlType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+        Input: React.ForwardRefExoticComponent<Omit<FormSelectInputType, "ref"> & React.RefAttributes<HTMLInputElement>>;
+        Options: React.ForwardRefExoticComponent<Omit<FormSelectListType, "ref"> & React.RefAttributes<HTMLUListElement>>;
+        Option: React.ForwardRefExoticComponent<Omit<FormSelectListItemType, "ref"> & React.RefAttributes<HTMLLIElement>>;
+    };
+    SelectTag: React.ForwardRefExoticComponent<Omit<FormSelectType, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<FormGroupType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<FormLabelType, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+    Check: React.ForwardRefExoticComponent<Omit<FormCheckType, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    Text: React.ForwardRefExoticComponent<Omit<FormTextType, "ref"> & React.RefAttributes<HTMLElement>>;
+    Slider: React.ForwardRefExoticComponent<Omit<FormSliderType, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+};
+export default _default;

package/Form/Form.js

@@ -0,0 +1,308 @@
+'use client';
+import React, { createContext, forwardRef, useMemo, useState, useRef, useEffect, useContext } from 'react';
+import useClassname from '../hooks/useClassname.js';
+import mergeRefs from '../utils/MergeRefs.js';
+
+const FormContext = createContext(null);
+const FormContextProvider = ({ children, value }) => {
+    return (React.createElement(FormContext.Provider, { value: value }, children));
+};
+const useFormContext = () => {
+    const context = useContext(FormContext);
+    if (!context) {
+        return { controlId: null };
+    }
+    return context;
+};
+const Form = forwardRef(({ children, ...restProps }, ref) => {
+    return (React.createElement("form", { ref: ref, ...restProps }, children));
+});
+Form.displayName = "Form";
+const Control = forwardRef(({ as = "input", className = "", plaintext = false, id = "", type = "text", autoFocus = false, ...restProps }, ref) => {
+    let Component = as;
+    const { controlId } = useFormContext();
+    let elementId = controlId ?? id;
+    let computedClassName = (plaintext ? "sg-form-control-plaintext" : "sg-form-control") + (className != "" ? " " + className : "") + (type == "color" ? " sg-form-control-color" : "");
+    return (React.createElement(Component, { autoFocus: autoFocus, ref: ref, id: elementId, type: type, className: computedClassName, ...restProps }));
+});
+Control.displayName = "FormControl";
+const Group = forwardRef(({ children, className, controlId, vertical, ...restProps }, ref) => {
+    const context = useMemo(() => {
+        return { controlId: controlId };
+    }, [controlId]);
+    return (React.createElement("div", { ref: ref, className: `sg-form-group${className ? " " + className : ""}${vertical ? " sg-form-group-vertical" : ""}`, ...restProps },
+        React.createElement(FormContextProvider, { value: context }, children)));
+});
+Group.displayName = "FormGroup";
+const Label = forwardRef(({ children, className, htmlFor }, ref) => {
+    const { controlId } = useFormContext();
+    let elementHtmlFor = controlId ?? htmlFor;
+    return (React.createElement("label", { ref: ref, htmlFor: elementHtmlFor, className: `sg-form-label${className ? " " + className : ""}` }, children));
+});
+Label.displayName = "FormLabel";
+const Check = forwardRef(({ children, classNameContainer, containerRef, containerId, styleContainer, classNameLabel, labelRef, label, labelId, styleLabel, className, type = "checkbox", id, reverse = false, style, onChange, ...restProps }, ref) => {
+    const { controlId } = useFormContext();
+    const typeComputed = !["radio", "checkbox", "color"].includes(type) ? "checkbox" : type;
+    useState({});
+    const onChangeInternal = (event) => {
+        //setContrastColor({backgroundColor: "#"+contrastingColor(event.target.value)})
+        if (onChange)
+            onChange(event);
+    };
+    return (React.createElement("div", { ref: containerRef, id: containerId, style: styleContainer, className: `sg-form-check${reverse ? " sg-form-check-reverse" : ""}${classNameContainer ? " " + classNameContainer : ""}${type === "switch" ? " sg-form-switch" : ""}` }, controlId ?
+        React.createElement("input", { id: controlId, ref: ref, type: typeComputed, style: style, className: `sg-form-check-input${className ? " " + className : ""}`, onChange: event => onChangeInternal(event), ...restProps })
+        :
+            React.createElement("label", { ref: labelRef, id: labelId, style: styleLabel, className: `sg-form-check-label${classNameLabel ? " " + classNameLabel : ""}` }, reverse ?
+                React.createElement(React.Fragment, null,
+                    React.createElement("span", null, children ?? label),
+                    React.createElement("input", { ref: ref, type: typeComputed, style: style, className: `sg-form-check-input${className ? " " + className : ""}`, onChange: event => onChangeInternal(event), ...restProps }))
+                :
+                    React.createElement(React.Fragment, null,
+                        React.createElement("input", { ref: ref, type: typeComputed, style: style, className: `sg-form-check-input${className ? " " + className : ""}`, onChange: event => onChangeInternal(event), ...restProps }),
+                        React.createElement("span", null, children ?? label)))));
+});
+Check.displayName = "FormCheck";
+const Text = forwardRef(({ children, className, ...restProps }, ref) => {
+    return (React.createElement("small", { ref: ref, className: `sg-form-text${className ? " " + className : ""}`, ...restProps }, children));
+});
+Check.displayName = "FormText";
+createContext(null);
+const Slider = forwardRef(({ className, style, controlId, min = 1, max = 10, step = 1, defaultValue = 6, value, onChange, ...restProps }, ref) => {
+    const internalRef = useRef(null);
+    //if(internalRef.current) console.log(internalRef.current)
+    const trackEmpty = useRef(null);
+    const trackFilled = useRef(null);
+    const thumbRef = useRef(null);
+    const [internalValue, setInternalValue] = useState(value ? value + 1 - min : defaultValue - min);
+    if (value && value != internalValue + min) {
+        setInternalValue(value - min);
+    }
+    const internalMin = min < 1 ? 1 : min;
+    const internalMax = min < 1 ? max + 1 - min : max;
+    const [isGrabbing, setIsGrabbing] = useState(false);
+    const updateValue = (value) => {
+        let parsedValue = value < internalMin - 1 ? internalMin - 1 : value;
+        parsedValue = parsedValue > internalMax - internalMin ? internalMax - internalMin : parsedValue;
+        if (parsedValue === internalValue)
+            return;
+        setInternalValue(parsedValue);
+        if (onChange) {
+            onChange(Math.abs(parsedValue) + min);
+        }
+    };
+    const getNearestStep = (event, targetElement) => {
+        const { pageX } = event;
+        const paddingLeft = parseFloat(window.getComputedStyle(targetElement, null).getPropertyValue('padding-left'));
+        const leftEdge = targetElement.getBoundingClientRect().left + paddingLeft;
+        const width = targetElement.scrollWidth - 2 * paddingLeft;
+        const thresholdDeltaX = width * (step) / (internalMax - internalMin);
+        const relativeMousePositionX = (pageX - leftEdge) / thresholdDeltaX < 0 ? 0 : (pageX - leftEdge) / thresholdDeltaX;
+        const nearestStep = Math.round((pageX - leftEdge) / thresholdDeltaX);
+        return { relativeMousePositionX, nearestStep };
+    };
+    const onPointerDownTrack = (event) => {
+        if (!internalRef.current)
+            return;
+        const { nearestStep } = getNearestStep(event, internalRef.current);
+        updateValue(nearestStep * step);
+    };
+    const onPointerDown = (event) => {
+        event.target.setPointerCapture(event.pointerId);
+        setIsGrabbing(true);
+        if (!thumbRef.current)
+            return;
+    };
+    const onPointerMove = (event) => {
+        if (!isGrabbing)
+            return;
+        if (!internalRef.current)
+            return;
+        const { relativeMousePositionX, nearestStep } = getNearestStep(event, internalRef.current);
+        //console.log(nearestStep)
+        const lowerBoundary = nearestStep === 0 || relativeMousePositionX === 0 ? -0.05 : 0.95 * nearestStep;
+        const upperBoundary = nearestStep === 0 || relativeMousePositionX === 0 ? 0.05 : 1.05 * nearestStep;
+        if (lowerBoundary < relativeMousePositionX && relativeMousePositionX < upperBoundary) {
+            updateValue(nearestStep * step);
+        }
+    };
+    const onPointerUp = (event) => {
+        setIsGrabbing(false);
+    };
+    const onKeyDown = (event) => {
+        switch (event.key) {
+            case "ArrowLeft":
+            case "ArrowDown":
+                updateValue(internalValue - 1);
+                event.preventDefault();
+                break;
+            case "ArrowRight":
+            case "ArrowUp":
+                updateValue(internalValue + 1);
+                event.preventDefault();
+                break;
+            case "End":
+                updateValue(internalMax - 1);
+                event.preventDefault();
+                break;
+            case "Home":
+                updateValue(internalMin - 1);
+                event.preventDefault();
+                break;
+        }
+    };
+    const filled = (internalValue) / (internalMax - internalMin);
+    const pointerActions = { onPointerDown, onPointerMove, onPointerUp };
+    return (React.createElement("div", { onPointerDown: onPointerDownTrack, ref: mergeRefs([ref, internalRef]), id: controlId, style: { ...style, "--filled": filled * 100 + "%" }, className: useClassname("sg-form-slider", className) },
+        React.createElement("span", { ref: trackFilled, className: "sg-form-slider-filled", id: controlId + "-track-filled" }),
+        React.createElement("span", { role: "slider", tabIndex: 0, ref: thumbRef, "data-grabbing": isGrabbing, id: controlId + "-track-thumb", ...pointerActions, onKeyDown: onKeyDown, className: "sg-form-slider-thumb", "aria-valuenow": internalValue + min, "aria-valuemax": max, "aria-valuemin": min, ...restProps }),
+        React.createElement("span", { ref: trackEmpty, className: "sg-form-slider-empty", id: controlId + "-track-empty" })));
+});
+Slider.displayName = "FormSlider";
+const SelectContext = createContext(null);
+const SelectContextProvider = ({ children, value }) => {
+    return (React.createElement(SelectContext.Provider, { value: value }, children));
+};
+const useSelectContext = () => {
+    const context = useContext(SelectContext);
+    if (!context) {
+        throw new Error("UseSelectContext must be used within a SelectContextProvider!");
+    }
+    return context;
+};
+const SelectTag = forwardRef(({ children, className, id, ...restProps }, ref) => {
+    const { controlId } = useFormContext();
+    const elementId = controlId ?? id;
+    return (React.createElement("select", { ref: ref, className: `sg-form-select-tag${className ? " " + className : ""}`, id: elementId, ...restProps }, children));
+});
+SelectTag.displayName = "FormSelectTag";
+const Select = forwardRef(({ children, className, id, required = "false", ...restProps }, ref) => {
+    const { controlId } = useFormContext();
+    const internalSelectRef = useRef(null);
+    const [showList, setShowList] = useState(false);
+    const [activeDescendant, setActiveDescendant] = useState("");
+    const [inputValue, setInputValue] = useState("");
+    let elementId = controlId ?? id;
+    const context = useMemo(() => ({
+        internalId: elementId,
+        showList,
+        setShowList,
+        activeDescendant,
+        setActiveDescendant,
+        inputValue,
+        setInputValue
+    }), [showList, activeDescendant, inputValue]);
+    useEffect(() => {
+        const selectElement = internalSelectRef.current;
+        const handleClick = (event) => {
+            if (!selectElement.contains(event.target)) {
+                setShowList(false);
+                document.querySelectorAll(".sg-select-control.focus").forEach(element => {
+                    element.classList.remove("focus");
+                });
+            }
+        };
+        if (selectElement) {
+            document.addEventListener("click", handleClick, true);
+        }
+        const handleSubmit = (event) => {
+            console.log(event.target);
+        };
+        document.addEventListener("invalid", handleSubmit, true);
+        return function cleanup() {
+            if (selectElement) {
+                document.removeEventListener("click", handleClick, true);
+            }
+            document.removeEventListener("invalid", handleSubmit, true);
+        };
+    }, [internalSelectRef.current]);
+    return (React.createElement("div", { ref: mergeRefs([ref, internalSelectRef]), className: `sg-form-select${className ? " " + className : ""}`, id: elementId, ...restProps },
+        React.createElement(SelectContextProvider, { value: context }, children)));
+});
+Select.displayName = "FormSelect";
+const SelectControl = forwardRef(({ children, className, placeholder = "Placeholder...", searchable = false, inputRef, inputOptions, ...restProps }, ref) => {
+    const { setShowList, internalId } = useSelectContext();
+    const selectControlRef = useRef(null);
+    const handlePointerUp = (event) => {
+        setShowList(prev => !prev);
+        const selectControl = selectControlRef.current;
+        if (selectControl) {
+            selectControl.classList.add("focus");
+            const eventTargetChildren = selectControl.children[0];
+            if (eventTargetChildren) {
+                eventTargetChildren.focus();
+            }
+        }
+    };
+    const inputParams = { ...inputOptions, disabled: searchable, placeholder: placeholder, ref: inputRef };
+    return (React.createElement("div", { ref: mergeRefs([ref, selectControlRef]), onPointerUp: handlePointerUp, className: useClassname("sg-select-control", className), ...restProps },
+        React.createElement(SelectInput, { ...inputParams })));
+});
+SelectControl.displayName = "FormSelectControl";
+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 (React.createElement("input", { value: inputValue, ref: ref, onKeyUp: handleKeyUp, onChange: handleChange, className: useClassname("sg-select-input", className), ...restProps }));
+});
+SelectInput.displayName = "FormSelectInput";
+const SelectList = forwardRef(({ children, className, id, ...restProps }, ref) => {
+    const { showList, internalId } = useSelectContext();
+    const listRef = useRef(null);
+    return (React.createElement("ul", { ref: mergeRefs([ref, listRef]), className: useClassname("sg-select-list", className), style: showList ? undefined : { display: "none" }, ...restProps }, children));
+});
+SelectList.displayName = "FormSelectList";
+const SelectOption = forwardRef(({ children, className, id, value, ...restProps }, ref) => {
+    useSelectContext();
+    const handlePointerEnter = (event) => {
+        if (!event.target)
+            return;
+        let element = event.target;
+        let focusElement = document.querySelectorAll(".sg-select-list-item.focus");
+        //console.log(element, focusElement)
+        focusElement.forEach(element => element.classList.remove("focus"));
+        element.classList.add("focus");
+    };
+    const handlePointerUp = (event) => {
+        console.log(event.target.id);
+    };
+    return (React.createElement("li", { onPointerDown: handlePointerUp, onPointerOver: handlePointerEnter, id: value ?? id, className: useClassname("sg-select-list-item", className), ...restProps }, children));
+});
+SelectOption.displayName = "FormSelectOption";
+var Form$1 = Object.assign(Form, {
+    Control: Control,
+    Select: Object.assign(Select, {
+        Control: SelectControl,
+        Input: SelectInput,
+        Options: SelectList,
+        Option: SelectOption
+    }),
+    SelectTag: SelectTag,
+    Group: Group,
+    Label: Label,
+    Check: Check,
+    Text: Text,
+    Slider: Slider
+});
+
+export { FormContext, FormContextProvider, SelectContext, SelectContextProvider, Form$1 as default, useFormContext, useSelectContext };
+//# sourceMappingURL=Form.js.map

package/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../src/Form/Form.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;MAQa,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;IACvC,IAAG,CAAC,OAAO,EAAE;AACT,QAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAC,CAAA;KAC5B;AACD,IAAA,OAAO,OAAO,CAAA;AAClB,EAAC;AAGD,MAAM,IAAI,GAAG,UAAU,CAA4B,CAAC,EAAC,QAAQ,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IACjF,QACI,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAM,GAAA,SAAS,EACxB,EAAA,QAAQ,CACN,EACV;AACL,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAGzB,MAAM,OAAO,GAAG,UAAU,CAAqC,CACvD,EAAC,EAAE,GAAG,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,EAAE,GAAC,EAAE,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,GAAC,KAAK,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAC/G;IACA,IAAI,SAAS,GAAG,EAAE,CAAA;AAElB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;AAEtC,IAAA,IAAI,SAAS,GAAG,SAAS,IAAI,EAAE,CAAA;AAE/B,IAAA,IAAI,iBAAiB,GAAG,CAAC,SAAS,GAAG,2BAA2B,GAAG,iBAAiB,KAAK,SAAS,IAAI,EAAE,GAAG,GAAG,GAAC,SAAS,GAAG,EAAE,CAAC,IAAI,IAAI,IAAI,OAAO,GAAG,wBAAwB,GAAG,EAAE,CAAC,CAAA;IAElL,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAM,GAAA,SAAS,EAAI,CAAA,EACxH;AACL,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,aAAa,CAAA;AAEnC,MAAM,KAAK,GAAG,UAAU,CAAiC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACvH,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAK;AACzB,QAAA,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,CAAA;AACjC,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AACf,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,aAAA,EAAgB,SAAS,GAAG,GAAG,GAAC,SAAS,GAAG,EAAE,CAAG,EAAA,QAAQ,GAAG,yBAAyB,GAAC,EAAE,CAAA,CAAE,KAAM,SAAS,EAAA;QAC/H,KAAC,CAAA,aAAA,CAAA,mBAAmB,EAAC,EAAA,KAAK,EAAE,OAAO,IAC9B,QAAQ,CACS,CACpB,EACT;AACL,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;AAE/B,MAAM,KAAK,GAAG,UAAU,CAAmC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAC,EAAE,GAAG,KAAI;AAC/F,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;AAEtC,IAAA,IAAI,cAAc,GAAG,SAAS,IAAI,OAAO,CAAA;AACzC,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAgB,aAAA,EAAA,SAAS,GAAG,GAAG,GAAC,SAAS,GAAG,EAAE,CAAE,CAAA,EAAA,EAChG,QAAQ,CACL,EACX;AACL,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;AAE/B,MAAM,KAAK,GAAG,UAAU,CAAmC,CAAC,EAAE,QAAQ,EAC9D,kBAAkB,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAC7D,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EACpD,SAAS,EAAE,IAAI,GAAC,UAAU,EAAE,EAAE,EAAE,OAAO,GAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAC/E,EAAG,GAAG,KAAI;AACX,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;IAEtC,MAAM,YAAY,GAAG,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,UAAU,GAAI,IAAI,CAAA;IAE9C,QAAQ,CAAsB,EAAE,EAAC;AAC3E,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAA0C,KAAI;;AAEpE,QAAA,IAAG,QAAQ;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;AAChC,KAAC,CAAA;IAGD,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,CAAA,aAAA,EAAgB,OAAO,GAAG,wBAAwB,GAAC,EAAE,CAAA,EAAG,kBAAkB,GAAG,GAAG,GAAC,kBAAkB,GAAG,EAAE,CAAA,EAAG,IAAI,KAAK,QAAQ,GAAG,iBAAiB,GAAC,EAAE,CAAE,CAAA,EAAA,EAExN,SAAS;QACL,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAA,mBAAA,EAAsB,SAAS,GAAG,GAAG,GAAC,SAAS,GAAG,EAAE,CAAA,CAAE,EAAE,QAAQ,EAAE,KAAK,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAA,GAAM,SAAS,EAAI,CAAA;;AAElM,YAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA,mBAAA,EAAsB,cAAc,GAAG,GAAG,GAAC,cAAc,GAAG,EAAE,CAAA,CAAE,EAC5H,EAAA,OAAO;AACJ,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;oBACI,KAAO,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,QAAQ,IAAI,KAAK,CAAQ;AAChC,oBAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,sBAAsB,SAAS,GAAG,GAAG,GAAC,SAAS,GAAG,EAAE,CAAE,CAAA,EAAE,QAAQ,EAAE,KAAK,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAM,GAAA,SAAS,GAAI,CACpL;;AAEH,oBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACI,wBAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,sBAAsB,SAAS,GAAG,GAAG,GAAC,SAAS,GAAG,EAAE,CAAE,CAAA,EAAE,QAAQ,EAAE,KAAK,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAA,GAAM,SAAS,EAAI,CAAA;wBACnL,KAAO,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,QAAQ,IAAI,KAAK,CAAQ,CACjC,CAEH,CAEd,EACT;AACL,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,WAAW,CAAA;AAE/B,MAAM,IAAI,GAAG,UAAU,CAA6B,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IAC7F,QACI,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,YAAA,EAAe,SAAS,GAAG,GAAG,GAAC,SAAS,GAAC,EAAE,CAAA,CAAE,EAAM,GAAA,SAAS,EACnF,EAAA,QAAQ,CACL,EACX;AACL,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,UAAU,CAAA;AAED,aAAa,CAA2B,IAAI,EAAC;AAgB1E,MAAM,MAAM,GAAG,UAAU,CAAmC,CAAC,EAAC,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,GAAC,CAAC,EAAE,GAAG,GAAC,EAAE,EAAE,IAAI,GAAC,CAAC,EAAE,YAAY,GAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACrK,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;;AAEhD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC/C,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;AAChD,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAC9C,MAAM,CAAE,aAAa,EAAE,gBAAgB,CAAE,GAAG,QAAQ,CAAC,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,GAAG,GAAG,YAAY,GAAG,GAAG,CAAC,CAAA;IAClG,IAAG,KAAK,IAAI,KAAK,IAAI,aAAa,GAAG,GAAG,EAAE;AACtC,QAAA,gBAAgB,CAAC,KAAK,GAAG,GAAG,CAAC,CAAA;KAChC;AACD,IAAA,MAAM,WAAW,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAA;AACrC,IAAA,MAAM,WAAW,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAA;IAEjD,MAAM,CAAE,UAAU,EAAE,aAAa,CAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;AACrD,IAAA,MAAM,WAAW,GAAG,CAAC,KAAa,KAAI;AAClC,QAAA,IAAI,WAAW,GAAG,KAAK,GAAG,WAAW,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC,GAAG,KAAK,CAAA;AACnE,QAAA,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAA;QAC/F,IAAG,WAAW,KAAK,aAAa;YAAE,OAAM;QAExC,gBAAgB,CAAC,WAAW,CAAC,CAAA;QAC7B,IAAG,QAAQ,EAAE;YACT,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,CAAA;SACxC;AACL,KAAC,CAAA;AACD,IAAA,MAAM,cAAc,GAAG,CAAC,KAAyB,EAAE,aAA0B,KAAI;AAC7E,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;AACvB,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAA;QAC7G,MAAM,QAAQ,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,WAAW,CAAA;QAEzE,MAAM,KAAK,GAAG,aAAa,CAAC,WAAW,GAAG,CAAC,GAAC,WAAW,CAAA;AACvD,QAAA,MAAM,eAAe,GAAG,KAAK,IAAE,IAAI,CAAC,IAAE,WAAW,GAAC,WAAW,CAAC,CAAA;QAE9D,MAAM,sBAAsB,GAAG,CAAC,KAAK,GAAG,QAAQ,IAAE,eAAe,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,GAAG,QAAQ,IAAE,eAAe,CAAA;AAC9G,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,QAAQ,IAAE,eAAe,CAAC,CAAA;AAClE,QAAA,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,CAAA;AAClD,KAAC,CAAA;AAED,IAAA,MAAM,kBAAkB,GAAG,CAAC,KAAyB,KAAI;QACrD,IAAG,CAAC,WAAW,CAAC,OAAO;YAAE,OAAM;AAC/B,QAAA,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;AAClE,QAAA,WAAW,CAAC,WAAW,GAAC,IAAI,CAAC,CAAA;AACjC,KAAC,CAAA;AACD,IAAA,MAAM,aAAa,GAAG,CAAC,KAAyB,KAAI;QAC/C,KAAK,CAAC,MAAsB,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;QAChE,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,IAAG,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAM;AAEhC,KAAC,CAAA;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,KAAyB,KAAI;AAChD,QAAA,IAAG,CAAC,UAAU;YAAE,OAAM;QACtB,IAAG,CAAC,WAAW,CAAC,OAAO;YAAE,OAAM;AAC/B,QAAA,MAAM,EAAE,sBAAsB,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;;QAE1F,MAAM,aAAa,GAAG,WAAW,KAAK,CAAC,IAAI,sBAAsB,KAAK,CAAC,GAAE,CAAC,IAAI,GAAG,IAAI,GAAC,WAAW,CAAA;AACjG,QAAA,MAAM,aAAa,GAAG,WAAW,KAAK,CAAC,IAAI,sBAAsB,KAAK,CAAC,GAAE,IAAI,GAAG,IAAI,GAAC,WAAW,CAAA;QAChG,IAAG,aAAa,GAAG,sBAAsB,IAAI,sBAAsB,GAAG,aAAa,EAAE;AACjF,YAAA,WAAW,CAAC,WAAW,GAAC,IAAI,CAAC,CAAA;SAChC;AAEL,KAAC,CAAA;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,KAAyB,KAAI;QAC9C,aAAa,CAAC,KAAK,CAAC,CAAA;AACxB,KAAC,CAAA;AAED,IAAA,MAAM,SAAS,GAAG,CAAC,KAA0B,KAAI;AAE7C,QAAA,QAAQ,KAAK,CAAC,GAAG;AACb,YAAA,KAAK,WAAW,CAAC;AACjB,YAAA,KAAK,WAAW;AACZ,gBAAA,WAAW,CAAC,aAAa,GAAG,CAAC,CAAC,CAAA;gBAC9B,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,MAAK;AACT,YAAA,KAAK,YAAY,CAAC;AAClB,YAAA,KAAK,SAAS;AACV,gBAAA,WAAW,CAAC,aAAa,GAAG,CAAC,CAAC,CAAA;gBAC9B,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,MAAK;AACT,YAAA,KAAK,KAAK;AACN,gBAAA,WAAW,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;gBAC5B,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,MAAK;AACT,YAAA,KAAK,MAAM;AACP,gBAAA,WAAW,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;gBAC5B,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,MAAK;SACZ;AACL,KAAC,CAAA;IACD,MAAM,MAAM,GAAG,CAAC,aAAa,KAAG,WAAW,GAAC,WAAW,CAAC,CAAA;IACxD,MAAM,cAAc,GAAG,EAAC,aAAa,EAAE,aAAa,EAAE,WAAW,EAAC,CAAA;AAClE,IAAA,QACI,KAAM,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAa,EAAE,kBAAkB,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAC,GAAG,KAAK,EAAE,UAAU,EAAC,MAAM,GAAC,GAAG,GAAC,GAAG,EAAwB,EAAE,SAAS,EAAE,YAAY,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAA;AACjN,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,GAAG,EAAE,WAAW,EAAE,SAAS,EAAC,uBAAuB,EAAC,EAAE,EAAE,SAAS,GAAC,eAAe,EAAS,CAAA;AAChG,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAiB,eAAA,EAAA,UAAU,EAAE,EAAE,EAAE,SAAS,GAAC,cAAc,EAC7F,GAAA,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAC,sBAAsB,EAAA,eAAA,EAC3D,aAAa,GAAG,GAAG,EAAiB,eAAA,EAAA,GAAG,mBAAiB,GAAG,EAAA,GAAM,SAAS,EACrF,CAAA;AACR,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,sBAAsB,EAAC,EAAE,EAAE,SAAS,GAAC,cAAc,EAAS,CAAA,CAC3F,EACT;AACL,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,YAAY,CAAA;MAEpB,aAAa,GAAG,aAAa,CAA2B,IAAI,EAAC;AAC7D,MAAA,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAwD,KAAI;AAC9G,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,EAC/B,QAAQ,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,SAAS,GAAG,UAAU,CAAqC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC9G,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;AACtC,IAAA,MAAM,SAAS,GAAG,SAAS,IAAI,EAAE,CAAA;AAEjC,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAqB,kBAAA,EAAA,SAAS,GAAG,GAAG,GAAC,SAAS,GAAG,EAAE,CAAA,CAAE,EAAE,EAAE,EAAE,SAAS,EAAA,GAAM,SAAS,EAAA,EAC3G,QAAQ,CACJ,EACZ;AACL,CAAC,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,eAAe,CAAA;AAEvC,MAAM,MAAM,GAAG,UAAU,CAAkC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,QAAQ,GAAC,OAAO,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC1H,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;AAEtC,IAAA,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAEtD,MAAM,CAAE,QAAQ,EAAE,WAAW,CAAE,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAC1D,MAAM,CAAE,gBAAgB,EAAE,mBAAmB,CAAE,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IACtE,MAAM,CAAE,UAAU,EAAE,aAAa,CAAE,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;AAE1D,IAAA,IAAI,SAAS,GAAG,SAAS,IAAI,EAAE,CAAA;AAE/B,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO;AAC3B,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ;QACR,WAAW;QACX,gBAAgB;QAChB,mBAAmB;QACnB,UAAU;QACV,aAAa;KAChB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAA;IAE7C,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,CAAA;AAC/C,QAAA,MAAM,WAAW,GAAG,CAAC,KAAiB,KAAI;YACtC,IAAG,CAAC,aAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAqB,CAAC,EAAE;gBACtD,WAAW,CAAC,KAAK,CAAC,CAAA;gBAClB,QAAQ,CAAC,gBAAgB,CAAC,0BAA0B,CAAC,CAAC,OAAO,CAAC,OAAO,IAAG;AACpE,oBAAA,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;AACrC,iBAAC,CAAC,CAAA;aACL;AACL,SAAC,CAAA;QACD,IAAG,aAAa,EAAE;YACd,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAA;SACxD;AACD,QAAA,MAAM,YAAY,GAAG,CAAC,KAAU,KAAI;AAChC,YAAA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;AAC7B,SAAC,CAAA;QACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,YAAY,EAAE,IAAI,CAAC,CAAA;AACxD,QAAA,OAAO,SAAS,OAAO,GAAA;YACnB,IAAG,aAAa,EAAE;gBACd,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAA;aAC3D;YACD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,EAAE,IAAI,CAAC,CAAA;AAC/D,SAAC,CAAA;AACL,KAAC,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAA;AAE/B,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC,EAAE,SAAS,EAAE,CAAA,cAAA,EAAiB,SAAS,GAAG,GAAG,GAAC,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,KAAM,SAAS,EAAA;QACrI,KAAC,CAAA,aAAA,CAAA,qBAAqB,EAAC,EAAA,KAAK,EAAE,OAAO,IAChC,QAAQ,CACW,CACtB,EACT;AACL,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,YAAY,CAAA;AAEjC,MAAM,aAAa,GAAG,UAAU,CAAyC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,GAAC,gBAAgB,EAAE,UAAU,GAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IAC1L,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,gBAAgB,EAAE,CAAA;AACtD,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;AAErD,IAAA,MAAM,eAAe,GAAG,CAAC,KAAuB,KAAI;QAChD,WAAW,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;AAC3B,QAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAA;QAC9C,IAAG,aAAa,EAAE;AACd,YAAA,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;YACpC,MAAM,mBAAmB,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAgB,CAAA;YACpE,IAAG,mBAAmB,EAAE;gBAAE,mBAAmB,CAAC,KAAK,EAAE,CAAA;aAAE;SAC1D;AACL,KAAC,CAAA;AACD,IAAA,MAAM,WAAW,GAAG,EAAC,GAAG,YAAY,EAAE,QAAQ,EAAC,UAAU,EAAE,WAAW,EAAC,WAAW,EAAE,GAAG,EAAC,QAAQ,EAAC,CAAA;IAEjG,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,gBAAgB,CAAC,CAAC,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,CAAC,mBAAmB,EAAE,SAAS,CAAC,EAAA,GAAM,SAAS,EAAA;AAC9I,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAK,EAAA,GAAA,WAAW,EAAG,CAAA,CAC7B,EACT;AACL,CAAC,CAAC,CAAA;AACF,aAAa,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAE/C,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,QACI,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAC9B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAC5C,SAAS,EAAE,YAAY,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAA,GACjD,SAAS,EAAA,CACf,EACL;AACL,CAAC,CAAC,CAAA;AACF,WAAW,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE3C,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;AAE9C,IAAA,QACI,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE,SAAS,EAAE,YAAY,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,EAAC,OAAO,EAAC,MAAM,EAAC,EAAM,GAAA,SAAS,IAClJ,QAAQ,CACR,EACR;AACL,CAAC,CAAC,CAAA;AACF,UAAU,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAEzC,MAAM,YAAY,GAAG,UAAU,CAAwC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAC,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC1H,IAAuB,gBAAgB,GAAE;AACzC,IAAA,MAAM,kBAAkB,GAAG,CAAC,KAAuB,KAAI;QACnD,IAAG,CAAC,KAAK,CAAC,MAAM;YAAE,OAAM;AAExB,QAAA,IAAI,OAAO,GAAG,KAAK,CAAC,MAAqB,CAAA;QACzC,IAAI,YAAY,GAAG,QAAQ,CAAC,gBAAgB,CAAC,4BAA4B,CAAC,CAAA;;AAE1E,QAAA,YAAY,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAA;AAClE,QAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;AAClC,KAAC,CAAA;AACD,IAAA,MAAM,eAAe,GAAG,CAAC,KAAuB,KAAI;QAChD,OAAO,CAAC,GAAG,CAAE,KAAK,CAAC,MAAsB,CAAC,EAAE,CAAC,CAAA;AACjD,KAAC,CAAA;AACD,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,kBAAkB,EAAE,EAAE,EAAE,KAAK,IAAI,EAAE,EAAE,SAAS,EAAE,YAAY,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAA,GAAM,SAAS,EAAA,EAC3J,QAAQ,CACR,EACR;AACL,CAAC,CAAC,CAAA;AACF,YAAY,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAG7C,aAAgB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;AAChC,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,MAAM,EAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;AAC3B,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,MAAM,EAAE,YAAY;KACvB,CAAC;AACF,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,MAAM,EAAE,MAAM;AACjB,CAAA,CAAC;;;;"}

package/Form/Form.types.d.ts

@@ -0,0 +1,105 @@
+import { ReactNode, Dispatch } from "react";
+import { BaseDivType, BaseFormType, BaseInputType, BaseLabelType, BaseLItemType, BaseSelectType, BaseSpanType, BaseSmallType, BaseUListType } from "../utils/BaseTypes";
+export type FormContextType = {
+    controlId: string;
+};
+export type FormType = {
+    children: ReactNode;
+} & BaseFormType;
+export type FormControlType = {
+    as?: React.ElementType;
+    className?: string;
+    plaintext?: boolean;
+    id?: string;
+    type?: string;
+    autoFocus?: boolean;
+} & BaseInputType;
+export type SelectContextType = {
+    internalId?: string;
+    showList: boolean;
+    setShowList: Dispatch<React.SetStateAction<boolean>>;
+    activeDescendant: string;
+    setActiveDescendant: Dispatch<React.SetStateAction<string>>;
+    inputValue: string;
+    setInputValue: Dispatch<React.SetStateAction<string>>;
+};
+export type FormSelectType = {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+    required?: boolean;
+} & (BaseSelectType & BaseDivType);
+export type FormSelectControlType = {
+    children?: ReactNode;
+    className?: string;
+    placeholder?: string;
+    searchable?: boolean;
+    inputRef?: React.Ref<HTMLInputElement>;
+    inputOptions?: FormSelectInputType;
+} & BaseDivType;
+export type FormSelectInputType = {
+    className?: string;
+    id?: string;
+} & BaseInputType;
+export type FormSelectListType = {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+} & BaseUListType;
+export type FormSelectListItemType = {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+    value?: string;
+} & BaseLItemType;
+export type FormGroupType = {
+    children: ReactNode;
+    className?: string;
+    controlId: string;
+    vertical?: boolean;
+} & BaseDivType;
+export type FormLabelType = {
+    children: ReactNode;
+    className?: string;
+    htmlFor?: string;
+} & BaseLabelType;
+export type FormCheckType = {
+    children?: ReactNode;
+    style?: React.CSSProperties;
+    classNameContainer?: string;
+    containerRef?: React.LegacyRef<HTMLDivElement>;
+    containerId?: string;
+    styleContainer?: React.CSSProperties;
+    classNameLabel?: string;
+    labelRef?: React.LegacyRef<HTMLLabelElement>;
+    label?: string;
+    labelId?: string;
+    styleLabel?: React.CSSProperties;
+    className?: string;
+    type?: string;
+    controlId?: string;
+    reverse?: boolean;
+} & BaseInputType;
+export type FormTextType = {
+    children: ReactNode;
+    className?: string;
+} & BaseSmallType;
+export type FormSliderType = {
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    controlId: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    defaultValue?: number;
+    value: number;
+    onChange(value: number): () => any;
+} & BaseSpanType;
+export type SliderContextType = {
+    children: ReactNode;
+    controlId: string;
+    min?: number;
+    max?: number;
+    step?: number;
+};

package/Form/index.d.ts

@@ -0,0 +1,4 @@
+import Form from "./Form";
+export default Form;
+export { FormContextProvider, useFormContext } from "./Form";
+export type { FormCheckType, FormContextType, FormControlType, FormGroupType, FormLabelType, FormSelectType, FormTextType, FormType } from "./Form.types";

package/Form/index.js

@@ -0,0 +1,8 @@
+'use client';
+import Form from './Form.js';
+export { FormContextProvider, useFormContext } from './Form.js';
+
+
+
+export { Form as default };
+//# sourceMappingURL=index.js.map

package/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/Form/package.json

@@ -0,0 +1 @@
+{"name":"stargazer-ui/Form","private":false,"module":"./index.js","types":"./index.d.ts","peerDependencies":{"lodash":"^4.17.21","react":">=17.0.0","react-dom":">=17.0.0"}}

package/InputGroup/InputGroup.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { InputGroupText, InputGroupType, InputGroupGridType } from "./InputGroup.types";
+declare const _default: React.ForwardRefExoticComponent<Omit<InputGroupType, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Text: React.ForwardRefExoticComponent<Omit<InputGroupText, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+    Grid: React.ForwardRefExoticComponent<Omit<InputGroupGridType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export default _default;