@instincthub/react-ui 0.1.31 → 0.1.32

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),i=require("react/jsx-runtime"),t=require("react"),n=require("./MultiPurposeModal.js"),l=require("../forms/SubmitButton.js");require("../lib/helpFunction.js");var s=require("../lib/modals/modals.js");require("../lib/utils.js");var a=require("../forms/InputText.js");exports.default=function(){var r=t.useState(!1),o=e.slicedToArray(r,2),u=o[0],c=o[1],d=t.useState(!1),m=e.slicedToArray(d,2),h=m[0],b=m[1],x=t.useState(!1),j=e.slicedToArray(x,2),f=j[0],p=j[1],v=t.useState(!1),C=e.slicedToArray(v,2),N=C[0],y=C[1],S=t.useState(!1),F=e.slicedToArray(S,2),g=F[0],k=F[1],q=t.useState(1),M=e.slicedToArray(q,2),O=M[0];M[1];var T=t.useState({name:"",email:""}),w=e.slicedToArray(T,2),A=w[0],z=w[1],B=function(i){var t=i.target,n=t.name,l=t.value;z(function(i){return e.objectSpread2(e.objectSpread2({},i),{},e.defineProperty({},n,l))})};return i.jsxs("div",{className:"ihub-container ihub-mt-5",children:[i.jsx("h1",{children:"Modal Examples"}),i.jsxs("div",{className:"ihub-d-flex ihub-py-5",style:{gap:"20px",flexWrap:"wrap"},children:[i.jsx("button",{className:"ihub-important-btn",onClick:function(){return c(!0)},children:"Open Basic Modal"}),i.jsx("button",{className:"ihub-outlined-btn",onClick:function(){return b(!0)},children:"Open Form Modal"}),i.jsx("button",{className:"ihub-outlined-btn",onClick:function(){return k(!0)},children:"Open Form Modal Event"}),i.jsx("button",{className:"ihub-primary-btn",onClick:function(){return p(!0)},children:"Open Custom Modal"}),i.jsx("button",{className:"ihub-danger-btn",onClick:function(){return y(!0)},children:"Open Full Screen Modal"})]}),i.jsxs(n.default,{isOpen:u,onClose:function(){return c(!1)},title:"Basic Information Modal",size:"small",showFooter:!0,children:[i.jsx("p",{children:"This is a basic modal with default settings. It includes:"}),i.jsxs("ul",{children:[i.jsx("li",{children:"A title in the header"}),i.jsx("li",{children:"Content in the body"}),i.jsx("li",{children:"A footer with default buttons"}),i.jsx("li",{children:"Small size (400px max width)"})]})]}),i.jsxs(n.default,{isOpen:h,onClose:function(){return b(!1)},title:"User Information Form",size:"medium",showFooter:!0,footerContent:i.jsxs("div",{className:"ihub-buttons",children:[i.jsx("button",{className:"ihub-outlined-btn",onClick:function(){return b(!1)},children:"Cancel"}),i.jsx("button",{className:"ihub-important-btn",onClick:function(){console.log("Form submitted with data:",A),b(!1)},disabled:!A.name||!A.email,children:"Submit"})]}),children:[i.jsx(a.default,{label:"Full Name",id:"name",name:"name",type:"text",value:A.name,onChange:B,className:"ihub-input",required:!0}),i.jsx(a.default,{label:"Email Address",id:"email",name:"email",type:"email",value:A.email,onChange:B,className:"ihub-input",required:!0})]}),i.jsxs(n.default,{title:"Form Modal with event",isOpen:g,onClose:function(){return k(!1)},size:"medium",showFooter:!0,handleSubmit:function(e){e.preventDefault(),console.log("Form event:",e),s.openToast("Check console for form data")},footerContent:i.jsxs("div",{className:"ihub-buttons",children:[i.jsx("button",{className:"ihub-outlined-btn",onClick:function(){return b(!1)},children:"Cancel"}),i.jsx(l.default,{label:"Submit",type:"submit",status:O})]}),children:[i.jsx(a.default,{label:"Full Name",id:"name",name:"name",type:"text",value:A.name,onChange:B,className:"ihub-input",required:!0}),i.jsx(a.default,{label:"Email Address",id:"email",name:"email",type:"email",value:A.email,onChange:B,className:"ihub-input",required:!0})]}),i.jsx(n.default,{isOpen:f,onClose:function(){return p(!1)},size:"large",showCloseButton:!0,closeOnOverlayClick:!1,className:"ihub-custom-modal",children:i.jsxs("div",{className:"ihub-py-3",children:[i.jsx("h2",{className:"ihub-mb-3",children:"Custom Modal Without Header"}),i.jsx("p",{children:"This modal demonstrates:"}),i.jsxs("ul",{children:[i.jsx("li",{children:"No formal header section (title is in the body)"}),i.jsx("li",{children:"Custom close button still included"}),i.jsx("li",{children:"Large size variant (900px max width)"}),i.jsx("li",{children:"Overlay click is disabled (can only close via button)"}),i.jsx("li",{children:"No footer section"})]}),i.jsx("div",{className:"ihub-d-flex ihub-justify-content-center ihub-mt-4",children:i.jsx("button",{className:"ihub-important-btn",onClick:function(){return p(!1)},children:"Close This Modal"})})]})}),i.jsx(n.default,{isOpen:N,onClose:function(){return y(!1)},title:"Full Screen Experience",size:"full",showFooter:!1,children:i.jsxs("div",{style:{minHeight:"80vh"},children:[i.jsx("h3",{children:"This is a full-screen modal"}),i.jsx("p",{children:"Perfect for immersive experiences, detailed forms, or content that requires maximum screen real estate. This modal takes over the entire viewport."}),i.jsx("div",{className:"ihub-mt-5",children:i.jsx("button",{className:"ihub-danger-btn",onClick:function(){return y(!1)},children:"Close Full Screen Modal"})})]})})]})};
+import{slicedToArray as e,objectSpread2 as i,defineProperty as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as l}from"react/jsx-runtime";import{useState as o}from"react";import r from"./MultiPurposeModal.js";import a from"../forms/SubmitButton.js";import"../lib/helpFunction.js";import{openToast as s}from"../lib/modals/modals.js";import"../lib/utils.js";import u from"../forms/InputText.js";var c=function(){var c=o(!1),m=e(c,2),d=m[0],h=m[1],b=o(!1),p=e(b,2),f=p[0],C=p[1],v=o(!1),N=e(v,2),y=N[0],x=N[1],F=o(!1),g=e(F,2),k=g[0],w=g[1],M=o(!1),O=e(M,2),j=O[0],S=O[1],z=o(1),T=e(z,2),q=T[0];T[1];var A=o({name:"",email:""}),B=e(A,2),E=B[0],I=B[1],P=function(e){var t=e.target,l=t.name,o=t.value;I(function(e){return i(i({},e),{},n({},l,o))})};return t("div",{className:"ihub-container ihub-mt-5",children:[l("h1",{children:"Modal Examples"}),t("div",{className:"ihub-d-flex ihub-py-5",style:{gap:"20px",flexWrap:"wrap"},children:[l("button",{className:"ihub-important-btn",onClick:function(){return h(!0)},children:"Open Basic Modal"}),l("button",{className:"ihub-outlined-btn",onClick:function(){return C(!0)},children:"Open Form Modal"}),l("button",{className:"ihub-outlined-btn",onClick:function(){return S(!0)},children:"Open Form Modal Event"}),l("button",{className:"ihub-primary-btn",onClick:function(){return x(!0)},children:"Open Custom Modal"}),l("button",{className:"ihub-danger-btn",onClick:function(){return w(!0)},children:"Open Full Screen Modal"})]}),t(r,{isOpen:d,onClose:function(){return h(!1)},title:"Basic Information Modal",size:"small",showFooter:!0,children:[l("p",{children:"This is a basic modal with default settings. It includes:"}),t("ul",{children:[l("li",{children:"A title in the header"}),l("li",{children:"Content in the body"}),l("li",{children:"A footer with default buttons"}),l("li",{children:"Small size (400px max width)"})]})]}),t(r,{isOpen:f,onClose:function(){return C(!1)},title:"User Information Form",size:"medium",showFooter:!0,footerContent:t("div",{className:"ihub-buttons",children:[l("button",{className:"ihub-outlined-btn",onClick:function(){return C(!1)},children:"Cancel"}),l("button",{className:"ihub-important-btn",onClick:function(){console.log("Form submitted with data:",E),C(!1)},disabled:!E.name||!E.email,children:"Submit"})]}),children:[l(u,{label:"Full Name",id:"name",name:"name",type:"text",value:E.name,onChange:P,className:"ihub-input",required:!0}),l(u,{label:"Email Address",id:"email",name:"email",type:"email",value:E.email,onChange:P,className:"ihub-input",required:!0})]}),t(r,{title:"Form Modal with event",isOpen:j,onClose:function(){return S(!1)},size:"medium",showFooter:!0,handleSubmit:function(e){e.preventDefault(),console.log("Form event:",e),s("Check console for form data")},footerContent:t("div",{className:"ihub-buttons",children:[l("button",{className:"ihub-outlined-btn",onClick:function(){return C(!1)},children:"Cancel"}),l(a,{label:"Submit",type:"submit",status:q})]}),children:[l(u,{label:"Full Name",id:"name",name:"name",type:"text",value:E.name,onChange:P,className:"ihub-input",required:!0}),l(u,{label:"Email Address",id:"email",name:"email",type:"email",value:E.email,onChange:P,className:"ihub-input",required:!0})]}),l(r,{isOpen:y,onClose:function(){return x(!1)},size:"large",showCloseButton:!0,closeOnOverlayClick:!1,className:"ihub-custom-modal",children:t("div",{className:"ihub-py-3",children:[l("h2",{className:"ihub-mb-3",children:"Custom Modal Without Header"}),l("p",{children:"This modal demonstrates:"}),t("ul",{children:[l("li",{children:"No formal header section (title is in the body)"}),l("li",{children:"Custom close button still included"}),l("li",{children:"Large size variant (900px max width)"}),l("li",{children:"Overlay click is disabled (can only close via button)"}),l("li",{children:"No footer section"})]}),l("div",{className:"ihub-d-flex ihub-justify-content-center ihub-mt-4",children:l("button",{className:"ihub-important-btn",onClick:function(){return x(!1)},children:"Close This Modal"})})]})}),l(r,{isOpen:k,onClose:function(){return w(!1)},title:"Full Screen Experience",size:"full",showFooter:!1,children:t("div",{style:{minHeight:"80vh"},children:[l("h3",{children:"This is a full-screen modal"}),l("p",{children:"Perfect for immersive experiences, detailed forms, or content that requires maximum screen real estate. This modal takes over the entire viewport."}),l("div",{className:"ihub-mt-5",children:l("button",{className:"ihub-danger-btn",onClick:function(){return w(!1)},children:"Close Full Screen Modal"})})]})})]})};export{c as default};
 //# sourceMappingURL=ModalExamples.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),l=require("react/jsx-runtime"),i=require("react"),a=require("react-dom");exports.default=function(r){var t=r.isOpen,o=r.onClose,u=r.children,s=r.title,d=r.size,n=void 0===d?"full":d,c=i.useState(!1),h=e.slicedToArray(c,2),m=h[0],b=h[1];if(i.useEffect(function(){return b(!0),function(){return b(!1)}},[]),!t||!m)return null;var v=l.jsx("div",{className:"ihub-modal ihub-modal-open","aria-labelledby":"ihub-modal-title",role:"dialog","aria-modal":"true",children:l.jsxs("div",{className:"ihub-modal-content ihub-modal-".concat(n),children:[l.jsxs("div",{className:"ihub-modal-header",children:[s&&l.jsx("h2",{id:"ihub-modal-title",className:"ihub-modal-title",children:s}),l.jsx("button",{onClick:o,type:"button",className:"ihub-close-it","aria-label":"Close modal",children:"X"})]}),l.jsx("div",{className:"ihub-modal-body ihub-txt-modal",style:{height:"70vh"},children:u})]})});return a.createPortal(v,document.body)};
+import{slicedToArray as l}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as a,useEffect as o}from"react";import{createPortal as r}from"react-dom";var t=function(t){var d=t.isOpen,n=t.onClose,m=t.children,u=t.title,c=t.size,s=void 0===c?"full":c,h=a(!1),b=l(h,2),f=b[0],p=b[1];if(o(function(){return p(!0),function(){return p(!1)}},[]),!d||!f)return null;var v=e("div",{className:"ihub-modal ihub-modal-open","aria-labelledby":"ihub-modal-title",role:"dialog","aria-modal":"true",children:i("div",{className:"ihub-modal-content ihub-modal-".concat(s),children:[i("div",{className:"ihub-modal-header",children:[u&&e("h2",{id:"ihub-modal-title",className:"ihub-modal-title",children:u}),e("button",{onClick:n,type:"button",className:"ihub-close-it","aria-label":"Close modal",children:"X"})]}),e("div",{className:"ihub-modal-body ihub-txt-modal",style:{height:"70vh"},children:m})]})});return r(v,document.body)};export{t as default};
 //# sourceMappingURL=ModalWrapper.js.map

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

@@ -1,2 +1,2 @@
-"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;
+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};
 //# sourceMappingURL=MultiPurposeModal.js.map

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

@@ -1,2 +1,2 @@
-"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"})})]})]})]})})};
+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};
 //# sourceMappingURL=NotFound.js.map

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

@@ -1,2 +1,2 @@
-"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"),n=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 t=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=c.channel_username,a=void 0===l?null:l,o=c.session,d=c.endpoint,b=void 0===d?"/api/user-ip-address":d,f=n.useDispatch(),v=n.useSelector(t.selectIPAdress),S=r.useRef(new Date),j=r.useRef(null),g=r.useRef(!1),q=s.useParams().channel||a,p=r.useState("visible"),x=e.slicedToArray(p,2),h=x[0],m=x[1];r.useEffect(function(){"undefined"!=typeof document&&m(document.visibilityState)},[]);var w=function(){var e=document.visibilityState;m(e),"hidden"===e?(j.current=new Date,g.current=!0):(S.current=new Date,j.current=null)},y=function(){j.current=new Date,g.current=!0,m(function(e){return"idle"===e?"idle_update":"idle"})};return r.useEffect(function(){if("undefined"!=typeof document)return S.current=new Date,document.addEventListener("visibilitychange",w),document.addEventListener("idle",y),function(){S.current&&!j.current&&(j.current=new Date,g.current=!0),document.removeEventListener("visibilitychange",w),document.removeEventListener("idle",y)}},[]),r.useEffect(function(){if(null==v||!v.ip_address){var r=function(){var r=e.asyncToGenerator(e.regenerator().m(function r(){var i,s,n;return e.regenerator().w(function(e){for(;;)switch(e.p=e.n){case 0:return e.p=0,e.n=1,fetch(b||"");case 1:if((i=e.v).ok){e.n=2;break}throw new Error("HTTP error! Status: ".concat(i.status));case 2:return e.n=3,i.json();case 3:s=e.v,f(u.IPAdress.actions.set(s)),e.n=5;break;case 4:e.p=4,n=e.v,console.error("Error fetching IP address:",n);case 5:return e.a(2)}},r,null,[[0,4]])}));return function(){return r.apply(this,arguments)}}();r()}},[f,null==v?void 0:v.ip_address,b]),r.useEffect(function(){var r=function(){var r=e.asyncToGenerator(e.regenerator().m(function r(){var s,n,t,u,c,l,a,d;return e.regenerator().w(function(r){for(;;)switch(r.p=r.n){case 0:if(g.current&&S.current&&j.current){r.n=1;break}return r.a(2);case 1:if(!((n=Math.round((j.current.getTime()-S.current.getTime())/1e3))<=0)){r.n=2;break}return g.current=!1,r.a(2);case 2:if(t=e.objectSpread2(e.objectSpread2({},v),{},{seconds:n,url:"undefined"!=typeof window?window.location.href:"",datetime_start:S.current.toISOString(),datetime_end:j.current.toISOString(),user:(null==o||null===(s=o.user)||void 0===s?void 0:s.id)||""}),r.p=3,q){r.n=4;break}return console.warn("Cannot send time data: handle is undefined"),r.a(2);case 4:return u=JSON.stringify(t),c=i.reqOptions("POST",u,null,"json"),r.n=5,fetch("".concat(i.API_HOST_URL,"history/").concat(q,"/timespent/"),c);case 5:if(201!==(l=r.v).status){r.n=8;break}if(g.current=!1,!i.IN_DEV_MODE){r.n=7;break}return console.log("Time spent sent to server successfully!"),r.n=6,l.json();case 6:a=r.v,console.log(a);case 7:r.n=9;break;case 8:console.error("Server responded with status: ".concat(l.status));case 9:r.n=11;break;case 10:r.p=10,d=r.v,console.error("Couldn't send time data:",d);case 11:return r.a(2)}},r,null,[[3,10]])}));return function(){return r.apply(this,arguments)}}();return r(),function(){g.current&&r()}},[h,o,v,q]),null};
+import{slicedToArray as e,asyncToGenerator as i,regenerator as r,objectSpread2 as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as t,useState as n,useEffect as c}from"react";import{IN_DEV_MODE as o,reqOptions as l,API_HOST_URL as u}from"../lib/helpFunction.js";import{useParams as a}from"next/navigation";import{useDispatch as d,useSelector as m}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 p}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 f=v.channel_username,S=void 0===f?null:f,j=v.session,g=v.endpoint,x=void 0===g?"/api/user-ip-address":g,h=d(),w=m(p),y=t(new Date),T=t(null),k=t(!1),C=a().channel||S,D=n("visible"),_=e(D,2),E=_[0],L=_[1];c(function(){"undefined"!=typeof document&&L(document.visibilityState)},[]);var O=function(){var e=document.visibilityState;L(e),"hidden"===e?(T.current=new Date,k.current=!0):(y.current=new Date,T.current=null)},P=function(){T.current=new Date,k.current=!0,L(function(e){return"idle"===e?"idle_update":"idle"})};return c(function(){if("undefined"!=typeof document)return y.current=new Date,document.addEventListener("visibilitychange",O),document.addEventListener("idle",P),function(){y.current&&!T.current&&(T.current=new Date,k.current=!0),document.removeEventListener("visibilitychange",O),document.removeEventListener("idle",P)}},[]),c(function(){if(null==w||!w.ip_address){var e=function(){var e=i(r().m(function e(){var i,s,t;return r().w(function(e){for(;;)switch(e.p=e.n){case 0:return e.p=0,e.n=1,fetch(x||"");case 1:if((i=e.v).ok){e.n=2;break}throw new Error("HTTP error! Status: ".concat(i.status));case 2:return e.n=3,i.json();case 3:s=e.v,h(b.actions.set(s)),e.n=5;break;case 4:e.p=4,t=e.v,console.error("Error fetching IP address:",t);case 5:return e.a(2)}},e,null,[[0,4]])}));return function(){return e.apply(this,arguments)}}();e()}},[h,null==w?void 0:w.ip_address,x]),c(function(){var e=function(){var e=i(r().m(function e(){var i,t,n,c,a,d,m,p;return r().w(function(e){for(;;)switch(e.p=e.n){case 0:if(k.current&&y.current&&T.current){e.n=1;break}return e.a(2);case 1:if(!((t=Math.round((T.current.getTime()-y.current.getTime())/1e3))<=0)){e.n=2;break}return k.current=!1,e.a(2);case 2:if(n=s(s({},w),{},{seconds:t,url:"undefined"!=typeof window?window.location.href:"",datetime_start:y.current.toISOString(),datetime_end:T.current.toISOString(),user:(null==j||null===(i=j.user)||void 0===i?void 0:i.id)||""}),e.p=3,C){e.n=4;break}return console.warn("Cannot send time data: handle is undefined"),e.a(2);case 4:return c=JSON.stringify(n),a=l("POST",c,null,"json"),e.n=5,fetch("".concat(u,"history/").concat(C,"/timespent/"),a);case 5:if(201!==(d=e.v).status){e.n=8;break}if(k.current=!1,!o){e.n=7;break}return console.log("Time spent sent to server successfully!"),e.n=6,d.json();case 6:m=e.v,console.log(m);case 7:e.n=9;break;case 8:console.error("Server responded with status: ".concat(d.status));case 9:e.n=11;break;case 10:e.p=10,p=e.v,console.error("Couldn't send time data:",p);case 11:return e.a(2)}},e,null,[[3,10]])}));return function(){return e.apply(this,arguments)}}();return e(),function(){k.current&&e()}},[E,j,w,C]),null}export{v as default};
 //# sourceMappingURL=ReactTimeTracker.js.map

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

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

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

@@ -1,2 +1,2 @@
-"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})]})})})};
+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};
 //# 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\";\n\ninterface UnauthorizedProps {\n  /**\n   * Custom message to display to the user\n   */\n  message?: string;\n  /**\n   * URL to redirect the user to\n   */\n  redirectTo?: string;\n  /**\n   * Text to display for the redirect link\n   */\n  linkText?: string;\n  /**\n   * HTTP error code to display\n   */\n  errorCode?: number;\n}\n\n/**\n * Unauthorized component displays when a user doesn't have permission to access a page\n * @param props Component properties\n * @returns JSX element with unauthorized message and redirect link\n * @example\n * ```tsx\n * <Unauthorized message=\"You are not authorized to access this page\" redirectTo=\"/\" linkText=\"Go back to homepage\" errorCode={403} />\n * ```\n */\nconst Unauthorized: React.FC<UnauthorizedProps> = ({\n  message,\n  redirectTo = \"/\",\n  linkText = \"Go back to homepage\",\n  errorCode = 403,\n}) => {\n  const url =\n    errorCode === 401 ? \"/auth/login\" : errorCode === 403 ? redirectTo : \"/\";\n  const label = errorCode === 401 ? \"Login\" : linkText;\n  return (\n    <div className=\"ihub-container ihub-pt-20\">\n      <div className=\"ihub-max-w-600 ihub-mx-auto ihub-text-center ihub-py-8\">\n        <div className=\"ihub-mb-6\">\n          <div className=\"ihub-error-code ihub-text-center ihub-mb-4\">\n            <span className=\"ihub-text-DarkCyan ihub-fs-5 tw-700\">\n              {errorCode}\n            </span>\n          </div>\n          <h1 className=\"ihub-mb-2 tw-600 ihub-text-center\">Access Denied</h1>\n          <p className=\"ihub-mb-4 ihub-text-center\">\n            {message || errorCode === 401\n              ? \"You are not logged in.\"\n              : \"You don't have permission to access this page.\"}\n          </p>\n          <a href={url} className=\"important-btn ihub-inline-block\">\n            {label}\n          </a>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Unauthorized;\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"}
+{"version":3,"file":"Unauthorized.js","sources":["../../../../src/components/status/Unauthorized.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface UnauthorizedProps {\n  /**\n   * Custom message to display to the user\n   */\n  message?: string;\n  /**\n   * URL to redirect the user to\n   */\n  redirectTo?: string;\n  /**\n   * Text to display for the redirect link\n   */\n  linkText?: string;\n  /**\n   * HTTP error code to display\n   */\n  errorCode?: number;\n}\n\n/**\n * Unauthorized component displays when a user doesn't have permission to access a page\n * @param props Component properties\n * @returns JSX element with unauthorized message and redirect link\n * @example\n * ```tsx\n * <Unauthorized message=\"You are not authorized to access this page\" redirectTo=\"/\" linkText=\"Go back to homepage\" errorCode={403} />\n * ```\n */\nconst Unauthorized: React.FC<UnauthorizedProps> = ({\n  message,\n  redirectTo = \"/\",\n  linkText = \"Go back to homepage\",\n  errorCode = 403,\n}) => {\n  const url =\n    errorCode === 401 ? \"/auth/login\" : errorCode === 403 ? redirectTo : \"/\";\n  const label = errorCode === 401 ? \"Login\" : linkText;\n  return (\n    <div className=\"ihub-container ihub-pt-20\">\n      <div className=\"ihub-max-w-600 ihub-mx-auto ihub-text-center ihub-py-8\">\n        <div className=\"ihub-mb-6\">\n          <div className=\"ihub-error-code ihub-text-center ihub-mb-4\">\n            <span className=\"ihub-text-DarkCyan ihub-fs-5 tw-700\">\n              {errorCode}\n            </span>\n          </div>\n          <h1 className=\"ihub-mb-2 tw-600 ihub-text-center\">Access Denied</h1>\n          <p className=\"ihub-mb-4 ihub-text-center\">\n            {message || errorCode === 401\n              ? \"You are not logged in.\"\n              : \"You don't have permission to access this page.\"}\n          </p>\n          <a href={url} className=\"important-btn ihub-inline-block\">\n            {label}\n          </a>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Unauthorized;\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"}

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

@@ -1,2 +1,2 @@
-"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})]})};
+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};
 //# 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\";\n\ninterface TabContentProps {\n  title?: string | null;\n  description: React.ReactElement;\n}\n\n/**\n *\n * @jsx\n * @example\n * ```tsx\n *\n * <TabContent title=\"Tab Title\" description={<p>Tab Description</p>} />\n * ```\n * Props interface for the TabContent component\n * @property {string} [title] - Optional title for the tab\n * @property {React.ReactElement} description - Description for the tab\n *\n * @returns\n */\n\nconst TabContent = ({ title, description }: TabContentProps): JSX.Element => (\n  <div className=\"ihub-tab-content\">\n    {title ? <h3 className=\"ihub-fs-lg ihub-mb-2\">{title}</h3> : \"\"}\n    <div className=\"ihub-mb-4\">{description}</div>\n  </div>\n);\n\nexport default TabContent;\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"}
+{"version":3,"file":"TabContent.js","sources":["../../../../src/components/tabs/TabContent.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface TabContentProps {\n  title?: string | null;\n  description: React.ReactElement;\n}\n\n/**\n *\n * @jsx\n * @example\n * ```tsx\n *\n * <TabContent title=\"Tab Title\" description={<p>Tab Description</p>} />\n * ```\n * Props interface for the TabContent component\n * @property {string} [title] - Optional title for the tab\n * @property {React.ReactElement} description - Description for the tab\n *\n * @returns\n */\n\nconst TabContent = ({ title, description }: TabContentProps): JSX.Element => (\n  <div className=\"ihub-tab-content\">\n    {title ? <h3 className=\"ihub-fs-lg ihub-mb-2\">{title}</h3> : \"\"}\n    <div className=\"ihub-mb-4\">{description}</div>\n  </div>\n);\n\nexport default TabContent;\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"}

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

@@ -1,2 +1,2 @@
-"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})]})};
+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};
 //# sourceMappingURL=Tabs.js.map

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

@@ -1,2 +1,2 @@
-"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})]})};
+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};
 //# sourceMappingURL=VerticalTabs.js.map

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

@@ -1,2 +1,2 @@
-"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};
+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};
 //# sourceMappingURL=ChangeStyleVariable.js.map

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

@@ -1,2 +1,2 @@
-"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})};
+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};
 //# sourceMappingURL=DarkModeProvider.js.map

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

@@ -1,2 +1,2 @@
-"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",{})]})})})};
+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};
 //# 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\";\n\nexport default function LoadingAnimate() {\n  return (\n    <div className=\"react_loading container\">\n      <div>\n        <div className=\"lds-ellipsis\">\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n        </div>\n      </div>\n    </div>\n  );\n}\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"}
+{"version":3,"file":"LoadingAnimate.js","sources":["../../../../src/components/theme/LoadingAnimate.tsx"],"sourcesContent":["import React from \"react\";\n\nexport default function LoadingAnimate() {\n  return (\n    <div className=\"react_loading container\">\n      <div>\n        <div className=\"lds-ellipsis\">\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n        </div>\n      </div>\n    </div>\n  );\n}\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"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-"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"})]})]})})})};
+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};
 //# sourceMappingURL=SignOutSession.js.map

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

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

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

@@ -1,2 +1,2 @@
-"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})};
+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};
 //# 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\";\n\nexport type BadgeVariant =\n  | \"default\"\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\nexport type BadgeSize = \"small\" | \"medium\" | \"large\";\nexport type BadgeShape = \"rounded\" | \"pill\" | \"square\";\n\nexport interface BadgeProps {\n  /**\n   * The content to display inside the badge\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Text content to display (alias for children)\n   */\n  text?: string;\n\n  /**\n   * The visual style variant of the badge\n   * @default 'default | default primary | success | warning | danger | info'\n   */\n  variant?: BadgeVariant;\n\n  /**\n   * The size of the badge\n   * @default 'medium'\n   */\n  size?: BadgeSize;\n\n  /**\n   * The shape of the badge\n   * @default 'rounded'\n   */\n  shape?: BadgeShape;\n\n  /**\n   * Whether the badge has an outline style\n   * @default false\n   */\n  outlined?: boolean;\n\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n\n  /**\n   * Badge value for notification-style badges\n   */\n  count?: number;\n\n  /**\n   * Maximum count to display before showing \"count+\"\n   * @default 99\n   */\n  maxCount?: number;\n\n  /**\n   * Show a dot badge without content\n   * @default false\n   */\n  dot?: boolean;\n\n  /**\n   * Makes the badge standalone (not overlaying another element)\n   * @default true\n   */\n  standalone?: boolean;\n\n  /**\n   * Optional click handler\n   */\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n}\n\n/**\n * Badge Component - Used for displaying counts, status indicators, or labels\n */\nconst Badge: React.FC<BadgeProps> = ({\n  children,\n  text,\n  variant = \"default\",\n  size = \"medium\",\n  shape = \"rounded\",\n  outlined = false,\n  className = \"\",\n  count,\n  maxCount = 99,\n  dot = false,\n  standalone = true,\n  onClick,\n}) => {\n  // Determine the content to display\n  let content = text || children;\n  if (dot) {\n    content = null;\n  } else if (count !== undefined) {\n    content = count > maxCount ? `${maxCount}+` : count;\n  }\n\n  // Build CSS class name\n  const badgeClasses = [\n    \"ihub-badge\",\n    `ihub-badge-${variant}`,\n    `ihub-badge-${size}`,\n    `ihub-badge-${shape}`,\n    outlined ? \"ihub-badge-outlined\" : \"\",\n    dot ? \"ihub-badge-dot\" : \"\",\n    !standalone ? \"ihub-badge-attached\" : \"\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <span\n      className={badgeClasses}\n      onClick={onClick}\n      role={onClick ? \"button\" : undefined}\n      tabIndex={onClick ? 0 : undefined}\n    >\n      {content}\n    </span>\n  );\n};\n\nexport default Badge;\n\n/**\n * @example\n * // Basic usage\n * <Badge>New</Badge>\n *\n * @example\n * // Different variants\n * <Badge variant=\"primary\">Primary</Badge>\n * <Badge variant=\"success\">Success</Badge>\n * <Badge variant=\"warning\">Warning</Badge>\n * <Badge variant=\"danger\">Danger</Badge>\n * <Badge variant=\"info\">Info</Badge>\n *\n * @example\n * // Different sizes\n * <Badge size=\"small\">Small</Badge>\n * <Badge size=\"medium\">Medium</Badge>\n * <Badge size=\"large\">Large</Badge>\n *\n * @example\n * // Different shapes\n * <Badge shape=\"rounded\">Rounded</Badge>\n * <Badge shape=\"pill\">Pill</Badge>\n * <Badge shape=\"square\">Square</Badge>\n *\n * @example\n * // Outlined style\n * <Badge variant=\"primary\" outlined>Outlined</Badge>\n *\n * @example\n * // Count badges\n * <Badge count={5} variant=\"danger\" />\n * <Badge count={150} maxCount={99} variant=\"primary\" />\n *\n * @example\n * // Dot badge (status indicator)\n * <Badge dot variant=\"success\" />\n *\n * @example\n * // Clickable badge\n * <Badge\n *   variant=\"primary\"\n *   onClick={(e) => console.log('Badge clicked')}\n * >\n *   Clickable\n * </Badge>\n *\n * @example\n * // Usage recommendations:\n * // 1. For status indicators: use 'dot' prop with appropriate variant\n * // 2. For notification counts: use 'count' prop with 'danger' or 'primary' variant\n * // 3. For labels/tags: use text content with 'pill' shape\n * // 4. For action badges: add onClick handler and use 'primary' variant\n * // 5. For subtle indicators: use 'outlined' prop with muted variants\n */\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"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/ui/Badge.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type BadgeVariant =\n  | \"default\"\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\nexport type BadgeSize = \"small\" | \"medium\" | \"large\";\nexport type BadgeShape = \"rounded\" | \"pill\" | \"square\";\n\nexport interface BadgeProps {\n  /**\n   * The content to display inside the badge\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Text content to display (alias for children)\n   */\n  text?: string;\n\n  /**\n   * The visual style variant of the badge\n   * @default 'default | default primary | success | warning | danger | info'\n   */\n  variant?: BadgeVariant;\n\n  /**\n   * The size of the badge\n   * @default 'medium'\n   */\n  size?: BadgeSize;\n\n  /**\n   * The shape of the badge\n   * @default 'rounded'\n   */\n  shape?: BadgeShape;\n\n  /**\n   * Whether the badge has an outline style\n   * @default false\n   */\n  outlined?: boolean;\n\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n\n  /**\n   * Badge value for notification-style badges\n   */\n  count?: number;\n\n  /**\n   * Maximum count to display before showing \"count+\"\n   * @default 99\n   */\n  maxCount?: number;\n\n  /**\n   * Show a dot badge without content\n   * @default false\n   */\n  dot?: boolean;\n\n  /**\n   * Makes the badge standalone (not overlaying another element)\n   * @default true\n   */\n  standalone?: boolean;\n\n  /**\n   * Optional click handler\n   */\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n}\n\n/**\n * Badge Component - Used for displaying counts, status indicators, or labels\n */\nconst Badge: React.FC<BadgeProps> = ({\n  children,\n  text,\n  variant = \"default\",\n  size = \"medium\",\n  shape = \"rounded\",\n  outlined = false,\n  className = \"\",\n  count,\n  maxCount = 99,\n  dot = false,\n  standalone = true,\n  onClick,\n}) => {\n  // Determine the content to display\n  let content = text || children;\n  if (dot) {\n    content = null;\n  } else if (count !== undefined) {\n    content = count > maxCount ? `${maxCount}+` : count;\n  }\n\n  // Build CSS class name\n  const badgeClasses = [\n    \"ihub-badge\",\n    `ihub-badge-${variant}`,\n    `ihub-badge-${size}`,\n    `ihub-badge-${shape}`,\n    outlined ? \"ihub-badge-outlined\" : \"\",\n    dot ? \"ihub-badge-dot\" : \"\",\n    !standalone ? \"ihub-badge-attached\" : \"\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <span\n      className={badgeClasses}\n      onClick={onClick}\n      role={onClick ? \"button\" : undefined}\n      tabIndex={onClick ? 0 : undefined}\n    >\n      {content}\n    </span>\n  );\n};\n\nexport default Badge;\n\n/**\n * @example\n * // Basic usage\n * <Badge>New</Badge>\n *\n * @example\n * // Different variants\n * <Badge variant=\"primary\">Primary</Badge>\n * <Badge variant=\"success\">Success</Badge>\n * <Badge variant=\"warning\">Warning</Badge>\n * <Badge variant=\"danger\">Danger</Badge>\n * <Badge variant=\"info\">Info</Badge>\n *\n * @example\n * // Different sizes\n * <Badge size=\"small\">Small</Badge>\n * <Badge size=\"medium\">Medium</Badge>\n * <Badge size=\"large\">Large</Badge>\n *\n * @example\n * // Different shapes\n * <Badge shape=\"rounded\">Rounded</Badge>\n * <Badge shape=\"pill\">Pill</Badge>\n * <Badge shape=\"square\">Square</Badge>\n *\n * @example\n * // Outlined style\n * <Badge variant=\"primary\" outlined>Outlined</Badge>\n *\n * @example\n * // Count badges\n * <Badge count={5} variant=\"danger\" />\n * <Badge count={150} maxCount={99} variant=\"primary\" />\n *\n * @example\n * // Dot badge (status indicator)\n * <Badge dot variant=\"success\" />\n *\n * @example\n * // Clickable badge\n * <Badge\n *   variant=\"primary\"\n *   onClick={(e) => console.log('Badge clicked')}\n * >\n *   Clickable\n * </Badge>\n *\n * @example\n * // Usage recommendations:\n * // 1. For status indicators: use 'dot' prop with appropriate variant\n * // 2. For notification counts: use 'count' prop with 'danger' or 'primary' variant\n * // 3. For labels/tags: use text content with 'pill' shape\n * // 4. For action badges: add onClick handler and use 'primary' variant\n * // 5. For subtle indicators: use 'outlined' prop with muted variants\n */\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"}

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

@@ -1,2 +1,2 @@
-"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(o){var s=o.id,c=o.label,i=o.defaultColor,l=void 0===i?"#000000":i,u=o.name,d=o.className,f=void 0===d?"":d,h=o.showButton,b=void 0===h||h,p=o.onChange,v=o.CUSTOM_COLORS,m=o.hidePreview,x=void 0!==m&&m,j=o.hideFormats,y=void 0!==j&&j,g=o.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],T=M[1],D=a.useState(l),L=e.slicedToArray(D,2),B=L[0],H=L[1],P=a.useState(!1),R=e.slicedToArray(P,2),_=R[0],F=R[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){T(e),H(e),F(!1),null==p||p(e),b&&E(!1)},X=function(){var r=e.asyncToGenerator(e.regenerator().m(function r(){var a,n,t;return e.regenerator().w(function(e){for(;;)switch(e.p=e.n){case 0:if(!("EyeDropper"in window)){e.n=4;break}return e.p=1,a=new window.EyeDropper,e.n=2,a.open();case 2:n=e.v,U(n.sRGBHex),e.n=4;break;case 3:e.p=3,t=e.v,console.error("EyeDropper failed:",t);case 4:return e.a(2)}},r,null,[[1,3]])}));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:s,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:s,ref:O,type:"text",value:B,onChange:function(e){var r=e.target.value;H(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?(T(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),o=0,s=0,c=(n+t)/2;if(n!==t){var i=n-t;switch(s=c>.5?i/(2-n-t):i/(n+t),n){case e:o=(r-a)/i+(r<a?6:0);break;case r:o=(a-e)/i+2;break;case a:o=(e-r)/i+4}o/=6}return{h:360*o,s:100*s,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)})})]})]})};
+import{slicedToArray as e,asyncToGenerator as r,regenerator as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as i,useEffect as l}from"react";var c=["#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,b=void 0===h?"#000000":h,p=u.name,m=u.className,v=void 0===m?"":m,g=u.showButton,w=void 0===g||g,y=u.onChange,k=u.CUSTOM_COLORS,N=u.hidePreview,C=void 0!==N&&N,x=u.hideFormats,E=void 0!==x&&x,M=u.hideEyeDropper,D=void 0!==M&&M,L=t(!w),B=e(L,2),H=B[0],F=B[1],I=t(b),P=e(I,2),S=P[0],$=P[1],A=t(b),G=e(A,2),O=G[0],R=G[1],T=t(!1),_=e(T,2),j=_[0],V=_[1],z=i(null),K=i(null),U=t(!1),X=e(U,2),q=X[0],J=X[1];l(function(){J("EyeDropper"in window)},[]),l(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){$(e),R(e),V(!1),null==y||y(e),w&&F(!1)},Z=function(){var e=r(a().m(function e(){var r,n,o;return a().w(function(e){for(;;)switch(e.p=e.n){case 0:if(!("EyeDropper"in window)){e.n=4;break}return e.p=1,r=new window.EyeDropper,e.n=2,r.open();case 2:n=e.v,Y(n.sRGBHex),e.n=4;break;case 3:e.p=3,o=e.v,console.error("EyeDropper failed:",o);case 4:return e.a(2)}},e,null,[[1,3]])}));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}),p&&o("input",{type:"hidden",name:p,defaultValue:S}),w?n("button",{type:"button",className:"ihub-color-picker-toggle",onClick:function(){return F(!H)},"aria-expanded":H,"aria-haspopup":"true",style:{backgroundColor:S},children:[o("span",{className:"ihub-color-preview",style:{backgroundColor:S}}),o("span",{className:(Q=S,W=s(Q),W&&(.299*W.r+.587*W.g+.114*W.b)/255<.5?"ihub-text-white":"ihub-color-value"),children:S})]}):null,H&&n("div",{className:"ihub-color-picker-panel",role:"dialog","aria-label":"Color picker",onKeyDown:function(e){"Escape"===e.key&&F(!1)},children:[!C&&o("div",{className:"ihub-color-preview-large",style:{backgroundColor:S}}),!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:O,onChange:function(e){var r=e.target.value;R(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?($(n),V(!1),null==y||y(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}(S)})]}),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,i=0,l=(n+o)/2;if(n!==o){var c=n-o;switch(i=l>.5?c/(2-n-o):c/(n+o),n){case e:t=(r-a)/c+(r<a?6:0);break;case r:t=(a-e)/c+2;break;case a:t=(e-r)/c+4}t/=6}return{h:360*t,s:100*i,l:100*l}}(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}(S)})]})]}),!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:(k||c).map(function(e,r){return o("button",{type:"button",className:"ihub-color-swatch ".concat(S===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};
 //# sourceMappingURL=ColorPicker.js.map