stargazer-ui 1.0.3 → 1.0.4

package/dist/Modal/index.js

@@ -1,85 +1,99 @@
-import { jsx as s, jsxs as w, Fragment as E } from "react/jsx-runtime";
-import { createContext as T, forwardRef as m, useState as M, useEffect as C, useRef as A, useContext as B } from "react";
-import { createPortal as F } from "react-dom";
-import k from "../CloseButton/index.js";
-import P from "../Button/index.js";
-const g = T(!1), H = ({ children: t, value: n }) => /* @__PURE__ */ s(g.Provider, { value: n, children: t }), N = () => B(g), d = m(({
-  children: t,
-  centered: n = !1,
-  size: e = "md",
+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 = "none",
-  className: r,
+  onHide: a,
+  className: d,
   id: i,
-  ...h
-}, b) => {
-  const [f, c] = M(!1);
-  C(() => {
-    c(o);
+  ...m
+}) => {
+  const [h, f] = B(o);
+  w(() => {
+    f(o);
   }, [o]);
-  const p = A(null);
-  j(p);
+  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 x = () => {
-    a && a(), c(!1);
+  const y = () => {
+    a && a(), f(!1);
   };
-  C(() => {
-    const y = p.current;
-    y && (f ? y.showModal() : y.close());
-  }, [f]);
-  let v = `sg-modal-tag sg-modal-${e}`;
-  return r && (v += " " + r), (l === "static" || l === "true") && (v += " sg-modal-static"), f ? F(
-    /* @__PURE__ */ s("dialog", { ref: p, className: v, children: /* @__PURE__ */ s(H, { value: a, children: u ? /* @__PURE__ */ w(E, { children: [
-      /* @__PURE__ */ s(d.Header, { closeButton: !0, children: /* @__PURE__ */ s(d.Title, { children: "An Error ocurred!" }) }),
-      /* @__PURE__ */ s(d.Body, { children: /* @__PURE__ */ w("p", { children: [
-        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!"
-      ] }) }),
-      /* @__PURE__ */ s(d.Footer, { children: /* @__PURE__ */ s(P, { variant: "danger", type: "button", onClick: x, children: "Close" }) })
-    ] }) : t }) }),
+  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
-  ) : null;
-}), $ = m(({ as: t = "", className: n = "", children: e, closeButton: o = !1, onClick: l = "none", ...a }, r) => {
-  let h = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].find((c) => c === t) ? t : "div";
-  const b = N(), f = (c) => {
-    l != "none" && l(c), b != "none" && b();
+  );
+}, 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__ */ w(h, { ref: r, className: `sg-modal-header ${n}`, ...a, children: [
+  return /* @__PURE__ */ p(m, { ref: d, className: `sg-modal-header ${n}`, ...a, children: [
     e,
-    o ? /* @__PURE__ */ s(k, { variant: !0, onClick: f }) : null
+    o ? /* @__PURE__ */ s(L, { variant: !0, onClick: (r) => f(r) }) : null
   ] });
-});
-d.Header = $;
-const S = ({ children: t, as: n = "h4", className: e, ...o }, l) => {
-  let r = ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].find((i) => i === n) ? n : "h4";
-  return /* @__PURE__ */ s(r, { ref: l, className: `sg-modal-title ${e}`, ...o, children: t });
-};
-d.Title = m(S);
-const D = ({ children: t, className: n, ...e }, o) => /* @__PURE__ */ s("div", { ref: o, className: `sg-modal-body ${n}`, ...e, children: t });
-d.Body = m(D);
-const K = ({ children: t, className: n, ...e }, o) => /* @__PURE__ */ s("div", { ref: o, className: `sg-modal-footer ${n}`, ...e, children: t });
-d.Footer = m(K);
-const j = function(t) {
-  C(() => {
-    const n = (e) => {
-      const o = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])', l = t.current;
+}), 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], r = l.querySelectorAll(o), i = r[r.length - 1];
-        if (!(e.key === "Tab" || e.keyCode === 9))
+        const a = l.querySelectorAll(o)[0], d = l.querySelectorAll(o), i = d[d.length - 1];
+        if (!(n.key === "Tab"))
           return;
-        e.shiftKey ? document.activeElement === a && (i.focus(), e.preventDefault()) : document.activeElement === i && (a.focus(), e.preventDefault());
+        n.shiftKey ? document.activeElement === a && (i.focus(), n.preventDefault()) : document.activeElement === i && (a.focus(), n.preventDefault());
       }
     };
-    return document.addEventListener("keydown", n, !0), function() {
-      document.removeEventListener("keydown", n, !0);
+    return document.addEventListener("keydown", t, !0), function() {
+      document.removeEventListener("keydown", t, !0);
     };
-  }, [t]);
-};
+  }, [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 {
-  d as default
+  Q as default
 };

package/dist/Nav/index.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+import { BaseAnchorType, BaseElementType, BaseLItemType, BaseUListType } from "../BaseTypes";
+export type NavType = {
+    children: React.ReactNode;
+    className?: string;
+    as?: React.ElementType;
+} & (BaseUListType | BaseElementType);
+export type NavItemType = {
+    children: React.ReactNode;
+    className?: string;
+    as?: React.ElementType;
+} & (BaseLItemType | BaseElementType);
+export type NavLinkType = {
+    children: React.ReactNode;
+    className?: string;
+    as?: React.ElementType;
+} & (BaseAnchorType | BaseElementType);
+declare const _default: React.ForwardRefExoticComponent<(Omit<{
+    children: React.ReactNode;
+    className?: string | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & React.ClassAttributes<HTMLUListElement> & React.HTMLAttributes<HTMLUListElement>, "ref"> | Omit<{
+    children: React.ReactNode;
+    className?: string | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref">) & React.RefAttributes<HTMLElement>> & {
+    Item: React.ForwardRefExoticComponent<(Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLLIElement> & React.LiHTMLAttributes<HTMLLIElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref">) & React.RefAttributes<HTMLElement>>;
+    Link: React.ForwardRefExoticComponent<(Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref">) & React.RefAttributes<HTMLElement>>;
+};
+export default _default;

package/dist/Nav/index.js

@@ -1,14 +1,13 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { navbarContext as u } from "../NavBar/index.js";
-const l = s(({ children: o, className: n, fill: e, justify: r, as: t = "ul", ...m }, f) => {
-  const p = t;
-  let i = "";
-  return u && (i = "sg-navbar-"), /* @__PURE__ */ a(p, { role: "menubar", ref: f, className: `${n} ${i}nav`, ...m, children: o });
-}), c = ({ children: o, className: n, as: e = "li", ...r }, t) => /* @__PURE__ */ a(e, { role: "none", ref: t, className: `sg-nav-item${n ? " " + n : ""}`, ...r, children: o });
-l.Item = s(c);
-const v = ({ children: o, className: n, as: e = "a", ...r }, t) => /* @__PURE__ */ a(e, { role: "menuitem", ref: t, className: `sg-nav-link${n ? " " + n : ""}`, ...r, children: o });
-l.Link = s(v);
+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 {
-  l as default
+  b as default
 };

package/dist/NavBar/index.d.ts

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

package/dist/NavDropdown/index.d.ts

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