stargazer-ui 1.0.5 → 1.0.7

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

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

package/dist/components/OffCanvas/index.js

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

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

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

package/dist/components/Overlay/Overlay.js

@@ -1,125 +0,0 @@
-import { jsxs as M, Fragment as U, jsx as N } from "react/jsx-runtime";
-import { forwardRef as X, useRef as S, useState as w, useEffect as $, cloneElement as Y } from "react";
-import { createPortal as Z } from "react-dom";
-const q = (l, a, u, c, i = !1) => {
-  let f = document.body, o = l.current, g = a.current, e = getComputedStyle(o).position, n = o.getBoundingClientRect().top - (e != "fixed" ? f.getBoundingClientRect().top : 0), d = o.offsetHeight, h = o.getBoundingClientRect().left - (e != "fixed" ? f.getBoundingClientRect().left : 0), x = o.offsetWidth, m = g.clientHeight, y = g.clientWidth;
-  const p = (C, R, B) => g.getBoundingClientRect()[C] <= B ? R : r[C];
-  let H = 0, v = 0;
-  i || (v = c.clientHeight - 1, H = c.clientWidth - 1);
-  let r;
-  switch (u) {
-    case "top":
-      return r = { top: n - m - v, left: h + x / 2 - y / 2 }, r.right = p("right", 12, 0), r.left = p("left", 0, 0), r;
-    case "right":
-      return r = { top: n + d / 2 - m / 2, left: h + o.offsetWidth + H }, r;
-    case "bottom":
-      return r = { top: n + d + v, left: h + x / 2 - y / 2 }, r.right = p("right", 12, 0), r.left = p("left", 0, 0), r;
-    case "left":
-      return r = { top: n + d / 2 - m / 2, left: h - y - H }, r;
-    default:
-      return { top: n - m, left: h + x / 2 - y / 2 };
-  }
-}, G = (l, a, u, c) => {
-  let i = a.current.getBoundingClientRect().top, f = window.innerHeight - a.current.getBoundingClientRect().bottom, o = a.current.getBoundingClientRect().left, g = window.innerWidth - a.current.getBoundingClientRect().right, e = u.current.clientWidth + c.current.clientWidth + 48, n = u.current.clientHeight + c.current.clientHeight + 48;
-  if (l.current === "top") {
-    if (i <= n)
-      return g <= e ? "left" : o <= e ? "right" : "top";
-  } else if (l.current === "bottom") {
-    if (f <= n)
-      return g <= e ? "left" : o <= e ? "right" : "bottom";
-  } else if (l.current === "left" || l.current === "right") {
-    if (i >= n)
-      return "top";
-    if (i < n / 2)
-      return "bottom";
-    if (f < n / 2)
-      return l.current === "left" ? "left" : "right";
-  }
-  return l.current;
-}, et = X(({ children: l, overlay: a, show: u, onToggle: c, position: i = "auto", trigger: f = "click", defaultShow: o = !1 }, g) => {
-  const e = S(), n = S(), d = S(), [h, x] = w(""), [m, y] = w(""), [p, H] = w(o), v = S(p), r = (t) => {
-    v.current = t, H(t);
-  }, [C, R] = w(i === "auto" ? "top" : i), B = S(C), W = (t) => {
-    B.current = t, R(t);
-  }, [k, A] = w(!1), [L, O] = w(!1), [J, F] = w(!0), P = Array.isArray(f) ? f : [f], E = (t, s, b) => {
-    s.current && (y(q(t, s, B.current, b.current)), x(q(t, b, B.current, b.current, !0)));
-  }, I = () => {
-    if (v.current && i === "auto") {
-      let t = G(B, e, n, d);
-      W(t);
-    }
-  }, z = () => {
-    E(e, n, d), v.current;
-  }, K = (t) => {
-    if (L && J) {
-      F(!1);
-      return;
-    }
-    r(!p), c(!p);
-  }, Q = (t) => {
-    k || (A(!0), c(!0));
-  }, T = (t) => {
-    r(!0), O(!0), c(!0);
-  }, D = (t) => {
-    k ? A(!1) : L && (O(!1), F(!0)), r(!1), c(!1);
-  };
-  $(() => {
-    if (n.current && u && (E(e, n, d), i === "auto")) {
-      let t = G(B, e, n, d);
-      W(t);
-    }
-    if (e.current) {
-      let t = document.body, s = getComputedStyle(e.current).position;
-      y({
-        top: e.current.getBoundingClientRect().top - (s != "fixed" ? t.getBoundingClientRect().top : 0),
-        left: e.current.getBoundingClientRect().left - (s != "fixed" ? t.getBoundingClientRect().left : 0)
-      }), x({
-        top: e.current.getBoundingClientRect().top - (s != "fixed" ? t.getBoundingClientRect().top : 0),
-        left: e.current.getBoundingClientRect().left - (s != "fixed" ? t.getBoundingClientRect().left : 0)
-      });
-    }
-    r(u);
-  }, [u, n, e, C]), $(() => (window.addEventListener("scroll", I), window.addEventListener("resize", z), function() {
-    window.removeEventListener("scroll", I), window.removeEventListener("resize", z);
-  }), []);
-  const j = (t) => {
-    let s = getComputedStyle(t.current).position;
-    return s === "fixed" ? "fixed" : s === "sticky" ? "sticky" : "absolute";
-  };
-  return /* @__PURE__ */ M("div", { ref: g, style: { display: "static" }, children: [
-    Y(l, {
-      ref: e,
-      onClick: P.find((t) => t === "click") ? K : null,
-      onMouseOver: P.find((t) => t === "hover") ? Q : null,
-      onMouseLeave: P.find((t) => t === "hover") ? D : null,
-      onFocus: P.find((t) => t === "focus") ? T : null,
-      onBlur: P.find((t) => t === "focus") ? D : null
-    }),
-    u ? Z(
-      /* @__PURE__ */ M(U, { children: [
-        /* @__PURE__ */ N(
-          "div",
-          {
-            ref: n,
-            style: { maxWidth: "100%", maxHeight: "100%", position: j(e), top: m.top, left: m.left, zIndex: "1010" },
-            children: a
-          }
-        ),
-        /* @__PURE__ */ N(
-          "div",
-          {
-            id: "sg-overlay-arrow",
-            ref: d,
-            "aria-hidden": !0,
-            className: `sg-overlay-arrow${C ? " overlay-position-" + C : ""}`,
-            style: { position: j(e), top: h.top, left: h.left }
-          }
-        )
-      ] }),
-      document.body
-    ) : null
-  ] });
-});
-export {
-  et as default
-};

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

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

package/dist/components/Overlay/index.js

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

package/dist/components/Popout/Popout.js

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

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

@@ -1 +0,0 @@
-

package/dist/components/Popout/index.js

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

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

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

package/dist/components/Spinner/Spinner.js

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

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

@@ -1 +0,0 @@
-

package/dist/components/Spinner/index.js

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

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

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

package/dist/components/Table/Table.js

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

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

@@ -1 +0,0 @@
-

package/dist/components/Table/index.js

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

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

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

package/dist/components/Tabs/Tabs.js

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

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

@@ -1 +0,0 @@
-

package/dist/components/Tabs/index.js

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

package/dist/components/ToggleButton/ToggleButton.js

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

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

@@ -1 +0,0 @@
-

package/dist/components/ToggleButton/index.js

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

package/dist/components/index.d.ts

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

package/dist/components/index.js

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

package/dist/index.js

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

package/dist/types.d.ts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/vite-env.d.js

@@ -1 +0,0 @@
-