@instincthub/react-ui 0.1.30 → 0.1.31

package/dist/src/components/forms/InputAmount.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as r}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";var t=function(t){var l=t.id,o=t.name,u=t.label,c=t.value,s=t.onChange,d=t.disabled,p=void 0!==d&&d,m=t.readOnly,h=void 0!==m&&m,v=t.placeholder,f=void 0===v?"0.00":v,b=t.min,g=t.max,y=t.required,N=void 0!==y&&y,x=t.currencySymbol,F=void 0===x?"₦":x,S=t.error,q=t.className,B=void 0===q?"":q,O=t.plainDisplay,$=void 0!==O&&O,_=i(!1),j=e(_,2),C=j[0],w=j[1],A=i(""),D=e(A,2),H=D[0],M=D[1],P=i(0),T=e(P,2),W=T[0],k=T[1],z=function(e){if(""===e||null==e)return"";var a,r="";if("string"==typeof e){var i=e.split(".");i.length>1&&(r="."+i[1]),a=parseFloat(e.replace(/,/g,""))}else a=e;if(isNaN(a))return"";var n=a.toString().split(".")[0].replace(/\B(?=(\d{3})+(?!\d))/g,",");return"string"==typeof e&&r?n+r:"number"==typeof e?n+a.toString().substring(a.toString().indexOf(".")):n};n(function(){if(null!=c&&""!==c){k(Number(c));var e=z(c);M(e)}else M("")},[c]);if($){var E=z(c||0);return a("p",{className:"ihub-amount-plain ".concat(B||""),children:[F,E||"0.00"]})}var G=""!==H,I="ihub-wrapper".concat(G||C?" ihub-value":"").concat(S?" ihub-is_invalid":"").concat(B?" ".concat(B):"");return a("div",{className:I,children:[r("input",{type:"hidden",name:o,value:W}),a("div",{className:"ihub-amount-input-container",children:[r("span",{className:"ihub-currency-symbol ".concat(G||C?"":"ihub-ghost"),children:F}),r("input",{id:l||o,type:"text",value:H,onChange:function(e){var a=e.target.value;if(/^[\d,.]*$/.test(a)){var r=a.replace(/,/g,"");if(/^[0-9]*\.?[0-9]*$/.test(r)){var i=""===r?0:parseFloat(r);if(i!==W){var n=a;a.endsWith(".")||a.match(/\.\d*$/)||(n=z(r)),M(n),k(i),s&&s(i,o)}}}},onFocus:function(){w(!0)},onBlur:function(){if(w(!1),H){var e=function(e){return e?parseFloat(e.replace(/,/g,"")):0}(H),a=z(e.toFixed(2));M(a),s&&s(e,o)}},disabled:p,readOnly:h,placeholder:G||C?f:"",className:"ihub-input ihub-amount-input",required:N,min:b,max:g,inputMode:"decimal"}),a("label",{htmlFor:l||o,className:"ihub-text-label",children:[u,N&&r("span",{className:"ihub-required",children:"*"})]})]}),S&&r("p",{className:"ihub-error-message",children:S})]})};export{t as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),a=require("react");exports.default=function(i){var t=i.id,n=i.name,l=i.label,s=i.value,u=i.onChange,c=i.disabled,o=void 0!==c&&c,d=i.readOnly,p=void 0!==d&&d,v=i.placeholder,h=void 0===v?"0.00":v,m=i.min,b=i.max,f=i.required,x=void 0!==f&&f,g=i.currencySymbol,y=void 0===g?"₦":g,j=i.error,N=i.className,S=void 0===N?"":N,q=i.plainDisplay,F=void 0!==q&&q,_=a.useState(!1),O=e.slicedToArray(_,2),A=O[0],B=O[1],T=a.useState(""),$=e.slicedToArray(T,2),C=$[0],M=$[1],P=a.useState(0),w=e.slicedToArray(P,2),D=w[0],E=w[1],H=function(e){if(""===e||null==e)return"";var r,a="";if("string"==typeof e){var i=e.split(".");i.length>1&&(a="."+i[1]),r=parseFloat(e.replace(/,/g,""))}else r=e;if(isNaN(r))return"";var t=r.toString().split(".")[0].replace(/\B(?=(\d{3})+(?!\d))/g,",");return"string"==typeof e&&a?t+a:"number"==typeof e?t+r.toString().substring(r.toString().indexOf(".")):t};a.useEffect(function(){if(null!=s&&""!==s){E(Number(s));var e=H(s);M(e)}else M("")},[s]);if(F){var W=H(s||0);return r.jsxs("p",{className:"ihub-amount-plain ".concat(S||""),children:[y,W||"0.00"]})}var k=""!==C,z="ihub-wrapper".concat(k||A?" ihub-value":"").concat(j?" ihub-is_invalid":"").concat(S?" ".concat(S):"");return r.jsxs("div",{className:z,children:[r.jsx("input",{type:"hidden",name:n,value:D}),r.jsxs("div",{className:"ihub-amount-input-container",children:[r.jsx("span",{className:"ihub-currency-symbol ".concat(k||A?"":"ihub-ghost"),children:y}),r.jsx("input",{id:t||n,type:"text",value:C,onChange:function(e){var r=e.target.value;if(/^[\d,.]*$/.test(r)){var a=r.replace(/,/g,"");if(/^[0-9]*\.?[0-9]*$/.test(a)){var i=""===a?0:parseFloat(a);if(i!==D){var t=r;r.endsWith(".")||r.match(/\.\d*$/)||(t=H(a)),M(t),E(i),u&&u(i,n)}}}},onFocus:function(){B(!0)},onBlur:function(){if(B(!1),C){var e=function(e){return e?parseFloat(e.replace(/,/g,"")):0}(C),r=H(e.toFixed(2));M(r),u&&u(e,n)}},disabled:o,readOnly:p,placeholder:k||A?h:"",className:"ihub-input ihub-amount-input",required:x,min:m,max:b,inputMode:"decimal"}),r.jsxs("label",{htmlFor:t||n,className:"ihub-text-label",children:[l,x&&r.jsx("span",{className:"ihub-required",children:"*"})]})]}),j&&r.jsx("p",{className:"ihub-error-message",children:j})]})};
 //# sourceMappingURL=InputAmount.js.map

package/dist/src/components/forms/InputNumber.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{useState as r,useEffect as n}from"react";var o=function(o){var t=o.id,l=o.name,c=o.label,d=o.placeholder,u=o.min,s=o.max,b=o.step,m=void 0===b?1:b,h=o.defaultValue,v=o.value,p=o.required,f=void 0!==p&&p,N=o.disabled,g=void 0!==N&&N,F=o.readOnly,y=void 0!==F&&F,S=o.onChange,x=o.onBlur,C=o.className,q=void 0===C?"":C,B=o.error,j=o.note,k=r(""),O=e(k,2),_=O[0],w=O[1],A=r(!1),D=e(A,2),H=D[0],I=D[1],P=r(!1),T=e(P,2),V=T[0],$=T[1];n(function(){void 0!==v?(w(v.toString()),$(!0)):void 0!==h&&(w(h.toString()),$(!0))},[v,h]);var z="ihub-wrapper ".concat(V||H?"ihub-value":""," ").concat(B?"ihub-error":""," ").concat(q);return a("div",{className:"ihub-mb-2 "+z,children:[a("div",{className:"ihub-number-input-container",children:[i("input",{id:t||l,name:l,type:"text",className:"ihub-input ihub-number-input",value:_,onChange:function(e){var a=e.target.value;if((""===a||/^-?\d*\.?\d*$/.test(a))&&(w(a),$(""!==a),S)){var i=""===a?null:parseFloat(a);S(i)}},onFocus:function(){I(!0)},onBlur:function(e){if(I(!1),""!==_){var a=parseFloat(_);void 0!==u&&a<u?(a=u,w(u.toString())):void 0!==s&&a>s&&(a=s,w(s.toString())),S&&S(a)}x&&x(e)},placeholder:d,disabled:g,readOnly:y,required:f,"aria-invalid":!!B,"aria-describedby":B?"".concat(l,"-error"):void 0}),a("label",{htmlFor:t||l,className:"ihub-text-label",children:[c,f&&i("span",{className:"ihub-required",children:"*"})]}),a("div",{className:"ihub-number-controls",children:[i("button",{type:"button",className:"ihub-number-increment",onClick:function(){if(!g&&!y){var e=(""===_?0:parseFloat(_))+m;void 0!==s&&e>s&&(e=s),w(e.toString()),$(!0),S&&S(e)}},disabled:g||y||void 0!==s&&""!==_&&parseFloat(_)>=s,"aria-label":"Increment",children:i("span",{className:"ihub-control-icon",children:"+"})}),i("button",{type:"button",className:"ihub-number-decrement",onClick:function(){if(!g&&!y){var e=(""===_?0:parseFloat(_))-m;void 0!==u&&e<u&&(e=u),w(e.toString()),$(!0),S&&S(e)}},disabled:g||y||void 0!==u&&""!==_&&parseFloat(_)<=u,"aria-label":"Decrement",children:i("span",{className:"ihub-control-icon",children:"-"})})]})]}),B&&i("div",{className:"ihub-error-message",id:"".concat(l,"-error"),children:B}),j&&i("p",{className:"ihub-input-notes",id:"".concat(l,"-note"),children:j})]})};export{o as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),a=require("react");exports.default=function(i){var n=i.id,t=i.name,l=i.label,o=i.placeholder,s=i.min,c=i.max,u=i.step,d=void 0===u?1:u,b=i.defaultValue,v=i.value,h=i.required,m=void 0!==h&&h,p=i.disabled,x=void 0!==p&&p,f=i.readOnly,j=void 0!==f&&f,N=i.onChange,g=i.onBlur,y=i.className,S=void 0===y?"":y,F=i.error,q=i.note,C=a.useState(""),_=e.slicedToArray(C,2),A=_[0],B=_[1],O=a.useState(!1),T=e.slicedToArray(O,2),k=T[0],P=T[1],w=a.useState(!1),D=e.slicedToArray(w,2),E=D[0],H=D[1];a.useEffect(function(){void 0!==v?(B(v.toString()),H(!0)):void 0!==b&&(B(b.toString()),H(!0))},[v,b]);var I="ihub-wrapper ".concat(E||k?"ihub-value":""," ").concat(F?"ihub-error":""," ").concat(S);return r.jsxs("div",{className:"ihub-mb-2 "+I,children:[r.jsxs("div",{className:"ihub-number-input-container",children:[r.jsx("input",{id:n||t,name:t,type:"text",className:"ihub-input ihub-number-input",value:A,onChange:function(e){var r=e.target.value;if((""===r||/^-?\d*\.?\d*$/.test(r))&&(B(r),H(""!==r),N)){var a=""===r?null:parseFloat(r);N(a)}},onFocus:function(){P(!0)},onBlur:function(e){if(P(!1),""!==A){var r=parseFloat(A);void 0!==s&&r<s?(r=s,B(s.toString())):void 0!==c&&r>c&&(r=c,B(c.toString())),N&&N(r)}g&&g(e)},placeholder:o,disabled:x,readOnly:j,required:m,"aria-invalid":!!F,"aria-describedby":F?"".concat(t,"-error"):void 0}),r.jsxs("label",{htmlFor:n||t,className:"ihub-text-label",children:[l,m&&r.jsx("span",{className:"ihub-required",children:"*"})]}),r.jsxs("div",{className:"ihub-number-controls",children:[r.jsx("button",{type:"button",className:"ihub-number-increment",onClick:function(){if(!x&&!j){var e=(""===A?0:parseFloat(A))+d;void 0!==c&&e>c&&(e=c),B(e.toString()),H(!0),N&&N(e)}},disabled:x||j||void 0!==c&&""!==A&&parseFloat(A)>=c,"aria-label":"Increment",children:r.jsx("span",{className:"ihub-control-icon",children:"+"})}),r.jsx("button",{type:"button",className:"ihub-number-decrement",onClick:function(){if(!x&&!j){var e=(""===A?0:parseFloat(A))-d;void 0!==s&&e<s&&(e=s),B(e.toString()),H(!0),N&&N(e)}},disabled:x||j||void 0!==s&&""!==A&&parseFloat(A)<=s,"aria-label":"Decrement",children:r.jsx("span",{className:"ihub-control-icon",children:"-"})})]})]}),F&&r.jsx("div",{className:"ihub-error-message",id:"".concat(t,"-error"),children:F}),q&&r.jsx("p",{className:"ihub-input-notes",id:"".concat(t,"-note"),children:q})]})};
 //# sourceMappingURL=InputNumber.js.map

package/dist/src/components/forms/InputSearchDropdown.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";var i=function(i){var o=i.options,l=i.onOptionSelected,u=i.defaultValues,c=void 0===u?"":u,s=i.names,d=i.disableds,m=void 0!==d&&d,h=t(c),f=e(h,2),p=f[0],v=f[1],g=t([]),b=e(g,2),w=b[0],C=b[1],N=t(!1),L=e(N,2),x=L[0],y=L[1];a(function(){p&&C(o.filter(function(e){return e.name.toLowerCase()===p.toLowerCase()&&e.name.length===p.length}))},[p,o]);return n("div",{className:"ihub-react-search-dropdown",children:[r("h3",{className:"ihub-react-search-dropdown-title",children:"Search Organisation:"}),n("div",{className:"ihub-field",children:[r("input",{type:"text",value:p,name:s,onChange:function(e){var n=e.target.value;v(n),C(o.filter(function(e){return e.name.toLowerCase()===n.toLowerCase()&&e.name.length===n.length}))},onFocus:function(){return w.length>0&&y(!0)},onBlur:function(){return y(!1)},readOnly:m,className:"ihub-input"}),x&&r("ul",{className:"ihub-drop-down-list",children:w.map(function(e,n){return r("li",{onClick:function(){return function(e){v(e.name),C(o),y(!1),l(e)}(e)},children:e.name},n)})})]})]})};export{i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),r=require("react");exports.default=function(t){var a=t.options,i=t.onOptionSelected,s=t.defaultValues,u=void 0===s?"":s,o=t.names,l=t.disableds,c=void 0!==l&&l,d=r.useState(u),h=e.slicedToArray(d,2),f=h[0],m=h[1],p=r.useState([]),v=e.slicedToArray(p,2),x=v[0],g=v[1],j=r.useState(!1),b=e.slicedToArray(j,2),w=b[0],y=b[1];r.useEffect(function(){f&&g(a.filter(function(e){return e.name.toLowerCase()===f.toLowerCase()&&e.name.length===f.length}))},[f,a]);return n.jsxs("div",{className:"ihub-react-search-dropdown",children:[n.jsx("h3",{className:"ihub-react-search-dropdown-title",children:"Search Organisation:"}),n.jsxs("div",{className:"ihub-field",children:[n.jsx("input",{type:"text",value:f,name:o,onChange:function(e){var n=e.target.value;m(n),g(a.filter(function(e){return e.name.toLowerCase()===n.toLowerCase()&&e.name.length===n.length}))},onFocus:function(){return x.length>0&&y(!0)},onBlur:function(){return y(!1)},readOnly:c,className:"ihub-input"}),w&&n.jsx("ul",{className:"ihub-drop-down-list",children:x.map(function(e,r){return n.jsx("li",{onClick:function(){return function(e){m(e.name),g(a),y(!1),i(e)}(e)},children:e.name},r)})})]})]})};
 //# sourceMappingURL=InputSearchDropdown.js.map

package/dist/src/components/forms/InputText.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,objectSpread2 as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useState as l,useEffect as t}from"react";var n=function(n){var o=n.label,d=n.name,c=n.value,s=void 0===c?"":c,u=n.placeholder,h=void 0===u?"":u,m=n.required,p=void 0!==m&&m,v=n.type,b=void 0===v?"text":v,f=n.maxLength,x=n.disabled,N=void 0!==x&&x,g=n.readOnly,y=void 0!==g&&g,_=n.className,j=void 0===_?"":_,q=n.textTransform,B=n.error,L=n.onChange,T=n.onBlur,C=n.helperText,O=n.note,w=n.id,A=n.activeLabel,F=void 0!==A&&A,H=l(),P=e(H,2),S=P[0],k=P[1],z=l(F),D=e(z,2),E=D[0],G=D[1];t(function(){G(!!F||!!s),s!==S&&k(s)},[s]);var I={};return q&&(I["data-text-transform"]=q),i("div",a(a({className:"ihub-wrapper ".concat(E?"ihub-value":""," ").concat(B?"ihub-is_invalid":""," ").concat(h?"ihub-has-placeholder":""," ").concat(j)},I),{},{children:[r("input",{type:b,id:w,name:d,value:S,className:"ihub-input",placeholder:h,required:p,maxLength:f,disabled:N,readOnly:y,onChange:function(e){G(!!e.target.value),k(e.target.value),L&&L(e)},onBlur:T}),i("label",{htmlFor:d,className:"ihub-text-label",children:[o,p&&r("span",{className:"ihub-required",children:"*"})]}),C&&!B&&r("p",{className:"ihub-notes",children:C}),B&&r("p",{className:"ihub-notes ihub-is_invalid",children:B}),O&&r("p",{className:"ihub-input-notes",id:"".concat(w,"-note"),children:O})]}))};export{n as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),a=require("react/jsx-runtime"),r=require("react");exports.default=function(i){var t=i.label,l=i.name,s=i.value,n=void 0===s?"":s,u=i.placeholder,o=void 0===u?"":u,c=i.required,d=void 0!==c&&c,h=i.type,p=void 0===h?"text":h,v=i.maxLength,b=i.disabled,x=void 0!==b&&b,m=i.readOnly,j=void 0!==m&&m,f=i.className,N=void 0===f?"":f,g=i.textTransform,y=i.error,q=i.onChange,_=i.onBlur,S=i.helperText,T=i.note,B=i.id,L=i.activeLabel,O=void 0!==L&&L,A=r.useState(),C=e.slicedToArray(A,2),P=C[0],w=C[1],E=r.useState(O),F=e.slicedToArray(E,2),H=F[0],M=F[1];r.useEffect(function(){M(!!O||!!n),n!==P&&w(n)},[n]);var k={};return g&&(k["data-text-transform"]=g),a.jsxs("div",e.objectSpread2(e.objectSpread2({className:"ihub-wrapper ".concat(H?"ihub-value":""," ").concat(y?"ihub-is_invalid":""," ").concat(o?"ihub-has-placeholder":""," ").concat(N)},k),{},{children:[a.jsx("input",{type:p,id:B,name:l,value:P,className:"ihub-input",placeholder:o,required:d,maxLength:v,disabled:x,readOnly:j,onChange:function(e){M(!!e.target.value),w(e.target.value),q&&q(e)},onBlur:_}),a.jsxs("label",{htmlFor:l,className:"ihub-text-label",children:[t,d&&a.jsx("span",{className:"ihub-required",children:"*"})]}),S&&!y&&a.jsx("p",{className:"ihub-notes",children:S}),y&&a.jsx("p",{className:"ihub-notes ihub-is_invalid",children:y}),T&&a.jsx("p",{className:"ihub-input-notes",id:"".concat(B,"-note"),children:T})]}))};
 //# sourceMappingURL=InputText.js.map

package/dist/src/components/forms/InputTextarea.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,slicedToArray as a,objectSpread2 as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";var l=["label","error","helperText","minRows","maxRows","autoResize","textTransform","className","value","onChange","onBlur","onFocus","note"],s=function(s){var c=s.label,u=s.error,h=s.helperText,m=s.minRows,p=void 0===m?3:m,d=s.maxRows,b=s.autoResize,v=void 0===b||b,f=s.textTransform,x=void 0===f?"none":f,g=s.className,N=s.value,w=s.onChange,R=s.onBlur,T=s.onFocus,j=s.note,y=e(s,l),B=n(!1),C=a(B,2),F=C[0],_=C[1],z=n(N||""),H=a(z,2),M=H[0],P=H[1],S=n(void 0),A=a(S,2),W=A[0],k=A[1];i(function(){void 0!==N&&P(N)},[N]);var q=F||String(M).length>0,D="ihub-wrapper ihub-textarea-wrapper ".concat(u?"ihub-error":""," ").concat(q?"ihub-value":""," ").concat(y.placeholder?"ihub-has-placeholder":""," ").concat(g||""),E="ihub-input ihub-textarea ".concat(u?"ihub-input-error":"");return t("div",{className:D,"data-text-transform":"none"!==x?x:void 0,children:[r("textarea",o(o({},y),{},{className:E,value:M,onChange:function(e){var a=e.target.value;P(a),function(e){if(v){e.style.height="auto";var a=Math.max(e.scrollHeight,p?24*p:72),o=d?Math.min(a,24*d):a;e.style.height="".concat(o,"px"),k(o)}}(e.target),w&&w(e)},onFocus:function(e){_(!0),T&&T(e)},onBlur:function(e){_(!1),R&&R(e)},rows:p,style:W?{height:"".concat(W,"px")}:void 0,placeholder:q?y.placeholder:""})),r("label",{className:"ihub-text-label",children:c}),(u||h)&&r("div",{className:"ihub-notes",children:u?r("span",{className:"ihub-is_invalid ihub-fs-sm",children:u}):h?r("span",{className:"ihub-fs-sm",children:h}):null}),j&&r("p",{className:"ihub-input-notes",id:"".concat(name,"-note"),children:j})]})};export{s as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),a=require("react/jsx-runtime"),t=require("react"),r=["label","error","helperText","minRows","maxRows","autoResize","textTransform","className","value","onChange","onBlur","onFocus","note"];exports.default=function(o){var s=o.label,n=o.error,i=o.helperText,l=o.minRows,c=void 0===l?3:l,u=o.maxRows,h=o.autoResize,d=void 0===h||h,p=o.textTransform,x=void 0===p?"none":p,b=o.className,m=o.value,v=o.onChange,f=o.onBlur,j=o.onFocus,g=o.note,N=e.objectWithoutProperties(o,r),w=t.useState(!1),y=e.slicedToArray(w,2),T=y[0],R=y[1],S=t.useState(m||""),_=e.slicedToArray(S,2),B=_[0],q=_[1],A=t.useState(void 0),C=e.slicedToArray(A,2),F=C[0],M=C[1];t.useEffect(function(){void 0!==m&&q(m)},[m]);var P=T||String(B).length>0,z="ihub-wrapper ihub-textarea-wrapper ".concat(n?"ihub-error":""," ").concat(P?"ihub-value":""," ").concat(N.placeholder?"ihub-has-placeholder":""," ").concat(b||""),H="ihub-input ihub-textarea ".concat(n?"ihub-input-error":"");return a.jsxs("div",{className:z,"data-text-transform":"none"!==x?x:void 0,children:[a.jsx("textarea",e.objectSpread2(e.objectSpread2({},N),{},{className:H,value:B,onChange:function(e){var a=e.target.value;q(a),function(e){if(d){e.style.height="auto";var a=Math.max(e.scrollHeight,c?24*c:72),t=u?Math.min(a,24*u):a;e.style.height="".concat(t,"px"),M(t)}}(e.target),v&&v(e)},onFocus:function(e){R(!0),j&&j(e)},onBlur:function(e){R(!1),f&&f(e)},rows:c,style:F?{height:"".concat(F,"px")}:void 0,placeholder:P?N.placeholder:""})),a.jsx("label",{className:"ihub-text-label",children:s}),(n||i)&&a.jsx("div",{className:"ihub-notes",children:n?a.jsx("span",{className:"ihub-is_invalid ihub-fs-sm",children:n}):i?a.jsx("span",{className:"ihub-fs-sm",children:i}):null}),g&&a.jsx("p",{className:"ihub-input-notes",id:"".concat(name,"-note"),children:g})]})};
 //# sourceMappingURL=InputTextarea.js.map

package/dist/src/components/forms/Logout.js

@@ -1,2 +1,2 @@
-import{asyncToGenerator as r,regenerator as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import{useRouter as o}from"next/navigation";var e=function(){var e=o(),i=function(){for(var r=document.cookie.split(";"),t=0;t<r.length;t++){var n=r[t],o=n.indexOf("="),e=o>-1?n.substr(0,o).trim():n.trim();document.cookie="".concat(e,"=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;")}},a=function(){var n=r(t().m(function r(){return t().w(function(r){for(;;)switch(r.n){case 0:try{i(),e.push("/accounts/login")}catch(r){console.error("An error occurred while logging out:",r)}case 1:return r.a(2)}},r)}));return function(){return n.apply(this,arguments)}}();return n("button",{onClick:a,className:"outline-btn",type:"button",children:"Logout"})};export{e as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),t=require("next/navigation");exports.default=function(){var n=t.useRouter(),o=function(){for(var e=document.cookie.split(";"),r=0;r<e.length;r++){var t=e[r],n=t.indexOf("="),o=n>-1?t.substr(0,n).trim():t.trim();document.cookie="".concat(o,"=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;")}},u=function(){var r=e.asyncToGenerator(e.regenerator().m(function r(){return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:try{o(),n.push("/accounts/login")}catch(e){console.error("An error occurred while logging out:",e)}case 1:return e.a(2)}},r)}));return function(){return r.apply(this,arguments)}}();return r.jsx("button",{onClick:u,className:"outline-btn",type:"button",children:"Logout"})};
 //# sourceMappingURL=Logout.js.map

package/dist/src/components/forms/MessageDisplay.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";var e=function(e){var r=e.messages,c=e.flag;return r?a("div",{className:"ihub-react-message ".concat(c?"ihub-".concat(c):""),children:a("p",{children:r})}):null};export{e as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(r){var s=r.messages,t=r.flag;return s?e.jsx("div",{className:"ihub-react-message ".concat(t?"ihub-".concat(t):""),children:e.jsx("p",{children:s})}):null};
 //# sourceMappingURL=MessageDisplay.js.map

package/dist/src/components/forms/MessageDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageDisplay.js","sources":["../../../../src/components/forms/MessageDisplay.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface MessageDisplayProps {\n  messages?: string;\n  flag?: \"success\" | \"failed\" | \"note\";\n}\n\n/**\n * Component to display various types of messages with different styling\n */\nconst MessageDisplay: React.FC<MessageDisplayProps> = ({ messages, flag }) => {\n  if (!messages) {\n    return null;\n  }\n\n  return (\n    <div className={`ihub-react-message ${flag ? `ihub-${flag}` : \"\"}`}>\n      <p>{messages}</p>\n    </div>\n  );\n};\n\nexport default MessageDisplay;"],"names":["MessageDisplay","_ref","messages","flag","_jsx","className","concat","children"],"mappings":"wCAUA,IAAMA,EAAgD,SAAlCC,GAAyD,IAApBC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KACjE,OAAKD,EAKHE,SAAKC,UAAS,sBAAAC,OAAwBH,EAAI,QAAAG,OAAWH,GAAS,IAAII,SAChEH,gBAAIF,MALC,IAQX"}
+{"version":3,"file":"MessageDisplay.js","sources":["../../../../src/components/forms/MessageDisplay.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface MessageDisplayProps {\n  messages?: string;\n  flag?: \"success\" | \"failed\" | \"note\";\n}\n\n/**\n * Component to display various types of messages with different styling\n */\nconst MessageDisplay: React.FC<MessageDisplayProps> = ({ messages, flag }) => {\n  if (!messages) {\n    return null;\n  }\n\n  return (\n    <div className={`ihub-react-message ${flag ? `ihub-${flag}` : \"\"}`}>\n      <p>{messages}</p>\n    </div>\n  );\n};\n\nexport default MessageDisplay;"],"names":["_ref","messages","flag","_jsx","className","concat","children"],"mappings":"uHAUsD,SAAlCA,GAAyD,IAApBC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KACjE,OAAKD,EAKHE,EAAAA,WAAKC,UAAS,sBAAAC,OAAwBH,EAAI,QAAAG,OAAWH,GAAS,IAAII,SAChEH,oBAAIF,MALC,IAQX"}

package/dist/src/components/forms/MultipleEmail.js

@@ -1,2 +1,2 @@
-import{slicedToArray as n,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as a}from"react/jsx-runtime";import{useState as r}from"react";var i=function(i){var o=i.onEmailsChange,u=r([]),l=n(u,2),c=l[0],s=l[1],d=r(""),f=n(d,2),m=f[0],h=f[1],p=r(null),v=n(p,2),b=v[0],g=v[1],w=function(n){var t=null;return y(n)&&(t="".concat(n," has already been added.")),D(n)||(t="".concat(n," is not a valid email address.")),!t||(g(t),!1)},y=function(n){return c.includes(n)},D=function(n){return/[\w\d\.-]+@[\w\d\.-]+\.[\w\d\.-]+/.test(n)};return e("div",{className:"ihub-multiple-email",onSubmit:function(n){n.preventDefault(),console.log("".concat(c))},children:[c.map(function(n){return e("div",{className:"ihub-tag-item",children:[a("p",{children:n}),a("button",{type:"button",className:"ihub-button",onClick:function(){return function(n){var t=c.filter(function(t){return t!==n});s(t),o&&o(t)}(n)},children:"×"})]},n)}),a("input",{className:"ihub-input ".concat(b?"ihub-has-error":""),value:m,placeholder:"Separate emails with commas or 'Enter'",onKeyDown:function(n){if(["Enter","Tab",","].includes(n.key)){n.preventDefault();var e=m.trim();if(e&&w(e)){var a=[].concat(t(c),[e]);s(a),h(""),o&&o(a)}}},onChange:function(n){h(n.target.value),g(null)},onPaste:function(n){n.preventDefault();var e=n.clipboardData.getData("text").match(/[\w\d\.-]+@[\w\d\.-]+\.[\w\d\.-]+/g);if(e){var a=e.filter(function(n){return!y(n)});if(a.length){var r=[].concat(t(c),t(a));s(r),o&&o(r)}}}}),b&&a("p",{className:"ihub-error",children:b})]})};export{i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),r=require("react");exports.default=function(n){var a=n.onEmailsChange,u=r.useState([]),i=e.slicedToArray(u,2),l=i[0],o=i[1],c=r.useState(""),s=e.slicedToArray(c,2),d=s[0],f=s[1],m=r.useState(null),h=e.slicedToArray(m,2),v=h[0],b=h[1],p=function(e){var t=null;return y(e)&&(t="".concat(e," has already been added.")),x(e)||(t="".concat(e," is not a valid email address.")),!t||(b(t),!1)},y=function(e){return l.includes(e)},x=function(e){return/[\w\d\.-]+@[\w\d\.-]+\.[\w\d\.-]+/.test(e)};return t.jsxs("div",{className:"ihub-multiple-email",onSubmit:function(e){e.preventDefault(),console.log("".concat(l))},children:[l.map(function(e){return t.jsxs("div",{className:"ihub-tag-item",children:[t.jsx("p",{children:e}),t.jsx("button",{type:"button",className:"ihub-button",onClick:function(){return function(e){var t=l.filter(function(t){return t!==e});o(t),a&&a(t)}(e)},children:"×"})]},e)}),t.jsx("input",{className:"ihub-input ".concat(v?"ihub-has-error":""),value:d,placeholder:"Separate emails with commas or 'Enter'",onKeyDown:function(t){if(["Enter","Tab",","].includes(t.key)){t.preventDefault();var r=d.trim();if(r&&p(r)){var n=[].concat(e.toConsumableArray(l),[r]);o(n),f(""),a&&a(n)}}},onChange:function(e){f(e.target.value),b(null)},onPaste:function(t){t.preventDefault();var r=t.clipboardData.getData("text").match(/[\w\d\.-]+@[\w\d\.-]+\.[\w\d\.-]+/g);if(r){var n=r.filter(function(e){return!y(e)});if(n.length){var u=[].concat(e.toConsumableArray(l),e.toConsumableArray(n));o(u),a&&a(u)}}}}),v&&t.jsx("p",{className:"ihub-error",children:v})]})};
 //# sourceMappingURL=MultipleEmail.js.map

package/dist/src/components/forms/PageLoading.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as a}from"react/jsx-runtime";var i=function(i){var e=i.labels;return r("div",{className:"ihub-loading container",children:a("p",{children:[void 0===e?"":e," Loading..."]})})};export{i as PageLoading,i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=function(r){var i=r.labels,a=void 0===i?"":i;return e.jsx("div",{className:"ihub-loading container",children:e.jsxs("p",{children:[a," Loading..."]})})};exports.PageLoading=r,exports.default=r;
 //# sourceMappingURL=PageLoading.js.map

package/dist/src/components/forms/PageLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLoading.js","sources":["../../../../src/components/forms/PageLoading.tsx"],"sourcesContent":["import React from 'react';\n\ninterface PageLoadingProps {\n  labels?: string;\n}\n\nexport const PageLoading: React.FC<PageLoadingProps> = ({ labels = '' }) => {\n  return (\n    <div className=\"ihub-loading container\">\n      <p>{labels} Loading...</p>\n    </div>\n  );\n};\n\nexport default PageLoading;"],"names":["PageLoading","_ref","_ref$labels","labels","_jsx","className","children","_jsxs"],"mappings":"sDAMaA,EAA0C,SAA/BC,GAAmD,IAAAC,EAAAD,EAAjBE,OACxD,OACEC,EAAK,MAAA,CAAAC,UAAU,yBACbC,SAAAC,EAAA,IAAA,CAAAD,SAAA,MAH6D,IAAHJ,EAAG,GAAEA,EAGrD,kBAGhB"}
+{"version":3,"file":"PageLoading.js","sources":["../../../../src/components/forms/PageLoading.tsx"],"sourcesContent":["import React from 'react';\n\ninterface PageLoadingProps {\n  labels?: string;\n}\n\nexport const PageLoading: React.FC<PageLoadingProps> = ({ labels = '' }) => {\n  return (\n    <div className=\"ihub-loading container\">\n      <p>{labels} Loading...</p>\n    </div>\n  );\n};\n\nexport default PageLoading;"],"names":["PageLoading","_ref","_ref$labels","labels","_jsx","className","children","_jsxs","jsxs"],"mappings":"uGAMaA,EAA0C,SAA/BC,GAAmD,IAAAC,EAAAD,EAAjBE,OAAAA,OAAS,IAAHD,EAAG,GAAEA,EACnE,OACEE,EAAAA,IAAK,MAAA,CAAAC,UAAU,yBACbC,SAAAC,EAAAC,KAAA,IAAA,CAAAF,SAAA,CAAIH,EAAM,kBAGhB"}

package/dist/src/components/forms/PasswordField.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as a}from"react/jsx-runtime";import{useState as r,useEffect as n}from"react";import l from"@mui/icons-material/Visibility";import t from"@mui/icons-material/VisibilityOff";function s(s){var o=s.id,u=s.name,c=s.label,m=s.note,d=s.required,h=void 0!==d&&d,p=s.value,b=void 0===p?"":p,v=s.setValue,f=s.onChange,N=s.setNameValue,w=s.error,x=s.className,y=s.helperText,_=s.placeholder,g=r(!1),V=e(g,2),q=V[0],C=V[1],j=r(""),F=e(j,2),O=F[0],T=F[1],k=r(!1),A=e(k,2);A[0];var B=A[1],H=r(!1),M=e(H,2),P=M[0],z=M[1];n(function(){b!==O&&T(b),z(!!b)},[b]);return i("div",{className:"ihub-wrapper ihub-mb-4 ".concat(P?"ihub-value":""," ").concat(w?"ihub-is_invalid":""," ").concat(x),children:[a("div",{className:"ihub-password-wrapper",children:i("div",{className:"input_icon",children:[a("input",{type:q?"text":"password",id:o||"password",name:u,required:h,value:O,onChange:function(e){var i=e.target.value;T(i),z(!!i),i&&(v&&v(i),f&&f(e),N&&N(u,i))},onFocus:function(){return B(!0)},onMouseOut:function(){return B(!1)},className:"ihub-input",placeholder:_}),i("label",{htmlFor:u,className:"ihub-text-label",children:[c,h&&a("span",{className:"ihub-required",children:"*"})]}),a("div",{onClick:function(){C(function(e){return!e})},className:"symbols ihub-d-inline",children:a(q?l:t,{})})]})}),y&&!w&&a("p",{className:"ihub-notes",children:y}),w&&a("p",{className:"ihub-notes ihub-is_invalid",children:w}),m&&a("p",{className:"ihub-input-notes",id:"".concat(o,"-note"),children:m})]})}export{s as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),i=require("react/jsx-runtime"),a=require("react"),r=require("@mui/icons-material/Visibility"),s=require("@mui/icons-material/VisibilityOff");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=t(r),l=t(s);exports.default=function(r){var s=r.id,t=r.name,n=r.label,c=r.note,o=r.required,d=void 0!==o&&o,h=r.value,p=void 0===h?"":h,b=r.setValue,m=r.onChange,f=r.setNameValue,v=r.error,x=r.className,j=r.helperText,N=r.placeholder,y=a.useState(!1),q=e.slicedToArray(y,2),_=q[0],w=q[1],T=a.useState(""),g=e.slicedToArray(T,2),A=g[0],S=g[1],V=a.useState(!1),C=e.slicedToArray(V,2);C[0];var O=C[1],F=a.useState(!1),M=e.slicedToArray(F,2),P=M[0],k=M[1];return a.useEffect(function(){p!==A&&S(p),k(!!p)},[p]),i.jsxs("div",{className:"ihub-wrapper ihub-mb-4 ".concat(P?"ihub-value":""," ").concat(v?"ihub-is_invalid":""," ").concat(x),children:[i.jsx("div",{className:"ihub-password-wrapper",children:i.jsxs("div",{className:"input_icon",children:[i.jsx("input",{type:_?"text":"password",id:s||"password",name:t,required:d,value:A,onChange:function(e){var i=e.target.value;S(i),k(!!i),i&&(b&&b(i),m&&m(e),f&&f(t,i))},onFocus:function(){return O(!0)},onMouseOut:function(){return O(!1)},className:"ihub-input",placeholder:N}),i.jsxs("label",{htmlFor:t,className:"ihub-text-label",children:[n,d&&i.jsx("span",{className:"ihub-required",children:"*"})]}),i.jsx("div",{onClick:function(){w(function(e){return!e})},className:"symbols ihub-d-inline",children:_?i.jsx(u.default,{}):i.jsx(l.default,{})})]})}),j&&!v&&i.jsx("p",{className:"ihub-notes",children:j}),v&&i.jsx("p",{className:"ihub-notes ihub-is_invalid",children:v}),c&&i.jsx("p",{className:"ihub-input-notes",id:"".concat(s,"-note"),children:c})]})};
 //# sourceMappingURL=PasswordField.js.map

package/dist/src/components/forms/PhoneNumberInput.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as a}from"react/jsx-runtime";import{useState as o}from"react";import t from"../lib/json/countryObjects.js";var c=function(c){var r=o(t.find(function(e){return e.phonecode===(c.phoneCode||"234")})||t[0]),i=e(r,2),l=i[0],u=i[1],p=o(c.defaultValues.mobile||""),h=e(p,2),s=h[0],d=h[1];return n("div",{className:"ihub-react-phone-input",children:[n("div",{className:"ihub-target-phone",children:[a("select",{onChange:function(e){var n=e.target.value,a=t.find(function(e){return e.phonecode===n});a&&u(a),c.inputEvent&&c.inputEvent(e)},value:l.phonecode,name:"phone_code",className:"ihub-country-select",children:t.map(function(e,o){return n("option",{value:e.phonecode,children:[l.phonecode!==e.phonecode?n("span",{className:"ihub-c-name",children:[e.name," "]}):"",a("span",{className:"ihub-c-flag",children:e.flag})," ",n("span",{className:"ihub-c-code",children:["+",e.phonecode]})]},o)})}),a("input",{type:"tel",name:c.names,value:s,onChange:function(e){d(e.target.value),c.inputEvent&&c.inputEvent(e)},placeholder:"Enter phone number",maxLength:11,className:"ihub-phone-input"})]}),n("p",{className:"ihub-make-bold",children:["+",l.phonecode," ",s]})]})};export{c as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),a=require("react"),t=require("../lib/json/countryObjects.js");exports.default=function(s){var u=a.useState(t.default.find(function(e){return e.phonecode===(s.phoneCode||"234")})||t.default[0]),r=e.slicedToArray(u,2),c=r[0],l=r[1],o=a.useState(s.defaultValues.mobile||""),i=e.slicedToArray(o,2),d=i[0],h=i[1];return n.jsxs("div",{className:"ihub-react-phone-input",children:[n.jsxs("div",{className:"ihub-target-phone",children:[n.jsx("select",{onChange:function(e){var n=e.target.value,a=t.default.find(function(e){return e.phonecode===n});a&&l(a),s.inputEvent&&s.inputEvent(e)},value:c.phonecode,name:"phone_code",className:"ihub-country-select",children:t.default.map(function(e,a){return n.jsxs("option",{value:e.phonecode,children:[c.phonecode!==e.phonecode?n.jsxs("span",{className:"ihub-c-name",children:[e.name," "]}):"",n.jsx("span",{className:"ihub-c-flag",children:e.flag})," ",n.jsxs("span",{className:"ihub-c-code",children:["+",e.phonecode]})]},a)})}),n.jsx("input",{type:"tel",name:s.names,value:d,onChange:function(e){h(e.target.value),s.inputEvent&&s.inputEvent(e)},placeholder:"Enter phone number",maxLength:11,className:"ihub-phone-input"})]}),n.jsxs("p",{className:"ihub-make-bold",children:["+",c.phonecode," ",d]})]})};
 //# sourceMappingURL=PhoneNumberInput.js.map

package/dist/src/components/forms/RadioField.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";var t=function(t){var i=function(e){t.setSelectedValue&&t.setSelectedValue(e.target.value),t.setNameIDValueIndex&&t.setNameIDValueIndex(t.name,String(e.target.dataset.id),e.target.value,Number(e.target.dataset.index))};return t.options&&0!==t.options.length?e("div",{className:t.name,children:[a("h5",{className:"mt-3",children:t.label}),a("div",{className:"ihub-field",children:a("div",{className:"ihub-radio-wrapper",children:t.options.map(function(l,n){return a("div",{className:"ihub-radio-parent",children:e("label",{className:"ihub-radio",children:[a("input",{type:"radio",name:t.name,id:t.name+n,"data-id":l.id,"data-index":n,value:l.id,required:0===n&&t.required,onChange:i,defaultChecked:t.defaultValue===l.id}),a("span",{className:"ihub-label-title",children:l.title?l.title:l.name})]})},n)})})}),t.note&&a("p",{className:"ihub-input-notes",children:t.note})]}):null};export{t as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){var t=function(e){a.setSelectedValue&&a.setSelectedValue(e.target.value),a.setNameIDValueIndex&&a.setNameIDValueIndex(a.name,String(e.target.dataset.id),e.target.value,Number(e.target.dataset.index))};return a.options&&0!==a.options.length?e.jsxs("div",{className:a.name,children:[e.jsx("h5",{className:"mt-3",children:a.label}),e.jsx("div",{className:"ihub-field",children:e.jsx("div",{className:"ihub-radio-wrapper",children:a.options.map(function(i,l){return e.jsx("div",{className:"ihub-radio-parent",children:e.jsxs("label",{className:"ihub-radio",children:[e.jsx("input",{type:"radio",name:a.name,id:a.name+l,"data-id":i.id,"data-index":l,value:i.id,required:0===l&&a.required,onChange:t,defaultChecked:a.defaultValue===i.id}),e.jsx("span",{className:"ihub-label-title",children:i.title?i.title:i.name})]})},l)})})}),a.note&&e.jsx("p",{className:"ihub-input-notes",children:a.note})]}):null};
 //# sourceMappingURL=RadioField.js.map

package/dist/src/components/forms/RadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioField.js","sources":["../../../../src/components/forms/RadioField.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RadioOption {\n  id: string | number;\n  title?: string;\n  name?: string;\n}\n\ninterface RadioFieldProps {\n  options?: RadioOption[];\n  name: string;\n  label: string;\n  required?: boolean;\n  defaultValue?: string | number;\n  setSelectedValue?: (value: string) => void;\n  setNameIDValueIndex?: (\n    name: string,\n    id: string,\n    value: string,\n    index: number\n  ) => void;\n  note?: string;\n}\n\n/**\n *\n * @component\n * @example\n * ```tsx\n * import { RadioField } from \"@instincthub/react-ui\";\n *\n * <RadioField\n *   options={[\n *     { id: 1, title: \"Option 1\" },\n *     { id: 2, title: \"Option 2\" },\n *     { id: 3, title: \"Option 3\" },\n *   ]}\n *   names=\"radioField\"\n *   labels=\"Radio Field\"\n *   requireds={true}\n *   defaultValues={1}\n *   setSelectedValue={(value) => {\n *     console.log(value);\n *   }}\n * />\n * ```\n * Props interface for the RadioField component\n * @property {RadioOption[]} options - Array of options for the radio field\n * @property {string} names - Name of the input field\n * @property {string} labels - Label for the radio field\n * @property {boolean} requireds - Whether the field is required\n * @property {string | number} defaultValues - Default value for the radio field\n * @property {(name: string, id: string, value: string, index: number) => void} setNameIDValueIndex - Callback for setting name, id, value, and index\n * @property {(value: string) => void} setSelectedValue - Callback for setting the selected value\n */\n\nconst RadioField: React.FC<RadioFieldProps> = (props) => {\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (props.setSelectedValue) {\n      props.setSelectedValue(event.target.value);\n    }\n    if (props.setNameIDValueIndex) {\n      props.setNameIDValueIndex(\n        props.name,\n        String(event.target.dataset.id),\n        event.target.value,\n        Number(event.target.dataset.index)\n      );\n    }\n  };\n\n  if (!props.options || props.options.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={props.name}>\n      <h5 className=\"mt-3\">{props.label}</h5>\n\n      <div className=\"ihub-field\">\n        <div className=\"ihub-radio-wrapper\">\n          {props.options.map((option, index) => {\n            return (\n              <div className=\"ihub-radio-parent\" key={index}>\n                <label className=\"ihub-radio\">\n                  <input\n                    type=\"radio\"\n                    name={props.name}\n                    id={props.name + index}\n                    data-id={option.id}\n                    data-index={index}\n                    value={option.id}\n                    required={index === 0 ? props.required : false}\n                    onChange={handleOptionChange}\n                    defaultChecked={props.defaultValue === option.id}\n                  />\n                  <span className=\"ihub-label-title\">\n                    {option.title ? option.title : option.name}\n                  </span>\n                </label>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      {props.note && <p className=\"ihub-input-notes\">{props.note}</p>}\n    </div>\n  );\n};\n\nexport default RadioField;\n"],"names":["RadioField","props","handleOptionChange","event","setSelectedValue","target","value","setNameIDValueIndex","name","String","dataset","id","Number","index","options","length","_jsxs","className","children","_jsx","label","map","option","type","required","onChange","defaultChecked","defaultValue","title","note"],"mappings":"kDAwDA,IAAMA,EAAwC,SAACC,GAC7C,IAAMC,EAAqB,SAACC,GACtBF,EAAMG,kBACRH,EAAMG,iBAAiBD,EAAME,OAAOC,OAElCL,EAAMM,qBACRN,EAAMM,oBACJN,EAAMO,KACNC,OAAON,EAAME,OAAOK,QAAQC,IAC5BR,EAAME,OAAOC,MACbM,OAAOT,EAAME,OAAOK,QAAQG,SAKlC,OAAKZ,EAAMa,SAAoC,IAAzBb,EAAMa,QAAQC,OAKlCC,EAAK,MAAA,CAAAC,UAAWhB,EAAMO,KAAIU,SAAA,CACxBC,EAAI,KAAA,CAAAF,UAAU,OAAMC,SAAEjB,EAAMmB,QAE5BD,EAAA,MAAA,CAAKF,UAAU,aACbC,SAAAC,EAAA,MAAA,CAAKF,UAAU,8BACZhB,EAAMa,QAAQO,IAAI,SAACC,EAAQT,GAC1B,OACEM,SAAKF,UAAU,oBACbC,SAAAF,EAAA,QAAA,CAAOC,UAAU,uBACfE,EACE,QAAA,CAAAI,KAAK,QACLf,KAAMP,EAAMO,KACZG,GAAIV,EAAMO,KAAOK,YACRS,EAAOX,GAAE,aACNE,EACZP,MAAOgB,EAAOX,GACda,SAAoB,IAAVX,GAAcZ,EAAMuB,SAC9BC,SAAUvB,EACVwB,eAAgBzB,EAAM0B,eAAiBL,EAAOX,KAEhDQ,EAAM,OAAA,CAAAF,UAAU,mBAAkBC,SAC/BI,EAAOM,MAAQN,EAAOM,MAAQN,EAAOd,WAdJK,SAsB/CZ,EAAM4B,MAAQV,EAAA,IAAA,CAAGF,UAAU,4BAAoBhB,EAAM4B,UAjCjD,IAoCX"}
+{"version":3,"file":"RadioField.js","sources":["../../../../src/components/forms/RadioField.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RadioOption {\n  id: string | number;\n  title?: string;\n  name?: string;\n}\n\ninterface RadioFieldProps {\n  options?: RadioOption[];\n  name: string;\n  label: string;\n  required?: boolean;\n  defaultValue?: string | number;\n  setSelectedValue?: (value: string) => void;\n  setNameIDValueIndex?: (\n    name: string,\n    id: string,\n    value: string,\n    index: number\n  ) => void;\n  note?: string;\n}\n\n/**\n *\n * @component\n * @example\n * ```tsx\n * import { RadioField } from \"@instincthub/react-ui\";\n *\n * <RadioField\n *   options={[\n *     { id: 1, title: \"Option 1\" },\n *     { id: 2, title: \"Option 2\" },\n *     { id: 3, title: \"Option 3\" },\n *   ]}\n *   names=\"radioField\"\n *   labels=\"Radio Field\"\n *   requireds={true}\n *   defaultValues={1}\n *   setSelectedValue={(value) => {\n *     console.log(value);\n *   }}\n * />\n * ```\n * Props interface for the RadioField component\n * @property {RadioOption[]} options - Array of options for the radio field\n * @property {string} names - Name of the input field\n * @property {string} labels - Label for the radio field\n * @property {boolean} requireds - Whether the field is required\n * @property {string | number} defaultValues - Default value for the radio field\n * @property {(name: string, id: string, value: string, index: number) => void} setNameIDValueIndex - Callback for setting name, id, value, and index\n * @property {(value: string) => void} setSelectedValue - Callback for setting the selected value\n */\n\nconst RadioField: React.FC<RadioFieldProps> = (props) => {\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (props.setSelectedValue) {\n      props.setSelectedValue(event.target.value);\n    }\n    if (props.setNameIDValueIndex) {\n      props.setNameIDValueIndex(\n        props.name,\n        String(event.target.dataset.id),\n        event.target.value,\n        Number(event.target.dataset.index)\n      );\n    }\n  };\n\n  if (!props.options || props.options.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={props.name}>\n      <h5 className=\"mt-3\">{props.label}</h5>\n\n      <div className=\"ihub-field\">\n        <div className=\"ihub-radio-wrapper\">\n          {props.options.map((option, index) => {\n            return (\n              <div className=\"ihub-radio-parent\" key={index}>\n                <label className=\"ihub-radio\">\n                  <input\n                    type=\"radio\"\n                    name={props.name}\n                    id={props.name + index}\n                    data-id={option.id}\n                    data-index={index}\n                    value={option.id}\n                    required={index === 0 ? props.required : false}\n                    onChange={handleOptionChange}\n                    defaultChecked={props.defaultValue === option.id}\n                  />\n                  <span className=\"ihub-label-title\">\n                    {option.title ? option.title : option.name}\n                  </span>\n                </label>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      {props.note && <p className=\"ihub-input-notes\">{props.note}</p>}\n    </div>\n  );\n};\n\nexport default RadioField;\n"],"names":["props","handleOptionChange","event","setSelectedValue","target","value","setNameIDValueIndex","name","String","dataset","id","Number","index","options","length","_jsxs","className","children","_jsx","jsx","label","map","option","jsxs","type","required","onChange","defaultChecked","defaultValue","title","note"],"mappings":"uHAwD8C,SAACA,GAC7C,IAAMC,EAAqB,SAACC,GACtBF,EAAMG,kBACRH,EAAMG,iBAAiBD,EAAME,OAAOC,OAElCL,EAAMM,qBACRN,EAAMM,oBACJN,EAAMO,KACNC,OAAON,EAAME,OAAOK,QAAQC,IAC5BR,EAAME,OAAOC,MACbM,OAAOT,EAAME,OAAOK,QAAQG,SAKlC,OAAKZ,EAAMa,SAAoC,IAAzBb,EAAMa,QAAQC,OAKlCC,EAAAA,KAAK,MAAA,CAAAC,UAAWhB,EAAMO,KAAIU,SAAA,CACxBC,EAAIC,IAAA,KAAA,CAAAH,UAAU,OAAMC,SAAEjB,EAAMoB,QAE5BF,EAAAC,IAAA,MAAA,CAAKH,UAAU,aACbC,SAAAC,EAAAC,IAAA,MAAA,CAAKH,UAAU,8BACZhB,EAAMa,QAAQQ,IAAI,SAACC,EAAQV,GAC1B,OACEM,EAAAA,WAAKF,UAAU,oBACbC,SAAAF,EAAAQ,KAAA,QAAA,CAAOP,UAAU,uBACfE,EACEC,IAAA,QAAA,CAAAK,KAAK,QACLjB,KAAMP,EAAMO,KACZG,GAAIV,EAAMO,KAAOK,YACRU,EAAOZ,GAAE,aACNE,EACZP,MAAOiB,EAAOZ,GACde,SAAoB,IAAVb,GAAcZ,EAAMyB,SAC9BC,SAAUzB,EACV0B,eAAgB3B,EAAM4B,eAAiBN,EAAOZ,KAEhDQ,EAAMC,IAAA,OAAA,CAAAH,UAAU,mBAAkBC,SAC/BK,EAAOO,MAAQP,EAAOO,MAAQP,EAAOf,WAdJK,SAsB/CZ,EAAM8B,MAAQZ,EAAAA,IAAA,IAAA,CAAGF,UAAU,4BAAoBhB,EAAM8B,UAjCjD,IAoCX"}

package/dist/src/components/forms/RadioSimple.js

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as e}from"react/jsx-runtime";var i=function(i){var n=i.id,l=i.name,r=i.value,t=i.label,c=i.checked,s=i.onChange,u=i.note;return a("section",{className:"ihub-radio-btn",children:[a("label",{htmlFor:n,className:"ihub-radio-label",children:[e("input",{className:"ihub-radio-input",type:"radio",name:l,id:n,value:r,onChange:function(a){s&&s(a)},defaultChecked:c}),e("span",{className:"ihub-custom-radio"}),e("p",{className:"ihub-p-label",children:t})]}),u&&e("p",{className:"ihub-input-notes",children:u})]})};export{i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){var s=a.id,i=a.name,l=a.value,n=a.label,r=a.checked,t=a.onChange,u=a.note;return e.jsxs("section",{className:"ihub-radio-btn",children:[e.jsxs("label",{htmlFor:s,className:"ihub-radio-label",children:[e.jsx("input",{className:"ihub-radio-input",type:"radio",name:i,id:s,value:l,onChange:function(e){t&&t(e)},defaultChecked:r}),e.jsx("span",{className:"ihub-custom-radio"}),e.jsx("p",{className:"ihub-p-label",children:n})]}),u&&e.jsx("p",{className:"ihub-input-notes",children:u})]})};
 //# sourceMappingURL=RadioSimple.js.map

package/dist/src/components/forms/RadioSimple.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioSimple.js","sources":["../../../../src/components/forms/RadioSimple.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RadioSimpleProps {\n  id: string;\n  name: string;\n  value: string | number;\n  label: string;\n  checked?: boolean;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  note?: string;\n}\n\n/**\n *\n * @component\n * @example\n * ```tsx\n * import { RadioSimple } from \"@instincthub/react-ui\";\n *\n * <RadioSimple\n *   id=\"radio-simple\"\n *   name=\"radio-simple\"\n *   value=\"1\"\n *   label=\"Radio Simple\"\n *   checked={true}\n *   inputEvent={(e) => {\n *     console.log(e);\n *   }}\n * />\n * ```\n * Props interface for the RadioSimple component\n * @property {string} id - ID for the radio input\n * @property {string} name - Name for the radio input\n * @property {string | number} value - Value for the radio input\n * @property {string} label - Label for the radio input\n * @property {boolean} checked - Whether the radio input is checked\n * @property {(e: React.ChangeEvent<HTMLInputElement>) => void} inputEvent - Callback for input events\n */\n\nconst RadioSimple: React.FC<RadioSimpleProps> = ({\n  id,\n  name,\n  value,\n  label,\n  checked,\n  onChange,\n  note,\n}) => {\n  const handleRadio = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) onChange(e);\n  };\n\n  return (\n    <section className=\"ihub-radio-btn\">\n      <label htmlFor={id} className=\"ihub-radio-label\">\n        <input\n          className=\"ihub-radio-input\"\n          type=\"radio\"\n          name={name}\n          id={id}\n          value={value}\n          onChange={handleRadio}\n          defaultChecked={checked}\n        />\n        <span className=\"ihub-custom-radio\" />\n        <p className=\"ihub-p-label\">{label}</p>\n      </label>\n      {note && <p className=\"ihub-input-notes\">{note}</p>}\n    </section>\n  );\n};\n\nexport default RadioSimple;\n"],"names":["RadioSimple","_ref","id","name","value","label","checked","onChange","note","_jsxs","className","children","htmlFor","_jsx","type","e","defaultChecked"],"mappings":"kDAuCA,IAAMA,EAA0C,SAA/BC,GAQZ,IAPHC,EAAED,EAAFC,GACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAKJ,EAALI,MACAC,EAAOL,EAAPK,QACAC,EAAQN,EAARM,SACAC,EAAIP,EAAJO,KAMA,OACEC,EAAA,UAAA,CAASC,UAAU,iBACjBC,SAAA,CAAAF,EAAA,QAAA,CAAOG,QAASV,EAAIQ,UAAU,mBAC5BC,SAAA,CAAAE,EAAA,QAAA,CACEH,UAAU,mBACVI,KAAK,QACLX,KAAMA,EACND,GAAIA,EACJE,MAAOA,EACPG,SAbY,SAACQ,GACfR,GAAUA,EAASQ,IAajBC,eAAgBV,IAElBO,EAAA,OAAA,CAAMH,UAAU,sBAChBG,OAAGH,UAAU,eAAcC,SAAEN,OAE9BG,GAAQK,EAAA,IAAA,CAAGH,UAAU,mBAAoBC,SAAAH,MAGhD"}
+{"version":3,"file":"RadioSimple.js","sources":["../../../../src/components/forms/RadioSimple.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RadioSimpleProps {\n  id: string;\n  name: string;\n  value: string | number;\n  label: string;\n  checked?: boolean;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  note?: string;\n}\n\n/**\n *\n * @component\n * @example\n * ```tsx\n * import { RadioSimple } from \"@instincthub/react-ui\";\n *\n * <RadioSimple\n *   id=\"radio-simple\"\n *   name=\"radio-simple\"\n *   value=\"1\"\n *   label=\"Radio Simple\"\n *   checked={true}\n *   inputEvent={(e) => {\n *     console.log(e);\n *   }}\n * />\n * ```\n * Props interface for the RadioSimple component\n * @property {string} id - ID for the radio input\n * @property {string} name - Name for the radio input\n * @property {string | number} value - Value for the radio input\n * @property {string} label - Label for the radio input\n * @property {boolean} checked - Whether the radio input is checked\n * @property {(e: React.ChangeEvent<HTMLInputElement>) => void} inputEvent - Callback for input events\n */\n\nconst RadioSimple: React.FC<RadioSimpleProps> = ({\n  id,\n  name,\n  value,\n  label,\n  checked,\n  onChange,\n  note,\n}) => {\n  const handleRadio = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChange) onChange(e);\n  };\n\n  return (\n    <section className=\"ihub-radio-btn\">\n      <label htmlFor={id} className=\"ihub-radio-label\">\n        <input\n          className=\"ihub-radio-input\"\n          type=\"radio\"\n          name={name}\n          id={id}\n          value={value}\n          onChange={handleRadio}\n          defaultChecked={checked}\n        />\n        <span className=\"ihub-custom-radio\" />\n        <p className=\"ihub-p-label\">{label}</p>\n      </label>\n      {note && <p className=\"ihub-input-notes\">{note}</p>}\n    </section>\n  );\n};\n\nexport default RadioSimple;\n"],"names":["_ref","id","name","value","label","checked","onChange","note","_jsxs","className","children","jsxs","htmlFor","_jsx","jsx","type","e","defaultChecked"],"mappings":"uHAuCgD,SAA/BA,GAQZ,IAPHC,EAAED,EAAFC,GACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAKJ,EAALI,MACAC,EAAOL,EAAPK,QACAC,EAAQN,EAARM,SACAC,EAAIP,EAAJO,KAMA,OACEC,EAAAA,KAAA,UAAA,CAASC,UAAU,iBACjBC,SAAA,CAAAF,EAAAG,KAAA,QAAA,CAAOC,QAASX,EAAIQ,UAAU,mBAC5BC,SAAA,CAAAG,EAAAC,IAAA,QAAA,CACEL,UAAU,mBACVM,KAAK,QACLb,KAAMA,EACND,GAAIA,EACJE,MAAOA,EACPG,SAbY,SAACU,GACfV,GAAUA,EAASU,IAajBC,eAAgBZ,IAElBQ,EAAAC,IAAA,OAAA,CAAML,UAAU,sBAChBI,WAAGJ,UAAU,eAAcC,SAAEN,OAE9BG,GAAQM,EAAAC,IAAA,IAAA,CAAGL,UAAU,mBAAoBC,SAAAH,MAGhD"}

package/dist/src/components/forms/RangeRadio.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";var r=function(r){var n=r.range,t=r.name,i=r.label,d=r.required,l=r.setSelectedValue,u=r.setNameIDValueIndex,s=r.note,c=Array.from({length:n},function(e,a){return a+1}),m=function(e){l&&l(e.target.value),u&&u(t||"",String(e.target.dataset.id),e.target.value,Number(e.target.dataset.index))};return n?e("div",{className:t,children:[a("h5",{className:"mt-3",children:i}),a("div",{className:"ihub-field",children:a("div",{className:"ihub-range-wrapper",children:c.map(function(r,n){return a("div",{className:"ihub-radio-parent",children:e("label",{className:"ihub-radio",children:[a("input",{type:"radio",name:t,value:r,id:t||""+n,required:0===n&&d,onChange:m,"data-id":t,"data-index":n}),a("span",{children:r})]})},n)})})}),s&&a("p",{className:"ihub-input-notes",children:s})]}):null};export{r as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){var r=a.range,t=a.name,i=a.label,n=a.required,s=a.setSelectedValue,d=a.setNameIDValueIndex,l=a.note,u=Array.from({length:r},function(e,a){return a+1}),c=function(e){s&&s(e.target.value),d&&d(t||"",String(e.target.dataset.id),e.target.value,Number(e.target.dataset.index))};return r?e.jsxs("div",{className:t,children:[e.jsx("h5",{className:"mt-3",children:i}),e.jsx("div",{className:"ihub-field",children:e.jsx("div",{className:"ihub-range-wrapper",children:u.map(function(a,r){return e.jsx("div",{className:"ihub-radio-parent",children:e.jsxs("label",{className:"ihub-radio",children:[e.jsx("input",{type:"radio",name:t,value:a,id:t||""+r,required:0===r&&n,onChange:c,"data-id":t,"data-index":r}),e.jsx("span",{children:a})]})},r)})})}),l&&e.jsx("p",{className:"ihub-input-notes",children:l})]}):null};
 //# sourceMappingURL=RangeRadio.js.map

package/dist/src/components/forms/RangeRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeRadio.js","sources":["../../../../src/components/forms/RangeRadio.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RangeRadioProps {\n  range: number;\n  name?: string;\n  label: string;\n  required?: boolean;\n  setSelectedValue?: (value: string) => void;\n  setNameIDValueIndex?: (\n    name: string,\n    id: string,\n    value: string,\n    index: number\n  ) => void;\n  note?: string;\n}\n\nconst RangeRadio: React.FC<RangeRadioProps> = ({\n  range,\n  name,\n  label,\n  required,\n  setSelectedValue,\n  setNameIDValueIndex,\n  note,\n}) => {\n  const rangeArray = Array.from({ length: range }, (_, i) => i + 1);\n\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (setSelectedValue) {\n      setSelectedValue(event.target.value);\n    }\n    if (setNameIDValueIndex) {\n      setNameIDValueIndex(\n        name || \"\",\n        String(event.target.dataset.id),\n        event.target.value,\n        Number(event.target.dataset.index)\n      );\n    }\n  };\n\n  if (!range) {\n    return null;\n  }\n\n  return (\n    <div className={name}>\n      <h5 className=\"mt-3\">{label}</h5>\n\n      <div className=\"ihub-field\">\n        <div className=\"ihub-range-wrapper\">\n          {rangeArray.map((option, index) => {\n            return (\n              <div className=\"ihub-radio-parent\" key={index}>\n                <label className=\"ihub-radio\">\n                  <input\n                    type=\"radio\"\n                    name={name}\n                    value={option}\n                    id={name || \"\" + index}\n                    required={index === 0 ? required : false}\n                    onChange={handleOptionChange}\n                    data-id={name}\n                    data-index={index}\n                  />\n                  <span>{option}</span>\n                </label>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      {note && <p className=\"ihub-input-notes\">{note}</p>}\n    </div>\n  );\n};\n\nexport default RangeRadio;\n"],"names":["RangeRadio","_ref","range","name","label","required","setSelectedValue","setNameIDValueIndex","note","rangeArray","Array","from","length","_","i","handleOptionChange","event","target","value","String","dataset","id","Number","index","_jsxs","className","children","_jsx","map","option","type","onChange"],"mappings":"kDAiBA,IAAMA,EAAwC,SAA9BC,GAQX,IAPHC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAQJ,EAARI,SACAC,EAAgBL,EAAhBK,iBACAC,EAAmBN,EAAnBM,oBACAC,EAAIP,EAAJO,KAEMC,EAAaC,MAAMC,KAAK,CAAEC,OAAQV,GAAS,SAACW,EAAGC,GAAC,OAAKA,EAAI,IAEzDC,EAAqB,SAACC,GACtBV,GACFA,EAAiBU,EAAMC,OAAOC,OAE5BX,GACFA,EACEJ,GAAQ,GACRgB,OAAOH,EAAMC,OAAOG,QAAQC,IAC5BL,EAAMC,OAAOC,MACbI,OAAON,EAAMC,OAAOG,QAAQG,SAKlC,OAAKrB,EAKHsB,EAAA,MAAA,CAAKC,UAAWtB,EACduB,SAAA,CAAAC,EAAA,KAAA,CAAIF,UAAU,OAAMC,SAAEtB,IAEtBuB,EAAK,MAAA,CAAAF,UAAU,aACbC,SAAAC,EAAA,MAAA,CAAKF,UAAU,qBACZC,SAAAjB,EAAWmB,IAAI,SAACC,EAAQN,GACvB,OACEI,EAAA,MAAA,CAAKF,UAAU,oBAAmBC,SAChCF,EAAO,QAAA,CAAAC,UAAU,aACfC,SAAA,CAAAC,EAAA,QAAA,CACEG,KAAK,QACL3B,KAAMA,EACNe,MAAOW,EACPR,GAAIlB,GAAQ,GAAKoB,EACjBlB,SAAoB,IAAVkB,GAAclB,EACxB0B,SAAUhB,EAAkB,UACnBZ,EAAI,aACDoB,IAEdI,EAAA,OAAA,CAAAD,SAAOG,QAZ6BN,SAmB/Cf,GAAQmB,EAAA,IAAA,CAAGF,UAAU,mBAAoBC,SAAAlB,OA9BrC,IAiCX"}
+{"version":3,"file":"RangeRadio.js","sources":["../../../../src/components/forms/RangeRadio.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface RangeRadioProps {\n  range: number;\n  name?: string;\n  label: string;\n  required?: boolean;\n  setSelectedValue?: (value: string) => void;\n  setNameIDValueIndex?: (\n    name: string,\n    id: string,\n    value: string,\n    index: number\n  ) => void;\n  note?: string;\n}\n\nconst RangeRadio: React.FC<RangeRadioProps> = ({\n  range,\n  name,\n  label,\n  required,\n  setSelectedValue,\n  setNameIDValueIndex,\n  note,\n}) => {\n  const rangeArray = Array.from({ length: range }, (_, i) => i + 1);\n\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (setSelectedValue) {\n      setSelectedValue(event.target.value);\n    }\n    if (setNameIDValueIndex) {\n      setNameIDValueIndex(\n        name || \"\",\n        String(event.target.dataset.id),\n        event.target.value,\n        Number(event.target.dataset.index)\n      );\n    }\n  };\n\n  if (!range) {\n    return null;\n  }\n\n  return (\n    <div className={name}>\n      <h5 className=\"mt-3\">{label}</h5>\n\n      <div className=\"ihub-field\">\n        <div className=\"ihub-range-wrapper\">\n          {rangeArray.map((option, index) => {\n            return (\n              <div className=\"ihub-radio-parent\" key={index}>\n                <label className=\"ihub-radio\">\n                  <input\n                    type=\"radio\"\n                    name={name}\n                    value={option}\n                    id={name || \"\" + index}\n                    required={index === 0 ? required : false}\n                    onChange={handleOptionChange}\n                    data-id={name}\n                    data-index={index}\n                  />\n                  <span>{option}</span>\n                </label>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n      {note && <p className=\"ihub-input-notes\">{note}</p>}\n    </div>\n  );\n};\n\nexport default RangeRadio;\n"],"names":["_ref","range","name","label","required","setSelectedValue","setNameIDValueIndex","note","rangeArray","Array","from","length","_","i","handleOptionChange","event","target","value","String","dataset","id","Number","index","_jsxs","className","children","_jsx","jsx","map","option","jsxs","type","onChange"],"mappings":"uHAiB8C,SAA9BA,GAQX,IAPHC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAQJ,EAARI,SACAC,EAAgBL,EAAhBK,iBACAC,EAAmBN,EAAnBM,oBACAC,EAAIP,EAAJO,KAEMC,EAAaC,MAAMC,KAAK,CAAEC,OAAQV,GAAS,SAACW,EAAGC,GAAC,OAAKA,EAAI,IAEzDC,EAAqB,SAACC,GACtBV,GACFA,EAAiBU,EAAMC,OAAOC,OAE5BX,GACFA,EACEJ,GAAQ,GACRgB,OAAOH,EAAMC,OAAOG,QAAQC,IAC5BL,EAAMC,OAAOC,MACbI,OAAON,EAAMC,OAAOG,QAAQG,SAKlC,OAAKrB,EAKHsB,EAAAA,KAAA,MAAA,CAAKC,UAAWtB,EACduB,SAAA,CAAAC,EAAAC,IAAA,KAAA,CAAIH,UAAU,OAAMC,SAAEtB,IAEtBuB,EAAKC,IAAA,MAAA,CAAAH,UAAU,aACbC,SAAAC,EAAAC,IAAA,MAAA,CAAKH,UAAU,qBACZC,SAAAjB,EAAWoB,IAAI,SAACC,EAAQP,GACvB,OACEI,EAAAA,IAAA,MAAA,CAAKF,UAAU,oBAAmBC,SAChCF,EAAOO,KAAA,QAAA,CAAAN,UAAU,aACfC,SAAA,CAAAC,EAAAC,IAAA,QAAA,CACEI,KAAK,QACL7B,KAAMA,EACNe,MAAOY,EACPT,GAAIlB,GAAQ,GAAKoB,EACjBlB,SAAoB,IAAVkB,GAAclB,EACxB4B,SAAUlB,EAAkB,UACnBZ,EAAI,aACDoB,IAEdI,EAAAC,IAAA,OAAA,CAAAF,SAAOI,QAZ6BP,SAmB/Cf,GAAQmB,EAAAC,IAAA,IAAA,CAAGH,UAAU,mBAAoBC,SAAAlB,OA9BrC,IAiCX"}

package/dist/src/components/forms/ReactTimeAgo.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";var a=function(e,n){var r=1===e?n:"".concat(n,"s");return"".concat(e," ").concat(r," ago")},o=function(o){var s=o.date,c=o.live,i=void 0===c||c,u=o.updateInterval,m=void 0===u?6e4:u,l=o.formatter,d=void 0===l?a:l,f=r(""),v=e(f,2),h=v[0],p=v[1],g=function(){var e=new Date,n=new Date(s),r=Math.floor((e.getTime()-n.getTime())/1e3);if(r<0)return"in the future";if(r<5)return"just now";for(var t=0,a=[{name:"year",seconds:31536e3},{name:"month",seconds:2592e3},{name:"week",seconds:604800},{name:"day",seconds:86400},{name:"hour",seconds:3600},{name:"minute",seconds:60},{name:"second",seconds:1}];t<a.length;t++){var o=a[t],c=Math.floor(r/o.seconds);if(c>=1)return d(c,o.name)}return d(r,"second")};return t(function(){p(g());var e=null;return i&&(e=setInterval(function(){p(g())},m)),function(){e&&clearInterval(e)}},[s,i,m]),n("span",{className:"ihub-time-ago",children:h})};export{o as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),r=require("react"),t=function(e,n){var r=1===e?n:"".concat(n,"s");return"".concat(e," ").concat(r," ago")};exports.default=function(a){var o=a.date,s=a.live,u=void 0===s||s,c=a.updateInterval,i=void 0===c?6e4:c,l=a.formatter,d=void 0===l?t:l,f=r.useState(""),m=e.slicedToArray(f,2),v=m[0],h=m[1],p=function(){var e=new Date,n=new Date(o),r=Math.floor((e.getTime()-n.getTime())/1e3);if(r<0)return"in the future";if(r<5)return"just now";for(var t=0,a=[{name:"year",seconds:31536e3},{name:"month",seconds:2592e3},{name:"week",seconds:604800},{name:"day",seconds:86400},{name:"hour",seconds:3600},{name:"minute",seconds:60},{name:"second",seconds:1}];t<a.length;t++){var s=a[t],u=Math.floor(r/s.seconds);if(u>=1)return d(u,s.name)}return d(r,"second")};return r.useEffect(function(){h(p());var e=null;return u&&(e=setInterval(function(){h(p())},i)),function(){e&&clearInterval(e)}},[o,u,i]),n.jsx("span",{className:"ihub-time-ago",children:v})};
 //# sourceMappingURL=ReactTimeAgo.js.map

package/dist/src/components/forms/ReadTermsAndCondition.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import r from"next/link";function a(a){var s=a.names,c=a.setTermsStatus,o=n(!1),l=e(o,2),d=l[0],m=l[1];return i("div",{className:"ihub-react-terms",children:[i("p",{children:["Please read and accept the"," ",t(r,{href:"https://instincthub.com/policies/terms-and-conditions",className:"ihub-link",children:"terms and conditions"})," ","before submitting this form. By submitting this form, you agree to comply with the terms and conditions."]}),i("label",{htmlFor:"id_accept_terms_and_conditions",className:"ihub-label-cbx",onClick:function(){var e=!d;m(e),c(e)},children:[t("input",{name:s,id:"id_accept_terms_and_conditions",type:"checkbox",hidden:!0,"data-id":"Seminars",value:d?"true":"false",checked:d,readOnly:!0}),t("div",{className:"ihub-checkbox",children:i("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",children:[t("path",{d:"M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z"}),t("polyline",{points:"4 11 8 15 16 6"})]})}),t("span",{children:"Agree"})]})]})}export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),i=require("react");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=s(require("next/link"));exports.default=function(s){var n=s.names,a=s.setTermsStatus,c=i.useState(!1),l=e.slicedToArray(c,2),d=l[0],o=l[1];return t.jsxs("div",{className:"ihub-react-terms",children:[t.jsxs("p",{children:["Please read and accept the"," ",t.jsx(r.default,{href:"https://instincthub.com/policies/terms-and-conditions",className:"ihub-link",children:"terms and conditions"})," ","before submitting this form. By submitting this form, you agree to comply with the terms and conditions."]}),t.jsxs("label",{htmlFor:"id_accept_terms_and_conditions",className:"ihub-label-cbx",onClick:function(){var e=!d;o(e),a(e)},children:[t.jsx("input",{name:n,id:"id_accept_terms_and_conditions",type:"checkbox",hidden:!0,"data-id":"Seminars",value:d?"true":"false",checked:d,readOnly:!0}),t.jsx("div",{className:"ihub-checkbox",children:t.jsxs("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",children:[t.jsx("path",{d:"M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z"}),t.jsx("polyline",{points:"4 11 8 15 16 6"})]})}),t.jsx("span",{children:"Agree"})]})]})};
 //# sourceMappingURL=ReadTermsAndCondition.js.map

package/dist/src/components/forms/SearchField.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import t from"react";import{useRouter as a,useSearchParams as n}from"next/navigation";var i=function(i){var o=i.labels,c=i.setSearchValues,s=i.delay,l=void 0===s?400:s,h=i.className,u=void 0===h?"":h,d=i.name,m=void 0===d?"search":d,v=a(),p=n().get("search")||"",w=t.useRef(null);return e("div",{className:"ihub-search-field event-input ".concat(u),children:r("div",{className:"ihub-search-set",children:[e("div",{className:"ihub-input-div",children:r("svg",{className:"ihub-search-icon",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{d:"M21 21L16.65 16.65",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e("div",{children:e("input",{className:"ihub-event-input",type:"text",name:m,placeholder:"Search ".concat(o||"Blog"," ..."),onChange:function(e){var r=e.target.value;w.current&&clearTimeout(w.current),w.current=setTimeout(function(){var e=new URLSearchParams(window.location.search);e.set("search",r);var t=window.location.pathname+"?"+e.toString()+window.location.hash;v.replace(t),c&&c(r)},l)},defaultValue:p})})]})})};export{i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("next/navigation");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(r);exports.default=function(r){var a=r.labels,i=r.setSearchValues,s=r.delay,o=void 0===s?400:s,c=r.className,u=void 0===c?"":c,l=r.name,d=void 0===l?"search":l,h=t.useRouter(),v=t.useSearchParams().get("search")||"",p=n.default.useRef(null);return e.jsx("div",{className:"ihub-search-field event-input ".concat(u),children:e.jsxs("div",{className:"ihub-search-set",children:[e.jsx("div",{className:"ihub-input-div",children:e.jsxs("svg",{className:"ihub-search-icon",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M21 21L16.65 16.65",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsx("div",{children:e.jsx("input",{className:"ihub-event-input",type:"text",name:d,placeholder:"Search ".concat(a||"Blog"," ..."),onChange:function(e){var r=e.target.value;p.current&&clearTimeout(p.current),p.current=setTimeout(function(){var e=new URLSearchParams(window.location.search);e.set("search",r);var t=window.location.pathname+"?"+e.toString()+window.location.hash;h.replace(t),i&&i(r)},o)},defaultValue:v})})]})})};
 //# sourceMappingURL=SearchField.js.map

package/dist/src/components/forms/SearchFieldDB.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,asyncToGenerator as r,regenerator as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,jsxs as t}from"react/jsx-runtime";import{reqOptions as c,API_HOST_URL as s}from"../lib/helpFunction.js";import o from"@mui/icons-material/SearchRounded";import{useRouter as i}from"next/navigation";import{useState as l,useEffect as u}from"react";import"../lib/utils.js";import{urlQueryHelper as h}from"../lib/queryParameters/index.js";var m=function(m){var v=i(),f=m.params.channel,d=m.searchParams.search,p=l(),b=e(p,2),y=b[0],g=b[1],k=l(d),x=e(k,2),N=x[0],j=x[1],w=function(e){var r=h({key:"search",value:e,action:"add"});v.replace(r)},C=function(){var e=r(a().m(function e(r){var n,t,c=arguments;return a().w(function(e){for(;;)switch(e.n){case 0:n=c.length>1&&void 0!==c[1]&&c[1],(13===r.keyCode||n)&&(t=r.currentTarget.value,w(t));case 1:return e.a(2)}},e)}));return function(r){return e.apply(this,arguments)}}(),P=function(){var e=r(a().m(function e(){var r,n,t,o,i,l;return a().w(function(e){for(;;)switch(e.p=e.n){case 0:return g(0),r=c("GET",null,m.token,!1,f),n="".concat(s).concat(m.urlPath,"search=").concat(d||""),e.p=1,e.n=2,fetch(n,r);case 2:if(200!==(t=e.v).status){e.n=4;break}return e.n=3,t.json();case 3:i=e.v,m.setData(i.results),m.setNext(i.next),null===(o=m.setPrevious)||void 0===o||o.call(m,i.previous);case 4:g(t.status),e.n=6;break;case 5:e.p=5,l=e.v,console.error("Search error:",l),g(500);case 6:return e.a(2)}},e,null,[[1,5]])}));return function(){return e.apply(this,arguments)}}();return u(function(){void 0!==d&&(P(),j(d))},[d]),n("div",{className:"ihub-search-field",children:t("div",{className:"ihub-search-courses",children:[n("input",{type:"search",placeholder:"Search ".concat(m.labels?m.labels:"Items"," ..."),onChange:function(e){j(e.target.value)},value:N||"",onKeyDown:C}),N?n("svg",{className:"ihub-search-cancel",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24","data-testid":"CloseIcon",onClick:function(){var e=h({key:"search",value:"",action:"remove"});v.replace(e)},children:n("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})}):null,n("div",{className:"ihub-search-btn",children:0===y?n("div",{className:"ihub-loader"}):n(o,{className:"ihub-material-symbols-outlined",onClick:function(){return w(N)}})})]})})};export{m as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),a=require("../lib/helpFunction.js"),n=require("@mui/icons-material/SearchRounded"),t=require("next/navigation"),s=require("react");require("../lib/utils.js");var u=require("../lib/queryParameters/index.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=c(n);exports.default=function(n){var c=t.useRouter(),l=n.params.channel,o=n.searchParams.search,h=s.useState(),d=e.slicedToArray(h,2),v=d[0],f=d[1],p=s.useState(o),b=e.slicedToArray(p,2),m=b[0],y=b[1],j=function(e){var r=u.urlQueryHelper({key:"search",value:e,action:"add"});c.replace(r)},x=function(){var r=e.asyncToGenerator(e.regenerator().m(function r(a){var n,t,s=arguments;return e.regenerator().w(function(e){for(;;)switch(e.n){case 0:n=s.length>1&&void 0!==s[1]&&s[1],(13===a.keyCode||n)&&(t=a.currentTarget.value,j(t));case 1:return e.a(2)}},r)}));return function(e){return r.apply(this,arguments)}}(),g=function(){var r=e.asyncToGenerator(e.regenerator().m(function r(){var t,s,u,c,i,h;return e.regenerator().w(function(e){for(;;)switch(e.p=e.n){case 0:return f(0),t=a.reqOptions("GET",null,n.token,!1,l),s="".concat(a.API_HOST_URL).concat(n.urlPath,"search=").concat(o||""),e.p=1,e.n=2,fetch(s,t);case 2:if(200!==(u=e.v).status){e.n=4;break}return e.n=3,u.json();case 3:i=e.v,n.setData(i.results),n.setNext(i.next),null===(c=n.setPrevious)||void 0===c||c.call(n,i.previous);case 4:f(u.status),e.n=6;break;case 5:e.p=5,h=e.v,console.error("Search error:",h),f(500);case 6:return e.a(2)}},r,null,[[1,5]])}));return function(){return r.apply(this,arguments)}}();return s.useEffect(function(){void 0!==o&&(g(),y(o))},[o]),r.jsx("div",{className:"ihub-search-field",children:r.jsxs("div",{className:"ihub-search-courses",children:[r.jsx("input",{type:"search",placeholder:"Search ".concat(n.labels?n.labels:"Items"," ..."),onChange:function(e){y(e.target.value)},value:m||"",onKeyDown:x}),m?r.jsx("svg",{className:"ihub-search-cancel",focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24","data-testid":"CloseIcon",onClick:function(){var e=u.urlQueryHelper({key:"search",value:"",action:"remove"});c.replace(e)},children:r.jsx("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})}):null,r.jsx("div",{className:"ihub-search-btn",children:0===v?r.jsx("div",{className:"ihub-loader"}):r.jsx(i.default,{className:"ihub-material-symbols-outlined",onClick:function(){return j(m)}})})]})})};
 //# sourceMappingURL=SearchFieldDB.js.map

package/dist/src/components/forms/SearchObjectsFromDB.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,asyncToGenerator as n,regenerator as r,toConsumableArray as a,typeof as i,createForOfIteratorHelper as l}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as c}from"react/jsx-runtime";import{memo as o,useState as s,useEffect as u,useCallback as d}from"react";import{reqOptions as h,API_HOST_URL as m}from"../lib/helpFunction.js";import"../lib/utils.js";import f from"@mui/icons-material/SearchOutlined";import v from"@mui/icons-material/Check";import p from"@mui/icons-material/CloseOutlined";var b=function(e){if(!e||!Array.isArray(e))return[];var n,r=[],t=l(e);try{for(t.s();!(n=t.n()).done;){var c=n.value;Array.isArray(c)?r.push.apply(r,a(b(c))):c&&"object"===i(c)&&c.id&&r.push(c)}}catch(e){t.e(e)}finally{t.f()}var o=r.filter(function(e,n,r){return r.findIndex(function(n){return n.id===e.id})===n});return o};function y(l){var o=l.label,y=l.token,N=l.handle,g=l.selected,k=l.setSelected,S=l.appLabel,j=l.modelName,C=l.filterChannel,O=void 0!==C&&C,_=l.limitQuery,x=void 0===_?5:_,D=l.limitSelect,w=void 0===D?0:D,F=l.options,T=l.keyName,A=void 0===T?"title":T,E=l.placeholder,B=void 0===E?"Search by Username or Email":E,I=l.searchUrl,q=l.err,H=void 0!==q&&q,P=l.required,U=void 0!==P&&P,G=s(""),J=e(G,2),K=J[0],L=J[1],Q=s([]),R=e(Q,2),z=R[0],M=R[1],V=s(!1),W=e(V,2),X=W[0],Y=W[1],Z=s(null),$=e(Z,2),ee=$[0],ne=$[1];u(function(){M(F||[])},[F]),u(function(){if(g&&g.length>0){var e=b(g);JSON.stringify(e)!==JSON.stringify(g)&&console.warn("SearchObjectsFromDB: Detected malformed selected array. Parent should provide flattened data:",{original:g,expectedFormat:e,keyName:A})}console.log("SearchObjectsFromDB Debug:",{keyName:A,selectedLength:(null==g?void 0:g.length)||0,selectedSample:null==g?void 0:g[0],label:o})},[g,A,o]);var re,ae=d(n(r().m(function e(){var n,i,l,t,c,o;return r().w(function(e){for(;;)switch(e.p=e.n){case 0:return Y(!0),ne(null),n=h("GET",null,y),i=I?I.includes("/?")?"".concat(I,"&search=").concat(K):"".concat(I,"?search=").concat(K):S?"".concat(m,"channels/").concat(N,"/dynamic-search/?app_label=").concat(S,"&model_name=").concat(j,"&value=").concat(K,"&filter_channel=").concat(O):"".concat(m,"auth/").concat(N,"/search-user/").concat(K,"/?limit=").concat(x),e.p=1,e.n=2,fetch(i,n);case 2:if((l=e.v).ok){e.n=3;break}throw new Error("HTTP error ".concat(l.status));case 3:return e.n=4,l.json();case 4:t=e.v,M([].concat(a(t.results||[]),a(F||[]))),e.n=6;break;case 5:e.p=5,o=e.v,c=o instanceof Error?o.message:"Unknown error occurred",console.error("Error fetching search results:",c),ne(c),M(a(F||[]));case 6:return e.p=6,Y(!1),e.f(6);case 7:return e.a(2)}},e,null,[[1,5,6,7]])})),[K,y,I,S,j,N,O,x]),ie=d(function(e){"Enter"===e.key&&(e.preventDefault(),ae())},[ae]),le=d(function(){L(""),M(a(F||[])),ne(null)},[]),te=d(function(e){return!(!e||!g||0===g.length)&&b(g).some(function(n){if(!n)return!1;var r="object"===i(n)?null==n?void 0:n.id:n,a=(null==e?void 0:e.username)||(null==e?void 0:e.id);return r===a&&null!=r&&null!=a})},[g]),ce=d(function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e&&e.id&&g){var r=b(g),i=r.find(function(n){return(null==n?void 0:n.id)===e.id});if(n){var l=r.filter(function(n){return(null==n?void 0:n.id)!==e.id});k(l)}else!i&&(0===w||r.length<w)?k([].concat(a(r),[e])):1===w&&k([e])}},[g,k,w]);return t("div",{className:"ihub-react-search-container",children:c("div",{className:"ihub-react-search card",children:[o&&c("h4",{className:"ihub-fs-sm ihub-mt-2 ihub-mb-2",children:[o," ",U&&t("span",{className:"ihub-required",children:"*"})]}),c("div",{className:"ihub-search-input",children:[t("input",{type:"text",placeholder:B,onKeyDown:ie,value:K,onChange:function(e){return L(e.target.value)},disabled:X,required:U&&!g.length}),c("div",{className:"ihub-search-icons",children:[K&&t(p,{onClick:le,className:"ihub-search-icon ihub-close-icon"}),t(f,{onClick:ae,className:"ihub-search-icon ihub-search-button ".concat(X?"ihub-disabled":"")})]})]}),X&&t("div",{className:"ihub-loading",children:"Searching..."}),ee&&t("div",{className:"ihub-search-error",children:ee}),c("ul",{className:"ihub-search-results",children:[null==z?void 0:z.map(function(e,n){return c("li",{className:"ihub-search-result-item ihub-valid",onClick:function(){return e&&ce(e)},children:[te(e)&&t(v,{className:"ihub-check-icon",style:{position:"relative",top:"5px",marginRight:"10px"}}),e[A]||(null==e?void 0:e.title)||"",te(e)?t(p,{className:"ihub-delete-icon ihub-ml-auto",onClick:function(){return e&&ce(e,!0)}}):""]},"".concat((null==e?void 0:e.id)||(null==e?void 0:e.username)||n))}),X||ee||z.length||g.length?"":t("li",{className:"ihub-no-results",children:"No available options"})]}),(re=b(g||[]),0===re.length?null:c("ul",{className:"ihub-selected-options",children:[t("h4",{className:"ihub-fs-md",children:"Selected Options:"}),re.map(function(e,n){if(!e||"object"!==i(e))return console.warn("SearchObjectsFromDB: Invalid item in selected array:",e),null;var r=e,a=r[A]||r.title||r.name||r.full_name||r.name_plus_username||r.display_name||r.username||"Item ".concat(n+1),l=e.id||r.username||"selected-".concat(n);return a&&a!=="Item ".concat(n+1)||console.log("SearchObjectsFromDB: Display text debug:",{item:e,keyName:A,itemKeyName:r[A],title:r.title,name:r.name,fullName:r.full_name,displayText:a}),c("li",{children:[t("span",{children:a}),t(p,{className:"ihub-delete-icon",onClick:function(){return ce(e,!0)}})]},l)})]})),H&&t("p",{className:"ihub-error",children:"This field is required"})]})})}var N=o(y);export{N as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),a=require("react"),n=require("../lib/helpFunction.js");require("../lib/utils.js");var l=require("@mui/icons-material/SearchOutlined"),t=require("@mui/icons-material/Check"),i=require("@mui/icons-material/CloseOutlined");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(l),o=c(t),u=c(i),d=function(r){if(!r||!Array.isArray(r))return[];var a,n=[],l=e.createForOfIteratorHelper(r);try{for(l.s();!(a=l.n()).done;){var t=a.value;Array.isArray(t)?n.push.apply(n,e.toConsumableArray(d(t))):t&&"object"===e.typeof(t)&&t.id&&n.push(t)}}catch(e){l.e(e)}finally{l.f()}var i=n.filter(function(e,r,a){return a.findIndex(function(r){return r.id===e.id})===r});return i};function h(l){var t=l.label,i=l.token,c=l.handle,h=l.selected,m=l.setSelected,f=l.appLabel,b=l.modelName,v=l.filterChannel,p=void 0!==v&&v,y=l.limitQuery,j=void 0===y?5:y,x=l.limitSelect,N=void 0===x?0:x,g=l.options,k=l.keyName,C=void 0===k?"title":k,S=l.placeholder,A=void 0===S?"Search by Username or Email":S,_=l.searchUrl,O=l.err,q=void 0!==O&&O,T=l.required,D=void 0!==T&&T,w=a.useState(""),E=e.slicedToArray(w,2),F=E[0],I=E[1],P=a.useState([]),B=e.slicedToArray(P,2),H=B[0],U=B[1],L=a.useState(!1),R=e.slicedToArray(L,2),G=R[0],J=R[1],K=a.useState(null),M=e.slicedToArray(K,2),Q=M[0],z=M[1];a.useEffect(function(){U(g||[])},[g]),a.useEffect(function(){if(h&&h.length>0){var e=d(h);JSON.stringify(e)!==JSON.stringify(h)&&console.warn("SearchObjectsFromDB: Detected malformed selected array. Parent should provide flattened data:",{original:h,expectedFormat:e,keyName:C})}console.log("SearchObjectsFromDB Debug:",{keyName:C,selectedLength:(null==h?void 0:h.length)||0,selectedSample:null==h?void 0:h[0],label:t})},[h,C,t]);var V,W=a.useCallback(e.asyncToGenerator(e.regenerator().m(function r(){var a,l,t,s,o,u;return e.regenerator().w(function(r){for(;;)switch(r.p=r.n){case 0:return J(!0),z(null),a=n.reqOptions("GET",null,i),l=_?_.includes("/?")?"".concat(_,"&search=").concat(F):"".concat(_,"?search=").concat(F):f?"".concat(n.API_HOST_URL,"channels/").concat(c,"/dynamic-search/?app_label=").concat(f,"&model_name=").concat(b,"&value=").concat(F,"&filter_channel=").concat(p):"".concat(n.API_HOST_URL,"auth/").concat(c,"/search-user/").concat(F,"/?limit=").concat(j),r.p=1,r.n=2,fetch(l,a);case 2:if((t=r.v).ok){r.n=3;break}throw new Error("HTTP error ".concat(t.status));case 3:return r.n=4,t.json();case 4:s=r.v,U([].concat(e.toConsumableArray(s.results||[]),e.toConsumableArray(g||[]))),r.n=6;break;case 5:r.p=5,u=r.v,o=u instanceof Error?u.message:"Unknown error occurred",console.error("Error fetching search results:",o),z(o),U(e.toConsumableArray(g||[]));case 6:return r.p=6,J(!1),r.f(6);case 7:return r.a(2)}},r,null,[[1,5,6,7]])})),[F,i,_,f,b,c,p,j]),X=a.useCallback(function(e){"Enter"===e.key&&(e.preventDefault(),W())},[W]),Y=a.useCallback(function(){I(""),U(e.toConsumableArray(g||[])),z(null)},[]),Z=a.useCallback(function(r){return!(!r||!h||0===h.length)&&d(h).some(function(a){if(!a)return!1;var n="object"===e.typeof(a)?null==a?void 0:a.id:a,l=(null==r?void 0:r.username)||(null==r?void 0:r.id);return n===l&&null!=n&&null!=l})},[h]),$=a.useCallback(function(r){var a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(r&&r.id&&h){var n=d(h),l=n.find(function(e){return(null==e?void 0:e.id)===r.id});if(a){var t=n.filter(function(e){return(null==e?void 0:e.id)!==r.id});m(t)}else!l&&(0===N||n.length<N)?m([].concat(e.toConsumableArray(n),[r])):1===N&&m([r])}},[h,m,N]);return r.jsx("div",{className:"ihub-react-search-container",children:r.jsxs("div",{className:"ihub-react-search card",children:[t&&r.jsxs("h4",{className:"ihub-fs-sm ihub-mt-2 ihub-mb-2",children:[t," ",D&&r.jsx("span",{className:"ihub-required",children:"*"})]}),r.jsxs("div",{className:"ihub-search-input",children:[r.jsx("input",{type:"text",placeholder:A,onKeyDown:X,value:F,onChange:function(e){return I(e.target.value)},disabled:G,required:D&&!h.length}),r.jsxs("div",{className:"ihub-search-icons",children:[F&&r.jsx(u.default,{onClick:Y,className:"ihub-search-icon ihub-close-icon"}),r.jsx(s.default,{onClick:W,className:"ihub-search-icon ihub-search-button ".concat(G?"ihub-disabled":"")})]})]}),G&&r.jsx("div",{className:"ihub-loading",children:"Searching..."}),Q&&r.jsx("div",{className:"ihub-search-error",children:Q}),r.jsxs("ul",{className:"ihub-search-results",children:[null==H?void 0:H.map(function(e,a){return r.jsxs("li",{className:"ihub-search-result-item ihub-valid",onClick:function(){return e&&$(e)},children:[Z(e)&&r.jsx(o.default,{className:"ihub-check-icon",style:{position:"relative",top:"5px",marginRight:"10px"}}),e[C]||(null==e?void 0:e.title)||"",Z(e)?r.jsx(u.default,{className:"ihub-delete-icon ihub-ml-auto",onClick:function(){return e&&$(e,!0)}}):""]},"".concat((null==e?void 0:e.id)||(null==e?void 0:e.username)||a))}),G||Q||H.length||h.length?"":r.jsx("li",{className:"ihub-no-results",children:"No available options"})]}),(V=d(h||[]),0===V.length?null:r.jsxs("ul",{className:"ihub-selected-options",children:[r.jsx("h4",{className:"ihub-fs-md",children:"Selected Options:"}),V.map(function(a,n){if(!a||"object"!==e.typeof(a))return console.warn("SearchObjectsFromDB: Invalid item in selected array:",a),null;var l=a,t=l[C]||l.title||l.name||l.full_name||l.name_plus_username||l.display_name||l.username||"Item ".concat(n+1),i=a.id||l.username||"selected-".concat(n);return t&&t!=="Item ".concat(n+1)||console.log("SearchObjectsFromDB: Display text debug:",{item:a,keyName:C,itemKeyName:l[C],title:l.title,name:l.name,fullName:l.full_name,displayText:t}),r.jsxs("li",{children:[r.jsx("span",{children:t}),r.jsx(u.default,{className:"ihub-delete-icon",onClick:function(){return $(a,!0)}})]},i)})]})),q&&r.jsx("p",{className:"ihub-error",children:"This field is required"})]})})}var m=a.memo(h);exports.default=m;
 //# sourceMappingURL=SearchObjectsFromDB.js.map

package/dist/src/components/forms/StepProgressBar.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"react";var s=["step","counts","widths"],a=function(a){var o=a.step,c=a.counts,n=a.widths,l=void 0===n?"400px":n;return t(a,s),e("div",{className:"ihub-progress-bar-container",style:{maxWidth:l},children:c.map(function(t,s){return r(i.Fragment,{children:[e("div",{className:"ihub-progress-step ".concat(o>=t?"ihub-step-active":""),children:t}),c.length!==s+1&&e("div",{className:"ihub-progress-line",style:{width:"calc(100% / ".concat(c.length,")")}})]},s)})})};export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(require("react")),i=["step","counts","widths"];exports.default=function(r){var a=r.step,u=r.counts,n=r.widths,c=void 0===n?"400px":n;return e.objectWithoutProperties(r,i),t.jsx("div",{className:"ihub-progress-bar-container",style:{maxWidth:c},children:u.map(function(e,r){return t.jsxs(s.default.Fragment,{children:[t.jsx("div",{className:"ihub-progress-step ".concat(a>=e?"ihub-step-active":""),children:e}),u.length!==r+1&&t.jsx("div",{className:"ihub-progress-line",style:{width:"calc(100% / ".concat(u.length,")")}})]},r)})})};
 //# sourceMappingURL=StepProgressBar.js.map

package/dist/src/components/forms/StepProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepProgressBar.js","sources":["../../../../src/components/forms/StepProgressBar.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface StepProgressBarProps {\n  step: number;\n  counts: number[];\n  widths?: string;\n  [key: string]: any;\n}\n\nconst StepProgressBar: React.FC<StepProgressBarProps> = ({ \n  step, \n  counts, \n  widths = \"400px\", \n  ...props \n}) => {\n  return (\n    <div className=\"ihub-progress-bar-container\" style={{ maxWidth: widths }}>\n      {counts.map((num, index) => (\n        <React.Fragment key={index}>\n          <div \n            className={`ihub-progress-step ${step >= num ? \"ihub-step-active\" : \"\"}`}\n          >\n            {num}\n          </div>\n          {(counts.length !== index + 1) && (\n            <div \n              className=\"ihub-progress-line\" \n              style={{ width: `calc(100% / ${counts.length})` }}\n            />\n          )}\n        </React.Fragment>\n      ))}\n    </div>\n  );\n};\n\nexport default StepProgressBar;"],"names":["StepProgressBar","_ref","step","counts","_ref$widths","widths","_objectWithoutProperties","_excluded","_jsx","className","style","maxWidth","children","map","num","index","_jsxs","React","Fragment","concat","length","width"],"mappings":"iMASMA,EAAkD,SAAnCC,GAKhB,IAJHC,EAAID,EAAJC,KACAC,EAAMF,EAANE,OAAMC,EAAAH,EACNI,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAGhB,OAFQE,EAAAL,EAAAM,GAGNC,EAAK,MAAA,CAAAC,UAAU,8BAA8BC,MAAO,CAAEC,SAAUN,GAAQO,SACrET,EAAOU,IAAI,SAACC,EAAKC,GAAK,OACrBC,EAACC,EAAMC,SAAQ,CAAAN,SAAA,CACbJ,SACEC,UAAS,sBAAAU,OAAwBjB,GAAQY,EAAM,mBAAqB,IAAIF,SAEvEE,IAEDX,EAAOiB,SAAWL,EAAQ,GAC1BP,EAAA,MAAA,CACEC,UAAU,qBACVC,MAAO,CAAEW,MAAKF,eAAAA,OAAiBhB,EAAOiB,OAAM,UAT7BL,MAgB7B"}
+{"version":3,"file":"StepProgressBar.js","sources":["../../../../src/components/forms/StepProgressBar.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface StepProgressBarProps {\n  step: number;\n  counts: number[];\n  widths?: string;\n  [key: string]: any;\n}\n\nconst StepProgressBar: React.FC<StepProgressBarProps> = ({ \n  step, \n  counts, \n  widths = \"400px\", \n  ...props \n}) => {\n  return (\n    <div className=\"ihub-progress-bar-container\" style={{ maxWidth: widths }}>\n      {counts.map((num, index) => (\n        <React.Fragment key={index}>\n          <div \n            className={`ihub-progress-step ${step >= num ? \"ihub-step-active\" : \"\"}`}\n          >\n            {num}\n          </div>\n          {(counts.length !== index + 1) && (\n            <div \n              className=\"ihub-progress-line\" \n              style={{ width: `calc(100% / ${counts.length})` }}\n            />\n          )}\n        </React.Fragment>\n      ))}\n    </div>\n  );\n};\n\nexport default StepProgressBar;"],"names":["_ref","step","counts","_ref$widths","widths","_objectWithoutProperties","objectWithoutProperties","_excluded","_jsx","className","style","maxWidth","children","map","num","index","_jsxs","jsxs","React","Fragment","concat","length","jsx","width"],"mappings":"kTASwD,SAAnCA,GAKhB,IAJHC,EAAID,EAAJC,KACAC,EAAMF,EAANE,OAAMC,EAAAH,EACNI,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAGhB,OAFQE,EAAAC,wBAAAN,EAAAO,GAGNC,EAAAA,IAAK,MAAA,CAAAC,UAAU,8BAA8BC,MAAO,CAAEC,SAAUP,GAAQQ,SACrEV,EAAOW,IAAI,SAACC,EAAKC,GAAK,OACrBC,EAACC,KAAAC,EAAK,QAACC,SAAQ,CAAAP,SAAA,CACbJ,aACEC,UAAS,sBAAAW,OAAwBnB,GAAQa,EAAM,mBAAqB,IAAIF,SAEvEE,IAEDZ,EAAOmB,SAAWN,EAAQ,GAC1BP,EAAAc,IAAA,MAAA,CACEb,UAAU,qBACVC,MAAO,CAAEa,MAAKH,eAAAA,OAAiBlB,EAAOmB,OAAM,UAT7BN,MAgB7B"}

package/dist/src/components/forms/SubmitButton.js

@@ -1,2 +1,2 @@
-import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as a}from"react/jsx-runtime";import{forwardRef as e,useState as n,useEffect as r,useCallback as o}from"react";import s from"@mui/icons-material/ChevronRight";var c=e(function(e,c){var u=e.label,l=e.status,m=void 0===l?1:l,d=e.type,b=void 0===d?"submit":d,f=e.name,v=e.variant,p=void 0===v?"important":v,h=e.disabled,g=void 0!==h&&h,w=e.onClick,z=e.autoResetTimeout,y=void 0===z?3e4:z,N=e.className,x=void 0===N?"":N,B=e.ariaLabel,T=e.id,C=void 0===T?"submitBtn":T,M=e.testId,j=void 0===M?"submit-button":M,k=n(m),R=i(k,2),S=R[0],_=R[1];r(function(){_(m)},[m]),r(function(){if(0===S&&y>0){var i=setTimeout(function(){_(1)},y);return function(){return clearTimeout(i)}}},[S,y]);var A=o(function(i){w&&w(i)},[w]),H=0===S,I=g||H;return t("div",{className:"ihub-submit-btn-wrapper",children:a("button",{ref:c,type:b,name:f,id:C,"data-testid":j,className:"ihub-submit-btn ".concat(p,"-btn ihub-anime-button-chevron ").concat(H?"ihub-rolling":""," ").concat(x),disabled:I,onClick:A,"aria-label":B||("string"==typeof u?u:""),"aria-busy":H,children:[H&&t("svg",{className:"ihub-bt-spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512","aria-hidden":"true",role:"presentation",fill:"#fff",children:t("path",{d:"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"})}),u,"icon"!==p&&t(s,{fill:"#fff",id:"animate",width:"16",height:"16"})]})})});c.displayName="SubmitButton";export{c as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),i=require("react");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(require("@mui/icons-material/ChevronRight")),n=i.forwardRef(function(a,n){var s=a.label,u=a.status,o=void 0===u?1:u,c=a.type,l=void 0===c?"submit":c,d=a.name,f=a.variant,b=void 0===f?"important":f,m=a.disabled,v=void 0!==m&&m,h=a.onClick,p=a.autoResetTimeout,x=void 0===p?3e4:p,j=a.className,g=void 0===j?"":j,w=a.ariaLabel,y=a.id,z=void 0===y?"submitBtn":y,N=a.testId,q=void 0===N?"submit-button":N,B=i.useState(o),C=e.slicedToArray(B,2),M=C[0],T=C[1];i.useEffect(function(){T(o)},[o]),i.useEffect(function(){if(0===M&&x>0){var e=setTimeout(function(){T(1)},x);return function(){return clearTimeout(e)}}},[M,x]);var _=i.useCallback(function(e){h&&h(e)},[h]),k=0===M,R=v||k;return t.jsx("div",{className:"ihub-submit-btn-wrapper",children:t.jsxs("button",{ref:n,type:l,name:d,id:z,"data-testid":q,className:"ihub-submit-btn ".concat(b,"-btn ihub-anime-button-chevron ").concat(k?"ihub-rolling":""," ").concat(g),disabled:R,onClick:_,"aria-label":w||("string"==typeof s?s:""),"aria-busy":k,children:[k&&t.jsx("svg",{className:"ihub-bt-spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512","aria-hidden":"true",role:"presentation",fill:"#fff",children:t.jsx("path",{d:"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"})}),s,"icon"!==b&&t.jsx(r.default,{fill:"#fff",id:"animate",width:"16",height:"16"})]})})});n.displayName="SubmitButton",exports.default=n;
 //# sourceMappingURL=SubmitButton.js.map

package/dist/src/components/forms/TBodyNoData.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import t from"@mui/icons-material/GroupWorkOutlined";var i=function(){return e("tr",{children:e("td",{colSpan:99,children:r("div",{className:"ihub-empty-state",children:[e(t,{}),e("h4",{children:"No Data"}),e("p",{children:"You have no cohort with the selected category."})]})})})};export{i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(require("@mui/icons-material/GroupWorkOutlined"));exports.default=function(){return e.jsx("tr",{children:e.jsx("td",{colSpan:99,children:e.jsxs("div",{className:"ihub-empty-state",children:[e.jsx(r.default,{}),e.jsx("h4",{children:"No Data"}),e.jsx("p",{children:"You have no cohort with the selected category."})]})})})};
 //# sourceMappingURL=TBodyNoData.js.map

package/dist/src/components/forms/TBodyNoData.js.map

@@ -1 +1 @@
-{"version":3,"file":"TBodyNoData.js","sources":["../../../../src/components/forms/TBodyNoData.tsx"],"sourcesContent":["import React from \"react\";\nimport GroupWorkOutlinedIcon from \"@mui/icons-material/GroupWorkOutlined\";\n\nconst TBodyNoData: React.FC = () => {\n  return (\n    <tr>\n      <td colSpan={99}>\n        <div className=\"ihub-empty-state\">\n          <GroupWorkOutlinedIcon />\n          <h4>No Data</h4>\n          <p>You have no cohort with the selected category.</p>\n        </div>\n      </td>\n    </tr>\n  );\n};\n\nexport default TBodyNoData;\n"],"names":["TBodyNoData","_jsx","colSpan","children","_jsxs","className","GroupWorkOutlinedIcon"],"mappings":"uGAGA,IAAMA,EAAwB,WAC5B,OACEC,iBACEA,EAAI,KAAA,CAAAC,QAAS,GAAEC,SACbC,EAAK,MAAA,CAAAC,UAAU,6BACbJ,EAACK,EAAwB,CAAA,GACzBL,EAAgB,KAAA,CAAAE,SAAA,YAChBF,yEAKV"}
+{"version":3,"file":"TBodyNoData.js","sources":["../../../../src/components/forms/TBodyNoData.tsx"],"sourcesContent":["import React from \"react\";\nimport GroupWorkOutlinedIcon from \"@mui/icons-material/GroupWorkOutlined\";\n\nconst TBodyNoData: React.FC = () => {\n  return (\n    <tr>\n      <td colSpan={99}>\n        <div className=\"ihub-empty-state\">\n          <GroupWorkOutlinedIcon />\n          <h4>No Data</h4>\n          <p>You have no cohort with the selected category.</p>\n        </div>\n      </td>\n    </tr>\n  );\n};\n\nexport default TBodyNoData;\n"],"names":["_jsx","jsx","colSpan","children","_jsxs","jsxs","className","GroupWorkOutlinedIcon"],"mappings":"yPAG8B,WAC5B,OACEA,EAAAA,mBACEA,EAAIC,IAAA,KAAA,CAAAC,QAAS,GAAEC,SACbC,EAAKC,KAAA,MAAA,CAAAC,UAAU,6BACbN,EAAAA,IAACO,EAAAA,QAAwB,CAAA,GACzBP,EAAgBC,IAAA,KAAA,CAAAE,SAAA,YAChBH,6EAKV"}

package/dist/src/components/forms/THeadSortBtn.js

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as t}from"react/jsx-runtime";import i from"@mui/icons-material/ArrowDownwardOutlined";import o from"@mui/icons-material/ArrowUpwardOutlined";var e=function(e){var a=e.keys,n=e.labels,d=e.sorted,m=e.widths,s=void 0===m?"auto":m,u=e.handleSort;return r("th",{onClick:function(){return u(a)},className:"ihub-thead-sort ".concat(d===a?"ihub-sorted":""),style:{minWidth:s},children:[n,t(d!==a?i:o,{})]})};export{e as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/icons-material/ArrowDownwardOutlined"),r=require("@mui/icons-material/ArrowUpwardOutlined");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t),a=i(r);exports.default=function(t){var r=t.keys,i=t.labels,n=t.sorted,o=t.widths,s=void 0===o?"auto":o,d=t.handleSort;return e.jsxs("th",{onClick:function(){return d(r)},className:"ihub-thead-sort ".concat(n===r?"ihub-sorted":""),style:{minWidth:s},children:[i,n!==r?e.jsx(u.default,{}):e.jsx(a.default,{})]})};
 //# sourceMappingURL=THeadSortBtn.js.map

package/dist/src/components/forms/THeadSortBtn.js.map

@@ -1 +1 @@
-{"version":3,"file":"THeadSortBtn.js","sources":["../../../../src/components/forms/THeadSortBtn.tsx"],"sourcesContent":["import React from \"react\";\nimport ArrowDownwardOutlinedIcon from \"@mui/icons-material/ArrowDownwardOutlined\";\nimport ArrowUpwardOutlinedIcon from \"@mui/icons-material/ArrowUpwardOutlined\";\n\n/**\n * Props interface for the THeadSortBtn component\n * @interface THeadSortBtnProps\n */\ninterface THeadSortBtnProps {\n  /** The key used for sorting */\n  keys: string;\n  /** The content to display in the table header */\n  labels: React.ReactNode;\n  /** The currently sorted column key */\n  sorted: string;\n  /** Optional minimum width for the column */\n  widths?: string;\n  /** Function to call when clicking the sort button */\n  handleSort: (key: string) => void;\n}\n\n/**\n * A sortable table header component with up/down arrows to indicate sort direction\n *\n * @param {THeadSortBtnProps} props - Component props\n * @returns {JSX.Element} - Rendered component\n */\nconst THeadSortBtn: React.FC<THeadSortBtnProps> = ({\n  keys,\n  labels,\n  sorted,\n  widths = \"auto\",\n  handleSort,\n}) => {\n  return (\n    <th\n      onClick={() => handleSort(keys)}\n      className={`ihub-thead-sort ${sorted === keys ? \"ihub-sorted\" : \"\"}`}\n      style={{ minWidth: widths }}\n    >\n      {labels}\n      {sorted !== keys ? (\n        <ArrowDownwardOutlinedIcon />\n      ) : (\n        <ArrowUpwardOutlinedIcon />\n      )}\n    </th>\n  );\n};\n\nexport default THeadSortBtn;\n"],"names":["THeadSortBtn","_ref","keys","labels","sorted","_ref$widths","widths","handleSort","_jsxs","onClick","className","concat","style","minWidth","children","_jsx","ArrowDownwardOutlinedIcon","ArrowUpwardOutlinedIcon"],"mappings":"kKA2BA,IAAMA,EAA4C,SAAhCC,GAMb,IALHC,EAAID,EAAJC,KACAC,EAAMF,EAANE,OACAC,EAAMH,EAANG,OAAMC,EAAAJ,EACNK,OAAAA,OAAS,IAAHD,EAAG,OAAMA,EACfE,EAAUN,EAAVM,WAEA,OACEC,EACE,KAAA,CAAAC,QAAS,WAAF,OAAQF,EAAWL,EAAK,EAC/BQ,UAAS,mBAAAC,OAAqBP,IAAWF,EAAO,cAAgB,IAChEU,MAAO,CAAEC,SAAUP,GAElBQ,SAAA,CAAAX,EAECY,EADDX,IAAWF,EACTc,EAEAC,EAF4B,CAAA,KAMrC"}
+{"version":3,"file":"THeadSortBtn.js","sources":["../../../../src/components/forms/THeadSortBtn.tsx"],"sourcesContent":["import React from \"react\";\nimport ArrowDownwardOutlinedIcon from \"@mui/icons-material/ArrowDownwardOutlined\";\nimport ArrowUpwardOutlinedIcon from \"@mui/icons-material/ArrowUpwardOutlined\";\n\n/**\n * Props interface for the THeadSortBtn component\n * @interface THeadSortBtnProps\n */\ninterface THeadSortBtnProps {\n  /** The key used for sorting */\n  keys: string;\n  /** The content to display in the table header */\n  labels: React.ReactNode;\n  /** The currently sorted column key */\n  sorted: string;\n  /** Optional minimum width for the column */\n  widths?: string;\n  /** Function to call when clicking the sort button */\n  handleSort: (key: string) => void;\n}\n\n/**\n * A sortable table header component with up/down arrows to indicate sort direction\n *\n * @param {THeadSortBtnProps} props - Component props\n * @returns {JSX.Element} - Rendered component\n */\nconst THeadSortBtn: React.FC<THeadSortBtnProps> = ({\n  keys,\n  labels,\n  sorted,\n  widths = \"auto\",\n  handleSort,\n}) => {\n  return (\n    <th\n      onClick={() => handleSort(keys)}\n      className={`ihub-thead-sort ${sorted === keys ? \"ihub-sorted\" : \"\"}`}\n      style={{ minWidth: widths }}\n    >\n      {labels}\n      {sorted !== keys ? (\n        <ArrowDownwardOutlinedIcon />\n      ) : (\n        <ArrowUpwardOutlinedIcon />\n      )}\n    </th>\n  );\n};\n\nexport default THeadSortBtn;\n"],"names":["_ref","keys","labels","sorted","_ref$widths","widths","handleSort","_jsxs","onClick","className","concat","style","minWidth","children","_jsx","jsx","ArrowDownwardOutlinedIcon","ArrowUpwardOutlinedIcon"],"mappings":"6TA2BkD,SAAhCA,GAMb,IALHC,EAAID,EAAJC,KACAC,EAAMF,EAANE,OACAC,EAAMH,EAANG,OAAMC,EAAAJ,EACNK,OAAAA,OAAS,IAAHD,EAAG,OAAMA,EACfE,EAAUN,EAAVM,WAEA,OACEC,EAAAA,KACE,KAAA,CAAAC,QAAS,WAAF,OAAQF,EAAWL,EAAK,EAC/BQ,UAAS,mBAAAC,OAAqBP,IAAWF,EAAO,cAAgB,IAChEU,MAAO,CAAEC,SAAUP,GAElBQ,SAAA,CAAAX,EACAC,IAAWF,EACVa,EAACC,IAAAC,UAA4B,CAAA,GAE7BF,EAAAA,IAACG,EAAuB,QAAG,CAAA,KAInC"}

package/dist/src/components/forms/THeadSortList.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r,asyncToGenerator as e,regenerator as t,toConsumableArray as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import{useState as o}from"react";import{reqOptions as l,fetchAPI as s}from"../lib/helpFunction.js";import i from"./THeadSortBtn.js";var u=function(u){var c=o(!1),h=r(c,2),m=h[0],d=h[1],f=o(""),p=r(f,2),b=p[0],y=p[1],v=l("GET",null,u.token,!1,u.handle),k=function(){var r=e(t().m(function r(e){var n,o,l;return t().w(function(r){for(;;)switch(r.n){case 0:if(n=[],m){r.n=2;break}return r.n=1,s(d,"".concat(u.urlPath,"?limit=36500"),v,!0);case 1:o=r.v,n=a(o.results),r.n=3;break;case 2:n=a(m.results);case 3:e===b?(u.onChange&&u.onChange(u.urlPath,!0),y("")):(l=e.replaceAll(" ","_").toLowerCase(),n.sort(function(r,e){var t=r[l],a=e[l];return t>a?-1:t<a?1:0}),u.setData(n),u.setNext(""),y(e));case 4:return r.a(2)}},r)}));return function(e){return r.apply(this,arguments)}}();return n("thead",{children:n("tr",{children:u.headerItems.map(function(r,e){return r.key?n(i,{handleSort:k,sorted:b,labels:r.label,keys:r.key,widths:r.width},e):n("th",{style:{minWidth:r.width||"auto"},children:r.label},e)})})})};export{u as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("../lib/helpFunction.js"),n=require("./THeadSortBtn.js");exports.default=function(s){var u=t.useState(!1),l=e.slicedToArray(u,2),o=l[0],i=l[1],c=t.useState(""),h=e.slicedToArray(c,2),d=h[0],f=h[1],p=a.reqOptions("GET",null,s.token,!1,s.handle),y=function(){var r=e.asyncToGenerator(e.regenerator().m(function r(t){var n,u,l;return e.regenerator().w(function(r){for(;;)switch(r.n){case 0:if(n=[],o){r.n=2;break}return r.n=1,a.fetchAPI(i,"".concat(s.urlPath,"?limit=36500"),p,!0);case 1:u=r.v,n=e.toConsumableArray(u.results),r.n=3;break;case 2:n=e.toConsumableArray(o.results);case 3:t===d?(s.onChange&&s.onChange(s.urlPath,!0),f("")):(l=t.replaceAll(" ","_").toLowerCase(),n.sort(function(e,r){var t=e[l],a=r[l];return t>a?-1:t<a?1:0}),s.setData(n),s.setNext(""),f(t));case 4:return r.a(2)}},r)}));return function(e){return r.apply(this,arguments)}}();return r.jsx("thead",{children:r.jsx("tr",{children:s.headerItems.map(function(e,t){return e.key?r.jsx(n.default,{handleSort:y,sorted:d,labels:e.label,keys:e.key,widths:e.width},t):r.jsx("th",{style:{minWidth:e.width||"auto"},children:e.label},t)})})})};
 //# sourceMappingURL=THeadSortList.js.map

package/dist/src/components/forms/Tables.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as i,useMemo as l}from"react";var a=function(a){var n=a.data,c=i(""),o=e(c,2),u=o[0],d=o[1],h=l(function(){return n.filter(function(e){return e.title.toLowerCase().includes(u.toLowerCase())})},[n,u]);return t("div",{className:"ihub-table-container",children:[r("div",{className:"ihub-table-filter",children:r("input",{type:"text",placeholder:"Filter by title...",value:u,onChange:function(e){d(e.target.value)},className:"ihub-table-filter-input"})}),t("table",{className:"ihub-table",children:[r("thead",{children:t("tr",{children:[r("th",{children:"No"}),r("th",{children:"Column 1"})]})}),r("tbody",{children:h.map(function(e,i){return t("tr",{children:[r("td",{children:i+1}),r("td",{children:e.title})]},e.id)})})]})]})};export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),r=require("react");exports.default=function(i){var l=i.data,s=r.useState(""),n=e.slicedToArray(s,2),a=n[0],u=n[1],c=r.useMemo(function(){return l.filter(function(e){return e.title.toLowerCase().includes(a.toLowerCase())})},[l,a]);return t.jsxs("div",{className:"ihub-table-container",children:[t.jsx("div",{className:"ihub-table-filter",children:t.jsx("input",{type:"text",placeholder:"Filter by title...",value:a,onChange:function(e){u(e.target.value)},className:"ihub-table-filter-input"})}),t.jsxs("table",{className:"ihub-table",children:[t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{children:"No"}),t.jsx("th",{children:"Column 1"})]})}),t.jsx("tbody",{children:c.map(function(e,r){return t.jsxs("tr",{children:[t.jsx("td",{children:r+1}),t.jsx("td",{children:e.title})]},e.id)})})]})]})};
 //# sourceMappingURL=Tables.js.map