stargazer-ui 1.0.3 → 1.0.5

package/dist/components/OffCanvas/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./OffCanvas";

package/dist/components/OffCanvas/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./OffCanvas.js";
+export {
+  o as default
+};

package/dist/components/Overlay/Overlay.d.ts

@@ -0,0 +1,3 @@
+export default OverlayTrigger;
+declare const OverlayTrigger: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/dist/components/Overlay/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Overlay";

package/dist/components/Overlay/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Overlay.js";
+export {
+  o as default
+};

package/dist/components/Popout/Popout.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { PopoutType, PopoutBodyType, PopoutFooterType, PopoutTextType, PopoutTitleType } from "./Popout.types";
+declare const _default: React.ForwardRefExoticComponent<Omit<PopoutType, "ref"> & React.RefAttributes<HTMLDialogElement>> & {
+    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>>;
+    Title: React.ForwardRefExoticComponent<Omit<PopoutTitleType, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Body: React.ForwardRefExoticComponent<Omit<PopoutBodyType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Text: React.ForwardRefExoticComponent<Omit<PopoutTextType, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Footer: React.ForwardRefExoticComponent<Omit<PopoutFooterType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/dist/components/Popout/Popout.js

@@ -0,0 +1,72 @@
+import { jsx as c } from "react/jsx-runtime";
+import { createPortal as A } from "react-dom";
+import { forwardRef as u, useState as M, useRef as y, useEffect as P } from "react";
+const W = u(({ children: e, initialPosition: s = { top: 0, left: 0 }, id: o, resize: n = !1, move: f = !1, className: a, style: l, ...p }, R) => {
+  const [r, C] = M({ offSetTop: 0, offSetLeft: 0, ...s }), N = n ? "true" : "false", $ = f ? "true" : "false", D = y(R), i = y(null), [h, T] = M(!1), b = y(h);
+  P(() => {
+    b.current = h;
+  }, [h]);
+  const H = (t) => {
+    const d = t.target;
+    if (f && d.className.includes("sg-popout-title") || d.className.includes("sg-popout-header")) {
+      const { top: m, left: g } = i.current.getBoundingClientRect();
+      C((w) => ({
+        ...w,
+        offSetTop: t.clientY - m,
+        offSetLeft: t.clientX - g
+      })), i.current.style.setProperty("user-select", "none"), i.current.setPointerCapture(t.pointerId), T(!0);
+    }
+  }, L = () => {
+    f && (i.current.style.removeProperty("user-select"), T(!1));
+  }, O = (t) => {
+    if (f && b.current && i.current) {
+      const d = t.clientY - r.offSetTop < 0, m = window.innerHeight - (t.clientY - r.offSetTop + i.current.offsetHeight) < 0, g = t.clientX - r.offSetLeft < 0, w = window.innerWidth - (t.clientX - r.offSetLeft + i.current.offsetWidth) < 0;
+      let v = d ? 0 : t.clientY - r.offSetTop;
+      v = m ? window.innerHeight - i.current.offsetHeight : v;
+      let S = g ? 0 : t.clientX - r.offSetLeft;
+      S = w ? window.innerWidth - i.current.offsetWidth : S, C((x) => ({
+        ...x,
+        top: v,
+        left: S
+      }));
+    }
+  };
+  return P(() => (document.body.addEventListener("pointerup", () => L(), !0), function() {
+    document.body.removeEventListener("pointerup", () => L(), !0);
+  }), []), A(
+    /* @__PURE__ */ c(
+      "dialog",
+      {
+        "data-resize": N,
+        "data-move": $,
+        "data-passedRef": D,
+        ref: i,
+        id: o,
+        className: `sg-moveable-popout${a ? " " + a : ""}`,
+        style: { ...l, top: r.top, left: r.left, bottom: r.bottom, right: r.right },
+        onPointerDown: H,
+        onPointerMove: (t) => O(t),
+        ...p,
+        children: e
+      }
+    ),
+    document.body
+  );
+}), X = u(
+  ({ children: e, className: s, as: o = "div", ...n }, f) => {
+    let l = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].find((p) => p === o) ? o : "div";
+    return /* @__PURE__ */ c(l, { ref: f, className: `sg-popout-header ${s}`, ...n, children: e });
+  }
+), Y = u(({ as: e = "h4", className: s, children: o, ...n }, f) => {
+  let l = ["h1", "h2", "h3", "h4", "h5", "h6"].find((p) => p === e) ? e : "h5";
+  return /* @__PURE__ */ c(l, { ref: f, className: `sg-popout-title ${s}`, ...n, children: o });
+}), B = u(({ children: e, className: s, ...o }, n) => /* @__PURE__ */ c("div", { ref: n, className: `sg-popout-body ${s}`, ...o, children: e })), E = u(({ children: e, className: s, ...o }, n) => /* @__PURE__ */ c("p", { ref: n, className: `sg-popout-text ${s}`, ...o, children: e })), j = u(({ children: e, className: s, ...o }, n) => /* @__PURE__ */ c("div", { ref: n, className: `sg-popout-footer ${s}`, ...o, children: e })), U = Object.assign(W, {
+  Header: X,
+  Title: Y,
+  Body: B,
+  Text: E,
+  Footer: j
+});
+export {
+  U as default
+};

package/dist/components/Popout/Popout.types.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from "react";
+import { BaseDialogType, BaseDivType, BaseHeadingType, BaseParagraphType, BaseSpanType } from "../../BaseTypes";
+export type PopoutType = {
+    children: ReactNode;
+    initialPosition?: {
+        top?: number;
+        bottom?: number;
+        right?: number;
+        left?: number;
+    };
+    id?: string;
+    resize?: boolean;
+    move?: boolean;
+} & BaseDialogType;
+export type PopoutHeaderType = {
+    children: ReactNode;
+    className?: string;
+    as?: React.ElementType;
+} & (BaseDivType | BaseHeadingType | BaseSpanType);
+export type PopoutTitleType = {
+    children: ReactNode;
+    className?: string;
+    as?: React.ElementType;
+} & BaseHeadingType;
+export type PopoutBodyType = {
+    children: ReactNode;
+    className?: string;
+} & BaseDivType;
+export type PopoutTextType = {
+    children: ReactNode;
+    className?: string;
+} & BaseParagraphType;
+export type PopoutFooterType = {
+    children: ReactNode;
+    className?: string;
+} & BaseDivType;

package/dist/components/Popout/Popout.types.js

@@ -0,0 +1 @@
+

package/dist/components/Popout/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Popout";

package/dist/components/Popout/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Popout.js";
+export {
+  o as default
+};

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SpinnerType } from "./Spinner.types";
+declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerType & import("react").RefAttributes<HTMLDivElement>>;
+export default Spinner;

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,9 @@
+import { jsxs as n, Fragment as o, jsx as l } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+const p = h(({ size: e = "1em", color: s = "white", label: a, className: r, controlId: i, ...t }, d) => /* @__PURE__ */ n(o, { children: [
+  /* @__PURE__ */ l("div", { "aria-labelledby": i, role: "status", ref: d, className: `sg-spinner${r ? " " + r : ""}`, style: { width: e, height: e, borderColor: s }, ...t }),
+  /* @__PURE__ */ l("label", { id: i, className: "sg-visually-hidden", children: a })
+] }));
+export {
+  p as default
+};

package/dist/components/Spinner/Spinner.types.d.ts

@@ -0,0 +1,7 @@
+export type SpinnerType = {
+    label: string;
+    size?: string;
+    color?: string;
+    className?: string;
+    controlId?: string;
+};

package/dist/components/Spinner/Spinner.types.js

@@ -0,0 +1 @@
+

package/dist/components/Spinner/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Spinner";

package/dist/components/Spinner/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Spinner.js";
+export {
+  o as default
+};

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TableType } from "./Table.types";
+declare const Table: import("react").ForwardRefExoticComponent<Omit<TableType, "ref"> & import("react").RefAttributes<HTMLTableElement>>;
+export default Table;

package/dist/components/Table/Table.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+const p = m(({ children: t, size: s = "lg", className: e, ...r }, a) => {
+  let l = `sg-table${e ? " " + e : ""}${s === "sm" ? " sg-table-sm" : ""}`;
+  return /* @__PURE__ */ o("table", { ref: a, className: l, ...r, children: t });
+});
+export {
+  p as default
+};

package/dist/components/Table/Table.types.d.ts

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

package/dist/components/Table/Table.types.js

@@ -0,0 +1 @@
+

package/dist/components/Table/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Table";

package/dist/components/Table/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Table.js";
+export {
+  o as default
+};

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TabsButtonType, TabsContentType, TabsControlsType, TabsPageType, TabsType } from "./Tabs.types";
+declare const _default: import("react").ForwardRefExoticComponent<Omit<TabsType, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Controls: import("react").ForwardRefExoticComponent<Omit<TabsControlsType, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Button: import("react").ForwardRefExoticComponent<Omit<TabsButtonType, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<TabsContentType, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Page: import("react").ForwardRefExoticComponent<Omit<TabsPageType, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,77 @@
+import { jsx as d } from "react/jsx-runtime";
+import { createContext as h, forwardRef as C, useState as m, useMemo as p, useContext as w } from "react";
+const T = h(null), y = ({ children: e, value: t }) => /* @__PURE__ */ d(T.Provider, { value: t, children: e }), f = () => {
+  const e = w(T);
+  if (!e)
+    throw new Error(
+      "useTabContext has to be used within a TabContextProvider!"
+    );
+  return e;
+}, A = C(({ children: e, className: t, controlId: n, activeClassName: o, defaultActive: r, ...i }, l) => {
+  const [s, c] = m(r), v = o || "sg-active", a = p(() => ({
+    activeTab: s,
+    setActiveTab: c,
+    controlId: n,
+    activeClass: v
+  }), [s, c, n]);
+  return /* @__PURE__ */ d(y, { value: a, children: /* @__PURE__ */ d("div", { ref: l, id: n + "-tab-wrapper", className: `sg-tabs${t ? " " + t : ""}`, ...i, children: e }) });
+}), k = C(({ children: e, className: t, ...n }, o) => {
+  const { controlId: r, activeClass: i } = f(), l = (s) => {
+    const c = s.key, v = document.getElementById(r + "-tab-controls");
+    if (v) {
+      const a = Array.from(v.children);
+      if (c === "ArrowRight" || c === "ArrowLeft") {
+        s.preventDefault();
+        const b = document.querySelector(".sg-tabs-button." + i), g = a.indexOf(b), u = c === "ArrowRight" ? 1 : -1, x = g + u < 0 ? a.length - 1 : g + u >= a.length ? 0 : g + u;
+        a[x].focus(), a[x].click();
+      } else if (c === "Home" || c === "End") {
+        s.preventDefault();
+        const b = c === "Home" ? 0 : a.length - 1;
+        a[b].focus(), a[b].click();
+      }
+    }
+  };
+  return /* @__PURE__ */ d("div", { onKeyDown: (s) => l(s), role: "tablist", id: r + "-tab-controls", ref: o, className: `sg-tabs-controls${t ? " " + t : ""}`, ...n, children: e });
+}), D = C(({ children: e, className: t, onClick: n, tabId: o, id: r, ...i }, l) => {
+  const { activeTab: s, setActiveTab: c, activeClass: v } = f(), a = "sg-tabs-button" + (t ? " " + t : "") + (s === o ? " " + v : ""), b = s === o, g = (u) => {
+    c(o), n && n(u);
+  };
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      role: "tab",
+      type: "button",
+      id: o + "-button",
+      ref: l,
+      onClick: (u) => g(u),
+      className: a,
+      ...i,
+      tabIndex: b ? 0 : -1,
+      "aria-selected": b ? "true" : "false",
+      "aria-controls": o + "-page",
+      children: e
+    }
+  );
+}), P = C(({ children: e, className: t, ...n }, o) => /* @__PURE__ */ d("div", { role: "none", ref: o, className: `sg-tabs-content${t ? " " + t : ""}`, ...n, children: e })), $ = C(({ children: e, className: t, tabId: n, ...o }, r) => {
+  const { activeTab: i, activeClass: l } = f(), s = "sg-tabs-page" + (t ? " " + t : "") + (i === n ? " " + l : "");
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      role: "tabpanel",
+      id: n + "-page",
+      "aria-labelledby": n + "-button",
+      ref: r,
+      className: s,
+      ...o,
+      children: e
+    }
+  );
+}), j = Object.assign(A, {
+  Controls: k,
+  Button: D,
+  Content: P,
+  Page: $
+});
+export {
+  j as default
+};

package/dist/components/Tabs/Tabs.types.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { BaseButtonType, BaseDivType } from "../../BaseTypes";
+export type TabsContextType = {
+    activeTab: string;
+    setActiveTab: React.Dispatch<React.SetStateAction<string>>;
+    controlId: string;
+    activeClass: string;
+};
+export type TabsType = {
+    children: React.ReactNode;
+    className?: string;
+    controlId: string;
+    activeClassName?: string;
+    defaultActive: string;
+} & BaseDivType;
+export type TabsControlsType = {
+    children: React.ReactNode;
+    className?: string;
+} & BaseDivType;
+export type TabsButtonType = {
+    children: React.ReactNode;
+    className?: string;
+    onClick?: Function;
+    tabId: string;
+    id?: string;
+} & BaseButtonType;
+export type TabsContentType = {
+    children: React.ReactNode;
+    className?: string;
+} & BaseDivType;
+export type TabsPageType = {
+    children: React.ReactNode;
+    className?: string;
+    tabId: string;
+} & BaseDivType;

package/dist/components/Tabs/Tabs.types.js

@@ -0,0 +1 @@
+

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Tabs";

package/dist/components/Tabs/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./Tabs.js";
+export {
+  o as default
+};

package/dist/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+import { BaseButtonType } from "../../BaseTypes";
+type ToggleButtonType = {
+    children: ReactNode;
+    toggled?: boolean;
+    onClick?: <T>(event: T) => T;
+} & BaseButtonType;
+declare const ToggleButton: import("react").ForwardRefExoticComponent<Omit<ToggleButtonType, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export default ToggleButton;

package/dist/components/ToggleButton/ToggleButton.js

@@ -0,0 +1,11 @@
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as d, useState as u } from "react";
+const p = d(({ children: o, toggled: r = "false", onClick: e, ...a }, c) => {
+  const [l, n] = u(r === "true"), f = (t) => {
+    n((s) => !s), e && e(t);
+  };
+  return /* @__PURE__ */ g("button", { onClick: (t) => f(t), "data-toggled": l, ...a, children: o });
+});
+export {
+  p as default
+};

package/dist/components/ToggleButton/ToggleButton.types.js

@@ -0,0 +1 @@
+

package/dist/components/ToggleButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ToggleButton";

package/dist/components/ToggleButton/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./ToggleButton.js";
+export {
+  o as default
+};

package/dist/components/index.d.ts

@@ -0,0 +1,19 @@
+export * from "./Button";
+export * from "./Card";
+export * from "./CloseButton";
+export * from "./Dropdown";
+export * from "./FloatingLabel";
+export * from "./Form";
+export * from "./Grid";
+export * from "./InputGroup";
+export * from "./Modal";
+export * from "./Nav";
+export * from "./NavBar";
+export * from "./NavDropdown";
+export * from "./OffCanvas";
+export * from "./Overlay";
+export * from "./Popout";
+export * from "./Spinner";
+export * from "./Table";
+export * from "./Tabs";
+export * from "./ToggleButton";

package/dist/components/index.js

@@ -0,0 +1,19 @@
+import "./Button/Button.js";
+import "./Card/Card.js";
+import "./CloseButton/CloseButton.js";
+import "./Dropdown/Dropdown.js";
+import "./FloatingLabel/FloatingLabel.js";
+import "./Form/Form.js";
+import "./Grid/Grid.js";
+import "./InputGroup/InputGroup.js";
+import "./Modal/Modal.js";
+import "./Nav/Nav.js";
+import "./NavBar/Navbar.js";
+import "./NavDropdown/NavDropdown.js";
+import "./OffCanvas/OffCanvas.js";
+import "./Overlay/Overlay.js";
+import "./Popout/Popout.js";
+import "./Spinner/Spinner.js";
+import "./Table/Table.js";
+import "./Tabs/Tabs.js";
+import "./ToggleButton/ToggleButton.js";

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{forwardRef as r,createContext as s,useState as o,useMemo as a,useEffect as l,useLayoutEffect as c,useContext as d,useRef as i,useCallback as u}from"react";import{createPortal as h}from"react-dom";const m=r((({children:t,variant:n="primary",className:r,...s},o)=>e("button",{ref:o,type:"button",className:`sg-button sg-button-${n}${null==r?"":" "+r}`,...s,children:t}))),f=r((({children:t,className:n,...r},s)=>e("div",{ref:s,className:"sg-card "+n,...r,children:t}))),p=r((({as:t="div",className:n,children:r,...s},o)=>{let a=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===t))?t:"div";return e(a,{ref:o,className:`sg-card-header ${n}`,...s,children:r})})),g=r((({as:t="h5",className:n,children:r,...s},o)=>{let a=["h1","h2","h3","h4","h5","h6"].find((e=>e===t))?t:"h5";return e(a,{ref:o,className:n,...s,children:r})})),b=r((({children:t,className:n,...r},s)=>e("div",{ref:s,className:`sg-card-body ${n}`,...r,children:t}))),v=r((({children:t,className:n,...r},s)=>e("p",{ref:s,className:`sg-card-text ${n}`,...r,children:t}))),w=r((({children:t,className:n,...r},s)=>e("div",{ref:s,className:`sg-card-footer ${n}`,...r,children:t})));Object.assign(f,{Header:p,Body:b,Title:g,Text:v,Footer:w});const N=r((({className:t,variant:n=!1,...r},s)=>e("button",{ref:s,className:`sg-button-close${n?" sg-button-close-white":""} ${t}`,...r,children:e("span",{className:"sg-close-visually-hidden-label",children:"Close"})}))),y=(e,t="")=>{let n=e.target,r=!0,s=!1;for(;r;)n.id!=t+"-menu"?n=n.parentElement:(s=!0,r=!1),"root"===n.id&&(r=!1,s=!1);return s},k=s(null),I=({children:t,value:n})=>e(k.Provider,{value:n,children:t}),C=()=>{const e=d(k);if(!e)throw new Error("useDropdownContext has to be used within DropdownContextProvider!");return e},x=r((({children:t,className:n,onSelect:r,onToggle:s,controlId:l,drop:c="down",align:d="start",autoClose:i=!0,show:u="default",...h},m)=>{const[f,p]=o("default"!==u&&u),[g,b]=o({case:""}),v=e=>{e.stopPropagation(),p((e=>!e))},w=((e,t,n=!1)=>{let r=e?n?"bottom-start":"bottom-end":n?"bottom-end":"bottom-start";return"up"===t?r=e?n?"top-start":"top-end":n?"top-end":"top-start":"end"===t?r=e?n?"left-end":"right-end":n?"left-start":"right-start":"start"===t?r=e?n?"right-end":"left-end":n?"right-start":"left-start":"down-centered"===t?r="bottom":"up-centered"===t&&(r="top"),r})("end"===d,c),N=a((()=>({align:d,drop:c,showInternal:"default"!=u&&s?u:f,handleToggle:"default"!=u&&s?s:v,placement:w,directionClasses:{down:"dropdown","down-centered":"dropdown-center",up:"dropup","up-centered":"dropup-center dropup",end:"dropend",start:"dropstart"},controlId:l,activeDescendant:g,setActiveDescendant:b})),[d,c,u,f,s,w,l,g,b]);return e("div",{id:l+"-wrapper",ref:m,className:"sg-dropdown"+(n?" "+n:""),...h,children:e(I,{value:N,children:t})})})),T=r((({children:t,className:n,navDropdown:r=!1,as:s="button",variant:o="primary",...a},c)=>{const{controlId:d,handleToggle:i,setActiveDescendant:u,showInternal:h}=C(),m=s,f=e=>{let t=!1;switch(console.log(e.key),e.key){case"ArrowDown":t=!0,h?u((e=>({...e,case:"next"}))):(i(e),u((e=>({...e,case:"first"}))));break;case"ArrowUp":t=!0,h?u((e=>({...e,case:"previous"}))):(i(e),u((e=>({...e,case:"last"}))));break;case"Home":t=!0,h&&u((e=>({...e,case:"first"})));break;case"End":t=!0,h&&u((e=>({...e,case:"last"})));break;case"Tab":h&&i(e);break;case"Escape":t=!0,h&&i(e);break;case"Enter":case" ":if(h){t=!0;document.querySelector(".sg-dropdown-item-visual-focus").click(),i(e);break}u((e=>({...e,case:"first"})))}t&&(e.stopPropagation(),e.preventDefault())},p=e=>{if(h&&e.target.id!==d)if(y(e,d)){if(y(e,d)){i(e);const t=document.getElementById(d);t?.focus()}}else i(e)};l((()=>{const e=document.getElementById(d);return e.addEventListener("keydown",f,!0),document.addEventListener("mouseup",p,!0),function(){e.removeEventListener("keydown",f,!0),document.removeEventListener("mouseup",p,!0)}}),[f,d]);let g=`sg-button sg-button${o?"-"+o:"-primary"} sg-dropdown-toggle${n?" "+n:""}`;return("a"===m||r)&&(g="sg-nav-dropdown-toggle sg-dropdown-toggle"+(n?" "+n:"")),e(m,{tabIndex:"0",type:"button","aria-haspopup":"true","aria-controls":d+"-menu","aria-expanded":h,id:d,ref:c,className:g,onClick:e=>(e=>{i(e),h||u((e=>({...e,case:"first"})))})(e),...a,children:t})})),E=r((({children:t,className:n,style:r={},...s},a)=>{const{controlId:d,showInternal:i,activeDescendant:u}=C(),[h,m]=o(r);c((()=>{if(i){const e=document.getElementById(d+"-menu");let t={};e.getBoundingClientRect().right>window.innerWidth?t={...t,right:0}:e.getBoundingClientRect().left<0?t={...t,left:0}:e.getBoundingClientRect().top<0?t={...t,top:0}:e.getBoundingClientRect().bottom>window.innerHeight&&(t={...t,bottom:0}),m((e=>({...e,...t})))}}),[i]),l((()=>{if(i){const e=document.getElementById(d+"-menu"),t=document.getElementById(d+"-menu").children,n=t.length-1,r=document.querySelector(".sg-dropdown-item-visual-focus");let s=0,o=t[0].children[0];if(null!=r){r.classList.remove("sg-dropdown-item-visual-focus");for(let e=0;e<t.length;e++)if(t[e]===r.parentElement){s=e;break}}switch(u.case){case"first":o=t[0].children[0],s=0;break;case"last":o=t[n].children[0],s=n;break;case"next":s=s===n?0:s+1,o=t[s].children[0];break;case"previous":s=0===s?n:s-1,o=t[s].children[0]}e.setAttribute("aria-activedescendant",o.id),t[s].children[0].classList.add("sg-dropdown-item-visual-focus")}else{document.getElementById(d+"-menu").setAttribute("aria-activedescendant","")}}),[d,i,u]);const f=e=>{const t=e.target;let n=t.classList.contains("sg-dropdown-item-visual-focus");const r=document.getElementById(d+"-menu");n||(document.querySelector(".sg-dropdown-item-visual-focus")?.classList.remove("sg-dropdown-item-visual-focus"),r.setAttribute("aria-activedescendant",""),t.classList.add("sg-dropdown-item-visual-focus"),r.setAttribute("aria-activedescendant",t.id))};return l((()=>{const e=document.getElementById(d+"-menu");for(let t of e.children)t.addEventListener("mouseover",f,!0);return function(){for(let t of e.children)t.removeEventListener("mouseover",f,!0)}}),[]),e("ul",{id:d+"-menu",role:"menu",tabIndex:-1,"aria-labelledby":d,ref:a,className:`sg-dropdown-list${n?" "+n:""}${i?" show":""}`,style:h,...s,children:t})})),$=r((({children:t,as:n="button",className:r,...s},o)=>e("li",{role:"none",children:e(n,{ref:o,role:"menuitem",tabIndex:"-1",className:"sg-dropdown-item"+(r?" "+r:""),...s,children:t})}))),L=r((({className:t="",...n},r)=>e("hr",{ref:r,className:`.sg-dropdown-divider${t}`,...n})));var D=Object.assign(x,{Toggle:T,Menu:E,Item:$,Divider:L});const P=s(null),B=({children:t,value:n})=>e(P.Provider,{value:n,children:t}),S=()=>{const e=d(P);if(!e)throw new Error("useFormContext has to be used within a FormContextProvider!");return e},A=r((({children:t,...n},r)=>e("form",{ref:r,...n,children:t}))),H=r((({as:t="input",className:n="",plaintext:r=!1,id:s="",type:o="text",autoFocus:a=!1,...l},c)=>{let d=t;const{controlId:i}=S();return e(d,{autoFocus:a,ref:c,id:i||s,type:o,className:(r?"sg-form-control-plaintext":"sg-form-control")+(""!=n?" "+n:"")+("color"==o?" sg-form-control-color":""),...l})})),F=r((({children:t,className:n,id:r,...s},o)=>{const{controlId:a}=S();return e("select",{ref:o,className:"sg-form-select"+(n?" "+n:""),id:a||r,...s,children:t})})),j=r((({children:t,className:n,controlId:r,...s},o)=>{const l=a((()=>({controlId:r})),[r]);return e("div",{ref:o,className:"sg-from-group"+(n?" "+n:""),...s,children:e(B,{value:l,children:t})})})),O=r((({children:t,className:n,htmlFor:r},s)=>{const{controlId:o}=S();return e("label",{ref:s,htmlFor:r||o,className:"sg-form-label"+(n?" "+n:""),children:t})})),M=r((({classNameContainer:r,containerRef:s,containerId:o,style:a,classNameLabel:l,labelRef:c,label:d,labelId:i,className:u,type:h,id:m,controlId:f,reverse:p=!1,checkStyle:g,...b},v)=>{let w=f||m,N="switch"===h?"checkbox":h;return e("div",{ref:s,id:o,style:a,className:`sg-form-check${p?"-reverse":""}${r?" "+r:""}${"switch"===h?" sg-form-switch":""}`,children:t(n,p?{children:[e("input",{ref:v,type:N,id:w,className:"sg-form-check-input"+(u?" "+u:""),...b}),e("label",{ref:c,id:i,htmlFor:w,className:"sg-form-check-label"+(l?" "+l:""),children:d})]}:{children:[e("label",{ref:c,id:i,htmlFor:w,className:"sg-form-check-label"+(l?" "+l:""),children:d}),e("input",{ref:v,type:N,id:w,className:"sg-form-check-input"+(u?" "+u:""),style:g,...b})]})})})),R=r((({children:t,className:n,...r},s)=>e("small",{ref:s,className:"sg-form-text"+(n?" "+n:""),...r,children:t})));Object.assign(A,{Control:H,Select:F,Group:j,Label:O,Check:M,Text:R}),r((({children:n,label:r,controlId:s,className:o,htmlFor:l,...c},d)=>{const i=a((()=>({controlId:s})),[s]);return e(B,{value:i,children:t("div",{className:"sg-form-floating",children:[n,e("label",{ref:d,htmlFor:s,className:"sg-form-floating-label",...c,children:r})]})})}));const q=r((({children:t,className:n,...r},s)=>e("div",{ref:s,className:"sg-input-group"+(n?" "+n:""),...r,children:t}))),z=r((({children:t,className:n,...r},s)=>e("span",{ref:s,className:"sg-input-group-text"+(n?" "+n:""),...r,children:t})));Object.assign(q,{Text:z});const W=s(null),X=({children:t,value:n})=>e(W.Provider,{value:n,children:t}),Y=r((({children:n,as:r="",className:s="",closeButton:o=!1,onClick:a,...l},c)=>{let i=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===r))?r:"div";const u=(()=>{const e=d(W);if(!e)throw new Error("useModalContext has to be used within ModalContextProvider!");return e})();return t(i,{ref:c,className:`sg-modal-header ${s}`,...l,children:[n,o?e(N,{variant:!0,onClick:e=>(e=>{a&&a(e),u()})(e)}):null]})})),K=r((({children:t,as:n="h4",className:r,...s},o)=>{let a=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===n))?n:"h4";return e(a,{ref:o,className:`sg-modal-title ${r}`,...s,children:t})})),G=r((({children:t,className:n,...r},s)=>e("div",{ref:s,className:`sg-modal-body ${n}`,...r,children:t}))),U=r((({children:t,className:n,...r},s)=>e("div",{ref:s,className:`sg-modal-footer ${n}`,...r,children:t})));Object.assign((({children:t,centered:n=!1,size:r="md",show:s,backdrop:a="static",onHide:c,className:d,id:u,...m})=>{const[f,p]=o(s);l((()=>{p(s)}),[s]);const g=i(null);J(g);let b="boolean"==typeof s&&"function"==typeof c?void 0:{show:"boolean"==typeof s,onHide:"function"==typeof c};b&&console.error(b.show?null:"The variable 'show' must be used and must be a boolean used to decide when to show the modal!",b.onHide?null:"The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!");const v=()=>{c&&c(),p(!1)};l((()=>{const e=g.current;e&&(f?(e.classList.remove("close"),e.showModal()):e.close())}),[f]);let w=`sg-modal-tag sg-modal-${r}`;d&&(w+=" "+d),"static"!==a&&"true"!==a||(w+=" sg-modal-static");return h(e("dialog",{ref:g,className:w,onKeyDown:e=>(e=>{if("Escape"!=e.key)return;e.preventDefault();const t=g.current;t.classList.add("close"),t.addEventListener("animationend",(()=>{v()}),{once:!0})})(e),...m,children:e(X,{value:c,children:b?e(Q,{typeCheck:b,closeModal:v}):t})}),document.body)}),{Header:Y,Title:K,Body:G,Footer:U});const J=function(e){l((()=>{const t=t=>{const n='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',r=e.current;if(r){const e=r.querySelectorAll(n)[0],s=r.querySelectorAll(n),o=s[s.length-1];if(!("Tab"===t.key))return;t.shiftKey?document.activeElement===e&&(o.focus(),t.preventDefault()):document.activeElement===o&&(e.focus(),t.preventDefault())}};return document.addEventListener("keydown",t,!0),function(){document.removeEventListener("keydown",t,!0)}}),[e])},Q=({typeCheck:r,closeModal:s})=>t(n,{children:[e(Y,{closeButton:!0,children:e(K,{children:"An Error ocurred!"})}),e(G,{children:t("p",{children:[r.show?null:"The variable 'show' must be used and must be a boolean used to decide when to show the modal!",r.onHide?null:"The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!"]})}),e(U,{children:e(m,{variant:"danger",type:"button",onClick:()=>s(),children:"Close"})})]}),V=s(null),Z=({children:t,value:n})=>e(V.Provider,{value:n,children:t}),_=r((({children:t,className:n,navbarPrefix:r="sg-navbar-",...s},o)=>{const l=a((()=>r),[r]);return e("nav",{ref:o,className:"sg-navbar"+(n?" "+n:""),...s,children:e(Z,{value:l,children:t})})})),ee=r((({children:t,className:n,href:r="#",as:s="a",...o},a)=>e(s||(r&&"Link"!=s?"a":"span"),{ref:a,href:r,className:"sg-navbar-brand"+(n?" "+n:""),...o,children:t}))),te=r((({children:t,className:n,as:r="span",...s},o)=>e(r,{ref:o,className:"sg-navbar-text"+(n?" "+n:""),...s,children:t})));Object.assign(_,{Brand:ee,Text:te});const ne=r((({children:t,className:n,as:r="ul",...s},o)=>{const a=r,l=d(V);return e(a,{ref:o,className:`${n} ${l||"sg-navbar-"}nav`,...s,children:t})})),re=r((({children:t,className:n,as:r="li",...s},o)=>e(r,{role:"none",ref:o,className:"sg-nav-item"+(n?" "+n:""),...s,children:t}))),se=r((({children:t,className:n,as:r="a",...s},o)=>e(r,{role:"menuitem",ref:o,className:"sg-nav-link"+(n?" "+n:""),...s,children:t})));Object.assign(ne,{Item:re,Link:se});const oe=r((({children:n,className:r,onSelect:s,onToggle:l,controlId:c,toggleProps:d,title:i,menuProps:h,drop:m="down",align:f="start",autoClose:p=!0,show:g="default",...b},v)=>{const[w,N]=o("default"!==g&&g),[y,k]=o({case:""}),C=u((e=>{e.stopPropagation(),N((e=>!e))}),[]),x=((e,t,n=!1)=>{let r=e?n?"bottom-start":"bottom-end":n?"bottom-end":"bottom-start";return"up"===t?r=e?n?"top-start":"top-end":n?"top-end":"top-start":"end"===t?r=e?n?"left-end":"right-end":n?"left-start":"right-start":"start"===t?r=e?n?"right-end":"left-end":n?"right-start":"left-start":"down-centered"===t?r="bottom":"up-centered"===t&&(r="top"),r})("end"===f,m),T=c,E=a((()=>({align:f,drop:m,showInternal:"default"!=g&&l?g:w,handleToggle:"default"!=g&&l?l:C,placement:x,directionClasses:{down:"dropdown","down-centered":"dropdown-center",up:"dropup","up-centered":"dropup-center dropup",end:"dropend",start:"dropstart"},controlId:T,activeDescendant:y,setActiveDescendant:k})),[f,m,g,w,l,C,x,{down:"dropdown","down-centered":"dropdown-center",up:"dropup","up-centered":"dropup-center dropup",end:"dropend",start:"dropstart"},c,y,k]);return e("div",{ref:v,id:c+"-wrapper",className:`sg-dropdown${r?" "+r:""} sg-nav-item`,...b,children:t(I,{value:E,children:[e(D.Toggle,{navDropdown:!0,...d,children:i}),e(D.Menu,{...h,children:n})]})})}));Object.assign(oe,{Toggle:D.Toggle,Menu:D.Menu,Item:D.Item,Divider:D.Divider});const ae=r((({children:t,initialPosition:n={top:0,left:0},id:r,resize:s=!1,move:a=!1,className:c,style:d,...u},m)=>{const[f,p]=o({offSetTop:0,offSetLeft:0,...n}),g=s?"true":"false",b=a?"true":"false",v=i(m),w=i(null),[N,y]=o(!1),k=i(N);l((()=>{k.current=N}),[N]);const I=()=>{a&&(w.current.style.removeProperty("user-select"),y(!1))};return l((()=>(document.body.addEventListener("pointerup",(()=>I()),!0),function(){document.body.removeEventListener("pointerup",(()=>I()),!0)})),[]),h(e("dialog",{"data-resize":g,"data-move":b,"data-passedRef":v,ref:w,id:r,className:"sg-moveable-popout"+(c?" "+c:""),style:{...d,top:f.top,left:f.left,bottom:f.bottom,right:f.right},onPointerDown:e=>{const t=e.target;if(a&&t.className.includes("sg-popout-title")||t.className.includes("sg-popout-header")){const{top:t,left:n}=w.current.getBoundingClientRect();p((r=>({...r,offSetTop:e.clientY-t,offSetLeft:e.clientX-n}))),w.current.style.setProperty("user-select","none"),w.current.setPointerCapture(e.pointerId),y(!0)}},onPointerMove:e=>(e=>{if(a&&k.current&&w.current){const t=e.clientY-f.offSetTop<0,n=window.innerHeight-(e.clientY-f.offSetTop+w.current.offsetHeight)<0,r=e.clientX-f.offSetLeft<0,s=window.innerWidth-(e.clientX-f.offSetLeft+w.current.offsetWidth)<0;let o=t?0:e.clientY-f.offSetTop;o=n?window.innerHeight-w.current.offsetHeight:o;let a=r?0:e.clientX-f.offSetLeft;a=s?window.innerWidth-w.current.offsetWidth:a,p((e=>({...e,top:o,left:a})))}})(e),...u,children:t}),document.body)})),le=r((({children:t,className:n,as:r="div",...s},o)=>{let a=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===r))?r:"div";return e(a,{ref:o,className:`sg-popout-header ${n}`,...s,children:t})})),ce=r((({as:t="h4",className:n,children:r,...s},o)=>{let a=["h1","h2","h3","h4","h5","h6"].find((e=>e===t))?t:"h5";return e(a,{ref:o,className:`sg-popout-title ${n}`,...s,children:r})})),de=r((({children:t,className:n,...r},s)=>e("div",{ref:s,className:`sg-popout-body ${n}`,...r,children:t}))),ie=r((({children:t,className:n,...r},s)=>e("p",{ref:s,className:`sg-popout-text ${n}`,...r,children:t}))),ue=r((({children:t,className:n,...r},s)=>e("div",{ref:s,className:`sg-popout-footer ${n}`,...r,children:t})));Object.assign(ae,{Header:le,Title:ce,Body:de,Text:ie,Footer:ue}),r((({size:r="1em",color:s="white",label:o,className:a,controlId:l,...c},d)=>t(n,{children:[e("div",{"aria-labelledby":l,role:"status",ref:d,className:"sg-spinner"+(a?" "+a:""),style:{width:r,height:r,borderColor:s},...c}),e("label",{id:l,className:"sg-visually-hidden",children:o})]}))),r((({children:t,size:n="lg",className:r,...s},o)=>e("table",{ref:o,className:`sg-table${r?" "+r:""}${"sm"===n?" sg-table-sm":""}`,...s,children:t})));const he=s(null),me=({children:t,value:n})=>e(he.Provider,{value:n,children:t}),fe=()=>{const e=d(he);if(!e)throw new Error("useTabContext has to be used within a TabContextProvider!");return e},pe=r((({children:t,className:n,controlId:r,activeClassName:s,defaultActive:l,...c},d)=>{const[i,u]=o(l),h=s||"sg-active",m=a((()=>({activeTab:i,setActiveTab:u,controlId:r,activeClass:h})),[i,u,r]);return e(me,{value:m,children:e("div",{ref:d,id:r+"-tab-wrapper",className:"sg-tabs"+(n?" "+n:""),...c,children:t})})})),ge=r((({children:t,className:n,...r},s)=>{const{controlId:o,activeClass:a}=fe();return e("div",{onKeyDown:e=>(e=>{const t=e.key,n=document.getElementById(o+"-tab-controls");if(n){const r=Array.from(n.children);if("ArrowRight"===t||"ArrowLeft"===t){e.preventDefault();const n=document.querySelector(".sg-tabs-button."+a),s=r.indexOf(n),o="ArrowRight"===t?1:-1,l=s+o<0?r.length-1:s+o>=r.length?0:s+o;r[l].focus(),r[l].click()}else if("Home"===t||"End"===t){e.preventDefault();const n="Home"===t?0:r.length-1;r[n].focus(),r[n].click()}}})(e),role:"tablist",id:o+"-tab-controls",ref:s,className:"sg-tabs-controls"+(n?" "+n:""),...r,children:t})})),be=r((({children:t,className:n,onClick:r,tabId:s,id:o,...a},l)=>{const{activeTab:c,setActiveTab:d,activeClass:i}=fe(),u=c===s;return e("button",{role:"tab",type:"button",id:s+"-button",ref:l,onClick:e=>(e=>{d(s),r&&r(e)})(e),className:"sg-tabs-button"+(n?" "+n:"")+(c===s?" "+i:""),...a,tabIndex:u?0:-1,"aria-selected":u?"true":"false","aria-controls":s+"-page",children:t})})),ve=r((({children:t,className:n,...r},s)=>e("div",{role:"none",ref:s,className:"sg-tabs-content"+(n?" "+n:""),...r,children:t}))),we=r((({children:t,className:n,tabId:r,...s},o)=>{const{activeTab:a,activeClass:l}=fe();return e("div",{role:"tabpanel",id:r+"-page","aria-labelledby":r+"-button",ref:o,className:"sg-tabs-page"+(n?" "+n:"")+(a===r?" "+l:""),...s,children:t})}));Object.assign(pe,{Controls:ge,Button:be,Content:ve,Page:we}),r((({children:t,toggled:n="false",onClick:r,...s},a)=>{const[l,c]=o("true"===n);return e("button",{onClick:e=>(e=>{c((e=>!e)),r&&r(e)})(e),"data-toggled":l,...s,children:t})}));
+//# sourceMappingURL=index.js.map