stargazer-ui 1.5.13 → 1.5.14

package/Popout/Popout.js.map

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

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

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { BaseDialogType, BaseDivType, BaseHeadingType, BaseParagraphType, BaseSpanType } from "../../BaseTypes";
+import { BaseDialogType, BaseDivType, BaseHeadingType, BaseParagraphType, BaseSpanType } from "../utils/BaseTypes";
 export type PopoutType = {
     children: ReactNode;
     initialPosition?: {

package/Popout/index.d.ts

@@ -0,0 +1,3 @@
+import Popout from "./Popout";
+export default Popout;
+export type { PopoutBodyType, PopoutFooterType, PopoutHeaderType, PopoutTextType, PopoutTitleType, PopoutType } from "./Popout.types";

package/Popout/index.js

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

package/Popout/index.js.map

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

package/Popout/package.json

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

package/Spinner/Spinner.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const Spinner = forwardRef(({ size = "1em", color = "white", label, className, controlId, ...restProps }, ref) => {
+    return (jsxs(Fragment, { children: [jsx("div", { "aria-labelledby": controlId, role: "status", ref: ref, className: `sg-spinner${className ? " " + className : ""}`, style: { width: size, height: size, borderColor: color }, ...restProps }), jsx("label", { id: controlId, className: "sg-visually-hidden", children: label })] }));
+});
+Spinner.displayName = "Spinner";
+
+export { Spinner as default };
+//# sourceMappingURL=Spinner.js.map

package/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../src/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;AAIM,MAAA,OAAO,GAAG,UAAU,CAA+B,CAAC,EAAC,IAAI,GAAC,KAAK,EAAE,KAAK,GAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACrI,IAAA,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GAAsB,CAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,SAAS,EAAE,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAA,UAAA,EAAa,SAAS,GAAG,GAAG,GAAC,SAAS,GAAG,EAAE,CAAA,CAAE,EAAE,KAAK,EAAE,EAAC,KAAK,EAAC,IAAI,EAAE,MAAM,EAAC,IAAI,EAAE,WAAW,EAAC,KAAK,EAAC,EAAM,GAAA,SAAS,EAAQ,CAAA,EAC7LA,GAAO,CAAA,OAAA,EAAA,EAAA,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,oBAAoB,EAAE,QAAA,EAAA,KAAK,EAAS,CAAA,CAAA,EAAA,CACrE;AAEX,CAAC;AACD,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

package/Spinner/index.d.ts

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

package/Spinner/index.js

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

package/Spinner/index.js.map

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

package/Spinner/package.json

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

package/Table/Table.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const Table = forwardRef(({ children, size = "lg", className, ...restProps }, ref) => {
+    let classesComputed = `sg-table${className ? " " + className : ""}${size === "sm" ? " " + "sg-table-sm" : ""}`;
+    return (jsx("table", { ref: ref, className: classesComputed, ...restProps, children: children }));
+});
+Table.displayName = "Table";
+
+export { Table as default };
+//# sourceMappingURL=Table.js.map

package/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../src/Table/Table.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAKM,MAAA,KAAK,GAAG,UAAU,CAA+B,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAC,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC3G,IAAA,IAAI,eAAe,GAAG,CAAW,QAAA,EAAA,SAAS,GAAG,GAAG,GAAC,SAAS,GAAC,EAAE,CAAG,EAAA,IAAI,KAAK,IAAI,GAAG,GAAG,GAAC,aAAa,GAAC,EAAE,EAAE;AACtG,IAAA,QACIA,GAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,eAAe,KAAM,SAAS,EAAA,QAAA,EACrD,QAAQ,EAAA,CACL;AAEhB,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

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

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

package/Table/index.d.ts

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

package/Table/index.js

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

package/Table/index.js.map

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

package/Table/package.json

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

package/Tabs/Tabs.js

@@ -0,0 +1,162 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, forwardRef, useState, useMemo, useRef, useLayoutEffect, useEffect, useContext } from 'react';
+import mergeClassnames from '../utils/MergeClassnames.js';
+import mergeRefs from '../utils/MergeRefs.js';
+
+const TabsContext = createContext(null);
+const TabsContextProvider = ({ children, value }) => {
+    return (jsx(TabsContext.Provider, { value: value, children: children }));
+};
+const useTabsContext = () => {
+    const context = useContext(TabsContext);
+    if (!context) {
+        throw new Error("useTabContext has to be used within a TabContextProvider!");
+    }
+    return context;
+};
+const Tabs = forwardRef(({ children, className, controlId, activeClassName, defaultActive, active, onTabChange, queryParam, setQueryParam, ...restProps }, ref) => {
+    const tabIdsMap = new Map();
+    Array.from(document.querySelectorAll('[data-tabd]')).forEach(el => tabIdsMap.set(el.dataset.tabid, 1));
+    const isTabId = tabIdsMap.get(queryParam) && queryParam;
+    const [activeTab, setActiveTab] = useState(isTabId ? queryParam : defaultActive);
+    const activeClass = activeClassName ?? "sg-active";
+    if (active && activeTab != active) {
+        setActiveTab(active);
+    }
+    if (active && !onTabChange || !active && onTabChange) {
+        throw new Error("If you control the tabs externally, you need both an 'active' state and a function 'onTabChange' that controls the 'active' state!");
+    }
+    if (queryParam && !setQueryParam || !queryParam && setQueryParam) {
+        throw new Error("If you control the query parameters externally, you need both an 'queryParam' state and a function 'setQueryParam' that controls the 'queryParam' state!");
+    }
+    const contextValue = useMemo(() => ({
+        activeTab,
+        setActiveTab,
+        controlId,
+        activeClass,
+        onTabChange,
+        setQueryParam
+    }), [activeTab, activeClass, controlId, activeClass, onTabChange]);
+    return (jsx(TabsContextProvider, { value: contextValue, children: jsx("div", { ref: ref, id: controlId + "-tab-wrapper", className: `sg-tabs${className ? " " + className : ""}`, ...restProps, children: children }) }));
+});
+Tabs.displayName = "Tabs";
+const ScrollButton = forwardRef(({ className, left = true, controlsRef, style, ...restProps }, ref) => {
+    const internalRef = useRef(null);
+    const handleScrollBy = () => {
+        if (!controlsRef || !controlsRef.current)
+            return;
+        const tabControls = controlsRef.current;
+        const toScroll = (left ? -1 : 1) * 32;
+        tabControls.scrollBy(toScroll, 0);
+    };
+    let scrollIntervalId;
+    const handlePointerDown = (event) => {
+        clearInterval(scrollIntervalId);
+        scrollIntervalId = setInterval(handleScrollBy, 20);
+    };
+    const handlePointerUp = (event) => {
+        clearInterval(scrollIntervalId);
+    };
+    const handleKeyDown = (event) => {
+        if (event.key === "Space" || event.key === "Enter") {
+            clearInterval(scrollIntervalId);
+            scrollIntervalId = setInterval(handleScrollBy, 20);
+            return;
+        }
+        clearInterval(scrollIntervalId);
+    };
+    const handleKeyUp = (event) => {
+        clearInterval(scrollIntervalId);
+    };
+    return (jsxs("button", { type: "button", ref: mergeRefs([ref, internalRef]), "data-position": left ? "left" : "right", onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, className: mergeClassnames("sg-tabs-button", "sg-tabs-scroll-button", className), ...restProps, children: [jsxs("span", { className: "visually-hidden", children: ["Scroll tab controls ", left ? "left" : "right"] }), jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", children: jsx("polyline", { points: left ? "144 88 104 128 144 168" : "112 88 152 128 112 168", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "32" }) })] }));
+});
+const Controls = forwardRef(({ children, className, ...restProps }, ref) => {
+    const { controlId, activeClass } = useTabsContext();
+    const [isOverflow, setIsOverflow] = useState(false);
+    const internalRef = useRef(null);
+    const checkWidthOverflow = () => {
+        if (!internalRef.current)
+            return;
+        const el = internalRef.current;
+        setIsOverflow(el.clientWidth < el.scrollWidth);
+    };
+    useLayoutEffect(() => {
+        //console.log(internalRef.current)
+        checkWidthOverflow();
+    }, [children]);
+    useEffect(() => {
+        window.addEventListener("resize", checkWidthOverflow, true);
+        return function cleanup() {
+            window.removeEventListener("resize", checkWidthOverflow, true);
+        };
+    }, []);
+    const handleKeyDown = (event) => {
+        const key = event.key;
+        const tabsControls = internalRef.current;
+        if (!tabsControls)
+            return;
+        const tabControlsChildren = Array.from(tabsControls.children);
+        let newIndex;
+        if (key === "ArrowRight" || key === "ArrowLeft") {
+            event.preventDefault();
+            const activeTab = document.querySelector(".sg-tabs-button" + "." + activeClass);
+            const activeTabIndex = tabControlsChildren.indexOf(activeTab);
+            const indexChange = key === "ArrowRight" ? 1 : -1;
+            const isChangeTooBig = activeTabIndex + indexChange >= tabControlsChildren.length;
+            const isChangeNegative = activeTabIndex + indexChange < 0;
+            newIndex = isChangeNegative ? tabControlsChildren.length - 1 : (isChangeTooBig ? 0 : activeTabIndex + indexChange);
+        }
+        else if (key === "Home" || key === "End") {
+            event.preventDefault();
+            newIndex = key === "Home" ? 0 : tabControlsChildren.length - 1;
+        }
+        if (newIndex === undefined || newIndex === null)
+            return;
+        tabControlsChildren[newIndex].focus();
+        tabControlsChildren[newIndex].click();
+    };
+    //div style={{maxWidth:"100%", display:"flex", overflowX:"auto"}}
+    return (jsxs("div", { tabIndex: -1, onKeyDown: (event) => handleKeyDown(event), role: "tablist", id: controlId + "-tab-controls", ref: mergeRefs([ref, internalRef]), className: `sg-tabs-controls${className ? " " + className : ""}`, ...restProps, children: [isOverflow ? jsx(ScrollButton, { controlsRef: internalRef }) : null, children, isOverflow ? jsx(ScrollButton, { controlsRef: internalRef, left: false }) : null] }));
+});
+Controls.displayName = "TabsControl";
+const Button = forwardRef(({ children, className, onClick, tabId, id, ...restProps }, ref) => {
+    const { activeTab, setActiveTab, setQueryParam, activeClass, onTabChange } = useTabsContext();
+    const isActiveTab = activeTab === tabId;
+    const classNameComputed = "sg-tabs-button" + (className ? " " + className : "") + (isActiveTab ? " " + activeClass : "");
+    const handleClick = (event) => {
+        if (onTabChange) {
+            onTabChange(tabId);
+        }
+        else {
+            setActiveTab(tabId);
+        }
+        if (onClick) {
+            onClick(event);
+        }
+        if (setQueryParam) {
+            setQueryParam(tabId);
+        }
+    };
+    return (jsx("button", { role: "tab", type: "button", id: tabId + "-button", ref: ref, onClick: event => handleClick(event), className: classNameComputed, ...restProps, tabIndex: isActiveTab ? 0 : -1, "aria-selected": isActiveTab ? "true" : "false", "aria-controls": tabId + "-page", children: children }));
+});
+Button.displayName = "TabsButton";
+const Content = forwardRef(({ children, className, ...restProps }, ref) => {
+    return (jsx("div", { role: "none", ref: ref, className: `sg-tabs-content${className ? " " + className : ""}`, ...restProps, children: children }));
+});
+Content.displayName = "TabsContent";
+const Page = forwardRef(({ children, className, tabId, ...restProps }, ref) => {
+    const { activeTab, activeClass } = useTabsContext();
+    const classNameComputed = "sg-tabs-page" + (className ? " " + className : "") + (activeTab === tabId ? " " + activeClass : "");
+    return (jsx("div", { role: "tabpanel", id: tabId + "-page", "data-tabid": tabId, "aria-labelledby": tabId + "-button", ref: ref, className: classNameComputed, ...restProps, children: children }));
+});
+Page.displayName = "TabsPage";
+var Tabs$1 = Object.assign(Tabs, {
+    Controls: Controls,
+    Button: Button,
+    Content: Content,
+    Page: Page,
+});
+
+export { Tabs$1 as default };
+//# sourceMappingURL=Tabs.js.map

package/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../src/Tabs/Tabs.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAQA,MAAM,WAAW,GAAG,aAAa,CAAyB,IAAI,CAAC;AAC/D,MAAM,mBAAmB,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAqD,KAAI;AAClG,IAAA,QACIA,GAAA,CAAC,WAAW,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAC7B,QAAQ,EAAA,CACU;AAE/B,CAAC;AACD,MAAM,cAAc,GAAG,MAAK;AACxB,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC;IACvC,IAAG,CAAC,OAAO,EAAE;AACT,QAAA,MAAM,IAAI,KAAK,CACX,2DAA2D,CAC9D;;AAEL,IAAA,OAAO,OAAO;AAClB,CAAC;AAED,MAAM,IAAI,GAAG,UAAU,CAA2B,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACtL,IAAA,MAAM,SAAS,GAAG,IAAI,GAAG,EAAE;AAC3B,IAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAc,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,EAAC,CAAC,CAAC,CAAE;IAEnH,MAAM,OAAO,GAAY,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,UAAU;AAChE,IAAA,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,OAAO,GAAG,UAAW,GAAG,aAAa,CAAC;AAGzF,IAAA,MAAM,WAAW,GAAE,eAAe,IAAI,WAAW;AACjD,IAAA,IAAG,MAAM,IAAI,SAAS,IAAI,MAAM,EAAE;QAC9B,YAAY,CAAC,MAAM,CAAC;;IAGxB,IAAG,MAAM,IAAI,CAAC,WAAW,IAAI,CAAC,MAAM,IAAI,WAAW,EAAE;AACjD,QAAA,MAAM,IAAI,KAAK,CACX,oIAAoI,CACvI;;IAEL,IAAG,UAAU,IAAI,CAAC,aAAa,IAAI,CAAC,UAAU,IAAI,aAAa,EAAE;AAC7D,QAAA,MAAM,IAAI,KAAK,CACX,0JAA0J,CAC7J;;AAIL,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO;QAChC,SAAS;QACT,YAAY;QACZ,SAAS;QACT,WAAW;QACX,WAAW;QACX;AACH,KAAA,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AAClE,IAAA,QACIA,GAAC,CAAA,mBAAmB,IAAC,KAAK,EAAE,YAAY,EACpC,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,GAAC,cAAc,EAAE,SAAS,EAAE,CAAA,OAAA,EAAU,SAAS,GAAG,GAAG,GAAC,SAAS,GAAE,EAAE,CAAA,CAAE,KAAM,SAAS,EAAA,QAAA,EAC3G,QAAQ,EACP,CAAA,EAAA,CACY;AAE9B,CAAC,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM;AAEzB,MAAM,YAAY,GAAG,UAAU,CAA2C,CAAC,EAAC,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC1I,IAAA,MAAM,WAAW,GAAG,MAAM,CAAoB,IAAI,CAAC;IAEnD,MAAM,cAAc,GAAG,MAAK;AACxB,QAAA,IAAG,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE;AAEzC,QAAA,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO;AACvC,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE;AACrC,QAAA,WAAW,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;AACrC,KAAC;AAED,IAAA,IAAI,gBAAgC;AACpC,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAA0C,KAAI;QACrE,aAAa,CAAC,gBAAgB,CAAC;AAC/B,QAAA,gBAAgB,GAAG,WAAW,CAAC,cAAc,EAAE,EAAE,CAAC;AACtD,KAAC;AACD,IAAA,MAAM,eAAe,GAAG,CAAC,KAA0C,KAAI;QACnE,aAAa,CAAC,gBAAgB,CAAC;AACnC,KAAC;AACD,IAAA,MAAM,aAAa,GAAG,CAAC,KAA6C,KAAK;AACrE,QAAA,IAAG,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YAC/C,aAAa,CAAC,gBAAgB,CAAC;AAC/B,YAAA,gBAAgB,GAAG,WAAW,CAAC,cAAc,EAAE,EAAE,CAAC;YAClD;;QAEJ,aAAa,CAAC,gBAAgB,CAAC;AACnC,KAAC;AACD,IAAA,MAAM,WAAW,GAAG,CAAC,KAA6C,KAAK;QACnE,aAAa,CAAC,gBAAgB,CAAC;AACnC,KAAC;IAID,QACIC,IACI,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,EAAiB,eAAA,EAAA,IAAI,GAAG,MAAM,GAAC,OAAO,EACtF,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAC9G,SAAS,EAAE,eAAe,CAAC,gBAAgB,EAAE,uBAAuB,EAAE,SAAS,CAAC,EAAA,GAC5E,SAAS,EAAA,QAAA,EAAA,CACbA,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAAA,sBAAA,EAAsB,IAAI,GAAG,MAAM,GAAC,OAAO,CAAA,EAAA,CAAQ,EACpFD,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EACzD,QAAA,EAAAA,GAAA,CAAA,UAAA,EAAA,EACI,MAAM,EAAE,IAAI,GAAG,wBAAwB,GAAG,wBAAwB,EAClE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EACjG,CAAA,EAAA,CACA,CACD,EAAA,CAAA;AAEjB,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAAoC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IACxG,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE;IACnD,MAAM,CAAE,UAAU,EAAE,aAAa,CAAE,GAAG,QAAQ,CAAC,KAAK,CAAC;AACrD,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC;IAEhD,MAAM,kBAAkB,GAAG,MAAK;QAC5B,IAAG,CAAC,WAAW,CAAC,OAAO;YAAE;AAEzB,QAAA,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO;QAC9B,aAAa,CAAC,EAAE,CAAC,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC;AAClD,KAAC;IACD,eAAe,CAAC,MAAK;;AAEjB,QAAA,kBAAkB,EAAE;AACxB,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IACd,SAAS,CAAC,MAAK;QACX,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,IAAI,CAAC;AAC3D,QAAA,OAAO,SAAS,OAAO,GAAA;YACnB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,IAAI,CAAC;AAClE,SAAC;KACJ,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,aAAa,GAAG,CAAC,KAA0C,KAAI;AACjE,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG;AACrB,QAAA,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO;AACxC,QAAA,IAAG,CAAC,YAAY;YAAE;QAElB,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAkB;AAC9E,QAAA,IAAI,QAAQ;QACZ,IAAG,GAAG,KAAK,YAAY,IAAI,GAAG,KAAK,WAAW,EAAE;YAC5C,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,iBAAiB,GAAC,GAAG,GAAC,WAAW,CAAgB;YAC1F,MAAM,cAAc,GAAG,mBAAmB,CAAC,OAAO,CAAC,SAAS,CAAC;AAC7D,YAAA,MAAM,WAAW,GAAG,GAAG,KAAK,YAAY,GAAG,CAAC,GAAG,EAAE;YACjD,MAAM,cAAc,GAAG,cAAc,GAAG,WAAW,IAAI,mBAAmB,CAAC,MAAM;AACjF,YAAA,MAAM,gBAAgB,GAAG,cAAc,GAAG,WAAW,GAAG,CAAC;YACzD,QAAQ,GAAG,gBAAgB,GAAG,mBAAmB,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,GAAG,CAAC,GAAG,cAAc,GAAG,WAAW,CAAC;;aAC/G,IAAI,GAAG,KAAK,MAAM,IAAI,GAAG,KAAK,KAAK,EAAE;YACxC,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,QAAQ,GAAG,GAAG,KAAK,MAAM,GAAG,CAAC,GAAG,mBAAmB,CAAC,MAAM,GAAE,CAAC;;AAEjE,QAAA,IAAG,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI;YAAE;AAChD,QAAA,mBAAmB,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;AACrC,QAAA,mBAAmB,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;AACzC,KAAC;;IAED,QACIC,cAAK,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,aAAa,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,SAAS,EAAC,EAAE,EAAE,SAAS,GAAC,eAAe,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,EAAE,SAAS,EAAE,CAAmB,gBAAA,EAAA,SAAS,GAAG,GAAG,GAAC,SAAS,GAAC,EAAE,EAAE,EAAM,GAAA,SAAS,aACvN,UAAU,GAAGD,GAAA,CAAC,YAAY,EAAC,EAAA,WAAW,EAAE,WAAW,EAAA,CAAI,GAAG,IAAI,EAC9D,QAAQ,EACR,UAAU,GAAGA,GAAC,CAAA,YAAY,EAAC,EAAA,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAG,CAAA,GAAG,IAAI,CACzE,EAAA,CAAA;AAEd,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,aAAa;AAEpC,MAAM,MAAM,GAAG,UAAU,CAAqC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAC,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AAC1H,IAAA,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE;AAC7F,IAAA,MAAM,WAAW,GAAG,SAAS,KAAK,KAAK;AACvC,IAAA,MAAM,iBAAiB,GAAG,gBAAgB,IAAI,SAAS,GAAG,GAAG,GAAC,SAAS,GAAC,EAAE,CAAC,IAAI,WAAW,GAAG,GAAG,GAAC,WAAW,GAAG,EAAE,CAAC;AAClH,IAAA,MAAM,WAAW,GAAG,CAAC,KAAsD,KAAI;QAC3E,IAAG,WAAW,EAAE;YACZ,WAAW,CAAC,KAAK,CAAC;;aAEjB;YACD,YAAY,CAAC,KAAK,CAAC;;QAEvB,IAAG,OAAO,EAAE;YACR,OAAO,CAAC,KAAK,CAAC;;QAElB,IAAG,aAAa,EAAE;YACd,aAAa,CAAC,KAAK,CAAC;;AAE5B,KAAC;AACD,IAAA,QACIA,GAAA,CAAA,QAAA,EAAA,EACI,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,EAAC,EAAE,EAAE,KAAK,GAAC,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAA,GAAM,SAAS,EACzI,QAAQ,EAAE,WAAW,GAAG,CAAC,GAAC,EAAE,EAAiB,eAAA,EAAA,WAAW,GAAG,MAAM,GAAC,OAAO,EAAA,eAAA,EAAiB,KAAK,GAAC,OAAO,EAAA,QAAA,EAEtG,QAAQ,EAAA,CACJ;AAEjB,CAAC,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,YAAY;AAEjC,MAAM,OAAO,GAAG,UAAU,CAAmC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;AACtG,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,kBAAkB,SAAS,GAAG,GAAG,GAAC,SAAS,GAAC,EAAE,CAAE,CAAA,EAAA,GAAM,SAAS,EAAA,QAAA,EAChG,QAAQ,EAAA,CACP;AAEd,CAAC,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,aAAa;AAEnC,MAAM,IAAI,GAAG,UAAU,CAAgC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IACvG,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE;AACnD,IAAA,MAAM,iBAAiB,GAAG,cAAc,IAAI,SAAS,GAAG,GAAG,GAAC,SAAS,GAAC,EAAE,CAAC,IAAI,SAAS,KAAK,KAAK,GAAG,GAAG,GAAC,WAAW,GAAG,EAAE,CAAC;AACxH,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EACI,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,KAAK,GAAC,OAAO,EAAA,YAAA,EAAc,KAAK,EAAmB,iBAAA,EAAA,KAAK,GAAC,SAAS,EACtF,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,iBAAiB,EAAA,GAAM,SAAS,EAAA,QAAA,EAEpD,QAAQ,EAAA,CACP;AAEd,CAAC,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,UAAU;AAE7B,aAAgB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;AAChC,IAAA,QAAQ,EAAE,QAAQ;AAClB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,OAAO,EAAE,OAAO;AAChB,IAAA,IAAI,EAAE,IAAI;AACb,CAAA,CAAC;;;;"}

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

@@ -1,10 +1,11 @@
-/// <reference types="react" />
-import { BaseButtonType, BaseDivType } from "../../BaseTypes";
+import { BaseButtonType, BaseDivType } from "../utils/BaseTypes";
 export type TabsContextType = {
     activeTab: string;
     setActiveTab: React.Dispatch<React.SetStateAction<string>>;
     controlId: string;
     activeClass: string;
+    onTabChange: Function | undefined;
+    setQueryParam?: Function;
 };
 export type TabsType = {
     children: React.ReactNode;
@@ -12,11 +13,20 @@ export type TabsType = {
     controlId: string;
     activeClassName?: string;
     defaultActive: string;
+    active?: string;
+    onTabChange?: Function;
+    queryParam?: string;
+    setQueryParam?: Function;
 } & BaseDivType;
 export type TabsControlsType = {
     children: React.ReactNode;
     className?: string;
 } & BaseDivType;
+export type TabsScrollButtonType = {
+    className?: string;
+    left?: boolean;
+    controlsRef?: React.RefObject<HTMLDivElement>;
+} & BaseButtonType;
 export type TabsButtonType = {
     children: React.ReactNode;
     className?: string;

package/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+import Tabs from "./Tabs";
+export default Tabs;
+export type { TabsButtonType, TabsContentType, TabsContextType, TabsControlsType, TabsPageType, TabsType } from "./Tabs.types";

package/Tabs/index.js

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

package/Tabs/index.js.map

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

package/Tabs/package.json

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

package/ToggleButton/ToggleButton.d.ts

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

package/ToggleButton/ToggleButton.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useState } from 'react';
+
+const ToggleButton = forwardRef(({ children, toggled = "false", onClick, ...restProps }, ref) => {
+    const [toggledInternal, setToggledInternal] = useState(toggled === "true" ? true : false);
+    const handleClick = (event) => {
+        setToggledInternal(prev => !prev);
+        if (onClick) {
+            onClick(event);
+        }
+    };
+    return (jsx("button", { onClick: (event) => handleClick(event), "data-toggled": toggledInternal, ...restProps, children: children }));
+});
+ToggleButton.displayName = "ToggleButton";
+
+export { ToggleButton as default };
+//# sourceMappingURL=ToggleButton.js.map

package/ToggleButton/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sources":["../../src/ToggleButton/ToggleButton.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAIM,MAAA,YAAY,GAAG,UAAU,CAAuC,CAAC,EAAC,QAAQ,EAAE,OAAO,GAAC,OAAO,EAAE,OAAO,EAAE,GAAG,SAAS,EAAC,EAAE,GAAG,KAAI;IAC9H,MAAM,CAAE,eAAe,EAAE,kBAAkB,CAAE,GAAG,QAAQ,CAAU,OAAO,KAAK,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;AACpG,IAAA,MAAM,WAAW,GAAG,CAAC,KAAsD,KAAI;QAC3E,kBAAkB,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;QACjC,IAAG,OAAO,EAAE;YACR,OAAO,CAAC,KAAK,CAAC;;AAEtB,KAAC;IACD,QACIA,gBAAQ,OAAO,EAAE,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,CAAC,kBAAgB,eAAe,EAAA,GAAM,SAAS,EACvF,QAAA,EAAA,QAAQ,EACJ,CAAA;AAEjB,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/ToggleButton/ToggleButton.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { BaseButtonType } from "../utils/BaseTypes";
+export type ToggleButtonType = {
+    children: ReactNode;
+    toggled?: boolean;
+    onClick?: <T>(event: T) => T;
+} & BaseButtonType;

package/ToggleButton/index.d.ts

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

package/ToggleButton/index.js

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

package/ToggleButton/index.js.map

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

package/ToggleButton/package.json

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

package/{src/hooks/index.ts → hooks/index.d.ts}

@@ -1,7 +1,6 @@
-import useClassname from "./useClassname";
-import useDraggable from "./useDraggable";
-import useScreenSize from "./useScreenSize";
-import useKeepElementFocused from "./useKeepElementFocused";
-import useQueryParams from "./useQueryParams";
-
-export {useClassname, useDraggable, useScreenSize, useKeepElementFocused, useQueryParams}
+import useClassname from "./useClassname";
+import useDraggable from "./useDraggable";
+import useScreenSize from "./useScreenSize";
+import useKeepElementFocused from "./useKeepElementFocused";
+import useQueryParams from "./useQueryParams";
+export { useClassname, useDraggable, useScreenSize, useKeepElementFocused, useQueryParams };

package/hooks/index.js

@@ -0,0 +1,7 @@
+'use client';
+export { default as useClassname } from './useClassname.js';
+export { default as useDraggable } from './useDraggable.js';
+export { default as useScreenSize } from './useScreenSize.js';
+export { default as useKeepElementFocused } from './useKeepElementFocused.js';
+export { default as useQueryParams } from './useQueryParams.js';
+//# sourceMappingURL=index.js.map

package/hooks/index.js.map

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

package/hooks/package.json

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

package/hooks/useClassname.d.ts

@@ -0,0 +1,2 @@
+declare const useClassname: (...args: (string | undefined)[]) => string;
+export default useClassname;

package/hooks/useClassname.js

@@ -0,0 +1,7 @@
+'use client';
+const useClassname = (...args) => {
+    return args.filter(arg => arg != undefined).join(" ");
+};
+
+export { useClassname as default };
+//# sourceMappingURL=useClassname.js.map

package/hooks/useClassname.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClassname.js","sources":["../../src/hooks/useClassname.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA,MAAM,YAAY,GAAG,CAAC,GAAG,IAA4B,KAAI;AACrD,IAAA,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AACzD;;;;"}

package/hooks/useDraggable.d.ts

@@ -0,0 +1,23 @@
+import { RefObject } from "react";
+type Coordinates = {
+    top?: number;
+    bottom?: number;
+    right?: number;
+    left?: number;
+    offSetTop: number;
+    offSetLeft: number;
+    width?: number | null;
+};
+type Options = {
+    moveClass?: string;
+    draggable?: boolean;
+};
+export declare const insertPhantomElement: (targetElement: HTMLElement, movingElement: HTMLElement, options?: {
+    after?: boolean;
+    first?: boolean;
+}) => void;
+declare const useDraggable: (movingElementRef: RefObject<HTMLElement>, options?: Options) => {
+    coordinates: Coordinates;
+    isMouseDown: boolean;
+};
+export default useDraggable;