stargazer-ui 1.0.3 → 1.0.5

package/dist/BaseTypes.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 export type BaseAnchorType = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
 export type BaseButtonType = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+export type BaseDialogType = React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>;
 export type BaseDivType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 export type BaseFormType = React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;
 export type BaseHeadingType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
@@ -8,8 +9,11 @@ export type BaseInputType = React.DetailedHTMLProps<React.InputHTMLAttributes<HT
 export type BaseHrType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>;
 export type BaseLabelType = React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
 export type BaseLItemType = React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
+export type BaseNavType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
 export type BaseParagraphType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;
 export type BaseSelectType = React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
 export type BaseSmallType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
 export type BaseSpanType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+export type BaseTableType = React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>;
 export type BaseUListType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>;
+export type BaseElementType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

package/dist/cjs/index.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("react-dom");const s=t.forwardRef((({children:t,variant:r="primary",className:s,...n},o)=>e.jsx("button",{ref:o,type:"button",className:`sg-button sg-button-${r}${null==s?"":" "+s}`,...n,children:t}))),n=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("div",{ref:n,className:"sg-card "+r,...s,children:t}))),o=t.forwardRef((({as:t="div",className:r,children:s,...n},o)=>{let a=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===t))?t:"div";return e.jsx(a,{ref:o,className:`sg-card-header ${r}`,...n,children:s})})),a=t.forwardRef((({as:t="h5",className:r,children:s,...n},o)=>{let a=["h1","h2","h3","h4","h5","h6"].find((e=>e===t))?t:"h5";return e.jsx(a,{ref:o,className:r,...n,children:s})})),l=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("div",{ref:n,className:`sg-card-body ${r}`,...s,children:t}))),c=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("p",{ref:n,className:`sg-card-text ${r}`,...s,children:t}))),d=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("div",{ref:n,className:`sg-card-footer ${r}`,...s,children:t})));Object.assign(n,{Header:o,Body:l,Title:a,Text:c,Footer:d});const i=t.forwardRef((({className:t,variant:r=!1,...s},n)=>e.jsx("button",{ref:n,className:`sg-button-close${r?" sg-button-close-white":""} ${t}`,...s,children:e.jsx("span",{className:"sg-close-visually-hidden-label",children:"Close"})}))),u=(e,t="")=>{let r=e.target,s=!0,n=!1;for(;s;)r.id!=t+"-menu"?r=r.parentElement:(n=!0,s=!1),"root"===r.id&&(s=!1,n=!1);return n},f=t.createContext(null),h=({children:t,value:r})=>e.jsx(f.Provider,{value:r,children:t}),m=()=>{const e=t.useContext(f);if(!e)throw new Error("useDropdownContext has to be used within DropdownContextProvider!");return e},g=t.forwardRef((({children:r,className:s,onSelect:n,onToggle:o,controlId:a,drop:l="down",align:c="start",autoClose:d=!0,show:i="default",...u},f)=>{const[m,g]=t.useState("default"!==i&&i),[p,b]=t.useState({case:""}),w=e=>{e.stopPropagation(),g((e=>!e))},v=((e,t,r=!1)=>{let s=e?r?"bottom-start":"bottom-end":r?"bottom-end":"bottom-start";return"up"===t?s=e?r?"top-start":"top-end":r?"top-end":"top-start":"end"===t?s=e?r?"left-end":"right-end":r?"left-start":"right-start":"start"===t?s=e?r?"right-end":"left-end":r?"right-start":"left-start":"down-centered"===t?s="bottom":"up-centered"===t&&(s="top"),s})("end"===c,l),x=t.useMemo((()=>({align:c,drop:l,showInternal:"default"!=i&&o?i:m,handleToggle:"default"!=i&&o?o:w,placement:v,directionClasses:{down:"dropdown","down-centered":"dropdown-center",up:"dropup","up-centered":"dropup-center dropup",end:"dropend",start:"dropstart"},controlId:a,activeDescendant:p,setActiveDescendant:b})),[c,l,i,m,o,v,a,p,b]);return e.jsx("div",{id:a+"-wrapper",ref:f,className:"sg-dropdown"+(s?" "+s:""),...u,children:e.jsx(h,{value:x,children:r})})})),p=t.forwardRef((({children:r,className:s,navDropdown:n=!1,as:o="button",variant:a="primary",...l},c)=>{const{controlId:d,handleToggle:i,setActiveDescendant:f,showInternal:h}=m(),g=o,p=e=>{let t=!1;switch(console.log(e.key),e.key){case"ArrowDown":t=!0,h?f((e=>({...e,case:"next"}))):(i(e),f((e=>({...e,case:"first"}))));break;case"ArrowUp":t=!0,h?f((e=>({...e,case:"previous"}))):(i(e),f((e=>({...e,case:"last"}))));break;case"Home":t=!0,h&&f((e=>({...e,case:"first"})));break;case"End":t=!0,h&&f((e=>({...e,case:"last"})));break;case"Tab":h&&i(e);break;case"Escape":t=!0,h&&i(e);break;case"Enter":case" ":if(h){t=!0;document.querySelector(".sg-dropdown-item-visual-focus").click(),i(e);break}f((e=>({...e,case:"first"})))}t&&(e.stopPropagation(),e.preventDefault())},b=e=>{if(h&&e.target.id!==d)if(u(e,d)){if(u(e,d)){i(e);const t=document.getElementById(d);t?.focus()}}else i(e)};t.useEffect((()=>{const e=document.getElementById(d);return e.addEventListener("keydown",p,!0),document.addEventListener("mouseup",b,!0),function(){e.removeEventListener("keydown",p,!0),document.removeEventListener("mouseup",b,!0)}}),[p,d]);let w=`sg-button sg-button${a?"-"+a:"-primary"} sg-dropdown-toggle${s?" "+s:""}`;return("a"===g||n)&&(w="sg-nav-dropdown-toggle sg-dropdown-toggle"+(s?" "+s:"")),e.jsx(g,{tabIndex:"0",type:"button","aria-haspopup":"true","aria-controls":d+"-menu","aria-expanded":h,id:d,ref:c,className:w,onClick:e=>(e=>{i(e),h||f((e=>({...e,case:"first"})))})(e),...l,children:r})})),b=t.forwardRef((({children:r,className:s,style:n={},...o},a)=>{const{controlId:l,showInternal:c,activeDescendant:d}=m(),[i,u]=t.useState(n);t.useLayoutEffect((()=>{if(c){const e=document.getElementById(l+"-menu");let t={};e.getBoundingClientRect().right>window.innerWidth?t={...t,right:0}:e.getBoundingClientRect().left<0?t={...t,left:0}:e.getBoundingClientRect().top<0?t={...t,top:0}:e.getBoundingClientRect().bottom>window.innerHeight&&(t={...t,bottom:0}),u((e=>({...e,...t})))}}),[c]),t.useEffect((()=>{if(c){const e=document.getElementById(l+"-menu"),t=document.getElementById(l+"-menu").children,r=t.length-1,s=document.querySelector(".sg-dropdown-item-visual-focus");let n=0,o=t[0].children[0];if(null!=s){s.classList.remove("sg-dropdown-item-visual-focus");for(let e=0;e<t.length;e++)if(t[e]===s.parentElement){n=e;break}}switch(d.case){case"first":o=t[0].children[0],n=0;break;case"last":o=t[r].children[0],n=r;break;case"next":n=n===r?0:n+1,o=t[n].children[0];break;case"previous":n=0===n?r:n-1,o=t[n].children[0]}e.setAttribute("aria-activedescendant",o.id),t[n].children[0].classList.add("sg-dropdown-item-visual-focus")}else{document.getElementById(l+"-menu").setAttribute("aria-activedescendant","")}}),[l,c,d]);const f=e=>{const t=e.target;let r=t.classList.contains("sg-dropdown-item-visual-focus");const s=document.getElementById(l+"-menu");r||(document.querySelector(".sg-dropdown-item-visual-focus")?.classList.remove("sg-dropdown-item-visual-focus"),s.setAttribute("aria-activedescendant",""),t.classList.add("sg-dropdown-item-visual-focus"),s.setAttribute("aria-activedescendant",t.id))};return t.useEffect((()=>{const e=document.getElementById(l+"-menu");for(let t of e.children)t.addEventListener("mouseover",f,!0);return function(){for(let t of e.children)t.removeEventListener("mouseover",f,!0)}}),[]),e.jsx("ul",{id:l+"-menu",role:"menu",tabIndex:-1,"aria-labelledby":l,ref:a,className:`sg-dropdown-list${s?" "+s:""}${c?" show":""}`,style:i,...o,children:r})})),w=t.forwardRef((({children:t,as:r="button",className:s,...n},o)=>{const a=r;return e.jsx("li",{role:"none",children:e.jsx(a,{ref:o,role:"menuitem",tabIndex:"-1",className:"sg-dropdown-item"+(s?" "+s:""),...n,children:t})})})),v=t.forwardRef((({className:t="",...r},s)=>e.jsx("hr",{ref:s,className:`.sg-dropdown-divider${t}`,...r})));var x=Object.assign(g,{Toggle:p,Menu:b,Item:w,Divider:v});const N=t.createContext(null),j=({children:t,value:r})=>e.jsx(N.Provider,{value:r,children:t}),y=()=>{const e=t.useContext(N);if(!e)throw new Error("useFormContext has to be used within a FormContextProvider!");return e},R=t.forwardRef((({children:t,...r},s)=>e.jsx("form",{ref:s,...r,children:t}))),C=t.forwardRef((({as:t="input",className:r="",plaintext:s=!1,id:n="",type:o="text",autoFocus:a=!1,...l},c)=>{let d=t;const{controlId:i}=y();let u=i||n,f=(s?"sg-form-control-plaintext":"sg-form-control")+(""!=r?" "+r:"")+("color"==o?" sg-form-control-color":"");return e.jsx(d,{autoFocus:a,ref:c,id:u,type:o,className:f,...l})})),k=t.forwardRef((({children:t,className:r,id:s,...n},o)=>{const{controlId:a}=y();let l=a||s;return e.jsx("select",{ref:o,className:"sg-form-select"+(r?" "+r:""),id:l,...n,children:t})})),I=t.forwardRef((({children:r,className:s,controlId:n,...o},a)=>{const l=t.useMemo((()=>({controlId:n})),[n]);return e.jsx("div",{ref:a,className:"sg-from-group"+(s?" "+s:""),...o,children:e.jsx(j,{value:l,children:r})})})),E=t.forwardRef((({children:t,className:r,htmlFor:s},n)=>{const{controlId:o}=y();let a=s||o;return e.jsx("label",{ref:n,htmlFor:a,className:"sg-form-label"+(r?" "+r:""),children:t})})),T=t.forwardRef((({classNameContainer:t,containerRef:r,containerId:s,style:n,classNameLabel:o,labelRef:a,label:l,labelId:c,className:d,type:i,id:u,controlId:f,reverse:h=!1,checkStyle:m,...g},p)=>{let b=f||u,w="switch"===i?"checkbox":i;return e.jsx("div",{ref:r,id:s,style:n,className:`sg-form-check${h?"-reverse":""}${t?" "+t:""}${"switch"===i?" sg-form-switch":""}`,children:h?e.jsxs(e.Fragment,{children:[e.jsx("input",{ref:p,type:w,id:b,className:"sg-form-check-input"+(d?" "+d:""),...g}),e.jsx("label",{ref:a,id:c,htmlFor:b,className:"sg-form-check-label"+(o?" "+o:""),children:l})]}):e.jsxs(e.Fragment,{children:[e.jsx("label",{ref:a,id:c,htmlFor:b,className:"sg-form-check-label"+(o?" "+o:""),children:l}),e.jsx("input",{ref:p,type:w,id:b,className:"sg-form-check-input"+(d?" "+d:""),style:m,...g})]})})})),$=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("small",{ref:n,className:"sg-form-text"+(r?" "+r:""),...s,children:t})));Object.assign(R,{Control:C,Select:k,Group:I,Label:E,Check:T,Text:$}),t.forwardRef((({children:r,label:s,controlId:n,className:o,htmlFor:a,...l},c)=>{const d=t.useMemo((()=>({controlId:n})),[n]);return e.jsx(j,{value:d,children:e.jsxs("div",{className:"sg-form-floating",children:[r,e.jsx("label",{ref:c,htmlFor:n,className:"sg-form-floating-label",...l,children:s})]})})}));const S=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("div",{ref:n,className:"sg-input-group"+(r?" "+r:""),...s,children:t}))),L=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("span",{ref:n,className:"sg-input-group-text"+(r?" "+r:""),...s,children:t})));Object.assign(S,{Text:L});const P=t.createContext(null),D=({children:t,value:r})=>e.jsx(P.Provider,{value:r,children:t}),B=t.forwardRef((({children:r,as:s="",className:n="",closeButton:o=!1,onClick:a,...l},c)=>{let d=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===s))?s:"div";const u=(()=>{const e=t.useContext(P);if(!e)throw new Error("useModalContext has to be used within ModalContextProvider!");return e})();return e.jsxs(d,{ref:c,className:`sg-modal-header ${n}`,...l,children:[r,o?e.jsx(i,{variant:!0,onClick:e=>(e=>{a&&a(e),u()})(e)}):null]})})),A=t.forwardRef((({children:t,as:r="h4",className:s,...n},o)=>{let a=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===r))?r:"h4";return e.jsx(a,{ref:o,className:`sg-modal-title ${s}`,...n,children:t})})),F=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("div",{ref:n,className:`sg-modal-body ${r}`,...s,children:t}))),H=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("div",{ref:n,className:`sg-modal-footer ${r}`,...s,children:t})));Object.assign((({children:s,centered:n=!1,size:o="md",show:a,backdrop:l="static",onHide:c,className:d,id:i,...u})=>{const[f,h]=t.useState(a);t.useEffect((()=>{h(a)}),[a]);const m=t.useRef(null);M(m);let g="boolean"==typeof a&&"function"==typeof c?void 0:{show:"boolean"==typeof a,onHide:"function"==typeof c};g&&console.error(g.show?null:"The variable 'show' must be used and must be a boolean used to decide when to show the modal!",g.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 p=()=>{c&&c(),h(!1)};t.useEffect((()=>{const e=m.current;e&&(f?(e.classList.remove("close"),e.showModal()):e.close())}),[f]);let b=`sg-modal-tag sg-modal-${o}`;d&&(b+=" "+d),"static"!==l&&"true"!==l||(b+=" sg-modal-static");return r.createPortal(e.jsx("dialog",{ref:m,className:b,onKeyDown:e=>(e=>{if("Escape"!=e.key)return;e.preventDefault();const t=m.current;t.classList.add("close"),t.addEventListener("animationend",(()=>{p()}),{once:!0})})(e),...u,children:e.jsx(D,{value:c,children:g?e.jsx(O,{typeCheck:g,closeModal:p}):s})}),document.body)}),{Header:B,Title:A,Body:F,Footer:H});const M=function(e){t.useEffect((()=>{const t=t=>{const r='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',s=e.current;if(s){const e=s.querySelectorAll(r)[0],n=s.querySelectorAll(r),o=n[n.length-1];if(!("Tab"===t.key))return;t.shiftKey?document.activeElement===e&&(o.focus(),t.preventDefault()):document.activeElement===o&&(e.focus(),t.preventDefault())}};return document.addEventListener("keydown",t,!0),function(){document.removeEventListener("keydown",t,!0)}}),[e])},O=({typeCheck:t,closeModal:r})=>e.jsxs(e.Fragment,{children:[e.jsx(B,{closeButton:!0,children:e.jsx(A,{children:"An Error ocurred!"})}),e.jsx(F,{children:e.jsxs("p",{children:[t.show?null:"The variable 'show' must be used and must be a boolean used to decide when to show the modal!",t.onHide?null:"The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!"]})}),e.jsx(H,{children:e.jsx(s,{variant:"danger",type:"button",onClick:()=>r(),children:"Close"})})]}),q=t.createContext(null),z=({children:t,value:r})=>e.jsx(q.Provider,{value:r,children:t}),W=t.forwardRef((({children:r,className:s,navbarPrefix:n="sg-navbar-",...o},a)=>{const l=t.useMemo((()=>n),[n]);return e.jsx("nav",{ref:a,className:"sg-navbar"+(s?" "+s:""),...o,children:e.jsx(z,{value:l,children:r})})})),X=t.forwardRef((({children:t,className:r,href:s="#",as:n="a",...o},a)=>{const l=n||(s&&"Link"!=n?"a":"span");return e.jsx(l,{ref:a,href:s,className:"sg-navbar-brand"+(r?" "+r:""),...o,children:t})})),Y=t.forwardRef((({children:t,className:r,as:s="span",...n},o)=>{const a=s;return e.jsx(a,{ref:o,className:"sg-navbar-text"+(r?" "+r:""),...n,children:t})}));Object.assign(W,{Brand:X,Text:Y});const K=t.forwardRef((({children:r,className:s,as:n="ul",...o},a)=>{const l=n,c=t.useContext(q),d=c||"sg-navbar-";return e.jsx(l,{ref:a,className:`${s} ${d}nav`,...o,children:r})})),G=t.forwardRef((({children:t,className:r,as:s="li",...n},o)=>{const a=s;return e.jsx(a,{role:"none",ref:o,className:"sg-nav-item"+(r?" "+r:""),...n,children:t})})),U=t.forwardRef((({children:t,className:r,as:s="a",...n},o)=>{const a=s;return e.jsx(a,{role:"menuitem",ref:o,className:"sg-nav-link"+(r?" "+r:""),...n,children:t})}));Object.assign(K,{Item:G,Link:U});const J=t.forwardRef((({children:r,className:s,onSelect:n,onToggle:o,controlId:a,toggleProps:l,title:c,menuProps:d,drop:i="down",align:u="start",autoClose:f=!0,show:m="default",...g},p)=>{const[b,w]=t.useState("default"!==m&&m),[v,N]=t.useState({case:""}),j=t.useCallback((e=>{e.stopPropagation(),w((e=>!e))}),[]),y=((e,t,r=!1)=>{let s=e?r?"bottom-start":"bottom-end":r?"bottom-end":"bottom-start";return"up"===t?s=e?r?"top-start":"top-end":r?"top-end":"top-start":"end"===t?s=e?r?"left-end":"right-end":r?"left-start":"right-start":"start"===t?s=e?r?"right-end":"left-end":r?"right-start":"left-start":"down-centered"===t?s="bottom":"up-centered"===t&&(s="top"),s})("end"===u,i),R={down:"dropdown","down-centered":"dropdown-center",up:"dropup","up-centered":"dropup-center dropup",end:"dropend",start:"dropstart"},C=a,k=t.useMemo((()=>({align:u,drop:i,showInternal:"default"!=m&&o?m:b,handleToggle:"default"!=m&&o?o:j,placement:y,directionClasses:{down:"dropdown","down-centered":"dropdown-center",up:"dropup","up-centered":"dropup-center dropup",end:"dropend",start:"dropstart"},controlId:C,activeDescendant:v,setActiveDescendant:N})),[u,i,m,b,o,j,y,R,a,v,N]);return e.jsx("div",{ref:p,id:a+"-wrapper",className:`sg-dropdown${s?" "+s:""} sg-nav-item`,...g,children:e.jsxs(h,{value:k,children:[e.jsx(x.Toggle,{navDropdown:!0,...l,children:c}),e.jsx(x.Menu,{...d,children:r})]})})}));Object.assign(J,{Toggle:x.Toggle,Menu:x.Menu,Item:x.Item,Divider:x.Divider});const Q=t.forwardRef((({children:s,initialPosition:n={top:0,left:0},id:o,resize:a=!1,move:l=!1,className:c,style:d,...i},u)=>{const[f,h]=t.useState({offSetTop:0,offSetLeft:0,...n}),m=a?"true":"false",g=l?"true":"false",p=t.useRef(u),b=t.useRef(null),[w,v]=t.useState(!1),x=t.useRef(w);t.useEffect((()=>{x.current=w}),[w]);const N=()=>{l&&(b.current.style.removeProperty("user-select"),v(!1))};return t.useEffect((()=>(document.body.addEventListener("pointerup",(()=>N()),!0),function(){document.body.removeEventListener("pointerup",(()=>N()),!0)})),[]),r.createPortal(e.jsx("dialog",{"data-resize":m,"data-move":g,"data-passedRef":p,ref:b,id:o,className:"sg-moveable-popout"+(c?" "+c:""),style:{...d,top:f.top,left:f.left,bottom:f.bottom,right:f.right},onPointerDown:e=>{const t=e.target;if(l&&t.className.includes("sg-popout-title")||t.className.includes("sg-popout-header")){const{top:t,left:r}=b.current.getBoundingClientRect();h((s=>({...s,offSetTop:e.clientY-t,offSetLeft:e.clientX-r}))),b.current.style.setProperty("user-select","none"),b.current.setPointerCapture(e.pointerId),v(!0)}},onPointerMove:e=>(e=>{if(l&&x.current&&b.current){const t=e.clientY-f.offSetTop<0,r=window.innerHeight-(e.clientY-f.offSetTop+b.current.offsetHeight)<0,s=e.clientX-f.offSetLeft<0,n=window.innerWidth-(e.clientX-f.offSetLeft+b.current.offsetWidth)<0;let o=t?0:e.clientY-f.offSetTop;o=r?window.innerHeight-b.current.offsetHeight:o;let a=s?0:e.clientX-f.offSetLeft;a=n?window.innerWidth-b.current.offsetWidth:a,h((e=>({...e,top:o,left:a})))}})(e),...i,children:s}),document.body)})),V=t.forwardRef((({children:t,className:r,as:s="div",...n},o)=>{let a=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===s))?s:"div";return e.jsx(a,{ref:o,className:`sg-popout-header ${r}`,...n,children:t})})),Z=t.forwardRef((({as:t="h4",className:r,children:s,...n},o)=>{let a=["h1","h2","h3","h4","h5","h6"].find((e=>e===t))?t:"h5";return e.jsx(a,{ref:o,className:`sg-popout-title ${r}`,...n,children:s})})),_=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("div",{ref:n,className:`sg-popout-body ${r}`,...s,children:t}))),ee=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("p",{ref:n,className:`sg-popout-text ${r}`,...s,children:t}))),te=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("div",{ref:n,className:`sg-popout-footer ${r}`,...s,children:t})));Object.assign(Q,{Header:V,Title:Z,Body:_,Text:ee,Footer:te}),t.forwardRef((({size:t="1em",color:r="white",label:s,className:n,controlId:o,...a},l)=>e.jsxs(e.Fragment,{children:[e.jsx("div",{"aria-labelledby":o,role:"status",ref:l,className:"sg-spinner"+(n?" "+n:""),style:{width:t,height:t,borderColor:r},...a}),e.jsx("label",{id:o,className:"sg-visually-hidden",children:s})]}))),t.forwardRef((({children:t,size:r="lg",className:s,...n},o)=>{let a=`sg-table${s?" "+s:""}${"sm"===r?" sg-table-sm":""}`;return e.jsx("table",{ref:o,className:a,...n,children:t})}));const re=t.createContext(null),se=({children:t,value:r})=>e.jsx(re.Provider,{value:r,children:t}),ne=()=>{const e=t.useContext(re);if(!e)throw new Error("useTabContext has to be used within a TabContextProvider!");return e},oe=t.forwardRef((({children:r,className:s,controlId:n,activeClassName:o,defaultActive:a,...l},c)=>{const[d,i]=t.useState(a),u=o||"sg-active",f=t.useMemo((()=>({activeTab:d,setActiveTab:i,controlId:n,activeClass:u})),[d,i,n]);return e.jsx(se,{value:f,children:e.jsx("div",{ref:c,id:n+"-tab-wrapper",className:"sg-tabs"+(s?" "+s:""),...l,children:r})})})),ae=t.forwardRef((({children:t,className:r,...s},n)=>{const{controlId:o,activeClass:a}=ne();return e.jsx("div",{onKeyDown:e=>(e=>{const t=e.key,r=document.getElementById(o+"-tab-controls");if(r){const s=Array.from(r.children);if("ArrowRight"===t||"ArrowLeft"===t){e.preventDefault();const r=document.querySelector(".sg-tabs-button."+a),n=s.indexOf(r),o="ArrowRight"===t?1:-1,l=n+o<0?s.length-1:n+o>=s.length?0:n+o;s[l].focus(),s[l].click()}else if("Home"===t||"End"===t){e.preventDefault();const r="Home"===t?0:s.length-1;s[r].focus(),s[r].click()}}})(e),role:"tablist",id:o+"-tab-controls",ref:n,className:"sg-tabs-controls"+(r?" "+r:""),...s,children:t})})),le=t.forwardRef((({children:t,className:r,onClick:s,tabId:n,id:o,...a},l)=>{const{activeTab:c,setActiveTab:d,activeClass:i}=ne(),u="sg-tabs-button"+(r?" "+r:"")+(c===n?" "+i:""),f=c===n;return e.jsx("button",{role:"tab",type:"button",id:n+"-button",ref:l,onClick:e=>(e=>{d(n),s&&s(e)})(e),className:u,...a,tabIndex:f?0:-1,"aria-selected":f?"true":"false","aria-controls":n+"-page",children:t})})),ce=t.forwardRef((({children:t,className:r,...s},n)=>e.jsx("div",{role:"none",ref:n,className:"sg-tabs-content"+(r?" "+r:""),...s,children:t}))),de=t.forwardRef((({children:t,className:r,tabId:s,...n},o)=>{const{activeTab:a,activeClass:l}=ne(),c="sg-tabs-page"+(r?" "+r:"")+(a===s?" "+l:"");return e.jsx("div",{role:"tabpanel",id:s+"-page","aria-labelledby":s+"-button",ref:o,className:c,...n,children:t})}));Object.assign(oe,{Controls:ae,Button:le,Content:ce,Page:de}),t.forwardRef((({children:r,toggled:s="false",onClick:n,...o},a)=>{const[l,c]=t.useState("true"===s);return e.jsx("button",{onClick:e=>(e=>{c((e=>!e)),n&&n(e)})(e),"data-toggled":l,...o,children:r})}));
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/Button/Button.tsx","../../src/components/Card/Card.tsx","../../src/components/CloseButton/CloseButton.tsx","../../src/components/Dropdown/Dropdown.tsx","../../src/components/Form/Form.tsx","../../src/components/FloatingLabel/FloatingLabel.tsx","../../src/components/InputGroup/InputGroup.tsx","../../src/components/Modal/Modal.tsx","../../src/components/NavBar/Navbar.tsx","../../src/components/Nav/Nav.tsx","../../src/components/NavDropdown/NavDropdown.tsx","../../src/components/Popout/Popout.tsx","../../src/components/Spinner/Spinner.tsx","../../src/components/Table/Table.tsx","../../src/components/Tabs/Tabs.tsx","../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\r\n\r\nimport {ButtonType} from \"./Button.types\"\r\n\r\nconst Button = forwardRef<HTMLButtonElement, ButtonType>( ({children, variant=\"primary\", className, ...rest}, ref) => {\r\n    //let variants = [\"primary\", \"secondary\", \"success\", \"info\", \"warning\", \"danger\", \"dark\", \"light\"] //[\"red\", \"blue\", \"yellow\", \"green\", \"purple\"]\r\n   // let variantTest = variants.find(variantTest => variantTest === variant) ? variant : \"primary\"\r\n    return(\r\n        <button ref={ref} type=\"button\" className={`sg-button sg-button-${variant}${className == undefined ? \"\" : \" \"+className}`} {...rest}>\r\n            {children}\r\n        </button>\r\n    )\r\n} )\r\n\r\nexport default Button\r\n","import React, { forwardRef } from \"react\"\r\n\r\nimport { CardBodyType, CardFooterType, CardHeaderType, CardTextType, CardType } from \"./Card.types\"\r\n\r\nconst Card = forwardRef<HTMLDivElement, CardType>( ({children, className, ...restProps}, ref) => {\r\n    /*\r\n    let subComponentList = Object.keys(Card);\r\n    let subComponents = []\r\n    let childs = children.length === undefined ? children :  children.filter(child => child != null && child != \"\")\r\n   \r\n    subComponentList.forEach((key) => {\r\n        React.Children.forEach(childs, (child) => (\r\n            child.type.name === key ? subComponents.push(child) : null\r\n        ))\r\n    })\r\n    if(subComponents.length === 0) {\r\n        subComponents = [childs]\r\n    }\r\n    */\r\n    //console.log(subComponents)\r\n\r\n    return (\r\n        <div ref={ref} className={\"sg-card\" + \" \" + className} {...restProps}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nconst Header = forwardRef<HTMLDivElement | HTMLHeadingElement | HTMLSpanElement, CardHeaderType>( ({as=\"div\", className, children, ...restProps}, ref) => {\r\n    let validAs = [\"div\", \"span\", \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]\r\n    let Component = validAs.find(valid => valid === as) ? as : \"div\"\r\n\r\n    return (\r\n        <Component ref={ref} className={`sg-card-header ${className}`} {...restProps}>\r\n            {children}\r\n        </Component>\r\n    )\r\n})\r\n\r\nconst Title = forwardRef<HTMLHeadingElement, CardHeaderType>(({as=\"h5\", className, children, ...restProps}, ref) => {\r\n    let validAs = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]\r\n    let Component = validAs.find(valid => valid === as) ? as : \"h5\"\r\n    return (\r\n        <Component ref={ref} className={className} {...restProps}>\r\n            {children}\r\n        </Component>\r\n    )\r\n})\r\n\r\nconst Body = forwardRef<HTMLDivElement, CardBodyType>( ({children, className, ...restProps}, ref) => {\r\n    /*\r\n    children = children.length ? children.filter(child => child != null && child != \"\") : children\r\n    let subComponents = []\r\n    React.Children.forEach(children, (child) => {\r\n        subComponents.push(child)\r\n    })\r\n    */\r\n    return (\r\n        <div ref={ref} className={`sg-card-body ${className}`} {...restProps}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nconst Text = forwardRef<HTMLParagraphElement, CardTextType>( ({children, className, ...restProps}, ref) => {\r\n    return (\r\n        <p ref={ref} className={`sg-card-text ${className}`} {...restProps}>\r\n            {children}\r\n        </p>\r\n    )\r\n})\r\n\r\nconst Footer = forwardRef<HTMLDivElement, CardFooterType>( ({children, className, ...restProps}, ref) => {\r\n    return (\r\n        <div ref={ref} className={`sg-card-footer ${className}`} {...restProps}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nexport default  Object.assign(Card, {\r\n    Header: Header,\r\n    Body: Body,\r\n    Title: Title,\r\n    Text: Text,\r\n    Footer: Footer\r\n})","import { forwardRef } from \"react\"\r\n\r\nimport { CloseButtonType } from \"./CloseButton.types\"\r\n\r\nconst CloseButton = forwardRef<HTMLButtonElement, CloseButtonType>( ({className, variant = false, ...restProps}, ref) => {\r\n    return (\r\n        <button ref={ref} className={`sg-button-close${variant ? \" sg-button-close-white\" : \"\"} ${className}`} {...restProps}>\r\n            <span className=\"sg-close-visually-hidden-label\">Close</span>\r\n        </button>\r\n    )\r\n})\r\n\r\nexport default CloseButton","import React, { createContext, forwardRef, useContext, useEffect, useLayoutEffect, useMemo, useState } from \"react\";\r\nimport { DropdownContextType, DropdownItemType, DropdownDividerType, DropdownMenuType, DropdownToggleType, DropdownType } from \"./Dropdown.types\";\r\n//automatic menu placement function\r\nconst getDropdownMenuPlacement = (alignEnd:boolean, dropDirection:string, isRTL:boolean=false) => {\r\n    const topStart = isRTL ? 'top-end' : 'top-start';\r\n    const topEnd = isRTL ? 'top-start' : 'top-end';\r\n    const bottomStart = isRTL ? 'bottom-end' : 'bottom-start';\r\n    const bottomEnd = isRTL ? 'bottom-start' : 'bottom-end';\r\n    const leftStart = isRTL ? 'right-start' : 'left-start';\r\n    const leftEnd = isRTL ? 'right-end' : 'left-end';\r\n    const rightStart = isRTL ? 'left-start' : 'right-start';\r\n    const rightEnd = isRTL ? 'left-end' : 'right-end';\r\n    let placement = alignEnd ? bottomEnd : bottomStart;\r\n    if (dropDirection === 'up') \r\n        {\r\n            placement = alignEnd ? topEnd : topStart\r\n        }\r\n    else if (dropDirection === 'end') {\r\n        placement = alignEnd ? rightEnd : rightStart\r\n    } else if (dropDirection === 'start') {\r\n        placement = alignEnd ? leftEnd : leftStart\r\n    } else if (dropDirection === 'down-centered') {\r\n        placement = 'bottom'\r\n    } else if (dropDirection === 'up-centered') {\r\n        placement = 'top'\r\n    }\r\n    return placement;\r\n}\r\n// is click event on the menu\r\nconst isEventOnMenu = (event:MouseEvent, controlId:string = \"\") => {\r\n    let element = event.target as HTMLElement\r\n    let condition = true\r\n    let eventIsOnMenu = false\r\n    while(condition) {\r\n        if(element.id != controlId+\"-menu\") {\r\n            element = element.parentElement as HTMLElement\r\n        }\r\n        else {\r\n            eventIsOnMenu = true\r\n            condition = false\r\n        }\r\n\r\n\r\n        if(element.id === \"root\") {\r\n            condition = false\r\n            eventIsOnMenu = false\r\n        }\r\n    }\r\n    return eventIsOnMenu\r\n}\r\n\r\nexport const DropdownContext = createContext<DropdownContextType | null>(null)\r\nexport const DropdownContextProvider = ({children, value}:{children: React.ReactNode, value:DropdownContextType}) => {\r\n    return (\r\n        <DropdownContext.Provider value={value}>\r\n            {children}\r\n        </DropdownContext.Provider>\r\n    )\r\n}\r\nexport const useDropdownContext = () => {\r\n    const context = useContext(DropdownContext)\r\n    if(!context) {\r\n        throw new Error(\r\n            \"useDropdownContext has to be used within DropdownContextProvider!\"\r\n        )\r\n    }\r\n    return context\r\n}\r\n\r\n\r\nconst Dropdown = forwardRef<HTMLDivElement, DropdownType>((\r\n        {\r\n            children, className, onSelect, onToggle, controlId,\r\n            drop=\"down\", align=\"start\", autoClose=true, show=\"default\", ...restProps\r\n        }, ref) => {\r\n    \r\n    const [showInternal, setShowInternal] = useState<boolean>(show === \"default\" ? false : show as boolean)\r\n\r\n    // this is an object like {index: string} because we need it to rerender even if the case is the same\r\n    // aka we use a \"next/previous\" case to navigate through the dropdown menu so need to rerender consecutive \"next\" cases\r\n    const [activeDescendant, setActiveDescendant] = useState<{case:string}>({case:\"\"})\r\n\r\n    const internalOnToggle = (event: MouseEvent) => {\r\n        event.stopPropagation()\r\n        setShowInternal(prev => !prev)\r\n    }\r\n\r\n    const alignEnd = align === \"end\"\r\n    const placement = getDropdownMenuPlacement(alignEnd, drop )\r\n    \r\n    const contextValue  = useMemo(() => ({\r\n        align, \r\n        drop, \r\n        showInternal: show != \"default\" && onToggle ? show as boolean : showInternal, \r\n        handleToggle: show != \"default\" && onToggle ? onToggle : internalOnToggle, \r\n        placement, \r\n        directionClasses: {\r\n            down: \"dropdown\",\r\n            'down-centered': `dropdown-center`,\r\n            up: 'dropup',\r\n            'up-centered': 'dropup-center dropup',\r\n            end: 'dropend',\r\n            start: 'dropstart'\r\n        },\r\n        controlId: controlId, \r\n        activeDescendant, \r\n        setActiveDescendant\r\n    }), [align, drop, show, showInternal, onToggle, placement, controlId, activeDescendant, setActiveDescendant])\r\n    \r\n    return (\r\n        <div id={controlId+\"-wrapper\"} ref={ref} className={`sg-dropdown${className? \" \"+className:\"\"}`} {...restProps} >\r\n            <DropdownContextProvider value={contextValue}>\r\n                {children}\r\n            </DropdownContextProvider>\r\n        </div>\r\n    )\r\n})\r\n\r\n\r\nexport const Toggle = forwardRef<HTMLAnchorElement | HTMLButtonElement, DropdownToggleType>( ({children, className, navDropdown=false, as=\"button\", variant=\"primary\", ...restProps}, ref) => {\r\n    const { controlId, handleToggle, setActiveDescendant, showInternal } = useDropdownContext()\r\n    const Component = as\r\n    const handleKeyPress = (event: KeyboardEvent) => {\r\n        let flag = false\r\n        console.log(event.key)\r\n        switch (event.key) {\r\n            case \"ArrowDown\":\r\n                flag = true\r\n                if(showInternal) {\r\n                    setActiveDescendant(prev => ({...prev, case:\"next\"}))\r\n                }\r\n                else {\r\n                    handleToggle(event)\r\n                    setActiveDescendant(prev => ({...prev, case:\"first\"}))\r\n                }\r\n                break\r\n            case \"ArrowUp\":\r\n                flag = true\r\n                if(showInternal) {\r\n                    setActiveDescendant(prev => ({...prev, case:\"previous\"}))\r\n                } else {\r\n                    handleToggle(event)\r\n                    setActiveDescendant(prev => ({...prev, case:\"last\"}))\r\n                }\r\n                break\r\n            case \"Home\":\r\n                flag = true\r\n                if(showInternal) {\r\n                    setActiveDescendant(prev => ({...prev, case:\"first\"}))\r\n                }\r\n                break\r\n            case \"End\":\r\n                flag = true\r\n                if(showInternal) {\r\n                    setActiveDescendant(prev => ({...prev, case:\"last\"}))\r\n                }\r\n                break\r\n            case \"Tab\":\r\n                if(showInternal) {\r\n                    handleToggle(event)\r\n                }\r\n                break\r\n            case \"Escape\":\r\n                flag = true\r\n                if(showInternal) {\r\n                    handleToggle(event)\r\n                }\r\n                break\r\n            case \"Enter\":\r\n            case \" \":\r\n                if(showInternal) {\r\n                    flag = true\r\n                    const activeElement = document.querySelector(\".sg-dropdown-item-visual-focus\") as HTMLElement\r\n                    activeElement.click()\r\n                    handleToggle(event)\r\n                    break\r\n                }\r\n                else {\r\n                    setActiveDescendant(prev => ({...prev, case:\"first\"}))\r\n                    break\r\n                }\r\n        }\r\n        if(flag) {\r\n            event.stopPropagation()\r\n            event.preventDefault()\r\n        }\r\n    }\r\n    const handleClick = (event: MouseEvent) => {\r\n        if(!showInternal) return\r\n        if((event.target as HTMLElement).id === controlId) return\r\n\r\n        if(!isEventOnMenu(event, controlId)) {\r\n            handleToggle(event)\r\n        }\r\n        else if(isEventOnMenu(event, controlId)) {\r\n            handleToggle(event)\r\n            const toggleElement: HTMLElement | null = document.getElementById(controlId)\r\n            toggleElement?.focus()\r\n        }\r\n    }\r\n    useEffect(() => {\r\n        const toggleElement: HTMLElement = document.getElementById(controlId) as HTMLElement\r\n        toggleElement.addEventListener(\"keydown\", handleKeyPress, true)\r\n        document.addEventListener(\"mouseup\", handleClick, true)\r\n        return function cleanup() {\r\n            toggleElement.removeEventListener(\"keydown\", handleKeyPress, true)\r\n            document.removeEventListener(\"mouseup\", handleClick, true)\r\n        }\r\n    }, [handleKeyPress, controlId])\r\n\r\n    const toggleButtonClick = (event: MouseEvent) => {\r\n        handleToggle(event)\r\n        if(!showInternal) {\r\n            setActiveDescendant(prev => ({...prev, case:\"first\"}))\r\n        }\r\n    }\r\n    let classNamesComputed = `sg-button sg-button${variant ? \"-\"+variant:\"-primary\"} sg-dropdown-toggle${className ? \" \"+className:\"\"}`\r\n    if (Component === \"a\" || navDropdown) {\r\n        classNamesComputed = `sg-nav-dropdown-toggle sg-dropdown-toggle${className ? \" \"+className:\"\"}`\r\n    }\r\n    return (\r\n        <Component tabIndex=\"0\" type=\"button\" aria-haspopup=\"true\" aria-controls={controlId+\"-menu\"} aria-expanded={showInternal} id={controlId}\r\n            ref={ref} className={classNamesComputed} \r\n            onClick={(event: MouseEvent) => toggleButtonClick(event)} {...restProps}\r\n        >\r\n            {children}\r\n        </Component>\r\n    )\r\n})\r\n\r\n\r\nexport const Menu = forwardRef<HTMLUListElement, DropdownMenuType>( ({children, className, style = {}, ...restProps}, ref) => {\r\n    const { controlId, showInternal, activeDescendant } = useDropdownContext()\r\n    const [ computedStyle, setComputedStyle ] = useState(style)\r\n    useLayoutEffect(() => {\r\n        if(showInternal) {\r\n            const menu = document.getElementById(controlId+\"-menu\") as HTMLElement\r\n            let tempComputedStyle = {}\r\n            if(menu.getBoundingClientRect().right > window.innerWidth) {\r\n                tempComputedStyle = {...tempComputedStyle, right:0}\r\n            } else if(menu.getBoundingClientRect().left < 0) {\r\n                tempComputedStyle = {...tempComputedStyle, left:0}\r\n            } else if(menu.getBoundingClientRect().top < 0) {\r\n                tempComputedStyle = {...tempComputedStyle, top:0}\r\n            } else if(menu.getBoundingClientRect().bottom > window.innerHeight) {\r\n                tempComputedStyle = {...tempComputedStyle, bottom:0}\r\n            }\r\n            setComputedStyle(prev => ({...prev, ...tempComputedStyle}))\r\n        }\r\n    }, [showInternal])\r\n    \r\n    useEffect(() => {\r\n        if(showInternal) {\r\n            const menu = document.getElementById(controlId+\"-menu\") as HTMLElement\r\n            const menuChildren = document.getElementById(controlId+\"-menu\")!.children\r\n            const menuChildrenLast = menuChildren.length - 1\r\n            const elementWithVisualFocus = document.querySelector(\".sg-dropdown-item-visual-focus\")\r\n            let currentIndex = 0, currentChild = menuChildren[0].children[0]\r\n            if(elementWithVisualFocus != null) {\r\n                elementWithVisualFocus.classList.remove(\"sg-dropdown-item-visual-focus\")\r\n                for(let i=0; i<menuChildren.length; i++) {\r\n                    if(menuChildren[i] === elementWithVisualFocus.parentElement) {\r\n                        currentIndex = i\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n            switch (activeDescendant.case) {\r\n                case \"first\":\r\n                    currentChild = menuChildren[0].children[0]\r\n                    currentIndex = 0\r\n                    break\r\n                case \"last\":\r\n                    currentChild = menuChildren[menuChildrenLast].children[0]\r\n                    currentIndex = menuChildrenLast\r\n                    break\r\n                case \"next\":\r\n                    currentIndex = currentIndex === menuChildrenLast ? 0 : currentIndex + 1\r\n                    currentChild = menuChildren[currentIndex].children[0]\r\n                    break\r\n                case \"previous\":\r\n                    currentIndex = currentIndex === 0 ? menuChildrenLast : currentIndex - 1\r\n                    currentChild = menuChildren[currentIndex].children[0]\r\n                    break\r\n            }\r\n            menu.setAttribute(\"aria-activedescendant\", currentChild.id)\r\n            menuChildren[currentIndex].children[0].classList.add(\"sg-dropdown-item-visual-focus\")\r\n        } else {\r\n            const menu = document.getElementById(controlId+\"-menu\") as HTMLElement\r\n            menu.setAttribute(\"aria-activedescendant\", \"\")\r\n        }\r\n    }, [controlId, showInternal, activeDescendant])\r\n\r\n    const handleMouseOver = (event: MouseEvent) => {\r\n        const target = event.target as HTMLElement\r\n        let active=target.classList.contains(\"sg-dropdown-item-visual-focus\")\r\n        const menu = document.getElementById(controlId+\"-menu\") as HTMLElement\r\n        if(active) {\r\n            return\r\n        } else {\r\n            document.querySelector(\".sg-dropdown-item-visual-focus\")?.classList.remove(\"sg-dropdown-item-visual-focus\")\r\n            menu.setAttribute(\"aria-activedescendant\", \"\")\r\n            target.classList.add(\"sg-dropdown-item-visual-focus\")\r\n            menu.setAttribute(\"aria-activedescendant\", target.id)\r\n        }\r\n    }\r\n    useEffect(() => {\r\n        const menu = document.getElementById(controlId+\"-menu\") as HTMLElement\r\n        for (let child of menu.children) {\r\n            (child as HTMLElement).addEventListener(\"mouseover\", handleMouseOver, true)\r\n        }\r\n        return function cleanup() {\r\n            for (let child of menu.children) {\r\n                (child as HTMLElement).removeEventListener(\"mouseover\", handleMouseOver, true)\r\n            }\r\n        }\r\n    }, [])\r\n    return (\r\n        <ul id={controlId+\"-menu\"} role=\"menu\" tabIndex={-1} aria-labelledby={controlId} \r\n            ref={ref} className={`sg-dropdown-list${className ? \" \"+className:\"\"}${showInternal ? \" show\":\"\"}`}\r\n            style={computedStyle} {...restProps}\r\n        >\r\n            {children}\r\n        </ul>\r\n    )\r\n})\r\n\r\n\r\nexport const Item = forwardRef<HTMLAnchorElement | HTMLButtonElement, DropdownItemType>( ({children, as=\"button\", className, ...restProps}, ref) => {\r\n    const Component = as\r\n    return (\r\n        <li role=\"none\">\r\n            <Component ref={ref} role=\"menuitem\" tabIndex=\"-1\" className={`sg-dropdown-item${className ? \" \"+className:\"\"}`} {...restProps}>\r\n                {children}\r\n            </Component >\r\n        </li>\r\n    )\r\n})\r\n\r\nexport const Divider = forwardRef<HTMLHRElement, DropdownDividerType>( ({className=\"\", ...restProps}, ref) => {\r\n    return (\r\n        <hr ref={ref} className={`.sg-dropdown-divider${className}`} {...restProps}></hr>\r\n    )\r\n})\r\n\r\nexport default  Object.assign(Dropdown, {\r\n    Toggle: Toggle,\r\n    Menu: Menu,\r\n    Item: Item,\r\n    //Text: Text,\r\n    Divider: Divider\r\n})","import React, { forwardRef, useContext, createContext, useMemo } from \"react\";\r\n\r\nimport { FormCheckType, FormContextType, FormControlType, FormGroupType, FormLabelType, FormSelectType, FormTextType, FormType } from \"./Form.types\";\r\n\r\nexport const FormContext = createContext<FormContextType | null>(null)\r\nexport const FormContextProvider = ({children, value} : {children: React.ReactNode, value:FormContextType}) => {\r\n    return (\r\n        <FormContext.Provider value={value}>\r\n            {children}\r\n        </FormContext.Provider>\r\n    )\r\n}\r\nexport const useFormContext = () => {\r\n    const context = useContext(FormContext)\r\n    if(!context) {\r\n        throw new Error(\r\n            \"useFormContext has to be used within a FormContextProvider!\"\r\n        )\r\n    }\r\n    return context\r\n}\r\n\r\n\r\nconst Form = forwardRef<HTMLFormElement, FormType>(({children, ...restProps}, ref) => {\r\n    return (\r\n        <form ref={ref} {...restProps}>\r\n            {children}\r\n        </form>\r\n    )\r\n})\r\n\r\n\r\nconst Control = forwardRef<HTMLInputElement, FormControlType>( (\r\n        {as = \"input\", className = \"\", plaintext = false, id=\"\", type = \"text\", autoFocus=false, ...restProps}, ref\r\n) => {\r\n    let Component = as\r\n\r\n    const { controlId } = useFormContext()\r\n\r\n    let elementId = controlId || id\r\n\r\n    let computedClassName = (plaintext ? \"sg-form-control-plaintext\" : \"sg-form-control\") + (className != \"\" ? \" \"+className : \"\") + (type == \"color\" ? \" sg-form-control-color\" : \"\")\r\n\r\n    return (\r\n        <Component autoFocus={autoFocus} ref={ref} id={elementId} type={type} className={computedClassName} {...restProps} />\r\n    )\r\n})\r\n\r\n\r\nconst Select = forwardRef<HTMLSelectElement, FormSelectType>( ({children, className, id, ...restProps}, ref) => {\r\n    const { controlId } = useFormContext()\r\n\r\n    let elementId = controlId ? controlId : id\r\n\r\n    return (\r\n        <select ref={ref} className={`sg-form-select${className ? \" \"+className : \"\"}`} id={elementId} {...restProps}>\r\n            {children}\r\n        </select>\r\n    )\r\n})\r\n\r\n\r\nconst Group = forwardRef<HTMLDivElement, FormGroupType>( ({children, className, controlId, ...restProps}, ref) => {\r\n    const context = useMemo(() => {\r\n        return {controlId: controlId}\r\n    }, [controlId])\r\n    return (\r\n        <div ref={ref} className={`sg-from-group${className ? \" \"+className : \"\"}`} {...restProps}>\r\n            <FormContextProvider value={context}>\r\n                {children}\r\n            </FormContextProvider>\r\n        </div>\r\n    )\r\n})\r\n\r\n \r\nconst Label = forwardRef<HTMLLabelElement, FormLabelType>( ({children, className, htmlFor}, ref) => {\r\n    const { controlId } = useFormContext()\r\n\r\n    let elementHtmlFor = htmlFor ? htmlFor : controlId\r\n    return (\r\n        <label ref={ref} htmlFor={elementHtmlFor} className={`sg-form-label${className ? \" \"+className : \"\"}`}>\r\n            {children}\r\n        </label>\r\n    )\r\n})\r\n\r\n// <Form.Check className=\"mb-3\" type=\"checkbox\" id=\"remember me checkbox\" label=\"Remember me\" onChange={event => handleChange(event, \"remember\")}/>\r\nconst Check = forwardRef<HTMLInputElement, FormCheckType>( ({ \r\n        classNameContainer, containerRef, containerId, style,\r\n        classNameLabel, labelRef, label, labelId,\r\n        className, type, id, controlId, reverse=false, checkStyle, ...restProps \r\n    } , ref) => {\r\n    \r\n    let elementId = controlId ? controlId : id\r\n    let typeComputed = type === \"switch\" ? \"checkbox\" :  type\r\n\r\n    return (\r\n        <div ref={containerRef} id={containerId} style={style} className={`sg-form-check${reverse ? \"-reverse\":\"\"}${classNameContainer ? \" \"+classNameContainer : \"\"}${type === \"switch\" ? \" sg-form-switch\":\"\"}`}>\r\n            {reverse ?\r\n                <>\r\n                    <input ref={ref} type={typeComputed} id={elementId} className={`sg-form-check-input${className ? \" \"+className : \"\"}`} {...restProps} />\r\n                    <label ref={labelRef} id={labelId} htmlFor={elementId}className={`sg-form-check-label${classNameLabel ? \" \"+classNameLabel : \"\"}`}>{label}</label>\r\n                </> :\r\n                <>\r\n                    <label ref={labelRef} id={labelId} htmlFor={elementId}className={`sg-form-check-label${classNameLabel ? \" \"+classNameLabel : \"\"}`}>{label}</label>\r\n                    <input ref={ref} type={typeComputed} id={elementId} className={`sg-form-check-input${className ? \" \"+className : \"\"}`} style={checkStyle} {...restProps} />\r\n                </>\r\n            }\r\n        </div>\r\n    )\r\n})\r\n\r\nconst Text = forwardRef<HTMLElement, FormTextType>( ({children, className, ...restProps}, ref) => {\r\n    return (\r\n        <small ref={ref} className={`sg-form-text${className ? \" \"+className:\"\"}`} {...restProps}>\r\n            {children}\r\n        </small>\r\n    )\r\n})\r\n\r\nexport default  Object.assign(Form, {\r\n    Control: Control,\r\n    Select: Select,\r\n    Group: Group,\r\n    Label: Label,\r\n    Check: Check,\r\n    Text: Text\r\n})","import { forwardRef, useMemo } from \"react\";\r\n\r\nimport { FormContextProvider } from \"../Form/Form\";\r\nimport { FormContextType } from \"../Form/Form.types\";\r\nimport { FloatingLabelType } from \"./FloatingLabel.types\";\r\n\r\nconst FloatingLabel = forwardRef<HTMLLabelElement, FloatingLabelType>( ({children, label, controlId, className, htmlFor,...restProps}, ref) => {\r\n    const context = useMemo<FormContextType>(() => {\r\n        return {controlId: controlId}\r\n    }, [controlId])\r\n    return (\r\n        <FormContextProvider value={context} >\r\n            <div className={`sg-form-floating`}>\r\n                {children}\r\n                <label ref={ref} htmlFor={controlId} className=\"sg-form-floating-label\" {...restProps}>{label}</label>\r\n            </div>\r\n        </FormContextProvider>\r\n    )\r\n})\r\n\r\nexport default FloatingLabel","import { forwardRef } from \"react\"\r\n\r\nimport { InputGroupText, InputGroupType } from \"./InputGroup.types\"\r\n\r\nconst InputGroup = forwardRef<HTMLDivElement, InputGroupType>(({children, className,  ...restProps}, ref) => {\r\n    return (\r\n        <div ref={ref} className={`sg-input-group${className ? \" \"+className : \"\"}`} {...restProps}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nconst Text = forwardRef<HTMLSpanElement, InputGroupText>( ({children, className, ...restProps}, ref) => {\r\n    return (\r\n        <span ref={ref} className={`sg-input-group-text${className ? \" \"+className : \"\"}`} {...restProps}>\r\n            {children}\r\n        </span>\r\n    )\r\n})\r\n\r\nexport default  Object.assign(InputGroup, {\r\n    Text: Text\r\n})","import React, { createContext, useContext, useEffect, useState, forwardRef, useRef } from \"react\"\r\nimport { createPortal } from \"react-dom\"\r\n\r\nimport { ModalBodyType, ModalContextType, ModalFooterType, ModalHeaderType, ModalTitleType, ModalType, ErrorModalType } from \"./Modal.types\"\r\n\r\nimport CloseButton from \"../CloseButton/CloseButton\"\r\nimport Button from \"../Button/Button\"\r\n\r\nconst ModalContext = createContext<ModalContextType>(null)\r\nconst ModalContextProvider = ({children, value}:{children:React.ReactNode, value:ModalContextType}) => {\r\n    return (\r\n        <ModalContext.Provider value={value}>\r\n            {children}\r\n        </ModalContext.Provider>\r\n    )\r\n}\r\nconst useModalContext = () => {\r\n    const context = useContext(ModalContext)\r\n    if(!context) {\r\n        throw new Error(\r\n            \"useModalContext has to be used within ModalContextProvider!\"\r\n        )\r\n    }\r\n    return context\r\n}\r\n\r\nconst Modal = ({ children,  centered=false, size = \"md\",  show,  backdrop = \"static\",  onHide, className, id, ...restProps \r\n    }: ModalType) => {\r\n    const [showModal, setShowModal] = useState<boolean>(show)\r\n    useEffect(() => {\r\n        setShowModal(show)\r\n    }, [show])\r\n\r\n    const modalRef = useRef<HTMLDialogElement>(null)\r\n    useKeepElementFocused(modalRef)\r\n\r\n    let typeCheck : {show: boolean, onHide: boolean} | undefined = typeof(show) === \"boolean\" && typeof(onHide) === \"function\" ? undefined : {show: typeof(show) === \"boolean\", onHide: typeof(onHide) === \"function\"}\r\n    if(typeCheck) {\r\n        console.error(\r\n            !typeCheck.show ? \"The variable 'show' must be used and must be a boolean used to decide when to show the modal!\" : null,\r\n            !typeCheck.onHide ? \"The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!\" : null\r\n        )\r\n    }\r\n\r\n    const closeModal = () => {\r\n        if(onHide) {\r\n            onHide()\r\n        }\r\n        setShowModal(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        const modal = modalRef.current\r\n        \r\n        if(!modal) return\r\n        if(showModal) {\r\n            modal.classList.remove('close')\r\n            modal.showModal()\r\n        }\r\n        else {\r\n            modal.close()\r\n        }\r\n    }, [showModal])\r\n\r\n    let classNameComputed: string = `sg-modal-tag sg-modal-${size}`\r\n    if(className) {\r\n        classNameComputed += \" \"+className\r\n    }\r\n    if(backdrop === \"static\" || backdrop === \"true\") {\r\n        classNameComputed += \" sg-modal-static\"\r\n    }\r\n\r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDialogElement>) => {\r\n        const key: string = event.key\r\n        if(key != \"Escape\") {return}\r\n            \r\n        event.preventDefault()\r\n        const modal = modalRef.current!\r\n        modal.classList.add(\"close\")\r\n        modal.addEventListener('animationend', () => {\r\n            closeModal(); // then run the default close method\r\n          }, {once : true});\r\n    }\r\n\r\n    return (\r\n            createPortal(\r\n                <dialog ref={modalRef} className={classNameComputed} onKeyDown={(event) => handleKeyDown(event)} {...restProps }>\r\n                    <ModalContextProvider value={onHide}>\r\n                        {!typeCheck ?\r\n                            children :\r\n                            <ErrorModal typeCheck={typeCheck} closeModal={closeModal}/>\r\n                        }\r\n                    </ModalContextProvider>\r\n                </dialog>\r\n            , document.body)\r\n    )\r\n}\r\n\r\nconst Header = forwardRef<HTMLDivElement | HTMLSpanElement | HTMLHeadingElement, ModalHeaderType>(({children, as=\"\", className = \"\", closeButton = false, onClick, ...restProps}, ref) => {\r\n    let validAs = [\"div\", \"span\", \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]\r\n    let Component = validAs.find(valid => valid === as) ? as : \"div\"\r\n    const onHide = useModalContext()\r\n    const onCloseButtonClick = (event: React.MouseEvent) => {\r\n        if(onClick) {\r\n            onClick(event)\r\n        }\r\n        onHide()\r\n    }\r\n\r\n    return (\r\n        <Component ref={ref} className={`sg-modal-header ${className}`} {...restProps}>\r\n            {children}\r\n            {closeButton ? <CloseButton variant onClick={event => onCloseButtonClick(event)}/> : null}\r\n        </Component>\r\n    )\r\n})\r\n\r\nconst Title = forwardRef<HTMLDivElement | HTMLSpanElement | HTMLHeadingElement, ModalTitleType>( ({children, as=\"h4\", className, ...restProps}, ref) => {\r\n    let validAs = [\"div\", \"span\", \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]\r\n    let Component = validAs.find(valid => valid === as) ? as : \"h4\"\r\n    return (\r\n        <Component ref={ref} className={`sg-modal-title ${className}`} {...restProps}>\r\n            {children}\r\n        </Component>\r\n    )\r\n})\r\n\r\nconst Body = forwardRef<HTMLDivElement, ModalBodyType>( ({children, className, ...restProps}, ref) => {\r\n    return (\r\n        <div ref={ref} className={`sg-modal-body ${className}`} {...restProps}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nconst Footer = forwardRef<HTMLDivElement, ModalBodyType>( ({children, className, ...restProps}, ref) => {\r\n    return (\r\n        <div ref={ref} className={`sg-modal-footer ${className}`} {...restProps}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nexport default  Object.assign(Modal, {\r\n    Header: Header,\r\n    Title: Title,\r\n    Body: Body,\r\n    Footer: Footer\r\n})\r\n\r\nexport const useKeepElementFocused = function (elementRef: React.RefObject<HTMLDialogElement>) {\r\n    useEffect(() => {\r\n        const onKeyDown  = (event: KeyboardEvent) => {\r\n            const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n            const modal = elementRef.current\r\n            if(modal) {\r\n                const firstFocusableElement = modal.querySelectorAll(focusableElements)[0] as HTMLElement\r\n                const focusableContent = modal.querySelectorAll(focusableElements)\r\n                const lastFocusableElement = focusableContent[focusableContent.length - 1] as HTMLElement\r\n                let isTabPressed = event.key === 'Tab'\r\n        \r\n                if (!isTabPressed) {\r\n                    return;\r\n                }\r\n        \r\n                if (event.shiftKey) {\r\n                    if (document.activeElement === firstFocusableElement) {\r\n                        lastFocusableElement.focus()\r\n                        event.preventDefault()\r\n                    }\r\n                } else if (document.activeElement === lastFocusableElement) {\r\n                    firstFocusableElement.focus();\r\n                    event.preventDefault()\r\n                }\r\n            }\r\n        }\r\n        document.addEventListener('keydown', onKeyDown, true )\r\n\r\n        return function cleanup() {\r\n            document.removeEventListener('keydown', onKeyDown, true )\r\n        }\r\n    }, [elementRef])\r\n}\r\n\r\nconst ErrorModal = ({typeCheck, closeModal}:ErrorModalType) => {\r\n    return (\r\n        <>\r\n            <Header closeButton >\r\n                <Title>\r\n                    An Error ocurred!\r\n                </Title>\r\n            </Header>\r\n            <Body>\r\n                <p>\r\n                    {!typeCheck.show ? \"The variable 'show' must be used and must be a boolean used to decide when to show the modal!\" : null}\r\n                    {!typeCheck.onHide ? \"The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!\" : null}\r\n                </p>\r\n            </Body>\r\n            <Footer>\r\n                <Button variant=\"danger\" type=\"button\" onClick={() => closeModal()}>\r\n                    Close\r\n                </Button>\r\n            </Footer>\r\n        </>\r\n    )\r\n}","import React, { createContext, forwardRef, useContext, useMemo } from \"react\";\r\n\r\nimport { NavbarBrandType, NavbarTextType, NavbarType } from \"./Navbar.types\";\r\n\r\nexport type NavbarContextType = string | null\r\nexport const NavbarContext = createContext<NavbarContextType>(null)\r\n\r\nconst NavbarContextProvider = ({children, value}:{children:React.ReactNode, value:NavbarContextType}) => {\r\n    return (\r\n        <NavbarContext.Provider value={value}>\r\n            {children}\r\n        </NavbarContext.Provider>\r\n    )\r\n}\r\nexport const useNavbarContext = () => {\r\n    const context = useContext(NavbarContext)\r\n    return context\r\n}\r\n\r\nconst Navbar = forwardRef<HTMLElement, NavbarType>(({children, className, navbarPrefix= \"sg-navbar-\", ...restProps}, ref) => {\r\n    const navbarContext = useMemo(() => {\r\n        return navbarPrefix\r\n    }, [navbarPrefix])\r\n\r\n    return (\r\n        <nav ref={ref} className={`sg-navbar${className ? \" \"+className:\"\"}`} {...restProps}>\r\n            <NavbarContextProvider value={navbarContext}>\r\n                {children}\r\n            </NavbarContextProvider>\r\n        </nav>\r\n    )\r\n})\r\n\r\nconst Brand = forwardRef<HTMLAnchorElement | HTMLElement, NavbarBrandType>( ({children, className, href=\"#\", as=\"a\", ...restProps}, ref) => {\r\n    const Component = as || (href && as != \"Link\" ? 'a' : 'span')\r\n    return (\r\n        <Component ref={ref} href={href} className={`sg-navbar-brand${className ? \" \"+className:\"\"}`} {...restProps} >\r\n            {children}\r\n        </Component>\r\n    )\r\n})\r\n\r\nconst Text = forwardRef<HTMLElement, NavbarTextType>( ({children, className, as=\"span\", ...restProps}, ref) => {\r\n    const Component = as\r\n    return (\r\n        <Component ref={ref} className={`sg-navbar-text${className ? \" \"+className:\"\"}`} {...restProps}>\r\n            {children}\r\n        </Component>\r\n    )\r\n})\r\n\r\nexport default  Object.assign(Navbar, {\r\n    Brand: Brand,\r\n    Text: Text\r\n})","import React, { forwardRef } from \"react\";\r\n\r\nimport { NavType, NavItemType, NavLinkType } from \"./Nav.types\";\r\n\r\nimport { useNavbarContext } from \"../NavBar/Navbar\";\r\n\r\nconst Nav = forwardRef<HTMLElement, NavType>(({children, className, as=\"ul\", ...restProps}, ref) => {\r\n    const Component = as\r\n    const navbarContext = useNavbarContext()\r\n    const navbarPrefix = navbarContext ? navbarContext : \"sg-navbar-\"\r\n\r\n    return (\r\n        <Component ref={ref} className={`${className} ${navbarPrefix}nav`} {...restProps}>\r\n            {children}\r\n        </Component>\r\n    )\r\n})\r\n\r\n\r\nconst Item = forwardRef<HTMLElement, NavItemType>( ({children, className, as=\"li\", ...restProps}, ref) => {\r\n    const Component = as\r\n    return (\r\n        <Component role=\"none\" ref={ref} className={`sg-nav-item${className ? \" \"+className:\"\"}`} {...restProps}>\r\n            {children}\r\n        </Component>\r\n    )\r\n})\r\n\r\n\r\nconst Link = forwardRef<HTMLElement, NavLinkType>( ({children, className, as=\"a\", ...restProps}, ref) => {\r\n    const Component = as\r\n    return (\r\n        <Component role=\"menuitem\" ref={ref} className={`sg-nav-link${className ? \" \"+className:\"\"}`} {...restProps}>\r\n            {children}\r\n        </Component>\r\n    )\r\n})\r\n\r\nexport default  Object.assign(Nav, {\r\n    Item: Item,\r\n    Link: Link\r\n})","import { forwardRef, useCallback, useMemo, useState } from \"react\";\r\n\r\nimport { NavDropdownType } from \"./NavDropdown.types\";\r\n\r\nimport Dropdown, { DropdownContextProvider } from \"../Dropdown/Dropdown\";\r\n\r\nconst getDropdownMenuPlacement = (alignEnd: boolean, dropDirection: string, isRTL:boolean = false) => {\r\n    const topStart = isRTL ? 'top-end' : 'top-start';\r\n    const topEnd = isRTL ? 'top-start' : 'top-end';\r\n    const bottomStart = isRTL ? 'bottom-end' : 'bottom-start';\r\n    const bottomEnd = isRTL ? 'bottom-start' : 'bottom-end';\r\n    const leftStart = isRTL ? 'right-start' : 'left-start';\r\n    const leftEnd = isRTL ? 'right-end' : 'left-end';\r\n    const rightStart = isRTL ? 'left-start' : 'right-start';\r\n    const rightEnd = isRTL ? 'left-end' : 'right-end';\r\n    let placement = alignEnd ? bottomEnd : bottomStart;\r\n    if (dropDirection === 'up') \r\n        {\r\n            placement = alignEnd ? topEnd : topStart\r\n        }\r\n    else if (dropDirection === 'end') {\r\n        placement = alignEnd ? rightEnd : rightStart\r\n    } else if (dropDirection === 'start') {\r\n        placement = alignEnd ? leftEnd : leftStart\r\n    } else if (dropDirection === 'down-centered') {\r\n        placement = 'bottom'\r\n    } else if (dropDirection === 'up-centered') {\r\n        placement = 'top'\r\n    }\r\n    return placement;\r\n}\r\n\r\nconst NavDropdown = forwardRef<HTMLDivElement, NavDropdownType>((\r\n        {\r\n            children, className, onSelect, onToggle, controlId, toggleProps, title, menuProps,\r\n            drop=\"down\", align=\"start\", autoClose=true, show=\"default\", ...restProps\r\n        }, ref) => {\r\n    const [showInternal, setShowInternal] = useState<boolean>(show === \"default\" ? false : show as boolean)\r\n    const [activeDescendant, setActiveDescendant] = useState({case:\"\"})\r\n\r\n    const internalOnToggle = useCallback((event: MouseEvent) => {\r\n        event.stopPropagation()\r\n        setShowInternal(prev => !prev)\r\n    }, [])\r\n\r\n    const alignEnd = align === \"end\"\r\n    const placement = getDropdownMenuPlacement(alignEnd, drop )\r\n\r\n    const directionClasses = {\r\n        down: \"dropdown\",\r\n        'down-centered': `dropdown-center`,\r\n        up: 'dropup',\r\n        'up-centered': 'dropup-center dropup',\r\n        end: 'dropend',\r\n        start: 'dropstart'\r\n    };\r\n    const controlIdcomputed = controlId\r\n    const contextValue  = useMemo(() => ({\r\n        align, \r\n        drop, \r\n        showInternal: show != \"default\" && onToggle ? show as boolean : showInternal, \r\n        handleToggle: show != \"default\" && onToggle ? onToggle : internalOnToggle, \r\n        placement, \r\n        directionClasses: {\r\n            down: \"dropdown\",\r\n            'down-centered': `dropdown-center`,\r\n            up: 'dropup',\r\n            'up-centered': 'dropup-center dropup',\r\n            end: 'dropend',\r\n            start: 'dropstart'\r\n        },\r\n        controlId: controlIdcomputed, \r\n        activeDescendant, \r\n        setActiveDescendant\r\n    }), [align, drop, show, showInternal, onToggle, internalOnToggle, placement, directionClasses, controlId, activeDescendant, setActiveDescendant])\r\n    \r\n    return (\r\n        <div ref={ref} id={controlId+\"-wrapper\"} className={`sg-dropdown${className? \" \"+className:\"\"} sg-nav-item`} {...restProps} >\r\n            <DropdownContextProvider value={contextValue}>\r\n                <Dropdown.Toggle navDropdown={true} {...toggleProps}>\r\n                    {title}\r\n                </Dropdown.Toggle>\r\n                <Dropdown.Menu {...menuProps}>\r\n                    {children}\r\n                </Dropdown.Menu>\r\n            </DropdownContextProvider>\r\n        </div>\r\n    )\r\n})\r\n\r\nexport default  Object.assign(NavDropdown, {\r\n    Toggle: Dropdown.Toggle,\r\n    Menu: Dropdown.Menu,\r\n    Item: Dropdown.Item,\r\n    Divider: Dropdown.Divider\r\n})","import { createPortal } from \"react-dom\";\r\nimport React, { forwardRef, useEffect, useRef, useState } from \"react\";\r\n\r\nimport { PopoutType, PopoutBodyType, PopoutFooterType, PopoutHeaderType, PopoutTextType, PopoutTitleType } from \"./Popout.types\";\r\n/*\r\nexport const useEventListener = (eventType: keyof HTMLElementEventMap, callback: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions | undefined, customOptions: {element: HTMLElement}) => {\r\n    const element = customOptions ? customOptions.element : document.body\r\n    useEffect(() => {\r\n        if(element) {\r\n            element.addEventListener(eventType, callback, options)\r\n            return function cleanup() {\r\n                element.removeEventListener(eventType, callback, options)\r\n            }\r\n        }\r\n    }, [callback, element])\r\n}\r\n*/\r\n\r\nconst Popout = forwardRef<HTMLDialogElement, PopoutType>(({children, initialPosition={top:0, left:0}, id, resize=false, move=false, className, style, ...restProps}, ref) => {\r\n    const [coordinates, setCoordinates] = useState<{ top?: number, bottom?: number, right?: number, left?: number, offSetTop:number, offSetLeft:number }>({offSetTop:0, offSetLeft:0, ...initialPosition})\r\n    const resizeComputed = resize ? \"true\":\"false\"\r\n    const moveComputed = move ? \"true\":\"false\"\r\n    \r\n    const passedRef = useRef(ref)\r\n    const popupRef = useRef<HTMLDialogElement>(null)\r\n    const [ isMouseDown, setIsMouseDown ] = useState<boolean>(false)\r\n    const isMouseDownRef = useRef(isMouseDown)\r\n    useEffect(() => {\r\n        isMouseDownRef.current = isMouseDown\r\n    }, [isMouseDown])\r\n\r\n    const onMouseDown = (event: React.PointerEvent<HTMLDialogElement>) => {\r\n        const eventTarget = event.target as HTMLElement\r\n        if(move && eventTarget.className.includes(\"sg-popout-title\") || eventTarget.className.includes(\"sg-popout-header\")) {\r\n            const { top, left} = popupRef.current!.getBoundingClientRect();\r\n            setCoordinates(prev => ({\r\n                ...prev,\r\n                offSetTop:event.clientY - top,\r\n                offSetLeft:event.clientX - left\r\n            }))\r\n            popupRef.current!.style.setProperty(\"user-select\", \"none\")\r\n            popupRef.current!.setPointerCapture(event.pointerId)//event.pointerId)//\"moveable-popup-\"+id);\r\n            setIsMouseDown(true)\r\n        }\r\n    }\r\n    const onMouseUp = () => {\r\n        if(move) {\r\n            popupRef.current!.style.removeProperty(\"user-select\")\r\n            setIsMouseDown(false)\r\n        }\r\n    }\r\n    const onMouseMove = (event: React.PointerEvent<HTMLDialogElement>) => {\r\n        if( move && isMouseDownRef.current && popupRef.current ) {\r\n            const isTopOver = event.clientY - coordinates.offSetTop < 0\r\n            const isBottomOver = window.innerHeight - (event.clientY - coordinates.offSetTop + popupRef.current.offsetHeight) < 0\r\n            const isLeftOver = event.clientX - coordinates.offSetLeft < 0\r\n            const isRightOver = window.innerWidth - (event.clientX - coordinates.offSetLeft + popupRef.current.offsetWidth) < 0\r\n\r\n            let topCoordinate = isTopOver ? 0 : event.clientY - coordinates.offSetTop\r\n            topCoordinate = isBottomOver ? window.innerHeight - popupRef.current.offsetHeight : topCoordinate\r\n\r\n            let leftCoordinate = isLeftOver ? 0 : event.clientX - coordinates.offSetLeft\r\n            leftCoordinate = isRightOver ? window.innerWidth - popupRef.current.offsetWidth : leftCoordinate\r\n\r\n            //console.log(event.clientX - coordinates.offSetLeft, event.clientY - coordinates.offSetTop)\r\n            setCoordinates(prev => ({\r\n                ...prev,\r\n                top:topCoordinate,\r\n                left:leftCoordinate\r\n            }))\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        document.body.addEventListener(\"pointerup\", () => onMouseUp(), true)\r\n        return function cleanup() {\r\n            document.body.removeEventListener(\"pointerup\", () => onMouseUp(), true)\r\n        }\r\n    }, [])\r\n    return (\r\n        createPortal(\r\n            <dialog data-resize={resizeComputed} data-move={moveComputed} data-passedRef={passedRef}\r\n                ref={popupRef} id={id} className={`sg-moveable-popout${className ? \" \"+className : \"\"}`}\r\n                style={{...style, top:coordinates.top, left:coordinates.left, bottom:coordinates.bottom, right:coordinates.right}}\r\n                onPointerDown={onMouseDown} onPointerMove={(event) => onMouseMove(event)} {...restProps}\r\n            >\r\n                {children}\r\n            </dialog>\r\n            , document.body\r\n        )\r\n    )\r\n})\r\n\r\nconst Header = forwardRef<HTMLDivElement | HTMLSpanElement | HTMLHeadingElement, PopoutHeaderType>(\r\n        ({ children, className, as = \"div\", ...restProps}, ref) => \r\n    {\r\n    let validAs = [\"div\", \"span\", \"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]\r\n    let Component = validAs.find(valid => valid === as) ? as : \"div\"\r\n    return (\r\n        <Component ref={ref} className={`sg-popout-header ${className}`} {...restProps}>\r\n            {children}\r\n        </Component>\r\n    )\r\n})\r\n\r\nconst Title = forwardRef<HTMLHeadingElement, PopoutTitleType>( ({as=\"h4\", className, children, ...restProps}, ref) => {\r\n    let validAs = [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"]\r\n    let Component = validAs.find(valid => valid === as) ? as : \"h5\"\r\n    return (\r\n        <Component ref={ref} className={`sg-popout-title ${className}`} {...restProps}>\r\n            {children}\r\n        </Component>\r\n    )\r\n})\r\n\r\nconst Body = forwardRef<HTMLDivElement, PopoutBodyType>( ({children, className, ...restProps}, ref) => {\r\n    return (\r\n        <div ref={ref} className={`sg-popout-body ${className}`} {...restProps}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nconst Text = forwardRef<HTMLParagraphElement, PopoutTextType>( ({children, className, ...restProps}, ref) => {\r\n    return (\r\n        <p ref={ref} className={`sg-popout-text ${className}`} {...restProps}>\r\n            {children}\r\n        </p>\r\n    )\r\n})\r\n\r\nconst Footer = forwardRef<HTMLDivElement, PopoutFooterType>( ({children, className, ...restProps}, ref) => {\r\n    return (\r\n        <div ref={ref} className={`sg-popout-footer ${className}`} {...restProps}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nexport default  Object.assign(Popout, {\r\n    Header: Header,\r\n    Title: Title,\r\n    Body: Body,\r\n    Text: Text,\r\n    Footer: Footer\r\n})\r\n\r\n","import { forwardRef } from \"react\";\r\n\r\nimport { SpinnerType } from \"./Spinner.types\";\r\n\r\nconst Spinner = forwardRef<HTMLDivElement, SpinnerType>( ({size=\"1em\", color=\"white\", label, className, controlId, ...restProps}, ref) => {\r\n    return (\r\n        <>\r\n            <div aria-labelledby={controlId} role=\"status\" ref={ref} className={`sg-spinner${className ? \" \"+className : \"\"}`} style={{width:size, height:size, borderColor:color}} {...restProps}></div>\r\n            <label id={controlId} className=\"sg-visually-hidden\">{label}</label>\r\n        </>\r\n    )\r\n})\r\n\r\nexport default Spinner","import { forwardRef } from \"react\";\r\n\r\nimport { TableType } from \"./Table.types\";\r\n\r\n\r\nconst Table = forwardRef<HTMLTableElement, TableType>( ({children, size=\"lg\", className, ...restProps}, ref) => {\r\n    let classesComputed = `sg-table${className ? \" \"+className:\"\"}${size === \"sm\" ? \" \"+\"sg-table-sm\":\"\"}`\r\n    return (\r\n        <table ref={ref} className={classesComputed} {...restProps}>\r\n            {children}\r\n        </table>\r\n    )\r\n})\r\n\r\nexport default Table","import { createContext, forwardRef, useContext, useMemo, useState } from \"react\"\r\n\r\nimport { TabsButtonType, TabsContentType, TabsContextType, TabsControlsType, TabsPageType, TabsType } from \"./Tabs.types\"\r\n\r\nconst TabsContext = createContext<TabsContextType | null>(null)\r\nconst TabsContextProvider = ({children, value}:{children: React.ReactNode, value: TabsContextType}) => {\r\n    return (\r\n        <TabsContext.Provider value={value}>\r\n            {children}\r\n        </TabsContext.Provider>\r\n    )\r\n}\r\nconst useTabsContext = () => {\r\n    const context = useContext(TabsContext)\r\n    if(!context) {\r\n        throw new Error(\r\n            \"useTabContext has to be used within a TabContextProvider!\"\r\n        )\r\n    }\r\n    return context\r\n}\r\n\r\nconst Tabs = forwardRef<HTMLDivElement, TabsType>(({children, className, controlId, activeClassName, defaultActive, ...restProps}, ref) => {\r\n    const [activeTab, setActiveTab] = useState<string>(defaultActive)\r\n    const activeClass= activeClassName ? activeClassName: \"sg-active\"\r\n    \r\n    const contextValue = useMemo(() => ({\r\n        activeTab,\r\n        setActiveTab,\r\n        controlId,\r\n        activeClass\r\n    }), [activeTab, setActiveTab, controlId])\r\n    return (\r\n        <TabsContextProvider value={contextValue}>\r\n            <div ref={ref} id={controlId+\"-tab-wrapper\"} className={`sg-tabs${className ? \" \"+className: \"\"}`} {...restProps}>\r\n                {children}\r\n            </div>\r\n        </TabsContextProvider>\r\n    )\r\n})\r\n\r\nconst Controls = forwardRef<HTMLDivElement, TabsControlsType>( ({children, className, ...restProps}, ref) => {\r\n    const { controlId, activeClass } = useTabsContext()\r\n    \r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n        const key = event.key\r\n        const tabsControls = document.getElementById(controlId+\"-tab-controls\")\r\n        if(tabsControls) {\r\n            const tabControlsChildren = Array.from(tabsControls.children) as HTMLElement[]\r\n            if(key === \"ArrowRight\" || key === \"ArrowLeft\") {\r\n                event.preventDefault()\r\n                const activeTab = document.querySelector(\".sg-tabs-button\"+\".\"+activeClass) as HTMLElement\r\n                const activeTabIndex = tabControlsChildren.indexOf(activeTab)\r\n                const indexChange = key === \"ArrowRight\" ? 1 : -1\r\n                const newIndex = activeTabIndex + indexChange < 0 ? tabControlsChildren.length - 1 : (activeTabIndex + indexChange >= tabControlsChildren.length ? 0 : activeTabIndex + indexChange)\r\n                tabControlsChildren[newIndex].focus()\r\n                tabControlsChildren[newIndex].click()\r\n            } else if (key === \"Home\" || key === \"End\") {\r\n                event.preventDefault()\r\n                const newIndex = key === \"Home\" ? 0 : tabControlsChildren.length -1\r\n                tabControlsChildren[newIndex].focus()\r\n                tabControlsChildren[newIndex].click()\r\n            }\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div onKeyDown={(event) => handleKeyDown(event)} role=\"tablist\" id={controlId+\"-tab-controls\"} ref={ref} className={`sg-tabs-controls${className ? \" \"+className:\"\"}`} {...restProps}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nconst Button = forwardRef<HTMLButtonElement, TabsButtonType>( ({children, className, onClick, tabId, id,...restProps}, ref) => {\r\n    const { activeTab, setActiveTab, activeClass } = useTabsContext()\r\n    const classNameComputed = \"sg-tabs-button\" + (className ? \" \"+className:\"\") + (activeTab === tabId ? \" \"+activeClass : \"\")\r\n    const isActiveTab = activeTab === tabId\r\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\r\n        setActiveTab(tabId)\r\n        if(onClick) {\r\n            onClick(event)\r\n        }\r\n    }\r\n    return (\r\n        <button \r\n            role=\"tab\" type=\"button\" id={tabId+\"-button\"} ref={ref} onClick={event => handleClick(event)} className={classNameComputed} {...restProps}\r\n            tabIndex={isActiveTab ? 0:-1} aria-selected={isActiveTab ? \"true\":\"false\"} aria-controls={tabId+\"-page\"}\r\n        >\r\n            {children}\r\n        </button>\r\n    )\r\n})\r\n\r\nconst Content = forwardRef<HTMLDivElement, TabsContentType>( ({children, className, ...restProps}, ref) => {\r\n    return (\r\n        <div role=\"none\" ref={ref} className={`sg-tabs-content${className ? \" \"+className:\"\"}`} {...restProps}>\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nconst Page = forwardRef<HTMLDivElement, TabsPageType>( ({children, className, tabId, ...restProps}, ref) => {\r\n    const { activeTab, activeClass } = useTabsContext()\r\n    const classNameComputed = \"sg-tabs-page\" + (className ? \" \"+className:\"\") + (activeTab === tabId ? \" \"+activeClass : \"\")\r\n    return (\r\n        <div \r\n            role=\"tabpanel\" id={tabId+\"-page\"} aria-labelledby={tabId+\"-button\"}\r\n            ref={ref} className={classNameComputed} {...restProps}\r\n        >\r\n            {children}\r\n        </div>\r\n    )\r\n})\r\n\r\nexport default  Object.assign(Tabs, {\r\n    Controls: Controls,\r\n    Button: Button,\r\n    Content: Content,\r\n    Page: Page,\r\n})","import { ReactNode, useState, forwardRef } from \"react\"\r\n\r\nimport { BaseButtonType } from \"../../BaseTypes\"\r\n\r\ntype ToggleButtonType = {\r\n    children: ReactNode,\r\n    toggled?: boolean,\r\n    onClick?: <T>(event: T) => T\r\n} & BaseButtonType\r\n\r\nconst ToggleButton = forwardRef<HTMLButtonElement, ToggleButtonType>( ({children, toggled=\"false\", onClick, ...restProps}, ref) => {\r\n    const [ toggledInternal, setToggledInternal ] = useState<boolean>(toggled === \"true\" ? true : false)\r\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\r\n        setToggledInternal(prev => !prev)\r\n        if(onClick) {\r\n            onClick(event)\r\n        }\r\n    }\r\n    return (\r\n        <button onClick={(event) => handleClick(event)} data-toggled={toggledInternal} {...restProps}>\r\n            {children}\r\n        </button>\r\n    )\r\n})\r\n\r\nexport default ToggleButton"],"names":["Button","forwardRef","children","variant","className","rest","ref","_jsx","jsx","type","undefined","Card","restProps","Header","as","Component","find","valid","Title","Body","Text","Footer","Object","assign","CloseButton","isEventOnMenu","event","controlId","element","target","condition","eventIsOnMenu","id","parentElement","DropdownContext","createContext","DropdownContextProvider","value","Provider","useDropdownContext","context","useContext","Error","Dropdown","onSelect","onToggle","drop","align","autoClose","show","showInternal","setShowInternal","useState","activeDescendant","setActiveDescendant","case","internalOnToggle","stopPropagation","prev","placement","alignEnd","dropDirection","isRTL","getDropdownMenuPlacement","contextValue","useMemo","handleToggle","directionClasses","down","up","end","start","Toggle","navDropdown","handleKeyPress","flag","console","log","key","document","querySelector","click","preventDefault","handleClick","toggleElement","getElementById","focus","useEffect","addEventListener","removeEventListener","classNamesComputed","tabIndex","onClick","toggleButtonClick","Menu","style","computedStyle","setComputedStyle","useLayoutEffect","menu","tempComputedStyle","getBoundingClientRect","right","window","innerWidth","left","top","bottom","innerHeight","menuChildren","menuChildrenLast","length","elementWithVisualFocus","currentIndex","currentChild","classList","remove","i","setAttribute","add","handleMouseOver","active","contains","child","role","Item","Divider","Dropdown$1","FormContext","FormContextProvider","useFormContext","Form","Control","plaintext","autoFocus","elementId","computedClassName","Select","Group","Label","htmlFor","elementHtmlFor","Check","classNameContainer","containerRef","containerId","classNameLabel","labelRef","label","labelId","reverse","checkStyle","typeComputed","_jsxs","_Fragment","InputGroup","ModalContext","ModalContextProvider","closeButton","onHide","useModalContext","onCloseButtonClick","centered","size","backdrop","showModal","setShowModal","modalRef","useRef","useKeepElementFocused","typeCheck","error","closeModal","modal","current","close","classNameComputed","createPortal","onKeyDown","once","handleKeyDown","ErrorModal","body","elementRef","focusableElements","firstFocusableElement","querySelectorAll","focusableContent","lastFocusableElement","shiftKey","activeElement","jsxs","NavbarContext","NavbarContextProvider","Navbar","navbarPrefix","navbarContext","Brand","href","Nav","Link","NavDropdown","toggleProps","title","menuProps","useCallback","controlIdcomputed","Popout","initialPosition","resize","move","coordinates","setCoordinates","offSetTop","offSetLeft","resizeComputed","moveComputed","passedRef","popupRef","isMouseDown","setIsMouseDown","isMouseDownRef","onMouseUp","removeProperty","onPointerDown","eventTarget","includes","clientY","clientX","setProperty","setPointerCapture","pointerId","onPointerMove","isTopOver","isBottomOver","offsetHeight","isLeftOver","isRightOver","offsetWidth","topCoordinate","leftCoordinate","onMouseMove","color","Fragment","width","height","borderColor","classesComputed","TabsContext","TabsContextProvider","useTabsContext","Tabs","activeClassName","defaultActive","activeTab","setActiveTab","activeClass","Controls","tabsControls","tabControlsChildren","Array","from","activeTabIndex","indexOf","indexChange","newIndex","tabId","isActiveTab","Content","Page","toggled","toggledInternal","setToggledInternal"],"mappings":"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"}

package/dist/components/Button/Button.d.ts

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

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

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { BaseButtonType } from "../../BaseTypes";
+export type ButtonType = {
+    children: ReactNode;
+    variant?: string;
+    className?: string;
+} & BaseButtonType;

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

@@ -0,0 +1 @@
+

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

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

package/dist/components/Button/index.js

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

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import { CardBodyType, CardFooterType, CardTextType, CardType } from "./Card.types";
+declare const _default: React.ForwardRefExoticComponent<Omit<CardType, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<(Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref">) & React.RefAttributes<HTMLDivElement | HTMLHeadingElement | HTMLSpanElement>>;
+    Body: React.ForwardRefExoticComponent<Omit<CardBodyType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<(Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref">) & React.RefAttributes<HTMLHeadingElement>>;
+    Text: React.ForwardRefExoticComponent<Omit<CardTextType, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Footer: React.ForwardRefExoticComponent<Omit<CardFooterType, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/dist/components/Card/Card.js

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

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

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+import { BaseDivType, BaseHeadingType, BaseSpanType, BaseParagraphType } from "../../BaseTypes";
+export type CardType = {
+    children: ReactNode;
+    className?: string;
+} & BaseDivType;
+export type CardHeaderPossible = BaseDivType | BaseSpanType | BaseHeadingType;
+export type CardHeaderType = {
+    children: ReactNode;
+    className?: string;
+    as?: React.ElementType;
+} & CardHeaderPossible;
+export type CardBodyType = {
+    children: ReactNode;
+    className?: string;
+} & BaseDivType;
+export type CardTextType = {
+    children: ReactNode;
+    className?: string;
+} & BaseParagraphType;
+export type CardFooterType = {
+    children: ReactNode;
+    className?: string;
+} & BaseDivType;

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

@@ -0,0 +1 @@
+

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

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

package/dist/components/Card/index.js

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

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

@@ -1,8 +1,4 @@
 /// <reference types="react" />
-import { BaseButtonType } from "../BaseTypes";
-export type CloseButtonType = {
-    className?: string;
-    variant?: boolean;
-} & BaseButtonType;
+import { CloseButtonType } from "./CloseButton.types";
 declare const CloseButton: import("react").ForwardRefExoticComponent<Omit<CloseButtonType, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default CloseButton;

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

@@ -0,0 +1,5 @@
+import { BaseButtonType } from "../../BaseTypes";
+export type CloseButtonType = {
+    className?: string;
+    variant?: boolean;
+} & BaseButtonType;

package/dist/components/CloseButton/CloseButton.types.js

@@ -0,0 +1 @@
+

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

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

package/dist/components/CloseButton/index.js

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

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

@@ -1,47 +1,11 @@
 import React from "react";
-import { BaseDivType, BaseAnchorType, BaseButtonType, BaseUListType, BaseHrType } 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;
-    }>>;
-};
+import { DropdownContextType, DropdownDividerType, DropdownMenuType, DropdownType } from "./Dropdown.types";
 export declare const DropdownContext: React.Context<DropdownContextType | null>;
-export declare const useDropdownContext: () => DropdownContextType;
-export type DropdownType = {
+export declare const DropdownContextProvider: ({ children, value }: {
     children: React.ReactNode;
-    className?: string;
-    onSelect?: Function;
-    onToggle?: Function;
-    controlId: string;
-    drop?: string;
-    align?: string;
-    autoClose?: boolean;
-    show?: boolean;
-} & BaseDivType;
-export type DropdownToggleType = {
-    children: React.ReactNode;
-    className?: string;
-    navDropdown?: boolean;
-    as?: React.ElementType;
-    variant?: string;
-} & (BaseAnchorType | BaseButtonType);
+    value: DropdownContextType;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useDropdownContext: () => DropdownContextType;
 export declare const Toggle: React.ForwardRefExoticComponent<(Omit<{
     children: React.ReactNode;
     className?: string | undefined;
@@ -54,18 +18,14 @@ export declare const Toggle: React.ForwardRefExoticComponent<(Omit<{
     navDropdown?: boolean | undefined;
     as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
     variant?: string | undefined;
-} & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export type DropdownMenuType = {
+} & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref"> | Omit<{
     children: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties | undefined;
-} & BaseUListType;
+    className?: string | undefined;
+    navDropdown?: boolean | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    variant?: string | undefined;
+} & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export declare const Menu: React.ForwardRefExoticComponent<Omit<DropdownMenuType, "ref"> & React.RefAttributes<HTMLUListElement>>;
-export type DropdownItemType = {
-    children: React.ReactNode;
-    as?: React.ElementType;
-    className?: string;
-} & (BaseAnchorType | BaseButtonType);
 export declare const Item: React.ForwardRefExoticComponent<(Omit<{
     children: React.ReactNode;
     as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
@@ -75,9 +35,6 @@ export declare const Item: React.ForwardRefExoticComponent<(Omit<{
     as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
     className?: string | undefined;
 } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export type DropdownDividerType = {
-    className?: string;
-} & BaseHrType;
 export declare const Divider: React.ForwardRefExoticComponent<Omit<DropdownDividerType, "ref"> & React.RefAttributes<HTMLHRElement>>;
 declare const _default: React.ForwardRefExoticComponent<Omit<DropdownType, "ref"> & React.RefAttributes<HTMLDivElement>> & {
     Toggle: React.ForwardRefExoticComponent<(Omit<{
@@ -92,7 +49,13 @@ declare const _default: React.ForwardRefExoticComponent<Omit<DropdownType, "ref"
         navDropdown?: boolean | undefined;
         as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
         variant?: string | undefined;
-    } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+    } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref"> | Omit<{
+        children: React.ReactNode;
+        className?: string | undefined;
+        navDropdown?: boolean | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        variant?: string | undefined;
+    } & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
     Menu: React.ForwardRefExoticComponent<Omit<DropdownMenuType, "ref"> & React.RefAttributes<HTMLUListElement>>;
     Item: React.ForwardRefExoticComponent<(Omit<{
         children: React.ReactNode;