stargazer-ui 1.0.16 → 1.0.17

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Xoror
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/Button/Button.d.ts

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

package/dist/Button/Button.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+
+const Button = forwardRef(({ children, variant = "primary", className, ...rest }, ref) => {
+    //let variants = ["primary", "secondary", "success", "info", "warning", "danger", "dark", "light"] //["red", "blue", "yellow", "green", "purple"]
+    // let variantTest = variants.find(variantTest => variantTest === variant) ? variant : "primary"
+    return (React.createElement("button", { ref: ref, type: "button", className: `sg-button sg-button-${variant}${className == undefined ? "" : " " + className}`, ...rest }, children));
+});
+
+export { Button as default };
+//# sourceMappingURL=Button.js.map

package/dist/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAIM,MAAA,MAAM,GAAG,UAAU,CAAiC,CAAC,EAAC,QAAQ,EAAE,OAAO,GAAC,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,EAAE,GAAG,KAAI;;;AAGjH,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAuB,oBAAA,EAAA,OAAO,GAAG,SAAS,IAAI,SAAS,GAAG,EAAE,GAAG,GAAG,GAAC,SAAS,CAAA,CAAE,KAAM,IAAI,EAAA,EAC9H,QAAQ,CACJ,EACZ;AACL,CAAC;;;;"}

package/dist/Button/Button.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { BaseButtonType } from "../utils/BaseTypes";
+export type ButtonType = {
+    children: ReactNode;
+    variant?: string;
+    className?: string;
+} & BaseButtonType;

package/dist/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from "./Button";
+export type { ButtonType } from "./Button.types";

package/dist/Button/index.js

@@ -0,0 +1,2 @@
+export { default as Button } from './Button.js';
+//# sourceMappingURL=index.js.map

package/dist/Button/index.js.map

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

package/dist/Button/package.json

@@ -0,0 +1 @@
+{"name":"stargazer-ui/Button","private":false,"module":"index.ts","types":".index.d.ts"}

package/dist/Card/Card.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import { CardBodyType, CardFooterType, CardTextType, CardType } from "./Card.types";
+declare const _default: React.ForwardRefExoticComponent<Omit<CardType, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<(Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref">) & React.RefAttributes<HTMLDivElement | HTMLHeadingElement | HTMLSpanElement>>;
+    Body: React.ForwardRefExoticComponent<Omit<CardBodyType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<(Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref">) & React.RefAttributes<HTMLHeadingElement>>;
+    Text: React.ForwardRefExoticComponent<Omit<CardTextType, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Footer: React.ForwardRefExoticComponent<Omit<CardFooterType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/dist/Card/Card.js

@@ -0,0 +1,56 @@
+import React, { forwardRef } from 'react';
+
+const Card = forwardRef(({ children, className, ...restProps }, ref) => {
+    /*
+    let subComponentList = Object.keys(Card);
+    let subComponents = []
+    let childs = children.length === undefined ? children :  children.filter(child => child != null && child != "")
+   
+    subComponentList.forEach((key) => {
+        React.Children.forEach(childs, (child) => (
+            child.type.name === key ? subComponents.push(child) : null
+        ))
+    })
+    if(subComponents.length === 0) {
+        subComponents = [childs]
+    }
+    */
+    //console.log(subComponents)
+    return (React.createElement("div", { ref: ref, className: "sg-card" + " " + className, ...restProps }, children));
+});
+const Header = forwardRef(({ as = "div", className, children, ...restProps }, ref) => {
+    let validAs = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"];
+    let Component = validAs.find(valid => valid === as) ? as : "div";
+    return (React.createElement(Component, { ref: ref, className: `sg-card-header ${className}`, ...restProps }, children));
+});
+const Title = forwardRef(({ as = "h5", className, children, ...restProps }, ref) => {
+    let validAs = ["h1", "h2", "h3", "h4", "h5", "h6"];
+    let Component = validAs.find(valid => valid === as) ? as : "h5";
+    return (React.createElement(Component, { ref: ref, className: className, ...restProps }, children));
+});
+const Body = forwardRef(({ children, className, ...restProps }, ref) => {
+    /*
+    children = children.length ? children.filter(child => child != null && child != "") : children
+    let subComponents = []
+    React.Children.forEach(children, (child) => {
+        subComponents.push(child)
+    })
+    */
+    return (React.createElement("div", { ref: ref, className: `sg-card-body ${className}`, ...restProps }, children));
+});
+const Text = forwardRef(({ children, className, ...restProps }, ref) => {
+    return (React.createElement("p", { ref: ref, className: `sg-card-text ${className}`, ...restProps }, children));
+});
+const Footer = forwardRef(({ children, className, ...restProps }, ref) => {
+    return (React.createElement("div", { ref: ref, className: `sg-card-footer ${className}`, ...restProps }, children));
+});
+var Card$1 = Object.assign(Card, {
+    Header: Header,
+    Body: Body,
+    Title: Title,
+    Text: Text,
+    Footer: Footer
+});
+
+export { Card$1 as default };
+//# sourceMappingURL=Card.js.map

package/dist/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../src/Card/Card.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/Card/Card.types.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+import { BaseDivType, BaseHeadingType, BaseSpanType, BaseParagraphType } from "../utils/BaseTypes";
+export type CardType = {
+    children: ReactNode;
+    className?: string;
+} & BaseDivType;
+export type CardHeaderPossible = BaseDivType | BaseSpanType | BaseHeadingType;
+export type CardHeaderType = {
+    children: ReactNode;
+    className?: string;
+    as?: React.ElementType;
+} & CardHeaderPossible;
+export type CardBodyType = {
+    children: ReactNode;
+    className?: string;
+} & BaseDivType;
+export type CardTextType = {
+    children: ReactNode;
+    className?: string;
+} & BaseParagraphType;
+export type CardFooterType = {
+    children: ReactNode;
+    className?: string;
+} & BaseDivType;

package/dist/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Card";
+export type { CardBodyType, CardFooterType, CardHeaderPossible, CardHeaderType, CardTextType, CardType } from "./Card.types";

package/dist/Card/index.js

@@ -0,0 +1,2 @@
+export { default } from './Card.js';
+//# sourceMappingURL=index.js.map

package/dist/Card/index.js.map

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

package/dist/Card/package.json

@@ -0,0 +1 @@
+{"name":"stargazer-ui/Card","private":false,"module":"index.ts","types":".index.d.ts"}

package/dist/CloseButton/CloseButton.d.ts

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

package/dist/CloseButton/CloseButton.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+
+const CloseButton = forwardRef(({ className, variant = false, ...restProps }, ref) => {
+    return (React.createElement("button", { ref: ref, className: `sg-button-close${variant ? " sg-button-close-white" : ""} ${className}`, ...restProps },
+        React.createElement("span", { className: "sg-close-visually-hidden-label" }, "Close")));
+});
+
+export { CloseButton as default };
+//# sourceMappingURL=CloseButton.js.map

package/dist/CloseButton/CloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.js","sources":["../../src/CloseButton/CloseButton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAIA,MAAM,WAAW,GAAG,UAAU,CAAsC,CAAC,EAAC,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IACpH,QACI,gCAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,eAAA,EAAkB,OAAO,GAAG,wBAAwB,GAAG,EAAE,CAAI,CAAA,EAAA,SAAS,CAAE,CAAA,EAAA,GAAM,SAAS,EAAA;AAChH,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gCAAgC,EAAa,EAAA,OAAA,CAAA,CACxD,EACZ;AACL,CAAC;;;;"}

package/dist/CloseButton/CloseButton.types.d.ts

@@ -0,0 +1,5 @@
+import { BaseButtonType } from "../utils/BaseTypes";
+export type CloseButtonType = {
+    className?: string;
+    variant?: boolean;
+} & BaseButtonType;

package/dist/CloseButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CloseButton } from "./CloseButton";
+export { CloseButtonType } from "./CloseButton.types";

package/dist/CloseButton/index.js

@@ -0,0 +1,2 @@
+export { default as CloseButton } from './CloseButton.js';
+//# sourceMappingURL=index.js.map

package/dist/CloseButton/index.js.map

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

package/dist/CloseButton/package.json

@@ -0,0 +1 @@
+{"name":"stargazer-ui/CloseButton","private":false,"module":"index.ts","types":".index.d.ts"}

package/dist/Dropdown/Dropdown.d.ts

@@ -0,0 +1,71 @@
+import React from "react";
+import { DropdownContextType, DropdownDividerType, DropdownMenuType, DropdownType } from "./Dropdown.types";
+export declare const DropdownContext: React.Context<DropdownContextType | null>;
+export declare const DropdownContextProvider: ({ children, value }: {
+    children: React.ReactNode;
+    value: DropdownContextType;
+}) => React.JSX.Element;
+export declare const useDropdownContext: () => DropdownContextType;
+export declare const Toggle: React.ForwardRefExoticComponent<(Omit<{
+    children: React.ReactNode;
+    className?: string | undefined;
+    navDropdown?: boolean | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    variant?: string | undefined;
+} & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
+    children: React.ReactNode;
+    className?: string | undefined;
+    navDropdown?: boolean | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    variant?: string | undefined;
+} & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref"> | Omit<{
+    children: React.ReactNode;
+    className?: string | undefined;
+    navDropdown?: boolean | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    variant?: string | undefined;
+} & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare const Menu: React.ForwardRefExoticComponent<Omit<DropdownMenuType, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export declare const Item: React.ForwardRefExoticComponent<(Omit<{
+    children: React.ReactNode;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    className?: string | undefined;
+} & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
+    children: React.ReactNode;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    className?: string | undefined;
+} & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare const Divider: React.ForwardRefExoticComponent<Omit<DropdownDividerType, "ref"> & React.RefAttributes<HTMLHRElement>>;
+declare const _default: React.ForwardRefExoticComponent<Omit<DropdownType, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Toggle: React.ForwardRefExoticComponent<(Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        navDropdown?: boolean | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        variant?: string | undefined;
+    } & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        navDropdown?: boolean | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        variant?: string | undefined;
+    } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        navDropdown?: boolean | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        variant?: string | undefined;
+    } & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    Menu: React.ForwardRefExoticComponent<Omit<DropdownMenuType, "ref"> & React.RefAttributes<HTMLUListElement>>;
+    Item: React.ForwardRefExoticComponent<(Omit<{
+        children: React.ReactNode;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        className?: string | undefined;
+    } & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        className?: string | undefined;
+    } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    Divider: React.ForwardRefExoticComponent<Omit<DropdownDividerType, "ref"> & React.RefAttributes<HTMLHRElement>>;
+};
+export default _default;

package/dist/Dropdown/Dropdown.js

@@ -0,0 +1,306 @@
+import React, { createContext, forwardRef, useState, useMemo, useEffect, useLayoutEffect, useContext } from 'react';
+
+//automatic menu placement function
+const getDropdownMenuPlacement = (alignEnd, dropDirection, isRTL = false) => {
+    const topStart = isRTL ? 'top-end' : 'top-start';
+    const topEnd = isRTL ? 'top-start' : 'top-end';
+    const bottomStart = isRTL ? 'bottom-end' : 'bottom-start';
+    const bottomEnd = isRTL ? 'bottom-start' : 'bottom-end';
+    const leftStart = isRTL ? 'right-start' : 'left-start';
+    const leftEnd = isRTL ? 'right-end' : 'left-end';
+    const rightStart = isRTL ? 'left-start' : 'right-start';
+    const rightEnd = isRTL ? 'left-end' : 'right-end';
+    let placement = alignEnd ? bottomEnd : bottomStart;
+    if (dropDirection === 'up') {
+        placement = alignEnd ? topEnd : topStart;
+    }
+    else if (dropDirection === 'end') {
+        placement = alignEnd ? rightEnd : rightStart;
+    }
+    else if (dropDirection === 'start') {
+        placement = alignEnd ? leftEnd : leftStart;
+    }
+    else if (dropDirection === 'down-centered') {
+        placement = 'bottom';
+    }
+    else if (dropDirection === 'up-centered') {
+        placement = 'top';
+    }
+    return placement;
+};
+// is click event on the menu
+const isEventOnMenu = (event, controlId = "") => {
+    let element = event.target;
+    let condition = true;
+    let eventIsOnMenu = false;
+    while (condition) {
+        if (element.id != controlId + "-menu") {
+            element = element.parentElement;
+        }
+        else {
+            eventIsOnMenu = true;
+            condition = false;
+        }
+        if (element.id === "root") {
+            condition = false;
+            eventIsOnMenu = false;
+        }
+    }
+    return eventIsOnMenu;
+};
+const DropdownContext = createContext(null);
+const DropdownContextProvider = ({ children, value }) => {
+    return (React.createElement(DropdownContext.Provider, { value: value }, children));
+};
+const useDropdownContext = () => {
+    const context = useContext(DropdownContext);
+    if (!context) {
+        throw new Error("useDropdownContext has to be used within DropdownContextProvider!");
+    }
+    return context;
+};
+const Dropdown = forwardRef(({ children, className, onSelect, onToggle, controlId, drop = "down", align = "start", autoClose = true, show = "default", ...restProps }, ref) => {
+    const [showInternal, setShowInternal] = useState(show === "default" ? false : show);
+    // this is an object like {index: string} because we need it to rerender even if the case is the same
+    // aka we use a "next/previous" case to navigate through the dropdown menu so need to rerender consecutive "next" cases
+    const [activeDescendant, setActiveDescendant] = useState({ case: "" });
+    const internalOnToggle = (event) => {
+        event.stopPropagation();
+        setShowInternal(prev => !prev);
+    };
+    const alignEnd = align === "end";
+    const placement = getDropdownMenuPlacement(alignEnd, drop);
+    const contextValue = useMemo(() => ({
+        align,
+        drop,
+        showInternal: show != "default" && onToggle ? show : showInternal,
+        handleToggle: show != "default" && onToggle ? onToggle : internalOnToggle,
+        placement,
+        directionClasses: {
+            down: "dropdown",
+            'down-centered': `dropdown-center`,
+            up: 'dropup',
+            'up-centered': 'dropup-center dropup',
+            end: 'dropend',
+            start: 'dropstart'
+        },
+        controlId: controlId,
+        activeDescendant,
+        setActiveDescendant
+    }), [align, drop, show, showInternal, onToggle, placement, controlId, activeDescendant, setActiveDescendant]);
+    return (React.createElement("div", { id: controlId + "-wrapper", ref: ref, className: `sg-dropdown${className ? " " + className : ""}`, ...restProps },
+        React.createElement(DropdownContextProvider, { value: contextValue }, children)));
+});
+const Toggle = forwardRef(({ children, className, navDropdown = false, as = "button", variant = "primary", ...restProps }, ref) => {
+    const { controlId, handleToggle, setActiveDescendant, showInternal } = useDropdownContext();
+    const Component = as;
+    const handleKeyPress = (event) => {
+        let flag = false;
+        console.log(event.key);
+        switch (event.key) {
+            case "ArrowDown":
+                flag = true;
+                if (showInternal) {
+                    setActiveDescendant(prev => ({ ...prev, case: "next" }));
+                }
+                else {
+                    handleToggle(event);
+                    setActiveDescendant(prev => ({ ...prev, case: "first" }));
+                }
+                break;
+            case "ArrowUp":
+                flag = true;
+                if (showInternal) {
+                    setActiveDescendant(prev => ({ ...prev, case: "previous" }));
+                }
+                else {
+                    handleToggle(event);
+                    setActiveDescendant(prev => ({ ...prev, case: "last" }));
+                }
+                break;
+            case "Home":
+                flag = true;
+                if (showInternal) {
+                    setActiveDescendant(prev => ({ ...prev, case: "first" }));
+                }
+                break;
+            case "End":
+                flag = true;
+                if (showInternal) {
+                    setActiveDescendant(prev => ({ ...prev, case: "last" }));
+                }
+                break;
+            case "Tab":
+                if (showInternal) {
+                    handleToggle(event);
+                }
+                break;
+            case "Escape":
+                flag = true;
+                if (showInternal) {
+                    handleToggle(event);
+                }
+                break;
+            case "Enter":
+            case " ":
+                if (showInternal) {
+                    flag = true;
+                    const activeElement = document.querySelector(".sg-dropdown-item-visual-focus");
+                    activeElement.click();
+                    handleToggle(event);
+                    break;
+                }
+                else {
+                    setActiveDescendant(prev => ({ ...prev, case: "first" }));
+                    break;
+                }
+        }
+        if (flag) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+    };
+    const handleClick = (event) => {
+        if (!showInternal)
+            return;
+        if (event.target.id === controlId)
+            return;
+        if (!isEventOnMenu(event, controlId)) {
+            handleToggle(event);
+        }
+        else if (isEventOnMenu(event, controlId)) {
+            handleToggle(event);
+            const toggleElement = document.getElementById(controlId);
+            toggleElement?.focus();
+        }
+    };
+    useEffect(() => {
+        const toggleElement = document.getElementById(controlId);
+        toggleElement.addEventListener("keydown", handleKeyPress, true);
+        document.addEventListener("mouseup", handleClick, true);
+        return function cleanup() {
+            toggleElement.removeEventListener("keydown", handleKeyPress, true);
+            document.removeEventListener("mouseup", handleClick, true);
+        };
+    }, [handleKeyPress, controlId]);
+    const toggleButtonClick = (event) => {
+        handleToggle(event);
+        if (!showInternal) {
+            setActiveDescendant(prev => ({ ...prev, case: "first" }));
+        }
+    };
+    let classNamesComputed = `sg-button sg-button${variant ? "-" + variant : "-primary"} sg-dropdown-toggle${className ? " " + className : ""}`;
+    if (Component === "a" || navDropdown) {
+        classNamesComputed = `sg-nav-dropdown-toggle sg-dropdown-toggle${className ? " " + className : ""}`;
+    }
+    return (React.createElement(Component, { tabIndex: "0", type: "button", "aria-haspopup": "true", "aria-controls": controlId + "-menu", "aria-expanded": showInternal, id: controlId, ref: ref, className: classNamesComputed, onClick: (event) => toggleButtonClick(event), ...restProps }, children));
+});
+const Menu = forwardRef(({ children, className, style = {}, ...restProps }, ref) => {
+    const { controlId, showInternal, activeDescendant } = useDropdownContext();
+    const [computedStyle, setComputedStyle] = useState(style);
+    useLayoutEffect(() => {
+        if (showInternal) {
+            const menu = document.getElementById(controlId + "-menu");
+            let tempComputedStyle = {};
+            if (menu.getBoundingClientRect().right > window.innerWidth) {
+                tempComputedStyle = { ...tempComputedStyle, right: 0 };
+            }
+            else if (menu.getBoundingClientRect().left < 0) {
+                tempComputedStyle = { ...tempComputedStyle, left: 0 };
+            }
+            else if (menu.getBoundingClientRect().top < 0) {
+                tempComputedStyle = { ...tempComputedStyle, top: 0 };
+            }
+            else if (menu.getBoundingClientRect().bottom > window.innerHeight) {
+                tempComputedStyle = { ...tempComputedStyle, bottom: 0 };
+            }
+            setComputedStyle(prev => ({ ...prev, ...tempComputedStyle }));
+        }
+    }, [showInternal]);
+    useEffect(() => {
+        if (showInternal) {
+            const menu = document.getElementById(controlId + "-menu");
+            const menuChildren = document.getElementById(controlId + "-menu").children;
+            const menuChildrenLast = menuChildren.length - 1;
+            const elementWithVisualFocus = document.querySelector(".sg-dropdown-item-visual-focus");
+            let currentIndex = 0, currentChild = menuChildren[0].children[0];
+            if (elementWithVisualFocus != null) {
+                elementWithVisualFocus.classList.remove("sg-dropdown-item-visual-focus");
+                for (let i = 0; i < menuChildren.length; i++) {
+                    if (menuChildren[i] === elementWithVisualFocus.parentElement) {
+                        currentIndex = i;
+                        break;
+                    }
+                }
+            }
+            switch (activeDescendant.case) {
+                case "first":
+                    currentChild = menuChildren[0].children[0];
+                    currentIndex = 0;
+                    break;
+                case "last":
+                    currentChild = menuChildren[menuChildrenLast].children[0];
+                    currentIndex = menuChildrenLast;
+                    break;
+                case "next":
+                    currentIndex = currentIndex === menuChildrenLast ? 0 : currentIndex + 1;
+                    currentChild = menuChildren[currentIndex].children[0];
+                    break;
+                case "previous":
+                    currentIndex = currentIndex === 0 ? menuChildrenLast : currentIndex - 1;
+                    currentChild = menuChildren[currentIndex].children[0];
+                    break;
+            }
+            menu.setAttribute("aria-activedescendant", currentChild.id);
+            menuChildren[currentIndex].children[0].classList.add("sg-dropdown-item-visual-focus");
+        }
+        else {
+            const menu = document.getElementById(controlId + "-menu");
+            menu.setAttribute("aria-activedescendant", "");
+        }
+    }, [controlId, showInternal, activeDescendant]);
+    const handleMouseOver = (event) => {
+        const target = event.target;
+        let active = target.classList.contains("sg-dropdown-item-visual-focus");
+        const menu = document.getElementById(controlId + "-menu");
+        if (active) {
+            return;
+        }
+        else {
+            document.querySelector(".sg-dropdown-item-visual-focus")?.classList.remove("sg-dropdown-item-visual-focus");
+            menu.setAttribute("aria-activedescendant", "");
+            target.classList.add("sg-dropdown-item-visual-focus");
+            menu.setAttribute("aria-activedescendant", target.id);
+        }
+    };
+    useEffect(() => {
+        const menu = document.getElementById(controlId + "-menu");
+        for (let i = 0; i < menu.children.length; i++) {
+            menu.children[i].addEventListener("mouseover", handleMouseOver, true);
+        }
+        return function cleanup() {
+            for (let i = 0; i < menu.children.length; i++) {
+                menu.children[i].addEventListener("mouseover", handleMouseOver, true);
+            }
+        };
+    }, []);
+    return (React.createElement("ul", { id: controlId + "-menu", role: "menu", tabIndex: -1, "aria-labelledby": controlId, ref: ref, className: `sg-dropdown-list${className ? " " + className : ""}${showInternal ? " show" : ""}`, style: computedStyle, ...restProps }, children));
+});
+const Item = forwardRef(({ children, as = "button", className, ...restProps }, ref) => {
+    const Component = as;
+    return (React.createElement("li", { role: "none" },
+        React.createElement(Component, { ref: ref, role: "menuitem", tabIndex: "-1", className: `sg-dropdown-item${className ? " " + className : ""}`, ...restProps }, children)));
+});
+const Divider = forwardRef(({ className = "", ...restProps }, ref) => {
+    return (React.createElement("hr", { ref: ref, className: `.sg-dropdown-divider${className}`, ...restProps }));
+});
+var Dropdown$1 = Object.assign(Dropdown, {
+    Toggle: Toggle,
+    Menu: Menu,
+    Item: Item,
+    //Text: Text,
+    Divider: Divider
+});
+
+export { Divider, DropdownContext, DropdownContextProvider, Item, Menu, Toggle, Dropdown$1 as default, useDropdownContext };
+//# sourceMappingURL=Dropdown.js.map