stargazer-ui 1.0.8 → 1.0.9

package/dist/BaseTypes.js

@@ -0,0 +1 @@
+

package/dist/components/Button/Button.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+const s = f(({ children: o, variant: r = "primary", className: t, ...n }, u) => /* @__PURE__ */ e("button", { ref: u, type: "button", className: `sg-button sg-button-${r}${t == null ? "" : " " + t}`, ...n, children: o }));
+export {
+  s as default
+};

package/dist/components/Button/Button.types.js

@@ -0,0 +1 @@
+

package/dist/components/Button/index.js

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

package/dist/components/Card/Card.js

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+const h = d(({ children: e, className: r, ...t }, s) => /* @__PURE__ */ a("div", { ref: s, className: "sg-card " + r, ...t, children: e })), l = d(({ as: e = "div", className: r, children: t, ...s }, o) => {
+  let n = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].find((c) => c === e) ? e : "div";
+  return /* @__PURE__ */ a(n, { ref: o, className: `sg-card-header ${r}`, ...s, children: t });
+}), m = d(({ as: e = "h5", className: r, children: t, ...s }, o) => {
+  let n = ["h1", "h2", "h3", "h4", "h5", "h6"].find((c) => c === e) ? e : "h5";
+  return /* @__PURE__ */ a(n, { ref: o, className: r, ...s, children: t });
+}), v = d(({ children: e, className: r, ...t }, s) => /* @__PURE__ */ a("div", { ref: s, className: `sg-card-body ${r}`, ...t, children: e })), f = d(({ children: e, className: r, ...t }, s) => /* @__PURE__ */ a("p", { ref: s, className: `sg-card-text ${r}`, ...t, children: e })), p = d(({ children: e, className: r, ...t }, s) => /* @__PURE__ */ a("div", { ref: s, className: `sg-card-footer ${r}`, ...t, children: e })), N = Object.assign(h, {
+  Header: l,
+  Body: v,
+  Title: m,
+  Text: f,
+  Footer: p
+});
+export {
+  N as default
+};

package/dist/components/Card/Card.types.js

@@ -0,0 +1 @@
+

package/dist/components/Card/index.js

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

package/dist/components/CloseButton/CloseButton.js

@@ -0,0 +1,6 @@
+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/components/CloseButton/CloseButton.types.js

@@ -0,0 +1 @@
+

package/dist/components/CloseButton/index.js

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

package/dist/components/Dropdown/Dropdown.js

@@ -0,0 +1,205 @@
+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 m = r ? "top-end" : "top-start", f = 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", u = r ? "left-end" : "right-end";
+  let n = d ? h : i;
+  return o === "up" ? n = d ? f : m : o === "end" ? n = d ? u : 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, m = !0, f = !1;
+  for (; m; )
+    r.id != o + "-menu" ? r = r.parentElement : (f = !0, m = !1), r.id === "root" && (m = !1, f = !1);
+  return f;
+}, 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: m,
+  controlId: f,
+  drop: i = "down",
+  align: h = "start",
+  autoClose: g = !0,
+  show: c = "default",
+  ...w
+}, u) => {
+  const [n, e] = y(c === "default" ? !1 : c), [l, b] = y({ case: "" }), a = (B) => {
+    B.stopPropagation(), e((S) => !S);
+  }, s = L(h === "end", i), p = $(() => ({
+    align: h,
+    drop: i,
+    showInternal: c != "default" && m ? c : n,
+    handleToggle: c != "default" && m ? m : a,
+    placement: s,
+    directionClasses: {
+      down: "dropdown",
+      "down-centered": "dropdown-center",
+      up: "dropup",
+      "up-centered": "dropup-center dropup",
+      end: "dropend",
+      start: "dropstart"
+    },
+    controlId: f,
+    activeDescendant: l,
+    setActiveDescendant: b
+  }), [h, i, c, n, m, s, f, l, b]);
+  return /* @__PURE__ */ v("div", { id: f + "-wrapper", ref: u, className: `sg-dropdown${o ? " " + o : ""}`, ...w, children: /* @__PURE__ */ v(M, { value: p, children: d }) });
+}), q = E(({ children: d, className: o, navDropdown: r = !1, as: m = "button", variant: f = "primary", ...i }, h) => {
+  const { controlId: g, handleToggle: c, setActiveDescendant: w, showInternal: u } = x(), n = m, e = (t) => {
+    let s = !1;
+    switch (console.log(t.key), t.key) {
+      case "ArrowDown":
+        s = !0, u ? w((p) => ({ ...p, case: "next" })) : (c(t), w((p) => ({ ...p, case: "first" })));
+        break;
+      case "ArrowUp":
+        s = !0, u ? w((p) => ({ ...p, case: "previous" })) : (c(t), w((p) => ({ ...p, case: "last" })));
+        break;
+      case "Home":
+        s = !0, u && w((p) => ({ ...p, case: "first" }));
+        break;
+      case "End":
+        s = !0, u && w((p) => ({ ...p, case: "last" }));
+        break;
+      case "Tab":
+        u && c(t);
+        break;
+      case "Escape":
+        s = !0, u && c(t);
+        break;
+      case "Enter":
+      case " ":
+        if (u) {
+          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());
+  }, l = (t) => {
+    if (u && 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", l, !0), function() {
+      t.removeEventListener("keydown", e, !0), document.removeEventListener("mouseup", l, !0);
+    };
+  }, [e, g]);
+  const b = (t) => {
+    c(t), u || w((s) => ({ ...s, case: "first" }));
+  };
+  let a = `sg-button sg-button${f ? "-" + f : "-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": u,
+      id: g,
+      ref: h,
+      className: a,
+      onClick: (t) => b(t),
+      ...i,
+      children: d
+    }
+  );
+}), j = E(({ children: d, className: o, style: r = {}, ...m }, f) => {
+  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((l) => ({ ...l, ...e }));
+    }
+  }, [h]), C(() => {
+    if (h) {
+      const n = document.getElementById(i + "-menu"), e = document.getElementById(i + "-menu").children, l = 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[l].children[0], a = l;
+          break;
+        case "next":
+          a = a === l ? 0 : a + 1, t = e[a].children[0];
+          break;
+        case "previous":
+          a = a === 0 ? l : 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 u = (n) => {
+    var a;
+    const e = n.target;
+    let l = e.classList.contains("sg-dropdown-item-visual-focus");
+    const b = document.getElementById(i + "-menu");
+    l || ((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 = 0; e < n.children.length; e++)
+      n.children[e].addEventListener("mouseover", u, !0);
+    return function() {
+      for (let l = 0; l < n.children.length; l++)
+        n.children[l].addEventListener("mouseover", u, !0);
+    };
+  }, []), /* @__PURE__ */ v(
+    "ul",
+    {
+      id: i + "-menu",
+      role: "menu",
+      tabIndex: -1,
+      "aria-labelledby": i,
+      ref: f,
+      className: `sg-dropdown-list${o ? " " + o : ""}${h ? " show" : ""}`,
+      style: c,
+      ...m,
+      children: d
+    }
+  );
+}), H = E(({ children: d, as: o = "button", className: r, ...m }, f) => /* @__PURE__ */ v("li", { role: "none", children: /* @__PURE__ */ v(o, { ref: f, role: "menuitem", tabIndex: "-1", className: `sg-dropdown-item${r ? " " + r : ""}`, ...m, 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/components/Dropdown/Dropdown.types.js

@@ -0,0 +1 @@
+

package/dist/components/Dropdown/index.js

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

package/dist/components/FloatingLabel/FloatingLabel.js

@@ -0,0 +1,13 @@
+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/Form.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/components/FloatingLabel/FloatingLabel.types.js

@@ -0,0 +1 @@
+

package/dist/components/FloatingLabel/index.js

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

package/dist/components/Form/Form.js

@@ -0,0 +1,63 @@
+import { jsx as n, jsxs as C, 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 }, d) => {
+  let i = e;
+  const { controlId: u } = g();
+  let x = u || 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: d, 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: d,
+  className: i,
+  type: u,
+  id: x,
+  controlId: f,
+  reverse: p = !1,
+  checkStyle: v,
+  ...a
+}, F) => {
+  let h = f || x, $ = u === "switch" ? "checkbox" : u;
+  return /* @__PURE__ */ n("div", { ref: t, id: o, style: c, className: `sg-form-check${p ? "-reverse" : ""}${e ? " " + e : ""}${u === "switch" ? " sg-form-switch" : ""}`, children: p ? /* @__PURE__ */ C(k, { children: [
+    /* @__PURE__ */ n("input", { ref: F, type: $, id: h, className: `sg-form-check-input${i ? " " + i : ""}`, ...a }),
+    /* @__PURE__ */ n("label", { ref: s, id: d, htmlFor: h, className: `sg-form-check-label${r ? " " + r : ""}`, children: m })
+  ] }) : /* @__PURE__ */ C(k, { children: [
+    /* @__PURE__ */ n("label", { ref: s, id: d, htmlFor: h, className: `sg-form-check-label${r ? " " + r : ""}`, children: m }),
+    /* @__PURE__ */ n("input", { ref: F, type: $, 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/components/Form/Form.types.js

@@ -0,0 +1 @@
+

package/dist/components/Form/index.js

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

package/dist/components/InputGroup/InputGroup.js

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

package/dist/components/InputGroup/InputGroup.types.js

@@ -0,0 +1 @@
+

package/dist/components/InputGroup/index.js

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

package/dist/components/Modal/Modal.js

@@ -0,0 +1,100 @@
+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 $, useEffect as w, useRef as B } from "react";
+import { createPortal as F } from "react-dom";
+import K from "../CloseButton/CloseButton.js";
+import L from "../Button/Button.js";
+const g = D(null), N = ({ 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] = $(o);
+  w(() => {
+    f(o);
+  }, [o]);
+  const r = B(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 F(
+    /* @__PURE__ */ s("dialog", { ref: r, className: v, onKeyDown: (c) => k(c), ...m, children: /* @__PURE__ */ s(N, { 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(K, { 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(L, { variant: "danger", type: "button", onClick: () => t(), children: "Close" }) })
+] });
+export {
+  Q as default,
+  H as useKeepElementFocused
+};

package/dist/components/Modal/Modal.types.js

@@ -0,0 +1 @@
+

package/dist/components/Modal/index.js

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

package/dist/components/Nav/Nav.js

@@ -0,0 +1,13 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { useNavbarContext as i } from "../NavBar/Navbar.js";
+const v = m(({ children: o, className: n, as: t = "ul", ...e }, r) => {
+  const a = t, c = i();
+  return /* @__PURE__ */ s(a, { ref: r, className: `${n} ${c || "sg-navbar-"}nav`, ...e, children: o });
+}), p = 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 })), x = Object.assign(v, {
+  Item: p,
+  Link: f
+});
+export {
+  x as default
+};

package/dist/components/Nav/Nav.types.js

@@ -0,0 +1 @@
+

package/dist/components/Nav/index.js

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

package/dist/components/NavBar/Navbar.js

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

package/dist/components/NavBar/Navbar.types.js

@@ -0,0 +1 @@
+

package/dist/components/NavBar/index.js

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

package/dist/components/NavDropdown/NavDropdown.js

@@ -0,0 +1,62 @@
+import { jsx as f, jsxs as P } from "react/jsx-runtime";
+import { forwardRef as N, useState as h, useCallback as O, useMemo as $ } from "react";
+import d, { DropdownContextProvider as k } from "../Dropdown/Dropdown.js";
+const A = (o, n, e = !1) => {
+  const r = e ? "top-end" : "top-start", s = e ? "top-start" : "top-end", c = e ? "bottom-end" : "bottom-start", l = e ? "bottom-start" : "bottom-end", u = e ? "right-start" : "left-start", a = e ? "right-end" : "left-end", p = e ? "left-start" : "right-start", m = e ? "left-end" : "right-end";
+  let t = o ? l : c;
+  return n === "up" ? t = o ? s : r : n === "end" ? t = o ? m : p : n === "start" ? t = o ? a : u : n === "down-centered" ? t = "bottom" : n === "up-centered" && (t = "top"), t;
+}, V = N(({
+  children: o,
+  className: n,
+  onSelect: e,
+  onToggle: r,
+  controlId: s,
+  toggleProps: c,
+  title: l,
+  menuProps: u,
+  drop: a = "down",
+  align: p = "start",
+  autoClose: m = !0,
+  show: t = "default",
+  ...S
+}, D) => {
+  const [w, x] = h(t === "default" ? !1 : t), [i, g] = h({ case: "" }), v = O((j) => {
+    j.stopPropagation(), x((E) => !E);
+  }, []), b = A(p === "end", a), C = {
+    down: "dropdown",
+    "down-centered": "dropdown-center",
+    up: "dropup",
+    "up-centered": "dropup-center dropup",
+    end: "dropend",
+    start: "dropstart"
+  }, I = s, M = $(() => ({
+    align: p,
+    drop: a,
+    showInternal: t != "default" && r ? t : w,
+    handleToggle: t != "default" && r ? r : v,
+    placement: b,
+    directionClasses: {
+      down: "dropdown",
+      "down-centered": "dropdown-center",
+      up: "dropup",
+      "up-centered": "dropup-center dropup",
+      end: "dropend",
+      start: "dropstart"
+    },
+    controlId: I,
+    activeDescendant: i,
+    setActiveDescendant: g
+  }), [p, a, t, w, r, v, b, C, s, i, g]);
+  return /* @__PURE__ */ f("div", { ref: D, id: s + "-wrapper", className: `sg-dropdown${n ? " " + n : ""} sg-nav-item`, ...S, children: /* @__PURE__ */ P(k, { value: M, children: [
+    /* @__PURE__ */ f(d.Toggle, { navDropdown: !0, ...c, children: l }),
+    /* @__PURE__ */ f(d.Menu, { ...u, children: o })
+  ] }) });
+}), F = Object.assign(V, {
+  Toggle: d.Toggle,
+  Menu: d.Menu,
+  Item: d.Item,
+  Divider: d.Divider
+});
+export {
+  F as default
+};

package/dist/components/NavDropdown/NavDropdown.types.js

@@ -0,0 +1 @@
+

package/dist/components/NavDropdown/index.js

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