@instincthub/react-ui 0.1.21 → 0.1.22

package/dist/src/components/status/MultiPurposeModal.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,typeof as t,objectSpread2 as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as o}from"react/jsx-runtime";import i,{useState as l,useRef as a,useCallback as c,useEffect as u,useMemo as s}from"react";import d from"@mui/icons-material/CloseOutlined";var m=i.memo((function(m){var h=m.isOpen,v=m.onClose,f=m.title,b=m.size,g=void 0===b?"medium":b,y=m.height,p=void 0===y?"70vh":y,C=m.children,S=m.showFooter,N=void 0!==S&&S,E=m.footerContent,T=m.showCloseButton,w=void 0===T||T,O=m.closeOnOverlayClick,k=void 0===O||O,A=m.className,R=void 0===A?"":A,F=m.disableScroll,P=void 0===F||F,B=m.handleSubmit,j=m.removeForm,x=void 0!==j&&j,z=m.enableContentRefresh,I=m.refreshStrategy,M=void 0===I?"smart":I,V=m.preserveScrollPosition,_=void 0===V||V,H=l(!1),L=e(H,2),U=L[0],X=L[1],q=l(0),D=e(q,2),G=D[0],J=D[1],K=l(0),Q=e(K,2),W=Q[0],Y=Q[1],Z=a(null),$=a(C),ee=a({}),te=!1===z?"none":!0===z?"aggressive":M,ne=c((function(e,n){return t(e)!==t(n)||(!e!=!n||(!(!Array.isArray(e)||!Array.isArray(n)||e.length===n.length)||!(!i.isValidElement(e)||!i.isValidElement(n)||e.type===n.type)))}),[]),re=c((function(){var e,t=document.activeElement;t&&null!==(e=Z.current)&&void 0!==e&&e.contains(t)&&(ee.current={id:t.id,value:t.value,selectionStart:t.selectionStart,selectionEnd:t.selectionEnd})}),[]),oe=c((function(){ee.current.id&&setTimeout((function(){var e=document.getElementById(ee.current.id);e&&(e.focus(),void 0!==ee.current.value&&"value"in e&&(e.value=ee.current.value,null!==ee.current.selectionStart&&void 0!==ee.current.selectionStart&&null!==ee.current.selectionEnd&&void 0!==ee.current.selectionEnd&&e.setSelectionRange(ee.current.selectionStart,ee.current.selectionEnd))),ee.current={}}),0)}),[]);u((function(){var e;if("none"!==te){var t=0,n=document.activeElement&&(null===(e=Z.current)||void 0===e?void 0:e.contains(document.activeElement))&&["INPUT","TEXTAREA","SELECT"].includes(document.activeElement.tagName);if(_&&Z.current&&(t=Z.current.scrollTop),"aggressive"===te)n&&re(),J((function(e){return e+1})),n&&oe();else if("smart"===te){ne($.current,C)&&!n&&Y((function(e){return e+1})),$.current=C}_&&t>0&&setTimeout((function(){Z.current&&(Z.current.scrollTop=t)}),0)}}),[C,te,_,ne,re,oe]),u((function(){var e;return h?(X(!0),P&&(document.body.style.overflow="hidden")):e=setTimeout((function(){X(!1),P&&(document.body.style.overflow="")}),300),function(){e&&clearTimeout(e),P&&(document.body.style.overflow="")}}),[h,P]);var ie=c((function(e){e.target===e.currentTarget&&k&&v()}),[k,v]),le=s((function(){return{small:"ihub-modal-small",medium:"ihub-modal-medium",large:"ihub-modal-large",full:"ihub-modal-full"}[g]}),[g]),ae=s((function(){return"ihub-modal-content ".concat(le," ").concat(R)}),[le,R]),ce=s((function(){return"ihub-modal ".concat(h?"ihub-modal-open":"ihub-modal-closing")}),[h]),ue=s((function(){return f||w?r("div",{className:"ihub-modal-header",children:[f&&o("h2",{id:"ihub-modal-title",className:"ihub-modal-title",children:f}),w&&o("button",{type:"button",className:"ihub-close-it",onClick:v,"aria-label":"Close modal",children:o(d,{})})]}):null}),[f,w,v]),se=s((function(){return N?o("div",{className:"ihub-modal-footer",children:E||r("div",{className:"ihub-buttons",children:[o("button",{className:"ihub-outlined-btn",onClick:v,type:"button",children:"Cancel"}),o("button",{className:"ihub-important-btn",type:B?"submit":"button",children:B?"Confirm":"Close"})]})}):null}),[N,E,v,B]);if(!U&&!h)return null;var de={ref:Z,className:"ihub-modal-body ihub-txt-modal",style:{height:p},key:function(){switch(te){case"none":default:return;case"smart":return W;case"aggressive":return G}}()};return o("div",{className:ce,onClick:ie,role:"dialog","aria-modal":"true","aria-labelledby":f?"ihub-modal-title":void 0,children:x?r("div",{className:ae,children:[ue,o("div",n(n({},de),{},{children:C})),se]}):o("form",{onSubmit:B,children:r("div",{className:ae,children:[ue,o("div",n(n({},de),{},{children:C})),se]})})})}),(function(e,n){if(e.isOpen!==n.isOpen)return!1;var r=!1===e.enableContentRefresh?"none":!0===e.enableContentRefresh?"aggressive":e.refreshStrategy||"smart",o=!1===n.enableContentRefresh?"none":!0===n.enableContentRefresh?"aggressive":n.refreshStrategy||"smart";if("none"===o);else if("smart"===o){if(e.children!==n.children&&t(e.children)!==t(n.children))return!1}else if("aggressive"===o&&e.children!==n.children)return!1;return e.footerContent===n.footerContent&&(e.title===n.title&&(e.size===n.size&&e.height===n.height&&e.showFooter===n.showFooter&&e.showCloseButton===n.showCloseButton&&e.closeOnOverlayClick===n.closeOnOverlayClick&&e.className===n.className&&e.disableScroll===n.disableScroll&&e.handleSubmit===n.handleSubmit&&e.removeForm===n.removeForm&&r===o&&e.preserveScrollPosition===n.preserveScrollPosition))}));m.displayName="MultiPurposeModal";export{m as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),n=require("react"),r=require("@mui/icons-material/CloseOutlined");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(n),i=l(r),s=o.default.memo((function(r){var l=r.isOpen,s=r.onClose,a=r.title,u=r.size,c=void 0===u?"medium":u,d=r.height,m=void 0===d?"70vh":d,f=r.children,h=r.showFooter,v=void 0!==h&&h,b=r.footerContent,y=r.showCloseButton,g=void 0===y||y,p=r.closeOnOverlayClick,C=void 0===p||p,S=r.className,j=void 0===S?"":S,x=r.disableScroll,E=void 0===x||x,N=r.handleSubmit,T=r.removeForm,k=void 0!==T&&T,O=r.enableContentRefresh,w=r.refreshStrategy,R=void 0===w?"smart":w,A=r.preserveScrollPosition,M=void 0===A||A,P=n.useState(!1),F=e.slicedToArray(P,2),B=F[0],q=F[1],_=n.useState(0),z=e.slicedToArray(_,2),I=z[0],V=z[1],H=n.useState(0),L=e.slicedToArray(H,2),U=L[0],X=L[1],D=n.useRef(null),G=n.useRef(f),J=n.useRef({}),K=!1===O?"none":!0===O?"aggressive":R,Q=n.useCallback((function(t,n){return e.typeof(t)!==e.typeof(n)||(!t!=!n||(!(!Array.isArray(t)||!Array.isArray(n)||t.length===n.length)||!(!o.default.isValidElement(t)||!o.default.isValidElement(n)||t.type===n.type)))}),[]),W=n.useCallback((function(){var e,t=document.activeElement;t&&null!==(e=D.current)&&void 0!==e&&e.contains(t)&&(J.current={id:t.id,value:t.value,selectionStart:t.selectionStart,selectionEnd:t.selectionEnd})}),[]),Y=n.useCallback((function(){J.current.id&&setTimeout((function(){var e=document.getElementById(J.current.id);e&&(e.focus(),void 0!==J.current.value&&"value"in e&&(e.value=J.current.value,null!==J.current.selectionStart&&void 0!==J.current.selectionStart&&null!==J.current.selectionEnd&&void 0!==J.current.selectionEnd&&e.setSelectionRange(J.current.selectionStart,J.current.selectionEnd))),J.current={}}),0)}),[]);n.useEffect((function(){var e;if("none"!==K){var t=0,n=document.activeElement&&(null===(e=D.current)||void 0===e?void 0:e.contains(document.activeElement))&&["INPUT","TEXTAREA","SELECT"].includes(document.activeElement.tagName);if(M&&D.current&&(t=D.current.scrollTop),"aggressive"===K)n&&W(),V((function(e){return e+1})),n&&Y();else if("smart"===K){Q(G.current,f)&&!n&&X((function(e){return e+1})),G.current=f}M&&t>0&&setTimeout((function(){D.current&&(D.current.scrollTop=t)}),0)}}),[f,K,M,Q,W,Y]),n.useEffect((function(){var e;return l?(q(!0),E&&(document.body.style.overflow="hidden")):e=setTimeout((function(){q(!1),E&&(document.body.style.overflow="")}),300),function(){e&&clearTimeout(e),E&&(document.body.style.overflow="")}}),[l,E]);var Z=n.useCallback((function(e){e.target===e.currentTarget&&C&&s()}),[C,s]),$=n.useMemo((function(){return{small:"ihub-modal-small",medium:"ihub-modal-medium",large:"ihub-modal-large",full:"ihub-modal-full"}[c]}),[c]),ee=n.useMemo((function(){return"ihub-modal-content ".concat($," ").concat(j)}),[$,j]),te=n.useMemo((function(){return"ihub-modal ".concat(l?"ihub-modal-open":"ihub-modal-closing")}),[l]),ne=n.useMemo((function(){return a||g?t.jsxs("div",{className:"ihub-modal-header",children:[a&&t.jsx("h2",{id:"ihub-modal-title",className:"ihub-modal-title",children:a}),g&&t.jsx("button",{type:"button",className:"ihub-close-it",onClick:s,"aria-label":"Close modal",children:t.jsx(i.default,{})})]}):null}),[a,g,s]),re=n.useMemo((function(){return v?t.jsx("div",{className:"ihub-modal-footer",children:b||t.jsxs("div",{className:"ihub-buttons",children:[t.jsx("button",{className:"ihub-outlined-btn",onClick:s,type:"button",children:"Cancel"}),t.jsx("button",{className:"ihub-important-btn",type:N?"submit":"button",children:N?"Confirm":"Close"})]})}):null}),[v,b,s,N]);if(!B&&!l)return null;var le={ref:D,className:"ihub-modal-body ihub-txt-modal",style:{height:m},key:function(){switch(K){case"none":default:return;case"smart":return U;case"aggressive":return I}}()};return t.jsx("div",{className:te,onClick:Z,role:"dialog","aria-modal":"true","aria-labelledby":a?"ihub-modal-title":void 0,children:k?t.jsxs("div",{className:ee,children:[ne,t.jsx("div",e.objectSpread2(e.objectSpread2({},le),{},{children:f})),re]}):t.jsx("form",{onSubmit:N,children:t.jsxs("div",{className:ee,children:[ne,t.jsx("div",e.objectSpread2(e.objectSpread2({},le),{},{children:f})),re]})})})}),(function(t,n){if(t.isOpen!==n.isOpen)return!1;var r=!1===t.enableContentRefresh?"none":!0===t.enableContentRefresh?"aggressive":t.refreshStrategy||"smart",l=!1===n.enableContentRefresh?"none":!0===n.enableContentRefresh?"aggressive":n.refreshStrategy||"smart";if("none"===l);else if("smart"===l){if(t.children!==n.children&&e.typeof(t.children)!==e.typeof(n.children))return!1}else if("aggressive"===l&&t.children!==n.children)return!1;return t.footerContent===n.footerContent&&(t.title===n.title&&(t.size===n.size&&t.height===n.height&&t.showFooter===n.showFooter&&t.showCloseButton===n.showCloseButton&&t.closeOnOverlayClick===n.closeOnOverlayClick&&t.className===n.className&&t.disableScroll===n.disableScroll&&t.handleSubmit===n.handleSubmit&&t.removeForm===n.removeForm&&r===l&&t.preserveScrollPosition===n.preserveScrollPosition))}));s.displayName="MultiPurposeModal",exports.default=s;
 //# sourceMappingURL=MultiPurposeModal.js.map

package/dist/src/components/status/NotFound.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";var a=function(a){var h=a.message,n=void 0===h?"Page not found":h,t=a.linkText,o=void 0===t?"Go back":t,u=a.linkHref,r=void 0===u?"/":u,s=a.showHomeLink,c=void 0===s||s;return e("div",{className:"ihub-container ihub-mt-10",children:i("div",{className:"ihub-not-found ihub-py-10 ihub-text-center",children:[e("h1",{className:"ihub-text-center tw-700 ihub-mb-2",children:"404"}),i("div",{className:"ihub-max-w-500 ihub-mx-auto",children:[e("h2",{className:"ihub-mb-3",children:n}),e("p",{className:"ihub-mb-5",children:"The page you're looking for doesn't exist or has been moved."}),i("div",{className:"ihub-flex ihub-justify-center ihub-gap-4",children:[e("a",{href:r,className:"ihub-m-auto",children:e("button",{className:"ihub-important-btn",children:o})}),c&&"/"!==r&&e("a",{href:"/",className:"ihub-m-auto",children:e("button",{className:"ihub-outlined-btn",children:"Back to Home"})})]})]})]})})};export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(i){var s=i.message,a=void 0===s?"Page not found":s,t=i.linkText,n=void 0===t?"Go back":t,h=i.linkHref,u=void 0===h?"/":h,r=i.showHomeLink,o=void 0===r||r;return e.jsx("div",{className:"ihub-container ihub-mt-10",children:e.jsxs("div",{className:"ihub-not-found ihub-py-10 ihub-text-center",children:[e.jsx("h1",{className:"ihub-text-center tw-700 ihub-mb-2",children:"404"}),e.jsxs("div",{className:"ihub-max-w-500 ihub-mx-auto",children:[e.jsx("h2",{className:"ihub-mb-3",children:a}),e.jsx("p",{className:"ihub-mb-5",children:"The page you're looking for doesn't exist or has been moved."}),e.jsxs("div",{className:"ihub-flex ihub-justify-center ihub-gap-4",children:[e.jsx("a",{href:u,className:"ihub-m-auto",children:e.jsx("button",{className:"ihub-important-btn",children:n})}),o&&"/"!==u&&e.jsx("a",{href:"/",className:"ihub-m-auto",children:e.jsx("button",{className:"ihub-outlined-btn",children:"Back to Home"})})]})]})]})})};
 //# sourceMappingURL=NotFound.js.map

package/dist/src/components/status/ReactTimeTracker.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,asyncToGenerator as r,regeneratorRuntime as i,objectSpread2 as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as s,useState as n,useEffect as c}from"react";import{IN_DEV_MODE as l,reqOptions as o,API_HOST_URL as u}from"../lib/helpFunction.js";import{useParams as a}from"next/navigation";import{useDispatch as d,useSelector as p}from"../lib/redux/store.js";import"../lib/redux/slices/courseSlice/courseFilterSubject.js";import"../lib/redux/slices/courseSlice/courseFilterLevel.js";import"../lib/redux/slices/courseSlice/courseFilterDuration.js";import"../lib/redux/slices/courseSlice/courseSearch.js";import"../lib/redux/slices/courseSlice/stepQuestions.js";import"../lib/redux/slices/courseSlice/stepContent.js";import"../lib/redux/slices/courseSlice/courseDetails.js";import"../lib/redux/slices/courseSlice/videoTimestamp.js";import"../lib/redux/slices/courseSlice/videoEndCountdown.js";import"../lib/redux/slices/courseSlice/videoTimestampObject.js";import"../lib/redux/slices/courseSlice/courseModules.js";import"../lib/redux/slices/courseSlice/courseOverview.js";import"../lib/redux/slices/courseSlice/selectedCourses.js";import"../lib/redux/slices/navigationSlice/appToggle.js";import"../lib/redux/slices/navigationSlice/toggleCreateCourse.js";import"../lib/redux/slices/navigationSlice/toggleCreateCohort.js";import"../lib/redux/slices/navigationSlice/confirmDelete.js";import{selectIPAdress as m}from"../lib/redux/slices/navigationSlice/selectors.js";import{IPAdress as b}from"../lib/redux/slices/navigationSlice/IPAdress.js";import"../lib/redux/slices/navigationSlice/settingsToggle.js";import"../lib/redux/slices/navigationSlice/userLocation.js";import"../lib/redux/slices/navigationSlice/searchValue.js";import"../lib/redux/slices/navigationSlice/currentPromo.js";import"../lib/redux/slices/navigationSlice/courseNextStep.js";import"../lib/redux/slices/channelSlice/activeChannel.js";import"../lib/redux/slices/channelSlice/channelDetails.js";import"../lib/redux/slices/channelSlice/instructorChannelList.js";import"../lib/redux/slices/channelSlice/channelHandle.js";import"../lib/redux/slices/generics/objectSlice.js";import"../lib/redux/slices/generics/arraySlice.js";import"../lib/redux/slices/messageSlice/feedbackToggle.js";import"../lib/redux/slices/messageSlice/statusMessageState.js";import"../lib/redux/slices/utilsSlice/screenSize.js";import"../lib/redux/slices/authSlice/channelCallbackUrl.js";import"../lib/redux/slices/authSlice/unsplashObject.js";function v(v){var x,S=v.channel_username,j=void 0===S?null:S,f=v.session,g=v.endpoint,h=void 0===g?"/api/user-ip-address":g,w=d(),k=p(m),T=s(new Date),y=s(null),C=n((null===(x=document)||void 0===x?void 0:x.visibilityState)||"visible"),D=e(C,2),_=D[0],E=D[1],L=a().channel||j,O=s(!1),P=function(){var e=document.visibilityState;E(e),"hidden"===e?(y.current=new Date,O.current=!0):(T.current=new Date,y.current=null)},F=function(){y.current=new Date,O.current=!0,E((function(e){return"idle"===e?"idle_update":"idle"}))};return c((function(){return T.current=new Date,document.addEventListener("visibilitychange",P),document.addEventListener("idle",F),function(){T.current&&!y.current&&(y.current=new Date,O.current=!0),document.removeEventListener("visibilitychange",P),document.removeEventListener("idle",F)}}),[]),c((function(){if(null==k||!k.ip_address){var e=function(){var e=r(i().mark((function e(){var r,t;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,fetch(h||"");case 3:if((r=e.sent).ok){e.next=6;break}throw new Error("HTTP error! Status: ".concat(r.status));case 6:return e.next=8,r.json();case 8:t=e.sent,w(b.actions.set(t)),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(0),console.error("Error fetching IP address:",e.t0);case 15:case"end":return e.stop()}}),e,null,[[0,12]])})));return function(){return e.apply(this,arguments)}}();e()}}),[w,null==k?void 0:k.ip_address,null==b?void 0:b.actions]),c((function(){var e=function(){var e=r(i().mark((function e(){var r,s,n,c,a,d,p;return i().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(O.current&&T.current&&y.current){e.next=2;break}return e.abrupt("return");case 2:if(!((s=Math.round((y.current.getTime()-T.current.getTime())/1e3))<=0)){e.next=6;break}return O.current=!1,e.abrupt("return");case 6:if(n=t(t({},k),{},{seconds:s,url:window.location.href,datetime_start:T.current.toISOString(),datetime_end:y.current.toISOString(),user:(null==f||null===(r=f.user)||void 0===r?void 0:r.id)||""}),e.prev=7,L){e.next=11;break}return console.warn("Cannot send time data: handle is undefined"),e.abrupt("return");case 11:return c=JSON.stringify(n),a=o("POST",c,null,"json"),e.next=15,fetch("".concat(u,"history/").concat(L,"/timespent/"),a);case 15:if(201!==(d=e.sent).status){e.next=26;break}if(O.current=!1,!l){e.next=24;break}return console.log("Time spent sent to server successfully!"),e.next=22,d.json();case 22:p=e.sent,console.log(p);case 24:e.next=27;break;case 26:console.error("Server responded with status: ".concat(d.status));case 27:e.next=32;break;case 29:e.prev=29,e.t0=e.catch(7),console.error("Couldn't send time data:",e.t0);case 32:case"end":return e.stop()}}),e,null,[[7,29]])})));return function(){return e.apply(this,arguments)}}();return e(),function(){O.current&&e()}}),[_,f,k,L]),null}export{v as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),i=require("../lib/helpFunction.js"),s=require("next/navigation"),t=require("../lib/redux/store.js");require("../lib/redux/slices/courseSlice/courseFilterSubject.js"),require("../lib/redux/slices/courseSlice/courseFilterLevel.js"),require("../lib/redux/slices/courseSlice/courseFilterDuration.js"),require("../lib/redux/slices/courseSlice/courseSearch.js"),require("../lib/redux/slices/courseSlice/stepQuestions.js"),require("../lib/redux/slices/courseSlice/stepContent.js"),require("../lib/redux/slices/courseSlice/courseDetails.js"),require("../lib/redux/slices/courseSlice/videoTimestamp.js"),require("../lib/redux/slices/courseSlice/videoEndCountdown.js"),require("../lib/redux/slices/courseSlice/videoTimestampObject.js"),require("../lib/redux/slices/courseSlice/courseModules.js"),require("../lib/redux/slices/courseSlice/courseOverview.js"),require("../lib/redux/slices/courseSlice/selectedCourses.js"),require("../lib/redux/slices/navigationSlice/appToggle.js"),require("../lib/redux/slices/navigationSlice/toggleCreateCourse.js"),require("../lib/redux/slices/navigationSlice/toggleCreateCohort.js"),require("../lib/redux/slices/navigationSlice/confirmDelete.js");var n=require("../lib/redux/slices/navigationSlice/selectors.js"),u=require("../lib/redux/slices/navigationSlice/IPAdress.js");require("../lib/redux/slices/navigationSlice/settingsToggle.js"),require("../lib/redux/slices/navigationSlice/userLocation.js"),require("../lib/redux/slices/navigationSlice/searchValue.js"),require("../lib/redux/slices/navigationSlice/currentPromo.js"),require("../lib/redux/slices/navigationSlice/courseNextStep.js"),require("../lib/redux/slices/channelSlice/activeChannel.js"),require("../lib/redux/slices/channelSlice/channelDetails.js"),require("../lib/redux/slices/channelSlice/instructorChannelList.js"),require("../lib/redux/slices/channelSlice/channelHandle.js"),require("../lib/redux/slices/generics/objectSlice.js"),require("../lib/redux/slices/generics/arraySlice.js"),require("../lib/redux/slices/messageSlice/feedbackToggle.js"),require("../lib/redux/slices/messageSlice/statusMessageState.js"),require("../lib/redux/slices/utilsSlice/screenSize.js"),require("../lib/redux/slices/authSlice/channelCallbackUrl.js"),require("../lib/redux/slices/authSlice/unsplashObject.js"),exports.default=function(c){var l,a=c.channel_username,o=void 0===a?null:a,d=c.session,b=c.endpoint,v=void 0===b?"/api/user-ip-address":b,x=t.useDispatch(),S=t.useSelector(n.selectIPAdress),j=r.useRef(new Date),f=r.useRef(null),p=r.useState((null===(l=document)||void 0===l?void 0:l.visibilityState)||"visible"),g=e.slicedToArray(p,2),q=g[0],h=g[1],m=s.useParams().channel||o,w=r.useRef(!1),T=function(){var e=document.visibilityState;h(e),"hidden"===e?(f.current=new Date,w.current=!0):(j.current=new Date,f.current=null)},k=function(){f.current=new Date,w.current=!0,h((function(e){return"idle"===e?"idle_update":"idle"}))};return r.useEffect((function(){return j.current=new Date,document.addEventListener("visibilitychange",T),document.addEventListener("idle",k),function(){j.current&&!f.current&&(f.current=new Date,w.current=!0),document.removeEventListener("visibilitychange",T),document.removeEventListener("idle",k)}}),[]),r.useEffect((function(){if(null==S||!S.ip_address){var r=function(){var r=e.asyncToGenerator(e.regeneratorRuntime().mark((function r(){var i,s;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,fetch(v||"");case 3:if((i=e.sent).ok){e.next=6;break}throw new Error("HTTP error! Status: ".concat(i.status));case 6:return e.next=8,i.json();case 8:s=e.sent,x(u.IPAdress.actions.set(s)),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(0),console.error("Error fetching IP address:",e.t0);case 15:case"end":return e.stop()}}),r,null,[[0,12]])})));return function(){return r.apply(this,arguments)}}();r()}}),[x,null==S?void 0:S.ip_address,null===u.IPAdress||void 0===u.IPAdress?void 0:u.IPAdress.actions]),r.useEffect((function(){var r=function(){var r=e.asyncToGenerator(e.regeneratorRuntime().mark((function r(){var s,t,n,u,c,l,a;return e.regeneratorRuntime().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(w.current&&j.current&&f.current){r.next=2;break}return r.abrupt("return");case 2:if(!((t=Math.round((f.current.getTime()-j.current.getTime())/1e3))<=0)){r.next=6;break}return w.current=!1,r.abrupt("return");case 6:if(n=e.objectSpread2(e.objectSpread2({},S),{},{seconds:t,url:window.location.href,datetime_start:j.current.toISOString(),datetime_end:f.current.toISOString(),user:(null==d||null===(s=d.user)||void 0===s?void 0:s.id)||""}),r.prev=7,m){r.next=11;break}return console.warn("Cannot send time data: handle is undefined"),r.abrupt("return");case 11:return u=JSON.stringify(n),c=i.reqOptions("POST",u,null,"json"),r.next=15,fetch("".concat(i.API_HOST_URL,"history/").concat(m,"/timespent/"),c);case 15:if(201!==(l=r.sent).status){r.next=26;break}if(w.current=!1,!i.IN_DEV_MODE){r.next=24;break}return console.log("Time spent sent to server successfully!"),r.next=22,l.json();case 22:a=r.sent,console.log(a);case 24:r.next=27;break;case 26:console.error("Server responded with status: ".concat(l.status));case 27:r.next=32;break;case 29:r.prev=29,r.t0=r.catch(7),console.error("Couldn't send time data:",r.t0);case 32:case"end":return r.stop()}}),r,null,[[7,29]])})));return function(){return r.apply(this,arguments)}}();return r(),function(){w.current&&r()}}),[q,d,S,m]),null};
 //# sourceMappingURL=ReactTimeTracker.js.map

package/dist/src/components/status/SessionHandleProvider.js

@@ -1,2 +1,2 @@
-import{slicedToArray as n,asyncToGenerator as e,regeneratorRuntime as t,objectSpread2 as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as a,Fragment as o}from"react/jsx-runtime";import{useMemo as c,useState as l,useCallback as i,useEffect as s}from"react";import{reqOptions as u,API_HOST_URL as d}from"../lib/helpFunction.js";import{useParams as f}from"next/navigation";import{useSession as h}from"../../../node_modules/next-auth/react.js";import{openToast as m}from"../lib/modals/modals.js";import v from"./Error500.js";function p(p){var x,b=p.children,g=p.endpointPath,j=void 0===g?null:g,k=f().channel,w=h(),T=w.data,E=w.update,y=T,P=c((function(){var n;return null==y||null===(n=y.channels)||void 0===n||null===(n=n.active)||void 0===n?void 0:n.username}),[null==y||null===(x=y.channels)||void 0===x||null===(x=x.active)||void 0===x?void 0:x.username]),R=c((function(){return null==y?void 0:y.accessToken}),[null==y?void 0:y.accessToken]),_=l(!0),C=n(_,2),F=C[0],U=C[1],q=i(e(t().mark((function n(){var e,a,o,c,l,i,s,f;return t().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(R&&k){n.next=2;break}return n.abrupt("return");case 2:return e=u("PUT",null,R),o=(a=j||"channels/instructor-channel/selected/").endsWith("/")?"".concat(a).concat(k,"/"):"".concat(a,"/").concat(k,"/"),c="".concat(d).concat(o),n.prev=6,n.next=9,fetch(c,e);case 9:if((i=n.sent).ok){n.next=12;break}throw new Error("Request failed with status: ".concat(i.status));case 12:return n.next=14,i.json();case 14:null!=(s=n.sent)&&null!==(l=s.active)&&void 0!==l&&l.id&&y?E(r(r({},y),{},{channels:s})):(m((null==s?void 0:s.detail)||"Channel switching failed",400),U(!1)),n.next=24;break;case 18:n.prev=18,n.t0=n.catch(6),f=n.t0 instanceof Error?n.t0.message:"Failed to fetch channel data",console.error("Error fetching channel data:",n.t0),m(f,500),U(!1);case 24:case"end":return n.stop()}}),n,null,[[6,18]])}))),[R,k,j,y,E]),A=c((function(){if(!k||"string"!=typeof k)return!0;return["null","undefined","false","true",""," "].includes(k)}),[k]);return s((function(){P&&k&&P!==k&&(A?(m("Invalid handle!",400),U(!1)):q())}),[P,k,A,q]),F?a(o,{children:b}):a(v,{msg:'"'.concat(k,'" is not a valid channel handle. Check the URL; it must be a valid channel username.')})}export{p as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("../lib/helpFunction.js"),a=require("next/navigation"),s=require("../../../node_modules/next-auth/react.js"),u=require("../lib/modals/modals.js"),c=require("./Error500.js");exports.default=function(l){var o,i=l.children,d=l.endpointPath,h=void 0===d?null:d,v=a.useParams().channel,f=s.useSession(),p=f.data,m=f.update,x=p,b=t.useMemo((function(){var e;return null==x||null===(e=x.channels)||void 0===e||null===(e=e.active)||void 0===e?void 0:e.username}),[null==x||null===(o=x.channels)||void 0===o||null===(o=o.active)||void 0===o?void 0:o.username]),j=t.useMemo((function(){return null==x?void 0:x.accessToken}),[null==x?void 0:x.accessToken]),g=t.useState(!0),q=e.slicedToArray(g,2),k=q[0],T=q[1],_=t.useCallback(e.asyncToGenerator(e.regeneratorRuntime().mark((function n(){var t,a,s,c,l,o,i,d;return e.regeneratorRuntime().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(j&&v){n.next=2;break}return n.abrupt("return");case 2:return t=r.reqOptions("PUT",null,j),s=(a=h||"channels/instructor-channel/selected/").endsWith("/")?"".concat(a).concat(v,"/"):"".concat(a,"/").concat(v,"/"),c="".concat(r.API_HOST_URL).concat(s),n.prev=6,n.next=9,fetch(c,t);case 9:if((o=n.sent).ok){n.next=12;break}throw new Error("Request failed with status: ".concat(o.status));case 12:return n.next=14,o.json();case 14:null!=(i=n.sent)&&null!==(l=i.active)&&void 0!==l&&l.id&&x?m(e.objectSpread2(e.objectSpread2({},x),{},{channels:i})):(u.openToast((null==i?void 0:i.detail)||"Channel switching failed",400),T(!1)),n.next=24;break;case 18:n.prev=18,n.t0=n.catch(6),d=n.t0 instanceof Error?n.t0.message:"Failed to fetch channel data",console.error("Error fetching channel data:",n.t0),u.openToast(d,500),T(!1);case 24:case"end":return n.stop()}}),n,null,[[6,18]])}))),[j,v,h,x,m]),w=t.useMemo((function(){if(!v||"string"!=typeof v)return!0;return["null","undefined","false","true",""," "].includes(v)}),[v]);return t.useEffect((function(){b&&v&&b!==v&&(w?(u.openToast("Invalid handle!",400),T(!1)):_())}),[b,v,w,_]),k?n.jsx(n.Fragment,{children:i}):n.jsx(c.default,{msg:'"'.concat(v,'" is not a valid channel handle. Check the URL; it must be a valid channel username.')})};
 //# sourceMappingURL=SessionHandleProvider.js.map

package/dist/src/components/status/Unauthorized.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";var a=function(a){var t=a.message,r=a.redirectTo,n=void 0===r?"/":r,c=a.linkText,h=void 0===c?"Go back to homepage":c,s=a.errorCode,o=void 0===s?403:s,u=401===o?"/auth/login":403===o?n:"/",b=401===o?"Login":h;return e("div",{className:"ihub-container ihub-pt-20",children:e("div",{className:"ihub-max-w-600 ihub-mx-auto ihub-text-center ihub-py-8",children:i("div",{className:"ihub-mb-6",children:[e("div",{className:"ihub-error-code ihub-text-center ihub-mb-4",children:e("span",{className:"ihub-text-DarkCyan ihub-fs-5 tw-700",children:o})}),e("h1",{className:"ihub-mb-2 tw-600 ihub-text-center",children:"Access Denied"}),e("p",{className:"ihub-mb-4 ihub-text-center",children:t||401===o?"You are not logged in.":"You don't have permission to access this page."}),e("a",{href:u,className:"important-btn ihub-inline-block",children:b})]})})})};export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(i){var s=i.message,t=i.redirectTo,r=void 0===t?"/":t,a=i.linkText,c=void 0===a?"Go back to homepage":a,n=i.errorCode,h=void 0===n?403:n,o=401===h?"/auth/login":403===h?r:"/",u=401===h?"Login":c;return e.jsx("div",{className:"ihub-container ihub-pt-20",children:e.jsx("div",{className:"ihub-max-w-600 ihub-mx-auto ihub-text-center ihub-py-8",children:e.jsxs("div",{className:"ihub-mb-6",children:[e.jsx("div",{className:"ihub-error-code ihub-text-center ihub-mb-4",children:e.jsx("span",{className:"ihub-text-DarkCyan ihub-fs-5 tw-700",children:h})}),e.jsx("h1",{className:"ihub-mb-2 tw-600 ihub-text-center",children:"Access Denied"}),e.jsx("p",{className:"ihub-mb-4 ihub-text-center",children:s||401===h?"You are not logged in.":"You don't have permission to access this page."}),e.jsx("a",{href:o,className:"important-btn ihub-inline-block",children:u})]})})})};
 //# sourceMappingURL=Unauthorized.js.map

package/dist/src/components/status/Unauthorized.js.map

@@ -1 +1 @@
-{"version":3,"file":"Unauthorized.js","sources":["../../../../src/components/status/Unauthorized.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface UnauthorizedProps {\r\n  /**\r\n   * Custom message to display to the user\r\n   */\r\n  message?: string;\r\n  /**\r\n   * URL to redirect the user to\r\n   */\r\n  redirectTo?: string;\r\n  /**\r\n   * Text to display for the redirect link\r\n   */\r\n  linkText?: string;\r\n  /**\r\n   * HTTP error code to display\r\n   */\r\n  errorCode?: number;\r\n}\r\n\r\n/**\r\n * Unauthorized component displays when a user doesn't have permission to access a page\r\n * @param props Component properties\r\n * @returns JSX element with unauthorized message and redirect link\r\n * @example\r\n * ```tsx\r\n * <Unauthorized message=\"You are not authorized to access this page\" redirectTo=\"/\" linkText=\"Go back to homepage\" errorCode={403} />\r\n * ```\r\n */\r\nconst Unauthorized: React.FC<UnauthorizedProps> = ({\r\n  message,\r\n  redirectTo = \"/\",\r\n  linkText = \"Go back to homepage\",\r\n  errorCode = 403,\r\n}) => {\r\n  const url =\r\n    errorCode === 401 ? \"/auth/login\" : errorCode === 403 ? redirectTo : \"/\";\r\n  const label = errorCode === 401 ? \"Login\" : linkText;\r\n  return (\r\n    <div className=\"ihub-container ihub-pt-20\">\r\n      <div className=\"ihub-max-w-600 ihub-mx-auto ihub-text-center ihub-py-8\">\r\n        <div className=\"ihub-mb-6\">\r\n          <div className=\"ihub-error-code ihub-text-center ihub-mb-4\">\r\n            <span className=\"ihub-text-DarkCyan ihub-fs-5 tw-700\">\r\n              {errorCode}\r\n            </span>\r\n          </div>\r\n          <h1 className=\"ihub-mb-2 tw-600 ihub-text-center\">Access Denied</h1>\r\n          <p className=\"ihub-mb-4 ihub-text-center\">\r\n            {message || errorCode === 401\r\n              ? \"You are not logged in.\"\r\n              : \"You don't have permission to access this page.\"}\r\n          </p>\r\n          <a href={url} className=\"important-btn ihub-inline-block\">\r\n            {label}\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Unauthorized;\r\n"],"names":["Unauthorized","_ref","message","_ref$redirectTo","redirectTo","_ref$linkText","linkText","_ref$errorCode","errorCode","url","label","_jsx","className","children","_jsxs","href"],"mappings":"kDA8BA,IAAMA,EAA4C,SAAhCC,GAKb,IAJHC,EAAOD,EAAPC,QAAOC,EAAAF,EACPG,WAAAA,OAAa,IAAHD,EAAG,IAAGA,EAAAE,EAAAJ,EAChBK,SAAAA,OAAW,IAAHD,EAAG,sBAAqBA,EAAAE,EAAAN,EAChCO,UAAAA,OAAY,IAAHD,EAAG,IAAGA,EAETE,EACU,MAAdD,EAAoB,cAA8B,MAAdA,EAAoBJ,EAAa,IACjEM,EAAsB,MAAdF,EAAoB,QAAUF,EAC5C,OACEK,SAAKC,UAAU,4BACbC,SAAAF,EAAA,MAAA,CAAKC,UAAU,kEACbE,EAAK,MAAA,CAAAF,UAAU,YAAWC,SAAA,CACxBF,SAAKC,UAAU,6CACbC,SAAAF,EAAA,OAAA,CAAMC,UAAU,+CACbJ,MAGLG,EAAA,KAAA,CAAIC,UAAU,+DACdD,EAAA,IAAA,CAAGC,UAAU,sCACVV,GAAyB,MAAdM,EACR,yBACA,mDAENG,EAAG,IAAA,CAAAI,KAAMN,EAAKG,UAAU,2CACrBF,UAMb"}
+{"version":3,"file":"Unauthorized.js","sources":["../../../../src/components/status/Unauthorized.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface UnauthorizedProps {\r\n  /**\r\n   * Custom message to display to the user\r\n   */\r\n  message?: string;\r\n  /**\r\n   * URL to redirect the user to\r\n   */\r\n  redirectTo?: string;\r\n  /**\r\n   * Text to display for the redirect link\r\n   */\r\n  linkText?: string;\r\n  /**\r\n   * HTTP error code to display\r\n   */\r\n  errorCode?: number;\r\n}\r\n\r\n/**\r\n * Unauthorized component displays when a user doesn't have permission to access a page\r\n * @param props Component properties\r\n * @returns JSX element with unauthorized message and redirect link\r\n * @example\r\n * ```tsx\r\n * <Unauthorized message=\"You are not authorized to access this page\" redirectTo=\"/\" linkText=\"Go back to homepage\" errorCode={403} />\r\n * ```\r\n */\r\nconst Unauthorized: React.FC<UnauthorizedProps> = ({\r\n  message,\r\n  redirectTo = \"/\",\r\n  linkText = \"Go back to homepage\",\r\n  errorCode = 403,\r\n}) => {\r\n  const url =\r\n    errorCode === 401 ? \"/auth/login\" : errorCode === 403 ? redirectTo : \"/\";\r\n  const label = errorCode === 401 ? \"Login\" : linkText;\r\n  return (\r\n    <div className=\"ihub-container ihub-pt-20\">\r\n      <div className=\"ihub-max-w-600 ihub-mx-auto ihub-text-center ihub-py-8\">\r\n        <div className=\"ihub-mb-6\">\r\n          <div className=\"ihub-error-code ihub-text-center ihub-mb-4\">\r\n            <span className=\"ihub-text-DarkCyan ihub-fs-5 tw-700\">\r\n              {errorCode}\r\n            </span>\r\n          </div>\r\n          <h1 className=\"ihub-mb-2 tw-600 ihub-text-center\">Access Denied</h1>\r\n          <p className=\"ihub-mb-4 ihub-text-center\">\r\n            {message || errorCode === 401\r\n              ? \"You are not logged in.\"\r\n              : \"You don't have permission to access this page.\"}\r\n          </p>\r\n          <a href={url} className=\"important-btn ihub-inline-block\">\r\n            {label}\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Unauthorized;\r\n"],"names":["_ref","message","_ref$redirectTo","redirectTo","_ref$linkText","linkText","_ref$errorCode","errorCode","url","label","_jsx","className","children","jsx","_jsxs","jsxs","href"],"mappings":"uHA8BkD,SAAhCA,GAKb,IAJHC,EAAOD,EAAPC,QAAOC,EAAAF,EACPG,WAAAA,OAAa,IAAHD,EAAG,IAAGA,EAAAE,EAAAJ,EAChBK,SAAAA,OAAW,IAAHD,EAAG,sBAAqBA,EAAAE,EAAAN,EAChCO,UAAAA,OAAY,IAAHD,EAAG,IAAGA,EAETE,EACU,MAAdD,EAAoB,cAA8B,MAAdA,EAAoBJ,EAAa,IACjEM,EAAsB,MAAdF,EAAoB,QAAUF,EAC5C,OACEK,EAAAA,WAAKC,UAAU,4BACbC,SAAAF,EAAAG,IAAA,MAAA,CAAKF,UAAU,kEACbG,EAAKC,KAAA,MAAA,CAAAJ,UAAU,YAAWC,SAAA,CACxBF,aAAKC,UAAU,6CACbC,SAAAF,EAAAG,IAAA,OAAA,CAAMF,UAAU,+CACbJ,MAGLG,EAAAG,IAAA,KAAA,CAAIF,UAAU,+DACdD,EAAAG,IAAA,IAAA,CAAGF,UAAU,sCACVV,GAAyB,MAAdM,EACR,yBACA,mDAENG,EAAGG,IAAA,IAAA,CAAAG,KAAMR,EAAKG,UAAU,2CACrBF,UAMb"}

package/dist/src/components/tabs/TabContent.js

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";var r=function(r){var t=r.title,a=r.description;return i("div",{className:"ihub-tab-content",children:[t?e("h3",{className:"ihub-fs-lg ihub-mb-2",children:t}):"",e("div",{className:"ihub-mb-4",children:a})]})};export{r as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(s){var i=s.title,r=s.description;return e.jsxs("div",{className:"ihub-tab-content",children:[i?e.jsx("h3",{className:"ihub-fs-lg ihub-mb-2",children:i}):"",e.jsx("div",{className:"ihub-mb-4",children:r})]})};
 //# sourceMappingURL=TabContent.js.map

package/dist/src/components/tabs/TabContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabContent.js","sources":["../../../../src/components/tabs/TabContent.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface TabContentProps {\r\n  title?: string | null;\r\n  description: React.ReactElement;\r\n}\r\n\r\n/**\r\n *\r\n * @jsx\r\n * @example\r\n * ```tsx\r\n *\r\n * <TabContent title=\"Tab Title\" description={<p>Tab Description</p>} />\r\n * ```\r\n * Props interface for the TabContent component\r\n * @property {string} [title] - Optional title for the tab\r\n * @property {React.ReactElement} description - Description for the tab\r\n *\r\n * @returns\r\n */\r\n\r\nconst TabContent = ({ title, description }: TabContentProps): JSX.Element => (\r\n  <div className=\"ihub-tab-content\">\r\n    {title ? <h3 className=\"ihub-fs-lg ihub-mb-2\">{title}</h3> : \"\"}\r\n    <div className=\"ihub-mb-4\">{description}</div>\r\n  </div>\r\n);\r\n\r\nexport default TabContent;\r\n"],"names":["TabContent","_ref","title","description","_jsxs","className","children","_jsx"],"mappings":"kDAsBA,IAAMA,EAAa,SAAHC,GAAA,IAAMC,EAAKD,EAALC,MAAOC,EAAWF,EAAXE,YAAW,OACtCC,SAAKC,UAAU,mBACZC,SAAA,CAAAJ,EAAQK,EAAI,KAAA,CAAAF,UAAU,uBAAsBC,SAAEJ,IAAc,GAC7DK,EAAK,MAAA,CAAAF,UAAU,YAAWC,SAAEH,MACxB"}
+{"version":3,"file":"TabContent.js","sources":["../../../../src/components/tabs/TabContent.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface TabContentProps {\r\n  title?: string | null;\r\n  description: React.ReactElement;\r\n}\r\n\r\n/**\r\n *\r\n * @jsx\r\n * @example\r\n * ```tsx\r\n *\r\n * <TabContent title=\"Tab Title\" description={<p>Tab Description</p>} />\r\n * ```\r\n * Props interface for the TabContent component\r\n * @property {string} [title] - Optional title for the tab\r\n * @property {React.ReactElement} description - Description for the tab\r\n *\r\n * @returns\r\n */\r\n\r\nconst TabContent = ({ title, description }: TabContentProps): JSX.Element => (\r\n  <div className=\"ihub-tab-content\">\r\n    {title ? <h3 className=\"ihub-fs-lg ihub-mb-2\">{title}</h3> : \"\"}\r\n    <div className=\"ihub-mb-4\">{description}</div>\r\n  </div>\r\n);\r\n\r\nexport default TabContent;\r\n"],"names":["_ref","title","description","_jsxs","className","children","_jsx","jsx"],"mappings":"uHAsBmB,SAAHA,GAAA,IAAMC,EAAKD,EAALC,MAAOC,EAAWF,EAAXE,YAAW,OACtCC,EAAAA,YAAKC,UAAU,mBACZC,SAAA,CAAAJ,EAAQK,EAAIC,IAAA,KAAA,CAAAH,UAAU,uBAAsBC,SAAEJ,IAAc,GAC7DK,EAAKC,IAAA,MAAA,CAAAH,UAAU,YAAWC,SAAEH,MACxB"}

package/dist/src/components/tabs/Tabs.js

@@ -1,2 +1,2 @@
-import{slicedToArray as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";var c=function(c){var r=c.items,o=c.defaultActiveTab,d=c.onChange,l=c.variant,s=void 0===l?"default":l,u=c.className,b=void 0===u?"":u,v=c.tabsContainerClassName,m=void 0===v?"":v,h=c.contentClassName,f=void 0===h?"":h,p=i(o||(r.length>0?r[0].id:"")),N=a(p,2),C=N[0],g=N[1];n((function(){o&&g(o)}),[o]);var x=r.find((function(a){return a.id===C}))||r[0];return t("div",{className:"ihub-tabs-container ".concat(b),children:[e("div",{className:function(){var a="ihub-tabs-header";switch(s){case"bordered":return"".concat(a," ihub-tabs-bordered ").concat(m);case"pills":return"".concat(a," ihub-tabs-pills ").concat(m);default:return"".concat(a," ").concat(m)}}(),children:r.map((function(a,t){return e("div",{className:(i=a.id,n=a.disabled,c=i===C?"ihub-tab-active":"",r=n?"ihub-tab-disabled":"","".concat("ihub-tab-item"," ").concat(c," ").concat(r)),onClick:function(){var t;(t=a).disabled||(g(t.id),d&&d(t))},role:"tab","aria-selected":C===a.id,tabIndex:a.disabled?-1:0,children:a.label},a.id||t);var i,n,c,r}))}),(null==x?void 0:x.content)&&e("div",{className:"ihub-tab-content ".concat(f),children:x.content})]})};export{c as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),a=require("react/jsx-runtime"),t=require("react");exports.default=function(i){var n=i.items,c=i.defaultActiveTab,r=i.onChange,s=i.variant,d=void 0===s?"default":s,l=i.className,o=void 0===l?"":l,u=i.tabsContainerClassName,b=void 0===u?"":u,v=i.contentClassName,h=void 0===v?"":v,f=t.useState(c||(n.length>0?n[0].id:"")),m=e.slicedToArray(f,2),p=m[0],x=m[1];t.useEffect((function(){c&&x(c)}),[c]);var j=n.find((function(e){return e.id===p}))||n[0];return a.jsxs("div",{className:"ihub-tabs-container ".concat(o),children:[a.jsx("div",{className:function(){var e="ihub-tabs-header";switch(d){case"bordered":return"".concat(e," ihub-tabs-bordered ").concat(b);case"pills":return"".concat(e," ihub-tabs-pills ").concat(b);default:return"".concat(e," ").concat(b)}}(),children:n.map((function(e,t){return a.jsx("div",{className:(i=e.id,n=e.disabled,c=i===p?"ihub-tab-active":"",s=n?"ihub-tab-disabled":"","".concat("ihub-tab-item"," ").concat(c," ").concat(s)),onClick:function(){var a;(a=e).disabled||(x(a.id),r&&r(a))},role:"tab","aria-selected":p===e.id,tabIndex:e.disabled?-1:0,children:e.label},e.id||t);var i,n,c,s}))}),(null==j?void 0:j.content)&&a.jsx("div",{className:"ihub-tab-content ".concat(h),children:j.content})]})};
 //# sourceMappingURL=Tabs.js.map

package/dist/src/components/tabs/VerticalTabs.js

@@ -1,2 +1,2 @@
-import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as n}from"react/jsx-runtime";import{useState as e,useEffect as t}from"react";var l=function(l){var c=l.items,d=l.defaultActiveTab,o=l.onChange,r=l.className,s=void 0===r?"":r,u=l.tabsContainerClassName,v=void 0===u?"":u,b=l.contentClassName,m=void 0===b?"":b,h=e(c.length>0?c[0]:null),f=i(h,2),p=f[0],N=f[1];t((function(){if(d){var i=c.find((function(i){return d===i.id}));N(i)}}),[d]);return a("div",{className:"ihub-vtabs-container ".concat(s),children:[n("div",{className:"ihub-vtabs-sidebar ".concat(v),children:c.map((function(i){return a("div",{className:(e=i.id,t=i.disabled,l=e===(null==p?void 0:p.id)?"ihub-vtab-active":"",d=t?"ihub-vtab-disabled":"","".concat("ihub-vtab-item"," ").concat(l," ").concat(d)),onClick:function(){return a=i,void(null!==(n=c.find((function(i){return i.id===a.id})))&&void 0!==n&&n.disabled||(N(a),o&&o(a)));var a,n},role:"tab","aria-selected":(null==p?void 0:p.id)===i.id,tabIndex:i.disabled?-1:0,children:[i.icon&&n("span",{className:"ihub-vtab-icon",children:i.icon}),n("span",{className:"ihub-vtab-label",children:i.label})]},i.id);var e,t,l,d}))}),(null==p?void 0:p.content)&&n("div",{className:"ihub-vtab-content ".concat(m),children:null==p?void 0:p.content})]})};export{l as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),i=require("react/jsx-runtime"),a=require("react");exports.default=function(n){var t=n.items,l=n.defaultActiveTab,c=n.onChange,s=n.className,d=void 0===s?"":s,r=n.tabsContainerClassName,o=void 0===r?"":r,u=n.contentClassName,v=void 0===u?"":u,b=a.useState(t.length>0?t[0]:null),h=e.slicedToArray(b,2),f=h[0],m=h[1];a.useEffect((function(){if(l){var e=t.find((function(e){return l===e.id}));m(e)}}),[l]);return i.jsxs("div",{className:"ihub-vtabs-container ".concat(d),children:[i.jsx("div",{className:"ihub-vtabs-sidebar ".concat(o),children:t.map((function(e){return i.jsxs("div",{className:(a=e.id,n=e.disabled,l=a===(null==f?void 0:f.id)?"ihub-vtab-active":"",s=n?"ihub-vtab-disabled":"","".concat("ihub-vtab-item"," ").concat(l," ").concat(s)),onClick:function(){return i=e,void(null!==(a=t.find((function(e){return e.id===i.id})))&&void 0!==a&&a.disabled||(m(i),c&&c(i)));var i,a},role:"tab","aria-selected":(null==f?void 0:f.id)===e.id,tabIndex:e.disabled?-1:0,children:[e.icon&&i.jsx("span",{className:"ihub-vtab-icon",children:e.icon}),i.jsx("span",{className:"ihub-vtab-label",children:e.label})]},e.id);var a,n,l,s}))}),(null==f?void 0:f.content)&&i.jsx("div",{className:"ihub-vtab-content ".concat(v),children:null==f?void 0:f.content})]})};
 //# sourceMappingURL=VerticalTabs.js.map

package/dist/src/components/theme/ChangeStyleVariable.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import{useState as e,useEffect as t}from"react";import n from"./LoadingAnimate.js";function a(a){var l=a.primaryColor,i=a.variables,m=void 0===i?{}:i,s=a.onComplete,u=e(!0),c=r(u,2),p=c[0],f=c[1];return t((function(){var o=document.querySelector(":root");o?(l&&o.style.setProperty("--DarkCyan",l),Object.entries(m).forEach((function(e){var t=r(e,2),n=t[0],a=t[1];o.style.setProperty("--".concat(n),a)})),f(!1),null==s||s()):console.error("Root element not found")}),[l,m,s]),p?o(n,{}):null}export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),t=require("react"),o=require("./LoadingAnimate.js");exports.default=function(l){var u=l.primaryColor,a=l.variables,n=void 0===a?{}:a,s=l.onComplete,i=t.useState(!0),c=e.slicedToArray(i,2),d=c[0],f=c[1];return t.useEffect((function(){var r=document.querySelector(":root");r?(u&&r.style.setProperty("--DarkCyan",u),Object.entries(n).forEach((function(t){var o=e.slicedToArray(t,2),l=o[0],u=o[1];r.style.setProperty("--".concat(l),u)})),f(!1),null==s||s()):console.error("Root element not found")}),[u,n,s]),d?r.jsx(o.default,{}):null};
 //# sourceMappingURL=ChangeStyleVariable.js.map

package/dist/src/components/theme/DarkModeProvider.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r}from"react/jsx-runtime";import{useState as t,useCallback as n,useEffect as o,createContext as i}from"react";var a=i(void 0);function d(i){var d=i.children,c=i.defaultTheme,f=void 0===c?"Device":c,m=i.onChange,u=t(f),s=e(u,2),l=s[0],v=s[1],h=n((function(){return"undefined"==typeof window?f:localStorage.getItem("theme")||f}),[f]),p=n((function(e){if("undefined"!=typeof window){var r,t=document.documentElement;if(t.classList.remove("DarkMode","LightMode"),"Device"===e)r=window.matchMedia("(prefers-color-scheme: dark)").matches?"DarkMode":"LightMode";else r=e;return t.classList.add(r),r}}),[]),w=n((function(e){"undefined"!=typeof window&&localStorage.setItem("theme",e),v(e);var r=p(e);r&&m&&m(r)}),[p,m]);o((function(){var e=h();v(e);var r,t,n=p(e);if(n&&m&&m(n),"undefined"!=typeof window){var o=window.matchMedia("(prefers-color-scheme: dark)");return t=function(){if("Device"===localStorage.getItem("theme")){var e=p("Device");e&&m&&m(e)}},(r=o).addEventListener?(r.addEventListener("change",t),function(){return r.removeEventListener("change",t)}):(r.addListener(t),function(){return r.removeListener(t)})}}),[h,p,m]);var g={theme:l,setTheme:w};return r(a.Provider,{value:g,children:d})}export{d as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),r=require("react"),n=r.createContext(void 0);exports.default=function(i){var a=i.children,o=i.defaultTheme,d=void 0===o?"Device":o,c=i.onChange,u=r.useState(d),s=e.slicedToArray(u,2),l=s[0],f=s[1],v=r.useCallback((function(){return"undefined"==typeof window?d:localStorage.getItem("theme")||d}),[d]),m=r.useCallback((function(e){if("undefined"!=typeof window){var t,r=document.documentElement;if(r.classList.remove("DarkMode","LightMode"),"Device"===e)t=window.matchMedia("(prefers-color-scheme: dark)").matches?"DarkMode":"LightMode";else t=e;return r.classList.add(t),t}}),[]),h=r.useCallback((function(e){"undefined"!=typeof window&&localStorage.setItem("theme",e),f(e);var t=m(e);t&&c&&c(t)}),[m,c]);r.useEffect((function(){var e=v();f(e);var t,r,n=m(e);if(n&&c&&c(n),"undefined"!=typeof window){var i=window.matchMedia("(prefers-color-scheme: dark)");return r=function(){if("Device"===localStorage.getItem("theme")){var e=m("Device");e&&c&&c(e)}},(t=i).addEventListener?(t.addEventListener("change",r),function(){return t.removeEventListener("change",r)}):(t.addListener(r),function(){return t.removeListener(r)})}}),[v,m,c]);var w={theme:l,setTheme:h};return t.jsx(n.Provider,{value:w,children:a})};
 //# sourceMappingURL=DarkModeProvider.js.map

package/dist/src/components/theme/LoadingAnimate.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as d}from"react/jsx-runtime";function e(){return i("div",{className:"react_loading container",children:i("div",{children:d("div",{className:"lds-ellipsis",children:[i("div",{}),i("div",{}),i("div",{}),i("div",{})]})})})}export{e as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(){return e.jsx("div",{className:"react_loading container",children:e.jsx("div",{children:e.jsxs("div",{className:"lds-ellipsis",children:[e.jsx("div",{}),e.jsx("div",{}),e.jsx("div",{}),e.jsx("div",{})]})})})};
 //# sourceMappingURL=LoadingAnimate.js.map

package/dist/src/components/theme/LoadingAnimate.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingAnimate.js","sources":["../../../../src/components/theme/LoadingAnimate.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nexport default function LoadingAnimate() {\r\n  return (\r\n    <div className=\"react_loading container\">\r\n      <div>\r\n        <div className=\"lds-ellipsis\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["LoadingAnimate","_jsx","className","children","_jsxs"],"mappings":"kDAEc,SAAUA,IACtB,OACEC,SAAKC,UAAU,0BACbC,SAAAF,EAAA,MAAA,CAAAE,SACEC,EAAK,MAAA,CAAAF,UAAU,yBACbD,EAAW,MAAA,CAAA,GACXA,EAAW,MAAA,CAAA,GACXA,EAAW,MAAA,CAAA,GACXA,kBAKV"}
+{"version":3,"file":"LoadingAnimate.js","sources":["../../../../src/components/theme/LoadingAnimate.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nexport default function LoadingAnimate() {\r\n  return (\r\n    <div className=\"react_loading container\">\r\n      <div>\r\n        <div className=\"lds-ellipsis\">\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n          <div></div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["_jsx","className","children","jsx","_jsxs","jsxs"],"mappings":"uHAEc,WACZ,OACEA,EAAAA,WAAKC,UAAU,0BACbC,SAAAF,EAAAG,IAAA,MAAA,CAAAD,SACEE,EAAKC,KAAA,MAAA,CAAAJ,UAAU,yBACbD,EAAAA,IAAW,MAAA,CAAA,GACXA,EAAWG,IAAA,MAAA,CAAA,GACXH,EAAWG,IAAA,MAAA,CAAA,GACXH,EAAAA,oBAKV"}

package/dist/src/components/theme/SessionProviders.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e}from"react/jsx-runtime";import{SessionProvider as t}from"../../../node_modules/next-auth/react.js";import{useState as o,useEffect as n}from"react";function i(i){var l=i.children,c=i.refetchInterval,a=void 0===c?43200:c,u=i.refetchOnWindowFocus,f=void 0===u||u,d=o(!1),m=r(d,2),s=m[0],h=m[1];return n((function(){h(!0)}),[]),e(t,{refetchInterval:a,refetchOnWindowFocus:f,children:s?l:null})}export{i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),t=require("../../../node_modules/next-auth/react.js"),u=require("react");exports.default=function(i){var n=i.children,o=i.refetchInterval,s=void 0===o?43200:o,c=i.refetchOnWindowFocus,l=void 0===c||c,a=u.useState(!1),d=e.slicedToArray(a,2),f=d[0],v=d[1];return u.useEffect((function(){v(!0)}),[]),r.jsx(t.SessionProvider,{refetchInterval:s,refetchOnWindowFocus:l,children:f?n:null})};
 //# sourceMappingURL=SessionProviders.js.map

package/dist/src/components/theme/signout/SessionExpiresLogout.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,asyncToGenerator as n,regeneratorRuntime as i}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as r,Fragment as a}from"react/jsx-runtime";import{useState as s,useEffect as t}from"react";import{getData as o}from"../../lib/auth/dbRequestst.js";import l from"./SignOutSession.js";function u(u){var d,c=u.children,v=u.session,p=u.expiredMessage,f=void 0===p?"Your logged in session has expired!":p,m=u.disableValidation,h=void 0!==m&&m,b=u.onSessionInvalid,g=s("loading"),k=e(g,2),x=k[0],w=k[1],_=(null==v||null===(d=v.user)||void 0===d?void 0:d.name)||(null==v?void 0:v.user)||{},j=(null==_?void 0:_.token)||(null==_?void 0:_.accessToken);return t((function(){var e=!0;function r(){return(r=n(i().mark((function n(){var r,a;return i().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(!h){n.next=3;break}return e&&w("valid"),n.abrupt("return");case 3:if(v){n.next=6;break}return e&&w("invalid"),n.abrupt("return");case 6:if(n.prev=6,!(new Date(null==v?void 0:v.expires)<new Date)&&j){n.next=12;break}return console.warn("Session expired or token is missing"),e&&(w("invalid"),b&&b()),n.abrupt("return");case 12:return r={path:"auth/skills/validate-user-token/?access_token=".concat(j,"&user_uuid=").concat(null==_?void 0:_.uuid),token:j,auth_sk:!0},n.next=15,o(r);case 15:a=n.sent,e&&"Unauthorized"!==(null==a?void 0:a.detail)&&"Not found."!==(null==a?void 0:a.detail)&&null!=a&&a.detail?e&&w("valid"):e&&(w("invalid"),b&&b()),n.next=23;break;case 19:n.prev=19,n.t0=n.catch(6),console.error("Error during session validation:",n.t0),e&&w("valid");case 23:case"end":return n.stop()}}),n,null,[[6,19]])})))).apply(this,arguments)}return function(){r.apply(this,arguments)}(),function(){e=!1}}),[v,h,b]),"loading"===x?r("div",{className:"ihub-session-loading",children:r("div",{className:"ihub-session-loading-spinner"})}):"invalid"===x&&null!=v&&v.user?r(l,{message:f}):r(a,{children:c})}export{u as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),r=require("react"),i=require("../../lib/auth/dbRequestst.js"),s=require("./SignOutSession.js");exports.default=function(t){var a,u=t.children,l=t.session,o=t.expiredMessage,d=void 0===o?"Your logged in session has expired!":o,c=t.disableValidation,v=void 0!==c&&c,p=t.onSessionInvalid,f=r.useState("loading"),x=e.slicedToArray(f,2),g=x[0],h=x[1],b=(null==l||null===(a=l.user)||void 0===a?void 0:a.name)||(null==l?void 0:l.user)||{},k=(null==b?void 0:b.token)||(null==b?void 0:b.accessToken);return r.useEffect((function(){var n=!0;function r(){return(r=e.asyncToGenerator(e.regeneratorRuntime().mark((function r(){var s,t;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!v){e.next=3;break}return n&&h("valid"),e.abrupt("return");case 3:if(l){e.next=6;break}return n&&h("invalid"),e.abrupt("return");case 6:if(e.prev=6,!(new Date(null==l?void 0:l.expires)<new Date)&&k){e.next=12;break}return console.warn("Session expired or token is missing"),n&&(h("invalid"),p&&p()),e.abrupt("return");case 12:return s={path:"auth/skills/validate-user-token/?access_token=".concat(k,"&user_uuid=").concat(null==b?void 0:b.uuid),token:k,auth_sk:!0},e.next=15,i.getData(s);case 15:t=e.sent,n&&"Unauthorized"!==(null==t?void 0:t.detail)&&"Not found."!==(null==t?void 0:t.detail)&&null!=t&&t.detail?n&&h("valid"):n&&(h("invalid"),p&&p()),e.next=23;break;case 19:e.prev=19,e.t0=e.catch(6),console.error("Error during session validation:",e.t0),n&&h("valid");case 23:case"end":return e.stop()}}),r,null,[[6,19]])})))).apply(this,arguments)}return function(){r.apply(this,arguments)}(),function(){n=!1}}),[l,v,p]),"loading"===g?n.jsx("div",{className:"ihub-session-loading",children:n.jsx("div",{className:"ihub-session-loading-spinner"})}):"invalid"===g&&null!=l&&l.user?n.jsx(s.default,{message:d}):n.jsx(n.Fragment,{children:u})};
 //# sourceMappingURL=SessionExpiresLogout.js.map

package/dist/src/components/theme/signout/SignOutSession.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as s}from"react/jsx-runtime";import{logout as e}from"../../lib/auth/actions.js";import n from"next/image";function a(a){var t=a.message,o=void 0===t?"Your logged in session has expired!":t,r=a.showImage;return i("section",{className:"ihub-signout-section",children:i("div",{className:"ihub-signout-overlay",children:s("div",{className:"ihub-signout-card",children:[(void 0===r||r)&&i("div",{className:"ihub-signout-image-container",children:i(n,{src:"/images/session-expired.svg",alt:"Session Expired",width:120,height:120,className:"ihub-signout-image",onError:function(i){i.target.style.display="none"}})}),i("h2",{className:"ihub-signout-title",children:"Session Expired"}),i("p",{className:"ihub-signout-message",children:o}),i("div",{className:"ihub-signout-actions",children:i("button",{className:"ihub-signout-button important-btn",onClick:e,"aria-label":"Sign out",children:"Sign out"})}),s("p",{className:"ihub-signout-help",children:["Need help?"," ",i("a",{href:"/support",className:"ihub-signout-link",children:"Contact support"})]})]})})})}export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../lib/auth/actions.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=i(require("next/image"));exports.default=function(i){var n=i.message,a=void 0===n?"Your logged in session has expired!":n,o=i.showImage,r=void 0===o||o;return e.jsx("section",{className:"ihub-signout-section",children:e.jsx("div",{className:"ihub-signout-overlay",children:e.jsxs("div",{className:"ihub-signout-card",children:[r&&e.jsx("div",{className:"ihub-signout-image-container",children:e.jsx(t.default,{src:"/images/session-expired.svg",alt:"Session Expired",width:120,height:120,className:"ihub-signout-image",onError:function(e){e.target.style.display="none"}})}),e.jsx("h2",{className:"ihub-signout-title",children:"Session Expired"}),e.jsx("p",{className:"ihub-signout-message",children:a}),e.jsx("div",{className:"ihub-signout-actions",children:e.jsx("button",{className:"ihub-signout-button important-btn",onClick:s.logout,"aria-label":"Sign out",children:"Sign out"})}),e.jsxs("p",{className:"ihub-signout-help",children:["Need help?"," ",e.jsx("a",{href:"/support",className:"ihub-signout-link",children:"Contact support"})]})]})})})};
 //# sourceMappingURL=SignOutSession.js.map

package/dist/src/components/ui/Action.js

@@ -1,2 +1,2 @@
-import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,Fragment as o,jsx as e}from"react/jsx-runtime";import t from"react";import a from"next/link";var r=function(r){var c=r.label,d=r.onClick,l=r.href,s=r.variant,u=void 0===s?"primary":s,h=r.size,m=void 0===h?"medium":h,f=r.fullWidth,p=void 0!==f&&f,b=r.disabled,v=void 0!==b&&b,w=r.iconBefore,k=r.iconAfter,N=r.className,g=void 0===N?"":N,C=r.target,y=r.type,B=void 0===y?"button":y,L=r.animated,j=void 0!==L&&L,x=r.dropdown,P=void 0!==x&&x,E=r.dropdownItems,A=void 0===E?[]:E,W=r.dropdownPosition,_=void 0===W?"right":W,z=t.useState(!1),D=i(z,2),H=D[0],I=D[1],M=t.useRef(null);t.useEffect((function(){var i=function(i){M.current&&!M.current.contains(i.target)&&I(!1)};return H&&document.addEventListener("mousedown",i),function(){document.removeEventListener("mousedown",i)}}),[H]);var R=["ihub-action","ihub-action-".concat(u),"ihub-action-".concat(m),p?"ihub-action-full-width":"",v?"ihub-action-disabled":"",j?"ihub-action-animated":"",P?"ihub-action-with-dropdown":"",g].filter(Boolean).join(" "),S=n(o,{children:[w&&e("span",{className:"ihub-action-icon-before",children:w}),e("span",{className:"ihub-action-label",children:c}),P&&e("span",{className:"ihub-action-dropdown-icon",children:e("svg",{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:"primary"===u?{color:"#fff"}:{},children:e("path",{d:"M1 1L6 6L11 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),!P&&k&&e("span",{className:"ihub-action-icon-after",children:k})]}),T=H&&P&&A.length>0&&e("div",{className:"ihub-action-dropdown-menu ihub-action-dropdown-".concat(_),onClick:function(i){return i.stopPropagation()},children:A.map((function(i,t){var r=["ihub-action-dropdown-item",i.disabled?"ihub-action-dropdown-item-disabled":"",i.className||""].filter(Boolean).join(" "),c=n(o,{children:[i.iconBefore&&e("span",{className:"ihub-action-dropdown-item-icon",children:i.iconBefore}),e("span",{className:"ihub-action-dropdown-item-label",children:i.label})]});return i.href&&!i.disabled?e(a,{href:i.href,className:r,onClick:function(){i.onClick&&i.onClick(),I(!1)},children:c},t):e("button",{className:r,onClick:function(){!i.disabled&&i.onClick&&(i.onClick(),I(!1))},disabled:i.disabled,type:"button",children:c},t)}))});return function(i){return P?n("div",{className:"ihub-action-dropdown-container",ref:M,children:[i,T]}):i}(!l||v||P?e("button",{type:B,className:R,onClick:P?function(i){P&&(i.preventDefault(),i.stopPropagation(),I((function(i){return!i})))}:d,disabled:v,children:S}):e(a,{href:l,className:R,target:C,onClick:d,children:S}))};export{r as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),i=require("react"),o=require("next/link");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(i),r=t(o);exports.default=function(i){var o=i.label,t=i.onClick,c=i.href,d=i.variant,l=void 0===d?"primary":d,s=i.size,u=void 0===s?"medium":s,h=i.fullWidth,f=void 0!==h&&h,b=i.disabled,p=void 0!==b&&b,m=i.iconBefore,v=i.iconAfter,j=i.className,w=void 0===j?"":j,x=i.target,k=i.type,g=void 0===k?"button":k,N=i.animated,C=void 0!==N&&N,y=i.dropdown,B=void 0!==y&&y,L=i.dropdownItems,P=void 0===L?[]:L,q=i.dropdownPosition,_=void 0===q?"right":q,E=a.default.useState(!1),A=e.slicedToArray(E,2),F=A[0],M=A[1],W=a.default.useRef(null);a.default.useEffect((function(){var e=function(e){W.current&&!W.current.contains(e.target)&&M(!1)};return F&&document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[F]);var z=["ihub-action","ihub-action-".concat(l),"ihub-action-".concat(u),f?"ihub-action-full-width":"",p?"ihub-action-disabled":"",C?"ihub-action-animated":"",B?"ihub-action-with-dropdown":"",w].filter(Boolean).join(" "),D=n.jsxs(n.Fragment,{children:[m&&n.jsx("span",{className:"ihub-action-icon-before",children:m}),n.jsx("span",{className:"ihub-action-label",children:o}),B&&n.jsx("span",{className:"ihub-action-dropdown-icon",children:n.jsx("svg",{width:"12",height:"7",viewBox:"0 0 12 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:"primary"===l?{color:"#fff"}:{},children:n.jsx("path",{d:"M1 1L6 6L11 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),!B&&v&&n.jsx("span",{className:"ihub-action-icon-after",children:v})]}),H=F&&B&&P.length>0&&n.jsx("div",{className:"ihub-action-dropdown-menu ihub-action-dropdown-".concat(_),onClick:function(e){return e.stopPropagation()},children:P.map((function(e,i){var o=["ihub-action-dropdown-item",e.disabled?"ihub-action-dropdown-item-disabled":"",e.className||""].filter(Boolean).join(" "),t=n.jsxs(n.Fragment,{children:[e.iconBefore&&n.jsx("span",{className:"ihub-action-dropdown-item-icon",children:e.iconBefore}),n.jsx("span",{className:"ihub-action-dropdown-item-label",children:e.label})]});return e.href&&!e.disabled?n.jsx(r.default,{href:e.href,className:o,onClick:function(){e.onClick&&e.onClick(),M(!1)},children:t},i):n.jsx("button",{className:o,onClick:function(){!e.disabled&&e.onClick&&(e.onClick(),M(!1))},disabled:e.disabled,type:"button",children:t},i)}))});return function(e){return B?n.jsxs("div",{className:"ihub-action-dropdown-container",ref:W,children:[e,H]}):e}(!c||p||B?n.jsx("button",{type:g,className:z,onClick:B?function(e){B&&(e.preventDefault(),e.stopPropagation(),M((function(e){return!e})))}:t,disabled:p,children:D}):n.jsx(r.default,{href:c,className:z,target:x,onClick:t,children:D}))};
 //# sourceMappingURL=Action.js.map

package/dist/src/components/ui/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","sources":["../../../../src/components/ui/Action.tsx"],"sourcesContent":["import React from \"react\";\r\nimport Link from \"next/link\";\r\n\r\n/**\r\n * Defines the structure of a dropdown item\r\n */\r\nexport interface ActionDropdownItem {\r\n  /** Text label to display for the dropdown item */\r\n  label: string | React.ReactNode;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the dropdown item is a link */\r\n  href?: string;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Whether the item is disabled */\r\n  disabled?: boolean;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * ActionProps interface defines all possible props for the Action component\r\n */\r\ninterface ActionProps {\r\n  /** Text label to display in the action element */\r\n  label: string | React.ReactNode;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the action is a link */\r\n  href?: string;\r\n  /** Visual style variant */\r\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"danger\" | \"text\";\r\n  /** Size variation */\r\n  size?: \"small\" | \"medium\" | \"large\";\r\n  /** Whether the action should take up full width of container */\r\n  fullWidth?: boolean;\r\n  /** Whether the action is disabled */\r\n  disabled?: boolean;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Icon to display after the label */\r\n  iconAfter?: React.ReactNode;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n  /** Target attribute for links */\r\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\r\n  /** Type attribute for buttons */\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  /** Whether to add animation effect */\r\n  animated?: boolean;\r\n  /** Whether to show a dropdown menu */\r\n  dropdown?: boolean;\r\n  /** Items to display in the dropdown menu */\r\n  dropdownItems?: ActionDropdownItem[];\r\n  /** Position of the dropdown menu */\r\n  dropdownPosition?: \"left\" | \"right\" | \"center\";\r\n}\r\n\r\n/**\r\n * Action component\r\n * A versatile Action component that can be rendered as a button or link\r\n * with various styles, sizes, icon options, and dropdown functionality\r\n * @example\r\n * <Action\r\n *  label=\"Click Me\"\r\n * onClick={() => alert('Action clicked!')}\r\n * variant=\"primary\"\r\n * size=\"medium\"\r\n * fullWidth={false}\r\n * disabled={false}\r\n * iconBefore={<Icon />}\r\n * />\r\n */\r\nconst Action: React.FC<ActionProps> = ({\r\n  label,\r\n  onClick,\r\n  href,\r\n  variant = \"primary\",\r\n  size = \"medium\",\r\n  fullWidth = false,\r\n  disabled = false,\r\n  iconBefore,\r\n  iconAfter,\r\n  className = \"\",\r\n  target,\r\n  type = \"button\",\r\n  animated = false,\r\n  dropdown = false,\r\n  dropdownItems = [],\r\n  dropdownPosition = \"right\",\r\n}) => {\r\n  // State to manage dropdown visibility\r\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\r\n  const dropdownRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  // Handle opening/closing the dropdown\r\n  const toggleDropdown = (e: React.MouseEvent) => {\r\n    if (dropdown) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      setIsDropdownOpen((prev) => !prev);\r\n    }\r\n  };\r\n\r\n  // Close dropdown when clicking outside\r\n  React.useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsDropdownOpen(false);\r\n      }\r\n    };\r\n\r\n    if (isDropdownOpen) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isDropdownOpen]);\r\n\r\n  // Construct class names based on props\r\n  const baseClasses = [\r\n    \"ihub-action\",\r\n    `ihub-action-${variant}`,\r\n    `ihub-action-${size}`,\r\n    fullWidth ? \"ihub-action-full-width\" : \"\",\r\n    disabled ? \"ihub-action-disabled\" : \"\",\r\n    animated ? \"ihub-action-animated\" : \"\",\r\n    dropdown ? \"ihub-action-with-dropdown\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  // Common content for both button and link\r\n  const content = (\r\n    <>\r\n      {iconBefore && (\r\n        <span className=\"ihub-action-icon-before\">{iconBefore}</span>\r\n      )}\r\n      <span className=\"ihub-action-label\">{label}</span>\r\n      {dropdown && (\r\n        <span className=\"ihub-action-dropdown-icon\">\r\n          <svg\r\n            width=\"12\"\r\n            height=\"7\"\r\n            viewBox=\"0 0 12 7\"\r\n            fill=\"none\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            style={variant === \"primary\" ? { color: \"#fff\" } : {}}\r\n          >\r\n            <path\r\n              d=\"M1 1L6 6L11 1\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"2\"\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </span>\r\n      )}\r\n      {!dropdown && iconAfter && (\r\n        <span className=\"ihub-action-icon-after\">{iconAfter}</span>\r\n      )}\r\n    </>\r\n  );\r\n\r\n  // Dropdown menu\r\n  const dropdownMenu = isDropdownOpen &&\r\n    dropdown &&\r\n    dropdownItems.length > 0 && (\r\n      <div\r\n        className={`ihub-action-dropdown-menu ihub-action-dropdown-${dropdownPosition}`}\r\n        onClick={(e) => e.stopPropagation()}\r\n      >\r\n        {dropdownItems.map((item, index) => {\r\n          const itemClasses = [\r\n            \"ihub-action-dropdown-item\",\r\n            item.disabled ? \"ihub-action-dropdown-item-disabled\" : \"\",\r\n            item.className || \"\",\r\n          ]\r\n            .filter(Boolean)\r\n            .join(\" \");\r\n\r\n          const itemContent = (\r\n            <>\r\n              {item.iconBefore && (\r\n                <span className=\"ihub-action-dropdown-item-icon\">\r\n                  {item.iconBefore}\r\n                </span>\r\n              )}\r\n              <span className=\"ihub-action-dropdown-item-label\">\r\n                {item.label}\r\n              </span>\r\n            </>\r\n          );\r\n\r\n          if (item.href && !item.disabled) {\r\n            return (\r\n              <Link\r\n                key={index}\r\n                href={item.href}\r\n                className={itemClasses}\r\n                onClick={() => {\r\n                  if (item.onClick) item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }}\r\n              >\r\n                {itemContent}\r\n              </Link>\r\n            );\r\n          }\r\n\r\n          return (\r\n            <button\r\n              key={index}\r\n              className={itemClasses}\r\n              onClick={() => {\r\n                if (!item.disabled && item.onClick) {\r\n                  item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }\r\n              }}\r\n              disabled={item.disabled}\r\n              type=\"button\"\r\n            >\r\n              {itemContent}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n\r\n  // Wrapper to contain both the action and dropdown\r\n  const renderWithDropdown = (actionElement: React.ReactElement) => {\r\n    if (!dropdown) return actionElement;\r\n\r\n    return (\r\n      <div className=\"ihub-action-dropdown-container\" ref={dropdownRef}>\r\n        {actionElement}\r\n        {dropdownMenu}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  // Render the appropriate element\r\n  const actionElement =\r\n    href && !disabled && !dropdown ? (\r\n      <Link\r\n        href={href}\r\n        className={baseClasses}\r\n        target={target}\r\n        onClick={onClick}\r\n      >\r\n        {content}\r\n      </Link>\r\n    ) : (\r\n      <button\r\n        type={type}\r\n        className={baseClasses}\r\n        onClick={dropdown ? toggleDropdown : onClick}\r\n        disabled={disabled}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n\r\n  return renderWithDropdown(actionElement);\r\n};\r\n\r\nexport default Action;\r\n"],"names":["Action","_ref","label","onClick","href","_ref$variant","variant","_ref$size","size","_ref$fullWidth","fullWidth","_ref$disabled","disabled","iconBefore","iconAfter","_ref$className","className","target","_ref$type","type","_ref$animated","animated","_ref$dropdown","dropdown","_ref$dropdownItems","dropdownItems","_ref$dropdownPosition","dropdownPosition","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","dropdownRef","useRef","useEffect","handleClickOutside","event","current","contains","document","addEventListener","removeEventListener","baseClasses","concat","filter","Boolean","join","content","_jsxs","_Fragment","children","_jsx","width","height","viewBox","fill","xmlns","style","color","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","dropdownMenu","length","e","stopPropagation","map","item","index","itemClasses","itemContent","Link","actionElement","ref","renderWithDropdown","preventDefault","prev"],"mappings":"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"}
+{"version":3,"file":"Action.js","sources":["../../../../src/components/ui/Action.tsx"],"sourcesContent":["import React from \"react\";\r\nimport Link from \"next/link\";\r\n\r\n/**\r\n * Defines the structure of a dropdown item\r\n */\r\nexport interface ActionDropdownItem {\r\n  /** Text label to display for the dropdown item */\r\n  label: string | React.ReactNode;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the dropdown item is a link */\r\n  href?: string;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Whether the item is disabled */\r\n  disabled?: boolean;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * ActionProps interface defines all possible props for the Action component\r\n */\r\ninterface ActionProps {\r\n  /** Text label to display in the action element */\r\n  label: string | React.ReactNode;\r\n  /** Click handler function */\r\n  onClick?: () => void;\r\n  /** Link destination if the action is a link */\r\n  href?: string;\r\n  /** Visual style variant */\r\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"danger\" | \"text\";\r\n  /** Size variation */\r\n  size?: \"small\" | \"medium\" | \"large\";\r\n  /** Whether the action should take up full width of container */\r\n  fullWidth?: boolean;\r\n  /** Whether the action is disabled */\r\n  disabled?: boolean;\r\n  /** Icon to display before the label */\r\n  iconBefore?: React.ReactNode;\r\n  /** Icon to display after the label */\r\n  iconAfter?: React.ReactNode;\r\n  /** Optional additional class names */\r\n  className?: string;\r\n  /** Target attribute for links */\r\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\r\n  /** Type attribute for buttons */\r\n  type?: \"button\" | \"submit\" | \"reset\";\r\n  /** Whether to add animation effect */\r\n  animated?: boolean;\r\n  /** Whether to show a dropdown menu */\r\n  dropdown?: boolean;\r\n  /** Items to display in the dropdown menu */\r\n  dropdownItems?: ActionDropdownItem[];\r\n  /** Position of the dropdown menu */\r\n  dropdownPosition?: \"left\" | \"right\" | \"center\";\r\n}\r\n\r\n/**\r\n * Action component\r\n * A versatile Action component that can be rendered as a button or link\r\n * with various styles, sizes, icon options, and dropdown functionality\r\n * @example\r\n * <Action\r\n *  label=\"Click Me\"\r\n * onClick={() => alert('Action clicked!')}\r\n * variant=\"primary\"\r\n * size=\"medium\"\r\n * fullWidth={false}\r\n * disabled={false}\r\n * iconBefore={<Icon />}\r\n * />\r\n */\r\nconst Action: React.FC<ActionProps> = ({\r\n  label,\r\n  onClick,\r\n  href,\r\n  variant = \"primary\",\r\n  size = \"medium\",\r\n  fullWidth = false,\r\n  disabled = false,\r\n  iconBefore,\r\n  iconAfter,\r\n  className = \"\",\r\n  target,\r\n  type = \"button\",\r\n  animated = false,\r\n  dropdown = false,\r\n  dropdownItems = [],\r\n  dropdownPosition = \"right\",\r\n}) => {\r\n  // State to manage dropdown visibility\r\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);\r\n  const dropdownRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  // Handle opening/closing the dropdown\r\n  const toggleDropdown = (e: React.MouseEvent) => {\r\n    if (dropdown) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      setIsDropdownOpen((prev) => !prev);\r\n    }\r\n  };\r\n\r\n  // Close dropdown when clicking outside\r\n  React.useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsDropdownOpen(false);\r\n      }\r\n    };\r\n\r\n    if (isDropdownOpen) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isDropdownOpen]);\r\n\r\n  // Construct class names based on props\r\n  const baseClasses = [\r\n    \"ihub-action\",\r\n    `ihub-action-${variant}`,\r\n    `ihub-action-${size}`,\r\n    fullWidth ? \"ihub-action-full-width\" : \"\",\r\n    disabled ? \"ihub-action-disabled\" : \"\",\r\n    animated ? \"ihub-action-animated\" : \"\",\r\n    dropdown ? \"ihub-action-with-dropdown\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  // Common content for both button and link\r\n  const content = (\r\n    <>\r\n      {iconBefore && (\r\n        <span className=\"ihub-action-icon-before\">{iconBefore}</span>\r\n      )}\r\n      <span className=\"ihub-action-label\">{label}</span>\r\n      {dropdown && (\r\n        <span className=\"ihub-action-dropdown-icon\">\r\n          <svg\r\n            width=\"12\"\r\n            height=\"7\"\r\n            viewBox=\"0 0 12 7\"\r\n            fill=\"none\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            style={variant === \"primary\" ? { color: \"#fff\" } : {}}\r\n          >\r\n            <path\r\n              d=\"M1 1L6 6L11 1\"\r\n              stroke=\"currentColor\"\r\n              strokeWidth=\"2\"\r\n              strokeLinecap=\"round\"\r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </span>\r\n      )}\r\n      {!dropdown && iconAfter && (\r\n        <span className=\"ihub-action-icon-after\">{iconAfter}</span>\r\n      )}\r\n    </>\r\n  );\r\n\r\n  // Dropdown menu\r\n  const dropdownMenu = isDropdownOpen &&\r\n    dropdown &&\r\n    dropdownItems.length > 0 && (\r\n      <div\r\n        className={`ihub-action-dropdown-menu ihub-action-dropdown-${dropdownPosition}`}\r\n        onClick={(e) => e.stopPropagation()}\r\n      >\r\n        {dropdownItems.map((item, index) => {\r\n          const itemClasses = [\r\n            \"ihub-action-dropdown-item\",\r\n            item.disabled ? \"ihub-action-dropdown-item-disabled\" : \"\",\r\n            item.className || \"\",\r\n          ]\r\n            .filter(Boolean)\r\n            .join(\" \");\r\n\r\n          const itemContent = (\r\n            <>\r\n              {item.iconBefore && (\r\n                <span className=\"ihub-action-dropdown-item-icon\">\r\n                  {item.iconBefore}\r\n                </span>\r\n              )}\r\n              <span className=\"ihub-action-dropdown-item-label\">\r\n                {item.label}\r\n              </span>\r\n            </>\r\n          );\r\n\r\n          if (item.href && !item.disabled) {\r\n            return (\r\n              <Link\r\n                key={index}\r\n                href={item.href}\r\n                className={itemClasses}\r\n                onClick={() => {\r\n                  if (item.onClick) item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }}\r\n              >\r\n                {itemContent}\r\n              </Link>\r\n            );\r\n          }\r\n\r\n          return (\r\n            <button\r\n              key={index}\r\n              className={itemClasses}\r\n              onClick={() => {\r\n                if (!item.disabled && item.onClick) {\r\n                  item.onClick();\r\n                  setIsDropdownOpen(false);\r\n                }\r\n              }}\r\n              disabled={item.disabled}\r\n              type=\"button\"\r\n            >\r\n              {itemContent}\r\n            </button>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n\r\n  // Wrapper to contain both the action and dropdown\r\n  const renderWithDropdown = (actionElement: React.ReactElement) => {\r\n    if (!dropdown) return actionElement;\r\n\r\n    return (\r\n      <div className=\"ihub-action-dropdown-container\" ref={dropdownRef}>\r\n        {actionElement}\r\n        {dropdownMenu}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  // Render the appropriate element\r\n  const actionElement =\r\n    href && !disabled && !dropdown ? (\r\n      <Link\r\n        href={href}\r\n        className={baseClasses}\r\n        target={target}\r\n        onClick={onClick}\r\n      >\r\n        {content}\r\n      </Link>\r\n    ) : (\r\n      <button\r\n        type={type}\r\n        className={baseClasses}\r\n        onClick={dropdown ? toggleDropdown : onClick}\r\n        disabled={disabled}\r\n      >\r\n        {content}\r\n      </button>\r\n    );\r\n\r\n  return renderWithDropdown(actionElement);\r\n};\r\n\r\nexport default Action;\r\n"],"names":["_ref","label","onClick","href","_ref$variant","variant","_ref$size","size","_ref$fullWidth","fullWidth","_ref$disabled","disabled","iconBefore","iconAfter","_ref$className","className","target","_ref$type","type","_ref$animated","animated","_ref$dropdown","dropdown","_ref$dropdownItems","dropdownItems","_ref$dropdownPosition","dropdownPosition","_React$useState","React","useState","_React$useState2","_slicedToArray","isDropdownOpen","setIsDropdownOpen","dropdownRef","useRef","useEffect","handleClickOutside","event","current","contains","document","addEventListener","removeEventListener","baseClasses","concat","filter","Boolean","join","content","_jsxs","jsxs","_Fragment","children","_jsx","jsx","width","height","viewBox","fill","xmlns","style","color","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","dropdownMenu","length","e","stopPropagation","map","item","index","itemClasses","itemContent","Link","actionElement","ref","renderWithDropdown","preventDefault","prev"],"mappings":"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"}

package/dist/src/components/ui/Badge.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";var a=function(a){var d=a.children,i=a.text,e=a.variant,t=void 0===e?"default":e,n=a.size,u=void 0===n?"medium":n,c=a.shape,b=void 0===c?"rounded":c,l=a.outlined,r=void 0!==l&&l,v=a.className,h=void 0===v?"":v,s=a.count,m=a.maxCount,g=void 0===m?99:m,f=a.dot,x=void 0!==f&&f,p=a.standalone,C=void 0===p||p,j=a.onClick,k=i||d;x?k=null:void 0!==s&&(k=s>g?"".concat(g,"+"):s);var N=["ihub-badge","ihub-badge-".concat(t),"ihub-badge-".concat(u),"ihub-badge-".concat(b),r?"ihub-badge-outlined":"",x?"ihub-badge-dot":"",C?"":"ihub-badge-attached",h].filter(Boolean).join(" ");return o("span",{className:N,onClick:j,role:j?"button":void 0,tabIndex:j?0:void 0,children:k})};export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(o){var d=o.children,i=o.text,a=o.variant,t=void 0===a?"default":a,n=o.size,u=void 0===n?"medium":n,c=o.shape,r=void 0===c?"rounded":c,l=o.outlined,b=void 0!==l&&l,v=o.className,s=void 0===v?"":v,h=o.count,g=o.maxCount,x=void 0===g?99:g,m=o.dot,f=void 0!==m&&m,p=o.standalone,j=void 0===p||p,C=o.onClick,k=i||d;f?k=null:void 0!==h&&(k=h>x?"".concat(x,"+"):h);var N=["ihub-badge","ihub-badge-".concat(t),"ihub-badge-".concat(u),"ihub-badge-".concat(r),b?"ihub-badge-outlined":"",f?"ihub-badge-dot":"",j?"":"ihub-badge-attached",s].filter(Boolean).join(" ");return e.jsx("span",{className:N,onClick:C,role:C?"button":void 0,tabIndex:C?0:void 0,children:k})};
 //# sourceMappingURL=Badge.js.map

package/dist/src/components/ui/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/ui/Badge.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nexport type BadgeVariant =\r\n  | \"default\"\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"success\"\r\n  | \"warning\"\r\n  | \"danger\"\r\n  | \"info\";\r\nexport type BadgeSize = \"small\" | \"medium\" | \"large\";\r\nexport type BadgeShape = \"rounded\" | \"pill\" | \"square\";\r\n\r\nexport interface BadgeProps {\r\n  /**\r\n   * The content to display inside the badge\r\n   */\r\n  children?: React.ReactNode;\r\n\r\n  /**\r\n   * Text content to display (alias for children)\r\n   */\r\n  text?: string;\r\n\r\n  /**\r\n   * The visual style variant of the badge\r\n   * @default 'default | default primary | success | warning | danger | info'\r\n   */\r\n  variant?: BadgeVariant;\r\n\r\n  /**\r\n   * The size of the badge\r\n   * @default 'medium'\r\n   */\r\n  size?: BadgeSize;\r\n\r\n  /**\r\n   * The shape of the badge\r\n   * @default 'rounded'\r\n   */\r\n  shape?: BadgeShape;\r\n\r\n  /**\r\n   * Whether the badge has an outline style\r\n   * @default false\r\n   */\r\n  outlined?: boolean;\r\n\r\n  /**\r\n   * Additional CSS class names\r\n   */\r\n  className?: string;\r\n\r\n  /**\r\n   * Badge value for notification-style badges\r\n   */\r\n  count?: number;\r\n\r\n  /**\r\n   * Maximum count to display before showing \"count+\"\r\n   * @default 99\r\n   */\r\n  maxCount?: number;\r\n\r\n  /**\r\n   * Show a dot badge without content\r\n   * @default false\r\n   */\r\n  dot?: boolean;\r\n\r\n  /**\r\n   * Makes the badge standalone (not overlaying another element)\r\n   * @default true\r\n   */\r\n  standalone?: boolean;\r\n\r\n  /**\r\n   * Optional click handler\r\n   */\r\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\r\n}\r\n\r\n/**\r\n * Badge Component - Used for displaying counts, status indicators, or labels\r\n */\r\nconst Badge: React.FC<BadgeProps> = ({\r\n  children,\r\n  text,\r\n  variant = \"default\",\r\n  size = \"medium\",\r\n  shape = \"rounded\",\r\n  outlined = false,\r\n  className = \"\",\r\n  count,\r\n  maxCount = 99,\r\n  dot = false,\r\n  standalone = true,\r\n  onClick,\r\n}) => {\r\n  // Determine the content to display\r\n  let content = text || children;\r\n  if (dot) {\r\n    content = null;\r\n  } else if (count !== undefined) {\r\n    content = count > maxCount ? `${maxCount}+` : count;\r\n  }\r\n\r\n  // Build CSS class name\r\n  const badgeClasses = [\r\n    \"ihub-badge\",\r\n    `ihub-badge-${variant}`,\r\n    `ihub-badge-${size}`,\r\n    `ihub-badge-${shape}`,\r\n    outlined ? \"ihub-badge-outlined\" : \"\",\r\n    dot ? \"ihub-badge-dot\" : \"\",\r\n    !standalone ? \"ihub-badge-attached\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <span\r\n      className={badgeClasses}\r\n      onClick={onClick}\r\n      role={onClick ? \"button\" : undefined}\r\n      tabIndex={onClick ? 0 : undefined}\r\n    >\r\n      {content}\r\n    </span>\r\n  );\r\n};\r\n\r\nexport default Badge;\r\n\r\n/**\r\n * @example\r\n * // Basic usage\r\n * <Badge>New</Badge>\r\n *\r\n * @example\r\n * // Different variants\r\n * <Badge variant=\"primary\">Primary</Badge>\r\n * <Badge variant=\"success\">Success</Badge>\r\n * <Badge variant=\"warning\">Warning</Badge>\r\n * <Badge variant=\"danger\">Danger</Badge>\r\n * <Badge variant=\"info\">Info</Badge>\r\n *\r\n * @example\r\n * // Different sizes\r\n * <Badge size=\"small\">Small</Badge>\r\n * <Badge size=\"medium\">Medium</Badge>\r\n * <Badge size=\"large\">Large</Badge>\r\n *\r\n * @example\r\n * // Different shapes\r\n * <Badge shape=\"rounded\">Rounded</Badge>\r\n * <Badge shape=\"pill\">Pill</Badge>\r\n * <Badge shape=\"square\">Square</Badge>\r\n *\r\n * @example\r\n * // Outlined style\r\n * <Badge variant=\"primary\" outlined>Outlined</Badge>\r\n *\r\n * @example\r\n * // Count badges\r\n * <Badge count={5} variant=\"danger\" />\r\n * <Badge count={150} maxCount={99} variant=\"primary\" />\r\n *\r\n * @example\r\n * // Dot badge (status indicator)\r\n * <Badge dot variant=\"success\" />\r\n *\r\n * @example\r\n * // Clickable badge\r\n * <Badge\r\n *   variant=\"primary\"\r\n *   onClick={(e) => console.log('Badge clicked')}\r\n * >\r\n *   Clickable\r\n * </Badge>\r\n *\r\n * @example\r\n * // Usage recommendations:\r\n * // 1. For status indicators: use 'dot' prop with appropriate variant\r\n * // 2. For notification counts: use 'count' prop with 'danger' or 'primary' variant\r\n * // 3. For labels/tags: use text content with 'pill' shape\r\n * // 4. For action badges: add onClick handler and use 'primary' variant\r\n * // 5. For subtle indicators: use 'outlined' prop with muted variants\r\n */\r\n"],"names":["Badge","_ref","children","text","_ref$variant","variant","_ref$size","size","_ref$shape","shape","_ref$outlined","outlined","_ref$className","className","count","_ref$maxCount","maxCount","_ref$dot","dot","_ref$standalone","standalone","onClick","content","undefined","concat","badgeClasses","filter","Boolean","join","_jsx","role","tabIndex"],"mappings":"wCAqFA,IAAMA,EAA8B,SAAzBC,GAaN,IAZHC,EAAQD,EAARC,SACAC,EAAIF,EAAJE,KAAIC,EAAAH,EACJI,QAAAA,OAAU,IAAHD,EAAG,UAASA,EAAAE,EAAAL,EACnBM,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAP,EACfQ,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAT,EACjBU,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAX,EAChBY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAKb,EAALa,MAAKC,EAAAd,EACLe,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACbiB,IAAAA,OAAM,IAAHD,GAAQA,EAAAE,EAAAlB,EACXmB,WAAAA,OAAa,IAAHD,GAAOA,EACjBE,EAAOpB,EAAPoB,QAGIC,EAAUnB,GAAQD,EAClBgB,EACFI,EAAU,UACSC,IAAVT,IACTQ,EAAUR,EAAQE,KAAQQ,OAAMR,EAAQ,KAAMF,GAIhD,IAAMW,EAAe,CACnB,2BAAYD,OACEnB,GAAOmB,cAAAA,OACPjB,GAAI,cAAAiB,OACJf,GACdE,EAAW,sBAAwB,GACnCO,EAAM,iBAAmB,GACxBE,EAAqC,GAAxB,sBACdP,GAECa,OAAOC,SACPC,KAAK,KAER,OACEC,EACE,OAAA,CAAAhB,UAAWY,EACXJ,QAASA,EACTS,KAAMT,EAAU,cAAWE,EAC3BQ,SAAUV,EAAU,OAAIE,WAEvBD,GAGP"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/ui/Badge.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\nexport type BadgeVariant =\r\n  | \"default\"\r\n  | \"primary\"\r\n  | \"secondary\"\r\n  | \"success\"\r\n  | \"warning\"\r\n  | \"danger\"\r\n  | \"info\";\r\nexport type BadgeSize = \"small\" | \"medium\" | \"large\";\r\nexport type BadgeShape = \"rounded\" | \"pill\" | \"square\";\r\n\r\nexport interface BadgeProps {\r\n  /**\r\n   * The content to display inside the badge\r\n   */\r\n  children?: React.ReactNode;\r\n\r\n  /**\r\n   * Text content to display (alias for children)\r\n   */\r\n  text?: string;\r\n\r\n  /**\r\n   * The visual style variant of the badge\r\n   * @default 'default | default primary | success | warning | danger | info'\r\n   */\r\n  variant?: BadgeVariant;\r\n\r\n  /**\r\n   * The size of the badge\r\n   * @default 'medium'\r\n   */\r\n  size?: BadgeSize;\r\n\r\n  /**\r\n   * The shape of the badge\r\n   * @default 'rounded'\r\n   */\r\n  shape?: BadgeShape;\r\n\r\n  /**\r\n   * Whether the badge has an outline style\r\n   * @default false\r\n   */\r\n  outlined?: boolean;\r\n\r\n  /**\r\n   * Additional CSS class names\r\n   */\r\n  className?: string;\r\n\r\n  /**\r\n   * Badge value for notification-style badges\r\n   */\r\n  count?: number;\r\n\r\n  /**\r\n   * Maximum count to display before showing \"count+\"\r\n   * @default 99\r\n   */\r\n  maxCount?: number;\r\n\r\n  /**\r\n   * Show a dot badge without content\r\n   * @default false\r\n   */\r\n  dot?: boolean;\r\n\r\n  /**\r\n   * Makes the badge standalone (not overlaying another element)\r\n   * @default true\r\n   */\r\n  standalone?: boolean;\r\n\r\n  /**\r\n   * Optional click handler\r\n   */\r\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\r\n}\r\n\r\n/**\r\n * Badge Component - Used for displaying counts, status indicators, or labels\r\n */\r\nconst Badge: React.FC<BadgeProps> = ({\r\n  children,\r\n  text,\r\n  variant = \"default\",\r\n  size = \"medium\",\r\n  shape = \"rounded\",\r\n  outlined = false,\r\n  className = \"\",\r\n  count,\r\n  maxCount = 99,\r\n  dot = false,\r\n  standalone = true,\r\n  onClick,\r\n}) => {\r\n  // Determine the content to display\r\n  let content = text || children;\r\n  if (dot) {\r\n    content = null;\r\n  } else if (count !== undefined) {\r\n    content = count > maxCount ? `${maxCount}+` : count;\r\n  }\r\n\r\n  // Build CSS class name\r\n  const badgeClasses = [\r\n    \"ihub-badge\",\r\n    `ihub-badge-${variant}`,\r\n    `ihub-badge-${size}`,\r\n    `ihub-badge-${shape}`,\r\n    outlined ? \"ihub-badge-outlined\" : \"\",\r\n    dot ? \"ihub-badge-dot\" : \"\",\r\n    !standalone ? \"ihub-badge-attached\" : \"\",\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  return (\r\n    <span\r\n      className={badgeClasses}\r\n      onClick={onClick}\r\n      role={onClick ? \"button\" : undefined}\r\n      tabIndex={onClick ? 0 : undefined}\r\n    >\r\n      {content}\r\n    </span>\r\n  );\r\n};\r\n\r\nexport default Badge;\r\n\r\n/**\r\n * @example\r\n * // Basic usage\r\n * <Badge>New</Badge>\r\n *\r\n * @example\r\n * // Different variants\r\n * <Badge variant=\"primary\">Primary</Badge>\r\n * <Badge variant=\"success\">Success</Badge>\r\n * <Badge variant=\"warning\">Warning</Badge>\r\n * <Badge variant=\"danger\">Danger</Badge>\r\n * <Badge variant=\"info\">Info</Badge>\r\n *\r\n * @example\r\n * // Different sizes\r\n * <Badge size=\"small\">Small</Badge>\r\n * <Badge size=\"medium\">Medium</Badge>\r\n * <Badge size=\"large\">Large</Badge>\r\n *\r\n * @example\r\n * // Different shapes\r\n * <Badge shape=\"rounded\">Rounded</Badge>\r\n * <Badge shape=\"pill\">Pill</Badge>\r\n * <Badge shape=\"square\">Square</Badge>\r\n *\r\n * @example\r\n * // Outlined style\r\n * <Badge variant=\"primary\" outlined>Outlined</Badge>\r\n *\r\n * @example\r\n * // Count badges\r\n * <Badge count={5} variant=\"danger\" />\r\n * <Badge count={150} maxCount={99} variant=\"primary\" />\r\n *\r\n * @example\r\n * // Dot badge (status indicator)\r\n * <Badge dot variant=\"success\" />\r\n *\r\n * @example\r\n * // Clickable badge\r\n * <Badge\r\n *   variant=\"primary\"\r\n *   onClick={(e) => console.log('Badge clicked')}\r\n * >\r\n *   Clickable\r\n * </Badge>\r\n *\r\n * @example\r\n * // Usage recommendations:\r\n * // 1. For status indicators: use 'dot' prop with appropriate variant\r\n * // 2. For notification counts: use 'count' prop with 'danger' or 'primary' variant\r\n * // 3. For labels/tags: use text content with 'pill' shape\r\n * // 4. For action badges: add onClick handler and use 'primary' variant\r\n * // 5. For subtle indicators: use 'outlined' prop with muted variants\r\n */\r\n"],"names":["_ref","children","text","_ref$variant","variant","_ref$size","size","_ref$shape","shape","_ref$outlined","outlined","_ref$className","className","count","_ref$maxCount","maxCount","_ref$dot","dot","_ref$standalone","standalone","onClick","content","undefined","concat","badgeClasses","filter","Boolean","join","_jsx","role","tabIndex"],"mappings":"uHAqFoC,SAAzBA,GAaN,IAZHC,EAAQD,EAARC,SACAC,EAAIF,EAAJE,KAAIC,EAAAH,EACJI,QAAAA,OAAU,IAAHD,EAAG,UAASA,EAAAE,EAAAL,EACnBM,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAP,EACfQ,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAT,EACjBU,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAX,EAChBY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAKb,EAALa,MAAKC,EAAAd,EACLe,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACbiB,IAAAA,OAAM,IAAHD,GAAQA,EAAAE,EAAAlB,EACXmB,WAAAA,OAAa,IAAHD,GAAOA,EACjBE,EAAOpB,EAAPoB,QAGIC,EAAUnB,GAAQD,EAClBgB,EACFI,EAAU,UACSC,IAAVT,IACTQ,EAAUR,EAAQE,KAAQQ,OAAMR,EAAQ,KAAMF,GAIhD,IAAMW,EAAe,CACnB,2BAAYD,OACEnB,GAAOmB,cAAAA,OACPjB,GAAI,cAAAiB,OACJf,GACdE,EAAW,sBAAwB,GACnCO,EAAM,iBAAmB,GACxBE,EAAqC,GAAxB,sBACdP,GAECa,OAAOC,SACPC,KAAK,KAER,OACEC,EAAAA,IACE,OAAA,CAAAhB,UAAWY,EACXJ,QAASA,EACTS,KAAMT,EAAU,cAAWE,EAC3BQ,SAAUV,EAAU,OAAIE,WAEvBD,GAGP"}

package/dist/src/components/ui/ColorPicker.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,asyncToGenerator as r,regeneratorRuntime as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as c,useEffect as i}from"react";var l=["#ff0000","#ff4500","#ff8c00","#ffd700","#ffff00","#9acd32","#32cd32","#00ff00","#00fa9a","#00ffff","#00bfff","#0000ff","#4169e1","#8a2be2","#9400d3","#ff1493","#ff69b4","#ffc0cb","#ffffff","#f5f5f5","#d3d3d3","#808080","#000000","#800000","#008000"],s=function(e){var r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:null},u=function(u){var d=u.id,f=u.label,h=u.defaultColor,p=void 0===h?"#000000":h,b=u.name,m=u.className,v=void 0===m?"":m,g=u.showButton,w=void 0===g||g,k=u.onChange,y=u.CUSTOM_COLORS,N=u.hidePreview,x=void 0!==N&&N,C=u.hideFormats,E=void 0!==C&&C,M=u.hideEyeDropper,D=void 0!==M&&M,L=t(!w),B=e(L,2),H=B[0],F=B[1],I=t(p),P=e(I,2),R=P[0],S=P[1],$=t(p),A=e($,2),G=A[0],O=A[1],T=t(!1),_=e(T,2),j=_[0],V=_[1],z=c(null),K=c(null),U=t(!1),X=e(U,2),q=X[0],J=X[1];i((function(){J("EyeDropper"in window)}),[]),i((function(){var e=function(e){z.current&&!z.current.contains(e.target)&&F(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}),[]);var Q,W,Y=function(e){S(e),O(e),V(!1),null==k||k(e),w&&F(!1)},Z=function(){var e=r(a().mark((function e(){var r,n;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!("EyeDropper"in window)){e.next=12;break}return e.prev=1,r=new window.EyeDropper,e.next=5,r.open();case 5:n=e.sent,Y(n.sRGBHex),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(1),console.error("EyeDropper failed:",e.t0);case 12:case"end":return e.stop()}}),e,null,[[1,9]])})));return function(){return e.apply(this,arguments)}}();return n("div",{ref:z,className:"ihub-color-picker ".concat(v),children:[f&&o("label",{htmlFor:d,className:"ihub-fs-sm ihub-mb-1 ihub-d-inline-block",children:f}),b&&o("input",{type:"hidden",name:b,defaultValue:R}),w?n("button",{type:"button",className:"ihub-color-picker-toggle",onClick:function(){return F(!H)},"aria-expanded":H,"aria-haspopup":"true",style:{backgroundColor:R},children:[o("span",{className:"ihub-color-preview",style:{backgroundColor:R}}),o("span",{className:(Q=R,W=s(Q),W&&(.299*W.r+.587*W.g+.114*W.b)/255<.5?"ihub-text-white":"ihub-color-value"),children:R})]}):null,H&&n("div",{className:"ihub-color-picker-panel",role:"dialog","aria-label":"Color picker",onKeyDown:function(e){"Escape"===e.key&&F(!1)},children:[!x&&o("div",{className:"ihub-color-preview-large",style:{backgroundColor:R}}),!E&&n("div",{className:"ihub-color-formats",children:[n("div",{className:"ihub-format-item",children:[o("span",{children:"HEX:"}),o("input",{id:d,ref:K,type:"text",value:G,onChange:function(e){var r=e.target.value;O(r);var a,n=/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(a=r)||/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/.test(a)||/^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/.test(a)?a:null;n?(S(n),V(!1),null==k||k(n)):V(!0)},className:"ihub-color-input ".concat(j?"ihub-error":""),placeholder:"#000000","aria-label":"Hex color value"})]}),n("div",{className:"ihub-format-item",children:[o("span",{children:"RGB:"}),o("span",{className:"ihub-format-value",children:function(e){var r=s(e);return r?"rgb(".concat(r.r,", ").concat(r.g,", ").concat(r.b,")"):e}(R)})]}),n("div",{className:"ihub-format-item",children:[o("span",{children:"HSL:"}),o("span",{className:"ihub-format-value",children:function(e){var r=s(e);if(r){var a=function(e,r,a){e/=255,r/=255,a/=255;var n=Math.max(e,r,a),o=Math.min(e,r,a),t=0,c=0,i=(n+o)/2;if(n!==o){var l=n-o;switch(c=i>.5?l/(2-n-o):l/(n+o),n){case e:t=(r-a)/l+(r<a?6:0);break;case r:t=(a-e)/l+2;break;case a:t=(e-r)/l+4}t/=6}return{h:360*t,s:100*c,l:100*i}}(r.r,r.g,r.b);return"hsl(".concat(Math.round(a.h),", ").concat(Math.round(a.s),"%, ").concat(Math.round(a.l),"%)")}return e}(R)})]})]}),!D&&q&&n("button",{type:"button",className:"ihub-eyedropper-btn",onClick:Z,"aria-label":"Pick color from screen",children:[o("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor",children:o("path",{d:"M20.71 5.63l-2.34-2.34a1 1 0 00-1.41 0l-3.12 3.12-3.2-3.2a1 1 0 00-1.41 0L7.88 4.58a1 1 0 000 1.41l3.13 3.13L3 17.25V21h3.75l8.01-8.01 3.13 3.13a1 1 0 001.41 0l1.38-1.38a1 1 0 000-1.41l-3.2-3.2 3.23-3.23a1 1 0 000-1.27z"})}),"Pick Color"]}),o("div",{className:"ihub-color-grid",children:(y||l).map((function(e,r){return o("button",{type:"button",className:"ihub-color-swatch ".concat(R===e?"ihub-selected":""),style:{backgroundColor:e},onClick:function(){return Y(e)},"aria-label":"Select color ".concat(e),tabIndex:H?0:-1},e)}))})]})]})};export{u as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),a=require("react"),n=["#ff0000","#ff4500","#ff8c00","#ffd700","#ffff00","#9acd32","#32cd32","#00ff00","#00fa9a","#00ffff","#00bfff","#0000ff","#4169e1","#8a2be2","#9400d3","#ff1493","#ff69b4","#ffc0cb","#ffffff","#f5f5f5","#d3d3d3","#808080","#000000","#800000","#008000"],t=function(e){var r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:null};exports.default=function(s){var o=s.id,c=s.label,i=s.defaultColor,l=void 0===i?"#000000":i,u=s.name,d=s.className,f=void 0===d?"":d,h=s.showButton,b=void 0===h||h,p=s.onChange,v=s.CUSTOM_COLORS,m=s.hidePreview,x=void 0!==m&&m,j=s.hideFormats,y=void 0!==j&&j,g=s.hideEyeDropper,w=void 0!==g&&g,k=a.useState(!b),N=e.slicedToArray(k,2),C=N[0],E=N[1],S=a.useState(l),M=e.slicedToArray(S,2),A=M[0],R=M[1],T=a.useState(l),D=e.slicedToArray(T,2),L=D[0],B=D[1],H=a.useState(!1),P=e.slicedToArray(H,2),_=P[0],F=P[1],I=a.useRef(null),O=a.useRef(null),$=a.useState(!1),q=e.slicedToArray($,2),G=q[0],V=q[1];a.useEffect((function(){V("EyeDropper"in window)}),[]),a.useEffect((function(){var e=function(e){I.current&&!I.current.contains(e.target)&&E(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}}),[]);var z,K,U=function(e){R(e),B(e),F(!1),null==p||p(e),b&&E(!1)},X=function(){var r=e.asyncToGenerator(e.regeneratorRuntime().mark((function r(){var a,n;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!("EyeDropper"in window)){e.next=12;break}return e.prev=1,a=new window.EyeDropper,e.next=5,a.open();case 5:n=e.sent,U(n.sRGBHex),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(1),console.error("EyeDropper failed:",e.t0);case 12:case"end":return e.stop()}}),r,null,[[1,9]])})));return function(){return r.apply(this,arguments)}}();return r.jsxs("div",{ref:I,className:"ihub-color-picker ".concat(f),children:[c&&r.jsx("label",{htmlFor:o,className:"ihub-fs-sm ihub-mb-1 ihub-d-inline-block",children:c}),u&&r.jsx("input",{type:"hidden",name:u,defaultValue:A}),b?r.jsxs("button",{type:"button",className:"ihub-color-picker-toggle",onClick:function(){return E(!C)},"aria-expanded":C,"aria-haspopup":"true",style:{backgroundColor:A},children:[r.jsx("span",{className:"ihub-color-preview",style:{backgroundColor:A}}),r.jsx("span",{className:(z=A,K=t(z),K&&(.299*K.r+.587*K.g+.114*K.b)/255<.5?"ihub-text-white":"ihub-color-value"),children:A})]}):null,C&&r.jsxs("div",{className:"ihub-color-picker-panel",role:"dialog","aria-label":"Color picker",onKeyDown:function(e){"Escape"===e.key&&E(!1)},children:[!x&&r.jsx("div",{className:"ihub-color-preview-large",style:{backgroundColor:A}}),!y&&r.jsxs("div",{className:"ihub-color-formats",children:[r.jsxs("div",{className:"ihub-format-item",children:[r.jsx("span",{children:"HEX:"}),r.jsx("input",{id:o,ref:O,type:"text",value:L,onChange:function(e){var r=e.target.value;B(r);var a,n=/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(a=r)||/^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/.test(a)||/^hsl\(\s*(\d{1,3})\s*,\s*(\d{1,3})%\s*,\s*(\d{1,3})%\s*\)$/.test(a)?a:null;n?(R(n),F(!1),null==p||p(n)):F(!0)},className:"ihub-color-input ".concat(_?"ihub-error":""),placeholder:"#000000","aria-label":"Hex color value"})]}),r.jsxs("div",{className:"ihub-format-item",children:[r.jsx("span",{children:"RGB:"}),r.jsx("span",{className:"ihub-format-value",children:function(e){var r=t(e);return r?"rgb(".concat(r.r,", ").concat(r.g,", ").concat(r.b,")"):e}(A)})]}),r.jsxs("div",{className:"ihub-format-item",children:[r.jsx("span",{children:"HSL:"}),r.jsx("span",{className:"ihub-format-value",children:function(e){var r=t(e);if(r){var a=function(e,r,a){e/=255,r/=255,a/=255;var n=Math.max(e,r,a),t=Math.min(e,r,a),s=0,o=0,c=(n+t)/2;if(n!==t){var i=n-t;switch(o=c>.5?i/(2-n-t):i/(n+t),n){case e:s=(r-a)/i+(r<a?6:0);break;case r:s=(a-e)/i+2;break;case a:s=(e-r)/i+4}s/=6}return{h:360*s,s:100*o,l:100*c}}(r.r,r.g,r.b);return"hsl(".concat(Math.round(a.h),", ").concat(Math.round(a.s),"%, ").concat(Math.round(a.l),"%)")}return e}(A)})]})]}),!w&&G&&r.jsxs("button",{type:"button",className:"ihub-eyedropper-btn",onClick:X,"aria-label":"Pick color from screen",children:[r.jsx("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor",children:r.jsx("path",{d:"M20.71 5.63l-2.34-2.34a1 1 0 00-1.41 0l-3.12 3.12-3.2-3.2a1 1 0 00-1.41 0L7.88 4.58a1 1 0 000 1.41l3.13 3.13L3 17.25V21h3.75l8.01-8.01 3.13 3.13a1 1 0 001.41 0l1.38-1.38a1 1 0 000-1.41l-3.2-3.2 3.23-3.23a1 1 0 000-1.27z"})}),"Pick Color"]}),r.jsx("div",{className:"ihub-color-grid",children:(v||n).map((function(e,a){return r.jsx("button",{type:"button",className:"ihub-color-swatch ".concat(A===e?"ihub-selected":""),style:{backgroundColor:e},onClick:function(){return U(e)},"aria-label":"Select color ".concat(e),tabIndex:C?0:-1},e)}))})]})]})};
 //# sourceMappingURL=ColorPicker.js.map