stargazer-ui 1.0.4 → 1.0.6

package/dist/CloseButton/index.js

@@ -1,6 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-const c = a(({ className: e, variant: o = !1, ...l }, t) => /* @__PURE__ */ s("button", { ref: t, className: `sg-button-close${o ? " sg-button-close-white" : ""} ${e}`, ...l, children: /* @__PURE__ */ s("span", { className: "sg-close-visually-hidden-label", children: "Close" }) }));
-export {
-  c as default
-};

package/dist/Dropdown/index.js

@@ -1,205 +0,0 @@
-import { jsx as v } from "react/jsx-runtime";
-import { createContext as D, forwardRef as E, useState as y, useMemo as $, useEffect as C, useLayoutEffect as A, useContext as P } from "react";
-const L = (d, o, r = !1) => {
-  const u = r ? "top-end" : "top-start", m = r ? "top-start" : "top-end", i = r ? "bottom-end" : "bottom-start", h = r ? "bottom-start" : "bottom-end", g = r ? "right-start" : "left-start", c = r ? "right-end" : "left-end", w = r ? "left-start" : "right-start", l = r ? "left-end" : "right-end";
-  let n = d ? h : i;
-  return o === "up" ? n = d ? m : u : o === "end" ? n = d ? l : w : o === "start" ? n = d ? c : g : o === "down-centered" ? n = "bottom" : o === "up-centered" && (n = "top"), n;
-}, k = (d, o = "") => {
-  let r = d.target, u = !0, m = !1;
-  for (; u; )
-    r.id != o + "-menu" ? r = r.parentElement : (m = !0, u = !1), r.id === "root" && (u = !1, m = !1);
-  return m;
-}, I = D(null), M = ({ children: d, value: o }) => /* @__PURE__ */ v(I.Provider, { value: o, children: d }), x = () => {
-  const d = P(I);
-  if (!d)
-    throw new Error(
-      "useDropdownContext has to be used within DropdownContextProvider!"
-    );
-  return d;
-}, O = E(({
-  children: d,
-  className: o,
-  onSelect: r,
-  onToggle: u,
-  controlId: m,
-  drop: i = "down",
-  align: h = "start",
-  autoClose: g = !0,
-  show: c = "default",
-  ...w
-}, l) => {
-  const [n, e] = y(c === "default" ? !1 : c), [f, b] = y({ case: "" }), a = (B) => {
-    B.stopPropagation(), e((S) => !S);
-  }, s = L(h === "end", i), p = $(() => ({
-    align: h,
-    drop: i,
-    showInternal: c != "default" && u ? c : n,
-    handleToggle: c != "default" && u ? u : a,
-    placement: s,
-    directionClasses: {
-      down: "dropdown",
-      "down-centered": "dropdown-center",
-      up: "dropup",
-      "up-centered": "dropup-center dropup",
-      end: "dropend",
-      start: "dropstart"
-    },
-    controlId: m,
-    activeDescendant: f,
-    setActiveDescendant: b
-  }), [h, i, c, n, u, s, m, f, b]);
-  return /* @__PURE__ */ v("div", { id: m + "-wrapper", ref: l, className: `sg-dropdown${o ? " " + o : ""}`, ...w, children: /* @__PURE__ */ v(M, { value: p, children: d }) });
-}), q = E(({ children: d, className: o, navDropdown: r = !1, as: u = "button", variant: m = "primary", ...i }, h) => {
-  const { controlId: g, handleToggle: c, setActiveDescendant: w, showInternal: l } = x(), n = u, e = (t) => {
-    let s = !1;
-    switch (console.log(t.key), t.key) {
-      case "ArrowDown":
-        s = !0, l ? w((p) => ({ ...p, case: "next" })) : (c(t), w((p) => ({ ...p, case: "first" })));
-        break;
-      case "ArrowUp":
-        s = !0, l ? w((p) => ({ ...p, case: "previous" })) : (c(t), w((p) => ({ ...p, case: "last" })));
-        break;
-      case "Home":
-        s = !0, l && w((p) => ({ ...p, case: "first" }));
-        break;
-      case "End":
-        s = !0, l && w((p) => ({ ...p, case: "last" }));
-        break;
-      case "Tab":
-        l && c(t);
-        break;
-      case "Escape":
-        s = !0, l && c(t);
-        break;
-      case "Enter":
-      case " ":
-        if (l) {
-          s = !0, document.querySelector(".sg-dropdown-item-visual-focus").click(), c(t);
-          break;
-        } else {
-          w((p) => ({ ...p, case: "first" }));
-          break;
-        }
-    }
-    s && (t.stopPropagation(), t.preventDefault());
-  }, f = (t) => {
-    if (l && t.target.id !== g) {
-      if (!k(t, g))
-        c(t);
-      else if (k(t, g)) {
-        c(t);
-        const s = document.getElementById(g);
-        s == null || s.focus();
-      }
-    }
-  };
-  C(() => {
-    const t = document.getElementById(g);
-    return t.addEventListener("keydown", e, !0), document.addEventListener("mouseup", f, !0), function() {
-      t.removeEventListener("keydown", e, !0), document.removeEventListener("mouseup", f, !0);
-    };
-  }, [e, g]);
-  const b = (t) => {
-    c(t), l || w((s) => ({ ...s, case: "first" }));
-  };
-  let a = `sg-button sg-button${m ? "-" + m : "-primary"} sg-dropdown-toggle${o ? " " + o : ""}`;
-  return (n === "a" || r) && (a = `sg-nav-dropdown-toggle sg-dropdown-toggle${o ? " " + o : ""}`), /* @__PURE__ */ v(
-    n,
-    {
-      tabIndex: "0",
-      type: "button",
-      "aria-haspopup": "true",
-      "aria-controls": g + "-menu",
-      "aria-expanded": l,
-      id: g,
-      ref: h,
-      className: a,
-      onClick: (t) => b(t),
-      ...i,
-      children: d
-    }
-  );
-}), j = E(({ children: d, className: o, style: r = {}, ...u }, m) => {
-  const { controlId: i, showInternal: h, activeDescendant: g } = x(), [c, w] = y(r);
-  A(() => {
-    if (h) {
-      const n = document.getElementById(i + "-menu");
-      let e = {};
-      n.getBoundingClientRect().right > window.innerWidth ? e = { ...e, right: 0 } : n.getBoundingClientRect().left < 0 ? e = { ...e, left: 0 } : n.getBoundingClientRect().top < 0 ? e = { ...e, top: 0 } : n.getBoundingClientRect().bottom > window.innerHeight && (e = { ...e, bottom: 0 }), w((f) => ({ ...f, ...e }));
-    }
-  }, [h]), C(() => {
-    if (h) {
-      const n = document.getElementById(i + "-menu"), e = document.getElementById(i + "-menu").children, f = e.length - 1, b = document.querySelector(".sg-dropdown-item-visual-focus");
-      let a = 0, t = e[0].children[0];
-      if (b != null) {
-        b.classList.remove("sg-dropdown-item-visual-focus");
-        for (let s = 0; s < e.length; s++)
-          if (e[s] === b.parentElement) {
-            a = s;
-            break;
-          }
-      }
-      switch (g.case) {
-        case "first":
-          t = e[0].children[0], a = 0;
-          break;
-        case "last":
-          t = e[f].children[0], a = f;
-          break;
-        case "next":
-          a = a === f ? 0 : a + 1, t = e[a].children[0];
-          break;
-        case "previous":
-          a = a === 0 ? f : a - 1, t = e[a].children[0];
-          break;
-      }
-      n.setAttribute("aria-activedescendant", t.id), e[a].children[0].classList.add("sg-dropdown-item-visual-focus");
-    } else
-      document.getElementById(i + "-menu").setAttribute("aria-activedescendant", "");
-  }, [i, h, g]);
-  const l = (n) => {
-    var a;
-    const e = n.target;
-    let f = e.classList.contains("sg-dropdown-item-visual-focus");
-    const b = document.getElementById(i + "-menu");
-    f || ((a = document.querySelector(".sg-dropdown-item-visual-focus")) == null || a.classList.remove("sg-dropdown-item-visual-focus"), b.setAttribute("aria-activedescendant", ""), e.classList.add("sg-dropdown-item-visual-focus"), b.setAttribute("aria-activedescendant", e.id));
-  };
-  return C(() => {
-    const n = document.getElementById(i + "-menu");
-    for (let e of n.children)
-      e.addEventListener("mouseover", l, !0);
-    return function() {
-      for (let f of n.children)
-        f.removeEventListener("mouseover", l, !0);
-    };
-  }, []), /* @__PURE__ */ v(
-    "ul",
-    {
-      id: i + "-menu",
-      role: "menu",
-      tabIndex: -1,
-      "aria-labelledby": i,
-      ref: m,
-      className: `sg-dropdown-list${o ? " " + o : ""}${h ? " show" : ""}`,
-      style: c,
-      ...u,
-      children: d
-    }
-  );
-}), H = E(({ children: d, as: o = "button", className: r, ...u }, m) => /* @__PURE__ */ v("li", { role: "none", children: /* @__PURE__ */ v(o, { ref: m, role: "menuitem", tabIndex: "-1", className: `sg-dropdown-item${r ? " " + r : ""}`, ...u, children: d }) })), V = E(({ className: d = "", ...o }, r) => /* @__PURE__ */ v("hr", { ref: r, className: `.sg-dropdown-divider${d}`, ...o })), K = Object.assign(O, {
-  Toggle: q,
-  Menu: j,
-  Item: H,
-  //Text: Text,
-  Divider: V
-});
-export {
-  V as Divider,
-  I as DropdownContext,
-  M as DropdownContextProvider,
-  H as Item,
-  j as Menu,
-  q as Toggle,
-  K as default,
-  x as useDropdownContext
-};

package/dist/FloatingLabel/index.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { BaseLabelType } from "../BaseTypes";
-export type FloatingLabelType = {
-    children: React.ReactNode;
-    className?: string;
-    htmlFor?: string;
-    label: string;
-    controlId: string;
-} & BaseLabelType;
-declare const FloatingLabel: React.ForwardRefExoticComponent<Omit<FloatingLabelType, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-export default FloatingLabel;

package/dist/FloatingLabel/index.js

@@ -1,13 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as i, useMemo as f } from "react";
-import { FormContextProvider as n } from "../Form/index.js";
-const x = i(({ children: o, label: a, controlId: r, className: c, htmlFor: d, ...l }, t) => {
-  const m = f(() => ({ controlId: r }), [r]);
-  return /* @__PURE__ */ e(n, { value: m, children: /* @__PURE__ */ s("div", { className: "sg-form-floating", children: [
-    o,
-    /* @__PURE__ */ e("label", { ref: t, htmlFor: r, className: "sg-form-floating-label", ...l, children: a })
-  ] }) });
-});
-export {
-  x as default
-};

package/dist/Form/index.d.ts

@@ -1,65 +0,0 @@
-import React from "react";
-import { BaseDivType, BaseFormType, BaseInputType, BaseLabelType, BaseSelectType, BaseSmallType } from "../BaseTypes";
-export type FormContextType = {
-    controlId: string;
-};
-export declare const FormContext: React.Context<FormContextType | null>;
-export declare const FormContextProvider: ({ children, value }: {
-    children: React.ReactNode;
-    value: FormContextType;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useFormContext: () => FormContextType;
-export type FormType = {
-    children: React.ReactNode;
-} & BaseFormType;
-export type FormControlType = {
-    as?: React.ElementType;
-    className?: string;
-    plaintext?: boolean;
-    id?: string;
-    type?: string;
-    autoFocus?: boolean;
-} & BaseInputType;
-export type FormSelectType = {
-    children: React.ReactNode;
-    className?: string;
-    id?: string;
-} & BaseSelectType;
-export type FormGroupType = {
-    children: React.ReactNode;
-    className?: string;
-    controlId: string;
-} & BaseDivType;
-export type FormLabelType = {
-    children: React.ReactNode;
-    className?: string;
-    htmlFor?: string;
-} & BaseLabelType;
-export type FormCheckType = {
-    classNameContainer?: string;
-    containerRef?: React.LegacyRef<HTMLDivElement>;
-    containerId?: string;
-    style?: React.CSSProperties;
-    classNameLabel?: string;
-    labelRef?: React.LegacyRef<HTMLLabelElement>;
-    label?: string;
-    labelId?: string;
-    className?: string;
-    type?: string;
-    controlId?: string;
-    reverse?: boolean;
-    checkStyle?: React.CSSProperties;
-} & BaseInputType;
-export type FormTextType = {
-    children: React.ReactNode;
-    className?: string;
-} & BaseSmallType;
-declare const _default: React.ForwardRefExoticComponent<Omit<FormType, "ref"> & React.RefAttributes<HTMLFormElement>> & {
-    Control: React.ForwardRefExoticComponent<Omit<FormControlType, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    Select: React.ForwardRefExoticComponent<Omit<FormSelectType, "ref"> & React.RefAttributes<HTMLSelectElement>>;
-    Group: React.ForwardRefExoticComponent<Omit<FormGroupType, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Label: React.ForwardRefExoticComponent<Omit<FormLabelType, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-    Check: React.ForwardRefExoticComponent<Omit<FormCheckType, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    Text: React.ForwardRefExoticComponent<Omit<FormTextType, "ref"> & React.RefAttributes<HTMLElement>>;
-};
-export default _default;

package/dist/Form/index.js

@@ -1,63 +0,0 @@
-import { jsx as n, jsxs as $, Fragment as k } from "react/jsx-runtime";
-import { createContext as b, forwardRef as l, useMemo as j, useContext as I } from "react";
-const w = b(null), H = ({ children: e, value: t }) => /* @__PURE__ */ n(w.Provider, { value: t, children: e }), g = () => {
-  const e = I(w);
-  if (!e)
-    throw new Error(
-      "useFormContext has to be used within a FormContextProvider!"
-    );
-  return e;
-}, P = l(({ children: e, ...t }, o) => /* @__PURE__ */ n("form", { ref: o, ...t, children: e })), y = l(({ as: e = "input", className: t = "", plaintext: o = !1, id: c = "", type: r = "text", autoFocus: s = !1, ...m }, u) => {
-  let i = e;
-  const { controlId: d } = g();
-  let x = d || c, f = (o ? "sg-form-control-plaintext" : "sg-form-control") + (t != "" ? " " + t : "") + (r == "color" ? " sg-form-control-color" : "");
-  return /* @__PURE__ */ n(i, { autoFocus: s, ref: u, id: x, type: r, className: f, ...m });
-}), E = l(({ children: e, className: t, id: o, ...c }, r) => {
-  const { controlId: s } = g();
-  let m = s || o;
-  return /* @__PURE__ */ n("select", { ref: r, className: `sg-form-select${t ? " " + t : ""}`, id: m, ...c, children: e });
-}), G = l(({ children: e, className: t, controlId: o, ...c }, r) => {
-  const s = j(() => ({ controlId: o }), [o]);
-  return /* @__PURE__ */ n("div", { ref: r, className: `sg-from-group${t ? " " + t : ""}`, ...c, children: /* @__PURE__ */ n(H, { value: s, children: e }) });
-}), M = l(({ children: e, className: t, htmlFor: o }, c) => {
-  const { controlId: r } = g();
-  return /* @__PURE__ */ n("label", { ref: c, htmlFor: o || r, className: `sg-form-label${t ? " " + t : ""}`, children: e });
-}), O = l(({
-  classNameContainer: e,
-  containerRef: t,
-  containerId: o,
-  style: c,
-  classNameLabel: r,
-  labelRef: s,
-  label: m,
-  labelId: u,
-  className: i,
-  type: d,
-  id: x,
-  controlId: f,
-  reverse: p = !1,
-  checkStyle: v,
-  ...a
-}, C) => {
-  let h = f || x, F = d === "switch" ? "checkbox" : d;
-  return /* @__PURE__ */ n("div", { ref: t, id: o, style: c, className: `sg-form-check${p ? "-reverse" : ""}${e ? " " + e : ""}${d === "switch" ? " sg-form-switch" : ""}`, children: p ? /* @__PURE__ */ $(k, { children: [
-    /* @__PURE__ */ n("input", { ref: C, type: F, id: h, className: `sg-form-check-input${i ? " " + i : ""}`, ...a }),
-    /* @__PURE__ */ n("label", { ref: s, id: u, htmlFor: h, className: `sg-form-check-label${r ? " " + r : ""}`, children: m })
-  ] }) : /* @__PURE__ */ $(k, { children: [
-    /* @__PURE__ */ n("label", { ref: s, id: u, htmlFor: h, className: `sg-form-check-label${r ? " " + r : ""}`, children: m }),
-    /* @__PURE__ */ n("input", { ref: C, type: F, id: h, className: `sg-form-check-input${i ? " " + i : ""}`, style: v, ...a })
-  ] }) });
-}), S = l(({ children: e, className: t, ...o }, c) => /* @__PURE__ */ n("small", { ref: c, className: `sg-form-text${t ? " " + t : ""}`, ...o, children: e })), z = Object.assign(P, {
-  Control: y,
-  Select: E,
-  Group: G,
-  Label: M,
-  Check: O,
-  Text: S
-});
-export {
-  w as FormContext,
-  H as FormContextProvider,
-  z as default,
-  g as useFormContext
-};

package/dist/Grid/Col.js

@@ -1,19 +0,0 @@
-import { jsx as C } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
-const j = ({ children: u, as: i = "div", className: d = "", ...o }, p) => {
-  const g = i, m = ["xxl", "xl", "lg", "md", "sm", "xs"], x = "xs";
-  let n = "", c = "", r = [];
-  m.forEach((e) => {
-    const t = o[e];
-    delete o[e];
-    let l, f, a;
-    typeof t == "object" && t != null ? { span: l, offset: f, order: a } = t : l = t;
-    const s = e !== x ? `-${e}` : "";
-    l && (c += l === !0 ? ` sg-col${s}` : ` sg-col${s}-${l}`, r.push(l === !0 ? ` sg-col${s}` : ` sg-col${s}-${l}`)), a != null && (n += ` order${s}-${a}`), f != null && (n += ` offset${s}-${f}`);
-  });
-  let $ = d + n + c;
-  return $ += r.length ? "" : " sg-col", /* @__PURE__ */ C(g, { ref: p, className: $, ...o, children: u });
-}, v = h(j);
-export {
-  v as default
-};

package/dist/Grid/Container.js

@@ -1,9 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-const l = ({ children: e, className: o, fluid: r, ...f }, i) => {
-  let t = "sg-container", n = typeof r == "string" ? `-${r}` : "-fluid";
-  return /* @__PURE__ */ a("div", { ref: i, className: `${r ? t + n : t} ${o}`, ...f, children: e });
-}, d = s(l);
-export {
-  d as default
-};

package/dist/Grid/Row.js

@@ -1,17 +0,0 @@
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-const $ = ({ children: n, className: c = "", as: f = "div", ...t }, a) => {
-  const r = f, m = ["xxl", "xl", "lg", "md", "sm", "xs"], d = "xs";
-  let e = "";
-  return m.forEach((o) => {
-    const l = t[o];
-    delete t[o];
-    let s;
-    l != null && typeof l == "object" ? { cols: s } = l : s = l;
-    const i = o !== d ? `-${o}` : "";
-    s != null && (e += ` sg-row-cols${i}-${s}`);
-  }), /* @__PURE__ */ u(r, { ref: a, className: `sg-row ${c}${e}`, ...t, children: n });
-}, g = x($);
-export {
-  g as default
-};

package/dist/InputGroup/index.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { BaseDivType } from "../BaseTypes";
-export type InputGroupType = {
-    children: React.ReactNode;
-    className?: string;
-} & BaseDivType;
-export type InputGroupText = {
-    children: React.ReactNode;
-    className?: string;
-};
-declare const _default: React.ForwardRefExoticComponent<Omit<InputGroupType, "ref"> & React.RefAttributes<HTMLDivElement>> & {
-    Text: React.ForwardRefExoticComponent<InputGroupText & React.RefAttributes<HTMLSpanElement>>;
-};
-export default _default;

package/dist/InputGroup/index.js

@@ -1,8 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-const e = s(({ children: r, className: t, ...o }, n) => /* @__PURE__ */ p("div", { ref: n, className: `sg-input-group${t ? " " + t : ""}`, ...o, children: r })), u = s(({ children: r, className: t, ...o }, n) => /* @__PURE__ */ p("span", { ref: n, className: `sg-input-group-text${t ? " " + t : ""}`, ...o, children: r })), f = Object.assign(e, {
-  Text: u
-});
-export {
-  f as default
-};

package/dist/Modal/index.js

@@ -1,99 +0,0 @@
-import { jsxs as p, jsx as s, Fragment as A } from "react/jsx-runtime";
-import { createContext as D, forwardRef as b, useContext as P, useState as B, useEffect as w, useRef as F } from "react";
-import { createPortal as K } from "react-dom";
-import L from "../CloseButton/index.js";
-import N from "../Button/index.js";
-const g = D(null), $ = ({ children: e, value: t }) => /* @__PURE__ */ s(g.Provider, { value: t, children: e }), S = () => {
-  const e = P(g);
-  if (!e)
-    throw new Error(
-      "useModalContext has to be used within ModalContextProvider!"
-    );
-  return e;
-}, j = ({
-  children: e,
-  centered: t = !1,
-  size: n = "md",
-  show: o,
-  backdrop: l = "static",
-  onHide: a,
-  className: d,
-  id: i,
-  ...m
-}) => {
-  const [h, f] = B(o);
-  w(() => {
-    f(o);
-  }, [o]);
-  const r = F(null);
-  H(r);
-  let u = typeof o == "boolean" && typeof a == "function" ? void 0 : { show: typeof o == "boolean", onHide: typeof a == "function" };
-  u && console.error(
-    u.show ? null : "The variable 'show' must be used and must be a boolean used to decide when to show the modal!",
-    u.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 y = () => {
-    a && a(), f(!1);
-  };
-  w(() => {
-    const c = r.current;
-    c && (h ? (c.classList.remove("close"), c.showModal()) : c.close());
-  }, [h]);
-  let v = `sg-modal-tag sg-modal-${n}`;
-  d && (v += " " + d), (l === "static" || l === "true") && (v += " sg-modal-static");
-  const k = (c) => {
-    if (c.key != "Escape")
-      return;
-    c.preventDefault();
-    const C = r.current;
-    C.classList.add("close"), C.addEventListener("animationend", () => {
-      y();
-    }, { once: !0 });
-  };
-  return K(
-    /* @__PURE__ */ s("dialog", { ref: r, className: v, onKeyDown: (c) => k(c), ...m, children: /* @__PURE__ */ s($, { value: a, children: u ? /* @__PURE__ */ s(q, { typeCheck: u, closeModal: y }) : e }) }),
-    document.body
-  );
-}, x = b(({ children: e, as: t = "", className: n = "", closeButton: o = !1, onClick: l, ...a }, d) => {
-  let m = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].find((r) => r === t) ? t : "div";
-  const h = S(), f = (r) => {
-    l && l(r), h();
-  };
-  return /* @__PURE__ */ p(m, { ref: d, className: `sg-modal-header ${n}`, ...a, children: [
-    e,
-    o ? /* @__PURE__ */ s(L, { variant: !0, onClick: (r) => f(r) }) : null
-  ] });
-}), E = b(({ children: e, as: t = "h4", className: n, ...o }, l) => {
-  let d = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].find((i) => i === t) ? t : "h4";
-  return /* @__PURE__ */ s(d, { ref: l, className: `sg-modal-title ${n}`, ...o, children: e });
-}), M = b(({ children: e, className: t, ...n }, o) => /* @__PURE__ */ s("div", { ref: o, className: `sg-modal-body ${t}`, ...n, children: e })), T = b(({ children: e, className: t, ...n }, o) => /* @__PURE__ */ s("div", { ref: o, className: `sg-modal-footer ${t}`, ...n, children: e })), Q = Object.assign(j, {
-  Header: x,
-  Title: E,
-  Body: M,
-  Footer: T
-}), H = function(e) {
-  w(() => {
-    const t = (n) => {
-      const o = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', l = e.current;
-      if (l) {
-        const a = l.querySelectorAll(o)[0], d = l.querySelectorAll(o), i = d[d.length - 1];
-        if (!(n.key === "Tab"))
-          return;
-        n.shiftKey ? document.activeElement === a && (i.focus(), n.preventDefault()) : document.activeElement === i && (a.focus(), n.preventDefault());
-      }
-    };
-    return document.addEventListener("keydown", t, !0), function() {
-      document.removeEventListener("keydown", t, !0);
-    };
-  }, [e]);
-}, q = ({ typeCheck: e, closeModal: t }) => /* @__PURE__ */ p(A, { children: [
-  /* @__PURE__ */ s(x, { closeButton: !0, children: /* @__PURE__ */ s(E, { children: "An Error ocurred!" }) }),
-  /* @__PURE__ */ s(M, { children: /* @__PURE__ */ p("p", { children: [
-    e.show ? null : "The variable 'show' must be used and must be a boolean used to decide when to show the modal!",
-    e.onHide ? null : "The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!"
-  ] }) }),
-  /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(N, { variant: "danger", type: "button", onClick: () => t(), children: "Close" }) })
-] });
-export {
-  Q as default
-};

package/dist/Nav/index.js

@@ -1,13 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { useNavbarContext as c } from "../NavBar/index.js";
-const p = m(({ children: o, className: n, as: t = "ul", ...e }, r) => {
-  const a = t, i = c();
-  return /* @__PURE__ */ s(a, { ref: r, className: `${n} ${i || "sg-navbar-"}nav`, ...e, children: o });
-}), v = m(({ children: o, className: n, as: t = "li", ...e }, r) => /* @__PURE__ */ s(t, { role: "none", ref: r, className: `sg-nav-item${n ? " " + n : ""}`, ...e, children: o })), f = m(({ children: o, className: n, as: t = "a", ...e }, r) => /* @__PURE__ */ s(t, { role: "menuitem", ref: r, className: `sg-nav-link${n ? " " + n : ""}`, ...e, children: o })), b = Object.assign(p, {
-  Item: v,
-  Link: f
-});
-export {
-  b as default
-};

package/dist/NavBar/index.d.ts

@@ -1,46 +0,0 @@
-import React from "react";
-import { BaseAnchorType, BaseElementType, BaseNavType } from "../BaseTypes";
-export type NavbarContextType = string | null;
-export declare const NavbarContext: React.Context<NavbarContextType>;
-export declare const useNavbarContext: () => NavbarContextType;
-export type NavbarType = {
-    children: React.ReactNode;
-    className?: string;
-    navbarPrefix?: string;
-} & BaseNavType;
-export type NavbarBrandType = {
-    children: React.ReactNode;
-    className?: string;
-    as?: React.ElementType;
-    href?: string;
-} & (BaseAnchorType | BaseElementType);
-export type NavbarTextType = {
-    children: React.ReactNode;
-    className?: string;
-    as?: React.ElementType;
-} & BaseElementType;
-declare const _default: React.ForwardRefExoticComponent<Omit<NavbarType, "ref"> & React.RefAttributes<HTMLElement>> & {
-    Brand: React.ForwardRefExoticComponent<(Omit<{
-        children: React.ReactNode;
-        className?: string | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-        href?: string | undefined;
-    } & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
-        children: React.ReactNode;
-        className?: string | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-        href?: string | undefined;
-    } & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref">) & React.RefAttributes<BaseAnchorType | BaseElementType>>;
-    Text: React.ForwardRefExoticComponent<(Omit<{
-        children: React.ReactNode;
-        className?: string | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-        href?: string | undefined;
-    } & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
-        children: React.ReactNode;
-        className?: string | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-        href?: string | undefined;
-    } & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref">) & React.RefAttributes<HTMLElement>>;
-};
-export default _default;

package/dist/NavBar/index.js

@@ -1,17 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { createContext as x, forwardRef as c, useMemo as b, useContext as C } from "react";
-const u = x(null), d = ({ children: t, value: n }) => /* @__PURE__ */ a(u.Provider, { value: n, children: t }), N = () => C(u), m = c(({ children: t, className: n, navbarPrefix: o = "sg-navbar-", ...r }, e) => {
-  const s = b(() => o, [o]);
-  return /* @__PURE__ */ a("nav", { ref: e, className: `sg-navbar${n ? " " + n : ""}`, ...r, children: /* @__PURE__ */ a(d, { value: s, children: t }) });
-}), p = c(({ children: t, className: n, href: o = "#", as: r = "a", ...e }, s) => {
-  const v = r || (o && r != "Link" ? "a" : "span");
-  return /* @__PURE__ */ a(v, { ref: s, href: o, className: `sg-navbar-brand${n ? " " + n : ""}`, ...e, children: t });
-}), i = c(({ children: t, className: n, as: o = "span", ...r }, e) => /* @__PURE__ */ a(o, { ref: e, className: `sg-navbar-text${n ? " " + n : ""}`, ...r, children: t })), f = Object.assign(m, {
-  Brand: p,
-  Text: i
-});
-export {
-  u as NavbarContext,
-  f as default,
-  N as useNavbarContext
-};