stargazer-ui 1.0.4 → 1.0.5

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.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { FormCheckType, FormContextType, FormControlType, FormGroupType, FormLabelType, FormSelectType, FormTextType, FormType } from "./Form.types";
+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;
+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 → components/Form/Form.js}

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as $, Fragment as k } from "react/jsx-runtime";
+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);
@@ -7,11 +7,11 @@ const w = b(null), H = ({ children: e, value: t }) => /* @__PURE__ */ n(w.Provid
       "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) => {
+}, 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: 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 });
+  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;
@@ -30,22 +30,22 @@ const w = b(null), H = ({ children: e, value: t }) => /* @__PURE__ */ n(w.Provid
   classNameLabel: r,
   labelRef: s,
   label: m,
-  labelId: u,
+  labelId: d,
   className: i,
-  type: d,
+  type: u,
   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 })
+}, 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,

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

@@ -0,0 +1,50 @@
+import { ReactNode } from "react";
+import { BaseDivType, BaseFormType, BaseInputType, BaseLabelType, BaseSelectType, BaseSmallType } from "../../BaseTypes";
+export type FormContextType = {
+    controlId: string;
+};
+export type FormType = {
+    children: ReactNode;
+} & BaseFormType;
+export type FormControlType = {
+    as?: React.ElementType;
+    className?: string;
+    plaintext?: boolean;
+    id?: string;
+    type?: string;
+    autoFocus?: boolean;
+} & BaseInputType;
+export type FormSelectType = {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+} & BaseSelectType;
+export type FormGroupType = {
+    children: ReactNode;
+    className?: string;
+    controlId: string;
+} & BaseDivType;
+export type FormLabelType = {
+    children: 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: ReactNode;
+    className?: string;
+} & BaseSmallType;

package/dist/components/Form/Form.types.js

@@ -0,0 +1 @@
+

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

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

package/dist/components/Form/index.js

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

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,5 @@
+declare const _default: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>> & {
+    Col: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+    Row: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+};
+export default _default;

package/dist/components/Grid/Grid.js

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

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

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

package/dist/components/Grid/index.js

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

package/dist/components/InputGroup/InputGroup.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { InputGroupText, InputGroupType } from "./InputGroup.types";
+declare const _default: import("react").ForwardRefExoticComponent<Omit<InputGroupType, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Text: import("react").ForwardRefExoticComponent<InputGroupText & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export default _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.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import { BaseDivType } from "../../BaseTypes";
+export type InputGroupType = {
+    children: ReactNode;
+    className?: string;
+} & BaseDivType;
+export type InputGroupText = {
+    children: ReactNode;
+    className?: string;
+};

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

@@ -0,0 +1 @@
+

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

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

package/dist/components/InputGroup/index.js

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

package/dist/{Modal/index.d.ts → components/Modal/Modal.d.ts}

@@ -1,36 +1,5 @@
 import React from "react";
-import { BaseDialogType, BaseDivType, BaseHeadingType, BaseSpanType } from "../BaseTypes";
-export type ModalContextType = Function | null;
-export type ModalType = {
-    children: React.ReactNode;
-    className?: string;
-    id?: string;
-    centered?: boolean;
-    size?: string;
-    show: boolean;
-    backdrop?: string;
-    onHide: Function;
-} & BaseDialogType;
-export type ModalHeaderType = {
-    children: React.ReactNode;
-    as?: React.ElementType;
-    className?: string;
-    closeButton?: boolean;
-    onClick?: (event: React.MouseEvent) => void;
-} & (BaseDivType | BaseHeadingType | BaseSpanType);
-export type ModalTitleType = {
-    children: React.ReactNode;
-    as?: React.ElementType;
-    className?: string;
-} & (BaseDivType | BaseHeadingType | BaseSpanType);
-export type ModalBodyType = {
-    children: React.ReactNode;
-    className?: string;
-} & BaseDivType;
-export type ModalFooterType = {
-    children: React.ReactNode;
-    className?: string;
-} & BaseDivType;
+import { ModalBodyType, ModalType } from "./Modal.types";
 declare const _default: (({ children, centered, size, show, backdrop, onHide, className, id, ...restProps }: ModalType) => React.ReactPortal) & {
     Header: React.ForwardRefExoticComponent<(Omit<{
         children: React.ReactNode;
@@ -68,3 +37,4 @@ declare const _default: (({ children, centered, size, show, backdrop, onHide, cl
     Footer: React.ForwardRefExoticComponent<Omit<ModalBodyType, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;
+export declare const useKeepElementFocused: (elementRef: React.RefObject<HTMLDialogElement>) => void;

package/dist/{Modal/index.js → components/Modal/Modal.js}

@@ -1,9 +1,9 @@
 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 = () => {
+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(
@@ -21,11 +21,11 @@ const g = D(null), $ = ({ children: e, value: t }) => /* @__PURE__ */ s(g.Provid
   id: i,
   ...m
 }) => {
-  const [h, f] = B(o);
+  const [h, f] = $(o);
   w(() => {
     f(o);
   }, [o]);
-  const r = F(null);
+  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(
@@ -50,8 +50,8 @@ const g = D(null), $ = ({ children: e, value: t }) => /* @__PURE__ */ s(g.Provid
       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 }) }),
+  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) => {
@@ -61,7 +61,7 @@ const g = D(null), $ = ({ children: e, value: t }) => /* @__PURE__ */ s(g.Provid
   };
   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
+    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";
@@ -92,8 +92,9 @@ const g = D(null), $ = ({ children: e, value: t }) => /* @__PURE__ */ s(g.Provid
     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" }) })
+  /* @__PURE__ */ s(T, { children: /* @__PURE__ */ s(L, { variant: "danger", type: "button", onClick: () => t(), children: "Close" }) })
 ] });
 export {
-  Q as default
+  Q as default,
+  H as useKeepElementFocused
 };

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

@@ -0,0 +1,40 @@
+import { ReactNode } from "react";
+import { BaseDialogType, BaseDivType, BaseHeadingType, BaseSpanType } from "../../BaseTypes";
+export type ModalContextType = Function | null;
+export type ModalType = {
+    children: ReactNode;
+    className?: string;
+    id?: string;
+    centered?: boolean;
+    size?: string;
+    show: boolean;
+    backdrop?: string;
+    onHide: Function;
+} & BaseDialogType;
+export type ModalHeaderType = {
+    children: ReactNode;
+    as?: React.ElementType;
+    className?: string;
+    closeButton?: boolean;
+    onClick?: (event: React.MouseEvent) => void;
+} & (BaseDivType | BaseHeadingType | BaseSpanType);
+export type ModalTitleType = {
+    children: ReactNode;
+    as?: React.ElementType;
+    className?: string;
+} & (BaseDivType | BaseHeadingType | BaseSpanType);
+export type ModalBodyType = {
+    children: ReactNode;
+    className?: string;
+} & BaseDivType;
+export type ModalFooterType = {
+    children: ReactNode;
+    className?: string;
+} & BaseDivType;
+export type ErrorModalType = {
+    typeCheck: {
+        show: boolean;
+        onHide: boolean;
+    };
+    closeModal: Function;
+};

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

@@ -0,0 +1 @@
+

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

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

package/dist/components/Modal/index.js

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

package/dist/{Nav/index.d.ts → components/Nav/Nav.d.ts}

@@ -1,20 +1,4 @@
 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;

package/dist/{Nav/index.js → components/Nav/Nav.js}

@@ -1,13 +1,13 @@
 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,
+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 {
-  b as default
+  x as default
 };

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

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+import { BaseAnchorType, BaseElementType, BaseLItemType, BaseUListType } from "../../BaseTypes";
+export type NavType = {
+    children: ReactNode;
+    className?: string;
+    as?: React.ElementType;
+} & (BaseUListType | BaseElementType);
+export type NavItemType = {
+    children: ReactNode;
+    className?: string;
+    as?: React.ElementType;
+} & (BaseLItemType | BaseElementType);
+export type NavLinkType = {
+    children: ReactNode;
+    className?: string;
+    as?: React.ElementType;
+} & (BaseAnchorType | BaseElementType);

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

@@ -0,0 +1 @@
+

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

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

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.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { NavbarTextType, NavbarType } from "./Navbar.types";
+export type NavbarContextType = string | null;
+export declare const NavbarContext: React.Context<NavbarContextType>;
+export declare const useNavbarContext: () => NavbarContextType;
+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<HTMLAnchorElement | HTMLElement>>;
+    Text: React.ForwardRefExoticComponent<Omit<NavbarTextType, "ref"> & React.RefAttributes<HTMLElement>>;
+};
+export default _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.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+import { BaseAnchorType, BaseElementType, BaseNavType } from "../../BaseTypes";
+export type NavbarType = {
+    children: ReactNode;
+    className?: string;
+    navbarPrefix?: string;
+} & BaseNavType;
+export type NavbarBrandType = {
+    children: ReactNode;
+    className?: string;
+    as?: React.ElementType;
+    href?: string;
+} & (BaseAnchorType | BaseElementType);
+export type NavbarTextType = {
+    children: ReactNode;
+    className?: string;
+    as?: React.ElementType;
+} & BaseElementType;

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

@@ -0,0 +1 @@
+

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

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

package/dist/components/NavBar/index.js

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

package/dist/{NavDropdown/index.d.ts → components/NavDropdown/NavDropdown.d.ts}

@@ -1,9 +1,5 @@
 /// <reference types="react" />
-import { DropdownType } from "../Dropdown";
-export type NavDropdownType = {
-    toggleProps?: any;
-    menuProps?: any;
-} & DropdownType;
+import { NavDropdownType } from "./NavDropdown.types";
 declare const _default: import("react").ForwardRefExoticComponent<Omit<NavDropdownType, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     Toggle: import("react").ForwardRefExoticComponent<(Omit<{
         children: import("react").ReactNode;
@@ -24,7 +20,7 @@ declare const _default: import("react").ForwardRefExoticComponent<Omit<NavDropdo
         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>>;
+    Menu: import("react").ForwardRefExoticComponent<Omit<import("../Dropdown/Dropdown.types").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;
@@ -34,6 +30,6 @@ declare const _default: import("react").ForwardRefExoticComponent<Omit<NavDropdo
         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>>;
+    Divider: import("react").ForwardRefExoticComponent<Omit<import("../Dropdown/Dropdown.types").DropdownDividerType, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
 };
 export default _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
+};