stargazer-ui 1.0.3 → 1.0.5

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

@@ -1,9 +1,9 @@
 import { jsx as v } from "react/jsx-runtime";
 import { createContext as D, forwardRef as E, useState as y, useMemo as $, useEffect as C, useLayoutEffect as A, useContext as P } from "react";
 const L = (d, o, r = !1) => {
-  const u = r ? "top-end" : "top-start", m = r ? "top-start" : "top-end", i = r ? "bottom-end" : "bottom-start", h = r ? "bottom-start" : "bottom-end", g = r ? "right-start" : "left-start", a = r ? "right-end" : "left-end", w = r ? "left-start" : "right-start", l = r ? "left-end" : "right-end";
+  const u = r ? "top-end" : "top-start", m = r ? "top-start" : "top-end", i = r ? "bottom-end" : "bottom-start", h = r ? "bottom-start" : "bottom-end", g = r ? "right-start" : "left-start", c = r ? "right-end" : "left-end", w = r ? "left-start" : "right-start", l = r ? "left-end" : "right-end";
   let n = d ? h : i;
-  return o === "up" ? n = d ? m : u : o === "end" ? n = d ? l : w : o === "start" ? n = d ? a : g : o === "down-centered" ? n = "bottom" : o === "up-centered" && (n = "top"), n;
+  return o === "up" ? n = d ? m : u : o === "end" ? n = d ? l : w : o === "start" ? n = d ? c : g : o === "down-centered" ? n = "bottom" : o === "up-centered" && (n = "top"), n;
 }, k = (d, o = "") => {
   let r = d.target, u = !0, m = !1;
   for (; u; )
@@ -25,16 +25,16 @@ const L = (d, o, r = !1) => {
   drop: i = "down",
   align: h = "start",
   autoClose: g = !0,
-  show: a = "default",
+  show: c = "default",
   ...w
 }, l) => {
-  const [n, e] = y(a && !1), [f, b] = y({ case: "" }), c = (B) => {
+  const [n, e] = y(c === "default" ? !1 : c), [f, b] = y({ case: "" }), a = (B) => {
     B.stopPropagation(), e((S) => !S);
   }, s = L(h === "end", i), p = $(() => ({
     align: h,
     drop: i,
-    showInternal: a != "default" && u ? a : n,
-    handleToggle: a != "default" && u ? u : c,
+    showInternal: c != "default" && u ? c : n,
+    handleToggle: c != "default" && u ? u : a,
     placement: s,
     directionClasses: {
       down: "dropdown",
@@ -47,17 +47,17 @@ const L = (d, o, r = !1) => {
     controlId: m,
     activeDescendant: f,
     setActiveDescendant: b
-  }), [h, i, a, n, u, s, m, f, b]);
+  }), [h, i, c, n, u, s, m, f, b]);
   return /* @__PURE__ */ v("div", { id: m + "-wrapper", ref: l, className: `sg-dropdown${o ? " " + o : ""}`, ...w, children: /* @__PURE__ */ v(M, { value: p, children: d }) });
 }), q = E(({ children: d, className: o, navDropdown: r = !1, as: u = "button", variant: m = "primary", ...i }, h) => {
-  const { controlId: g, handleToggle: a, setActiveDescendant: w, showInternal: l } = x(), n = u, e = (t) => {
+  const { controlId: g, handleToggle: c, setActiveDescendant: w, showInternal: l } = x(), n = u, e = (t) => {
     let s = !1;
     switch (console.log(t.key), t.key) {
       case "ArrowDown":
-        s = !0, l ? w((p) => ({ ...p, case: "next" })) : (a(t), w((p) => ({ ...p, case: "first" })));
+        s = !0, l ? w((p) => ({ ...p, case: "next" })) : (c(t), w((p) => ({ ...p, case: "first" })));
         break;
       case "ArrowUp":
-        s = !0, l ? w((p) => ({ ...p, case: "previous" })) : (a(t), w((p) => ({ ...p, case: "last" })));
+        s = !0, l ? w((p) => ({ ...p, case: "previous" })) : (c(t), w((p) => ({ ...p, case: "last" })));
         break;
       case "Home":
         s = !0, l && w((p) => ({ ...p, case: "first" }));
@@ -66,15 +66,15 @@ const L = (d, o, r = !1) => {
         s = !0, l && w((p) => ({ ...p, case: "last" }));
         break;
       case "Tab":
-        l && a(t);
+        l && c(t);
         break;
       case "Escape":
-        s = !0, l && a(t);
+        s = !0, l && c(t);
         break;
       case "Enter":
       case " ":
         if (l) {
-          s = !0, document.querySelector(".sg-dropdown-item-visual-focus").click(), a(t);
+          s = !0, document.querySelector(".sg-dropdown-item-visual-focus").click(), c(t);
           break;
         } else {
           w((p) => ({ ...p, case: "first" }));
@@ -85,9 +85,9 @@ const L = (d, o, r = !1) => {
   }, f = (t) => {
     if (l && t.target.id !== g) {
       if (!k(t, g))
-        a(t);
+        c(t);
       else if (k(t, g)) {
-        a(t);
+        c(t);
         const s = document.getElementById(g);
         s == null || s.focus();
       }
@@ -100,10 +100,10 @@ const L = (d, o, r = !1) => {
     };
   }, [e, g]);
   const b = (t) => {
-    a(t), l || w((s) => ({ ...s, case: "first" }));
+    c(t), l || w((s) => ({ ...s, case: "first" }));
   };
-  let c = `sg-button sg-button${m ? "-" + m : "-primary"} sg-dropdown-toggle${o ? " " + o : ""}`;
-  return (n === "a" || r) && (c = `sg-nav-dropdown-toggle sg-dropdown-toggle${o ? " " + o : ""}`), /* @__PURE__ */ v(
+  let a = `sg-button sg-button${m ? "-" + m : "-primary"} sg-dropdown-toggle${o ? " " + o : ""}`;
+  return (n === "a" || r) && (a = `sg-nav-dropdown-toggle sg-dropdown-toggle${o ? " " + o : ""}`), /* @__PURE__ */ v(
     n,
     {
       tabIndex: "0",
@@ -113,14 +113,14 @@ const L = (d, o, r = !1) => {
       "aria-expanded": l,
       id: g,
       ref: h,
-      className: c,
+      className: a,
       onClick: (t) => b(t),
       ...i,
       children: d
     }
   );
 }), j = E(({ children: d, className: o, style: r = {}, ...u }, m) => {
-  const { controlId: i, showInternal: h, activeDescendant: g } = x(), [a, w] = y(r);
+  const { controlId: i, showInternal: h, activeDescendant: g } = x(), [c, w] = y(r);
   A(() => {
     if (h) {
       const n = document.getElementById(i + "-menu");
@@ -130,39 +130,39 @@ const L = (d, o, r = !1) => {
   }, [h]), C(() => {
     if (h) {
       const n = document.getElementById(i + "-menu"), e = document.getElementById(i + "-menu").children, f = e.length - 1, b = document.querySelector(".sg-dropdown-item-visual-focus");
-      let c = 0, t = e[0].children[0];
+      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) {
-            c = s;
+            a = s;
             break;
           }
       }
       switch (g.case) {
         case "first":
-          t = e[0].children[0], c = 0;
+          t = e[0].children[0], a = 0;
           break;
         case "last":
-          t = e[f].children[0], c = f;
+          t = e[f].children[0], a = f;
           break;
         case "next":
-          c = c === f ? 0 : c + 1, t = e[c].children[0];
+          a = a === f ? 0 : a + 1, t = e[a].children[0];
           break;
         case "previous":
-          c = c === 0 ? f : c - 1, t = e[c].children[0];
+          a = a === 0 ? f : a - 1, t = e[a].children[0];
           break;
       }
-      n.setAttribute("aria-activedescendant", t.id), e[c].children[0].classList.add("sg-dropdown-item-visual-focus");
+      n.setAttribute("aria-activedescendant", t.id), e[a].children[0].classList.add("sg-dropdown-item-visual-focus");
     } else
       document.getElementById(i + "-menu").setAttribute("aria-activedescendant", "");
   }, [i, h, g]);
   const l = (n) => {
-    var c;
+    var a;
     const e = n.target;
     let f = e.classList.contains("sg-dropdown-item-visual-focus");
     const b = document.getElementById(i + "-menu");
-    f || ((c = document.querySelector(".sg-dropdown-item-visual-focus")) == null || c.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));
+    f || ((a = document.querySelector(".sg-dropdown-item-visual-focus")) == null || a.classList.remove("sg-dropdown-item-visual-focus"), b.setAttribute("aria-activedescendant", ""), e.classList.add("sg-dropdown-item-visual-focus"), b.setAttribute("aria-activedescendant", e.id));
   };
   return C(() => {
     const n = document.getElementById(i + "-menu");
@@ -181,7 +181,7 @@ const L = (d, o, r = !1) => {
       "aria-labelledby": i,
       ref: m,
       className: `sg-dropdown-list${o ? " " + o : ""}${h ? " show" : ""}`,
-      style: a,
+      style: c,
       ...u,
       children: d
     }
@@ -196,6 +196,7 @@ const L = (d, o, r = !1) => {
 export {
   V as Divider,
   I as DropdownContext,
+  M as DropdownContextProvider,
   H as Item,
   j as Menu,
   q as Toggle,

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

@@ -0,0 +1,55 @@
+import { ReactNode } from "react";
+import { BaseDivType, BaseAnchorType, BaseButtonType, BaseUListType, BaseHrType, BaseElementType } from "../../BaseTypes";
+export type DropdownContextType = {
+    align: string;
+    drop: string;
+    showInternal: boolean;
+    handleToggle: Function;
+    placement: string;
+    directionClasses?: {
+        down?: string;
+        'down-centered'?: string;
+        up?: string;
+        'up-centered'?: string;
+        end?: string;
+        start?: string;
+    };
+    controlId: string;
+    activeDescendant: {
+        case: string;
+    };
+    setActiveDescendant: React.Dispatch<React.SetStateAction<{
+        case: string;
+    }>>;
+};
+export type DropdownType = {
+    children: ReactNode;
+    className?: string;
+    onSelect?: Function;
+    onToggle?: Function;
+    controlId: string;
+    drop?: string;
+    align?: string;
+    autoClose?: boolean;
+    show?: boolean;
+} & BaseDivType;
+export type DropdownToggleType = {
+    children: ReactNode;
+    className?: string;
+    navDropdown?: boolean;
+    as?: React.ElementType;
+    variant?: string;
+} & (BaseAnchorType | BaseButtonType | BaseElementType);
+export type DropdownMenuType = {
+    children: ReactNode;
+    className?: string;
+    style?: React.CSSProperties | undefined;
+} & BaseUListType;
+export type DropdownItemType = {
+    children: ReactNode;
+    as?: React.ElementType;
+    className?: string;
+} & (BaseAnchorType | BaseButtonType);
+export type DropdownDividerType = {
+    className?: string;
+} & BaseHrType;

package/dist/components/Dropdown/Dropdown.types.js

@@ -0,0 +1 @@
+

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+import { BaseLabelType } from "../../BaseTypes";
+export type FloatingLabelType = {
+    children: ReactNode;
+    className?: string;
+    htmlFor?: string;
+    label: string;
+    controlId: string;
+} & BaseLabelType;

package/dist/components/FloatingLabel/FloatingLabel.types.js

@@ -0,0 +1 @@
+

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

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

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,
@@ -57,6 +57,7 @@ const w = b(null), H = ({ children: e, value: t }) => /* @__PURE__ */ n(w.Provid
 });
 export {
   w as FormContext,
+  H as FormContextProvider,
   z as default,
   g as useFormContext
 };

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/components/Modal/Modal.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+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;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        className?: string | undefined;
+        closeButton?: boolean | undefined;
+        onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        className?: string | undefined;
+        closeButton?: boolean | undefined;
+        onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+    } & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        className?: string | undefined;
+        closeButton?: boolean | undefined;
+        onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
+    } & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref">) & React.RefAttributes<HTMLDivElement | HTMLHeadingElement | HTMLSpanElement>>;
+    Title: React.ForwardRefExoticComponent<(Omit<{
+        children: React.ReactNode;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        className?: string | undefined;
+    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        className?: string | undefined;
+    } & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        className?: string | undefined;
+    } & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref">) & React.RefAttributes<HTMLDivElement | HTMLHeadingElement | HTMLSpanElement>>;
+    Body: React.ForwardRefExoticComponent<Omit<ModalBodyType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<Omit<ModalBodyType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export default _default;
+export declare const useKeepElementFocused: (elementRef: React.RefObject<HTMLDialogElement>) => void;