@instincthub/react-ui 0.0.3 → 0.0.5

package/dist/src/components/forms/FilterArray.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 t,useEffect as i}from"react";var l=function(l){var n=l.options,s=l.defaultValues,c=void 0===s?"":s,u=l.notUpperCases,o=void 0!==u&&u,d=l.names,m=l.labels,p=l.setSelectedValue,h=l.defaultWidth,f=l.requireds,_=l.errs,b=l.setArrayProps,v=l.arrayProps,N=l.dataNames,y=t(!1),x=e(y,2),C=x[0],P=x[1],V=t(c),j=e(V,2),k=j[0],q=j[1];return i((function(){q(c)}),[c]),a("div",{className:"ihub-select ".concat(_?"ihub-form-err":""),style:{width:h||"300px"},id:"id_".concat(d),children:[a("div",{className:"ihub-select__btn",onClick:function(){return P(!C)},children:[a("div",{children:[r("input",{type:"text",defaultValue:o?k:null==k?void 0:k.toUpperCase(),name:d,className:"ihub-select__input",required:f,"data-name":N||d}),r("p",{children:k||"..."})]}),m&&r("label",{className:"ihub-select__label",children:m}),r("span",{className:"material-symbols-outlined",children:"expand_more"})]}),C&&r("div",{className:"ihub-select__content",children:n.map((function(e){return r("div",{className:"ihub-select__item",onClick:function(){return function(e){q(e),p&&p(e),b&&b(v||[],e),P(!1)}(e)},children:e},e)}))})]})};export{l as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as r}from"react";var l=function(l){var n=l.options,s=l.defaultValue,c=void 0===s?"":s,u=l.notUpperCase,o=void 0!==u&&u,d=l.name,m=l.label,p=l.setValue,h=l.setNameValue,b=l.defaultWidth,f=l.required,_=l.err,v=l.setArrayProps,N=l.arrayProps,y=l.dataName,x=l.notes,C=t(!1),V=e(C,2),P=V[0],j=V[1],k=t(c),q=e(k,2),A=q[0],U=q[1];return r((function(){U(c)}),[c]),a("div",{children:[a("div",{className:"ihub-select ".concat(_?"ihub-form-err":""),style:{width:b||"300px"},id:"id_".concat(d),children:[a("div",{className:"ihub-select__btn",onClick:function(){return j(!P)},children:[a("div",{children:[i("input",{type:"text",defaultValue:o?A:null==A?void 0:A.toUpperCase(),name:d,className:"ihub-select__input",required:f,"data-name":y||d}),i("p",{children:A||"..."})]}),m&&i("label",{className:"ihub-select__label",children:m}),i("span",{className:"material-symbols-outlined",children:"expand_more"})]}),P&&i("div",{className:"ihub-select__content",children:n.map((function(e){return i("div",{className:"ihub-select__item",onClick:function(){return function(e){U(e),p&&p(e),h&&h(d,e),v&&v(N||[],e),j(!1)}(e)},children:e},e)}))})]}),x&&i("p",{className:"ihub-input-notes",children:x})]})};export{l as default};
 //# sourceMappingURL=FilterArray.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterArray.js","sources":["../../../../src/components/forms/FilterArray.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\n\r\n// Define the props interface for the FilterArray component\r\ninterface FilterArrayProps {\r\n  options: string[];\r\n  defaultValues?: string;\r\n  notUpperCases?: boolean;\r\n  names: string;\r\n  labels?: string;\r\n  setSelectedValue?: (value: string) => void;\r\n  defaultWidth?: string;\r\n  requireds?: boolean;\r\n  errs?: boolean;\r\n  setArrayProps?: (arrayProps: any[], option: string) => void;\r\n  arrayProps?: any[];\r\n  dataNames?: string;\r\n}\r\n\r\nconst FilterArray: React.FC<FilterArrayProps> = ({\r\n  options,\r\n  defaultValues = \"\",\r\n  notUpperCases = false,\r\n  names,\r\n  labels,\r\n  setSelectedValue,\r\n  defaultWidth,\r\n  requireds,\r\n  errs,\r\n  setArrayProps,\r\n  arrayProps,\r\n  dataNames,\r\n}) => {\r\n  const [isActive, setIsActive] = useState<boolean>(false);\r\n  const [selected, setSelected] = useState<string>(defaultValues);\r\n\r\n  const handleOptionClick = (option: string): void => {\r\n    setSelected(option);\r\n    setSelectedValue && setSelectedValue(option);\r\n    setArrayProps && setArrayProps(arrayProps || [], option);\r\n    setIsActive(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setSelected(defaultValues);\r\n  }, [defaultValues]);\r\n\r\n  return (\r\n    <div \r\n      className={`ihub-select ${errs ? \"ihub-form-err\" : \"\"}`}\r\n      style={{ width: defaultWidth || \"300px\" }}\r\n      id={`id_${names}`}\r\n    >\r\n      <div className=\"ihub-select__btn\" onClick={() => setIsActive(!isActive)}>\r\n        <div>\r\n          <input\r\n            type=\"text\"\r\n            defaultValue={!notUpperCases ? selected?.toUpperCase() : selected}\r\n            name={names}\r\n            className=\"ihub-select__input\"\r\n            required={requireds}\r\n            data-name={dataNames || names}\r\n          />\r\n          <p>{selected || \"...\"}</p>\r\n        </div>\r\n        {labels && <label className=\"ihub-select__label\">{labels}</label>}\r\n        <span className=\"material-symbols-outlined\">expand_more</span>\r\n      </div>\r\n      {isActive && (\r\n        <div className=\"ihub-select__content\">\r\n          {options.map((option) => (\r\n            <div\r\n              key={option}\r\n              className=\"ihub-select__item\"\r\n              onClick={() => handleOptionClick(option)}\r\n            >\r\n              {option}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default FilterArray;"],"names":["FilterArray","_ref","options","_ref$defaultValues","defaultValues","_ref$notUpperCases","notUpperCases","names","labels","setSelectedValue","defaultWidth","requireds","errs","setArrayProps","arrayProps","dataNames","_useState","useState","_useState2","_slicedToArray","isActive","setIsActive","_useState3","_useState4","selected","setSelected","useEffect","_jsxs","className","concat","style","width","id","children","onClick","_jsx","type","defaultValue","toUpperCase","name","required","map","option","handleOptionClick"],"mappings":"iLAkBA,IAAMA,EAA0C,SAA/BC,GAaZ,IAZHC,EAAOD,EAAPC,QAAOC,EAAAF,EACPG,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EAClBK,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAKN,EAALM,MACAC,EAAMP,EAANO,OACAC,EAAgBR,EAAhBQ,iBACAC,EAAYT,EAAZS,aACAC,EAASV,EAATU,UACAC,EAAIX,EAAJW,KACAC,EAAaZ,EAAbY,cACAC,EAAUb,EAAVa,WACAC,EAASd,EAATc,UAEAC,EAAgCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjDI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAAgCL,EAAiBb,GAAcmB,EAAAJ,EAAAG,EAAA,GAAxDE,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAa5B,OAJAG,GAAU,WACRD,EAAYrB,EACd,GAAG,CAACA,IAGFuB,EAAA,MAAA,CACEC,UAAS,eAAAC,OAAiBjB,EAAO,gBAAkB,IACnDkB,MAAO,CAAEC,MAAOrB,GAAgB,SAChCsB,GAAEH,MAAAA,OAAQtB,GAAO0B,SAAA,CAEjBN,EAAK,MAAA,CAAAC,UAAU,mBAAmBM,QAAS,WAAF,OAAQb,GAAaD,EAAS,EACrEa,SAAA,CAAAN,EAAA,MAAA,CAAAM,SAAA,CACEE,WACEC,KAAK,OACLC,aAAe/B,EAA0CkB,EAA1BA,aAAAA,EAAAA,EAAUc,cACzCC,KAAMhC,EACNqB,UAAU,qBACVY,SAAU7B,EACC,YAAAI,GAAaR,IAE1B4B,EAAA,IAAA,CAAAF,SAAIT,GAAY,WAEjBhB,GAAU2B,EAAO,QAAA,CAAAP,UAAU,qBAAoBK,SAAEzB,IAClD2B,EAAM,OAAA,CAAAP,UAAU,wDAEjBR,GACCe,EAAK,MAAA,CAAAP,UAAU,gCACZ1B,EAAQuC,KAAI,SAACC,GAAM,OAClBP,EAEE,MAAA,CAAAP,UAAU,oBACVM,QAAS,WAAF,OAtCO,SAACQ,GACzBjB,EAAYiB,GACZjC,GAAoBA,EAAiBiC,GACrC7B,GAAiBA,EAAcC,GAAc,GAAI4B,GACjDrB,GAAY,GAkCasB,CAAkBD,EAAO,WAEvCA,GAJIA,UAWnB"}
+{"version":3,"file":"FilterArray.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as s,jsx as a}from"react/jsx-runtime";import{useState as i,useEffect as l}from"react";import r from"@mui/icons-material/ExpandMore";import{setCookie as n}from"../lib/helpFunction.js";var o=function(o){var u=i(!1),d=e(u,2),c=d[0],p=d[1],m=i("Choose..."),f=e(m,2),h=f[0],b=f[1],v=i([]),_=e(v,2),N=_[0],V=_[1],y=i(""),C=e(y,2),j=C[0],x=C[1];l((function(){var e=[];for(var t in o.options)o.options[t].id===o.defaultValues&&(b(o.options[t].title),x(o.options[t].id)),e.push(o.options[t]);V(e)}),[o.options,o.defaultValues]),l((function(){var e;if("object"===t(o.defaultValues)&&null!==(e=o.defaultValues)&&void 0!==e&&e.id)b(o.defaultValues.title),x(o.defaultValues.id);else if(o.defaultValues){var s=o.options.find((function(e){return e.id===o.defaultValues}));null!=s&&s.id&&(b(s.title),x(s.id))}else b("Choose..."),x("")}),[o.defaultValues,o.options]);return s("div",{className:"ihub-select ".concat(o.errs?"ihub-form-err":""),style:{width:o.defaultWidth||"300px"},children:[s("div",{className:"ihub-select__btn",onClick:function(){return 0!==o.status&&p(!c)},children:[s("div",{className:0===o.status?"disabled":"",children:[a("input",{type:"text",className:"ihub-select__input",value:o.upperCases?String(j).toUpperCase():j||"",id:"id_"+o.names,name:o.names,required:o.requireds,"data-name":o.dataNames||o.names,readOnly:!0}),a("p",{children:h||"..."})]}),o.labels&&a("label",{className:"ihub-select__label",children:o.labels}),a("div",{className:"search_btn",children:0===o.status?a("div",{className:"ihub-select__loader"}):a(r,{})})]}),c&&a("div",{className:"ihub-select__content",children:N.map((function(e,t){return a("div",{className:"ihub-select__item",onClick:function(){return function(e,t){b(t),x(e.id),p(!1),o.setSelectedValues&&o.setSelectedValues(o.names,e),o.setObjects&&o.setObjects(e),o.setArrayProps&&o.setArrayProps(o.arrayProps||[],e),o.setCookies&&n(o.setCookies,JSON.stringify(e),365)}(e,e.title)},children:e.title},t)}))})]})};export{o as default};
+import{slicedToArray as e,typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,Fragment as i,jsx as l}from"react/jsx-runtime";import{useState as s,useEffect as r}from"react";import n from"@mui/icons-material/ExpandMore";import{setCookie as o}from"../lib/helpFunction.js";import u from"../ui/viewer/ContentViewer.js";var d=function(d){var c=s(!1),m=e(c,2),p=m[0],f=m[1],h=s("Choose..."),b=e(h,2),v=b[0],_=b[1],N=s([]),V=e(N,2),y=V[0],C=V[1],j=s(""),x=e(j,2),k=x[0],w=x[1];r((function(){var e=[];for(var t in d.options)d.options[t].id===d.defaultValue&&(_(d.options[t].title),w(d.options[t].id)),e.push(d.options[t]);C(e)}),[d.options,d.defaultValue]),r((function(){var e;if("object"===t(d.defaultValue)&&null!==(e=d.defaultValue)&&void 0!==e&&e.id)_(d.defaultValue.title),w(d.defaultValue.id);else if(d.defaultValue){var a=d.options.find((function(e){return e.id===d.defaultValue}));null!=a&&a.id&&(_(a.title),w(a.id))}else _("Choose..."),w("")}),[d.defaultValue,d.options]);return a(i,{children:[a("div",{className:"ihub-select ".concat(d.err?"ihub-form-err":""),style:{width:d.defaultWidth||"300px"},children:[a("div",{className:"ihub-select__btn",onClick:function(){return 0!==d.status&&f(!p)},children:[a("div",{className:0===d.status?"disabled":"",children:[l("input",{type:"text",className:"ihub-select__input",value:d.upperCases?String(k).toUpperCase():k||"",id:"id_"+d.name,name:d.name,required:d.required,"data-name":d.dataName||d.name,readOnly:!0}),l(u,{content:v||"...",showToolbar:!1})]}),d.label&&l("label",{className:"ihub-select__label",children:d.label}),l("div",{className:"search_btn",children:0===d.status?l("div",{className:"ihub-select__loader"}):l(n,{})})]}),p&&l("div",{className:"ihub-select__content",children:y.map((function(e,t){return l("div",{className:"ihub-select__item",onClick:function(){return function(e,t){_(t),w(e.id),f(!1),d.setValue&&d.setValue(e),d.setNameValue&&d.setNameValue(d.name,e),d.setObjects&&d.setObjects(e),d.setArrayProps&&d.setArrayProps(d.arrayProps||[],e),d.setCookies&&o(d.setCookies,JSON.stringify(e),365)}(e,e.title)},children:e.title},t)}))})]}),d.note&&l("p",{className:"ihub-input-notes",children:d.note})]})};export{d as default};
 //# sourceMappingURL=FilterObjects.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterObjects.js","sources":["../../../../src/components/forms/FilterObjects.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\nimport { setCookie } from \"../lib/helpFunction\";\r\n\r\n// Define interfaces for the component\r\ninterface FilterObjectsOption {\r\n  id: string | number;\r\n  title: string;\r\n  [key: string]: any; // For any additional properties\r\n}\r\n\r\ninterface FilterObjectsProps {\r\n  options: FilterObjectsOption[];\r\n  defaultValues?: FilterObjectsOption | string | number;\r\n  names: string;\r\n  labels?: string;\r\n  setSelectedValues?: (name: string, value: FilterObjectsOption) => void;\r\n  defaultWidth?: string;\r\n  requireds?: boolean;\r\n  errs?: boolean;\r\n  setArrayProps?: (arrayProps: any[], option: FilterObjectsOption) => void;\r\n  arrayProps?: any[];\r\n  dataNames?: string;\r\n  setCookies?: string;\r\n  setObjects?: (option: FilterObjectsOption) => void;\r\n  status?: number;\r\n  upperCases?: boolean;\r\n}\r\n\r\nconst FilterObjects: React.FC<FilterObjectsProps> = (props) => {\r\n  const [isActive, setIsActive] = useState<boolean>(false);\r\n  const [selected, setSelected] = useState<string>(\"Choose...\");\r\n  const [objects, setObjects] = useState<FilterObjectsOption[]>([]);\r\n  const [id, setID] = useState<string | number>(\"\");\r\n\r\n  useEffect(() => {\r\n    /* \r\n        Objects throws error when you loop with map or forEach.\r\n        Solution: convert objects list to array.\r\n    */\r\n    let obj: FilterObjectsOption[] = [];\r\n    for (const i in props.options) {\r\n      if (props.options[i].id === props.defaultValues) {\r\n        setSelected(props.options[i].title);\r\n        setID(props.options[i].id);\r\n      }\r\n      obj.push(props.options[i]);\r\n    }\r\n    setObjects(obj);\r\n  }, [props.options, props.defaultValues]);\r\n\r\n  useEffect(() => {\r\n    // Update default ID and Selected states\r\n    if (typeof props.defaultValues === \"object\" && props.defaultValues?.id) {\r\n      // If objects was passed as a props\r\n      setSelected(props.defaultValues.title);\r\n      setID(props.defaultValues.id);\r\n    } else if (props.defaultValues) {\r\n      // If ID was passed as a props\r\n      const obj = props.options.find((i) => i.id === props.defaultValues);\r\n      if (obj?.id) {\r\n        setSelected(obj.title);\r\n        setID(obj.id);\r\n      }\r\n    } else {\r\n      // if none default values\r\n      setSelected(\"Choose...\");\r\n      setID(\"\");\r\n    }\r\n  }, [props.defaultValues, props.options]);\r\n\r\n  const handleOptionClick = (option: FilterObjectsOption, title: string): void => {\r\n    setSelected(title);\r\n    setID(option.id);\r\n    setIsActive(false);\r\n    props.setSelectedValues && props.setSelectedValues(props.names, option);\r\n    props.setObjects && props.setObjects(option);\r\n    props.setArrayProps && props.setArrayProps(props.arrayProps || [], option);\r\n    if (props.setCookies) {\r\n      setCookie(props.setCookies, JSON.stringify(option), 365);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={`ihub-select ${props.errs ? \"ihub-form-err\" : \"\"}`}\r\n      style={{ width: props.defaultWidth || \"300px\" }}\r\n    >\r\n      <div\r\n        className=\"ihub-select__btn\"\r\n        onClick={() => props.status !== 0 && setIsActive(!isActive)}\r\n      >\r\n        <div className={props.status === 0 ? \"disabled\" : \"\"}>\r\n          <input\r\n            type=\"text\"\r\n            className=\"ihub-select__input\"\r\n            value={props.upperCases ? String(id).toUpperCase() : id || \"\"}\r\n            id={\"id_\" + props.names}\r\n            name={props.names}\r\n            required={props.requireds}\r\n            data-name={props.dataNames || props.names}\r\n            readOnly\r\n          />\r\n          <p>{selected || \"...\"}</p>\r\n        </div>\r\n        {props.labels && (\r\n          <label className=\"ihub-select__label\">{props.labels}</label>\r\n        )}\r\n\r\n        <div className=\"search_btn\">\r\n          {props.status === 0 ? (\r\n            <div className=\"ihub-select__loader\"></div>\r\n          ) : (\r\n            <ExpandMoreIcon />\r\n          )}\r\n        </div>\r\n      </div>\r\n      {isActive && (\r\n        <div className=\"ihub-select__content\">\r\n          {objects.map((option, index) => (\r\n            <div\r\n              className=\"ihub-select__item\"\r\n              onClick={() => handleOptionClick(option, option.title)}\r\n              key={index}\r\n            >\r\n              {option.title}\r\n            </div>\r\n          ))}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default FilterObjects;"],"names":["FilterObjects","props","_useState","useState","_useState2","_slicedToArray","isActive","setIsActive","_useState3","_useState4","selected","setSelected","_useState5","_useState6","objects","setObjects","_useState7","_useState8","id","setID","useEffect","obj","i","options","defaultValues","title","push","_props$defaultValues","_typeof","find","_jsxs","className","concat","errs","style","width","defaultWidth","children","onClick","status","_jsx","type","value","upperCases","String","toUpperCase","names","name","required","requireds","dataNames","readOnly","labels","ExpandMoreIcon","map","option","index","setSelectedValues","setArrayProps","arrayProps","setCookies","setCookie","JSON","stringify","handleOptionClick"],"mappings":"8RA6BA,IAAMA,EAA8C,SAACC,GACnD,IAAAC,EAAgCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjDI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAAgCL,EAAiB,aAAYM,EAAAJ,EAAAG,EAAA,GAAtDE,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAC5BG,EAA8BT,EAAgC,IAAGU,EAAAR,EAAAO,EAAA,GAA1DE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAAoBb,EAA0B,IAAGc,EAAAZ,EAAAW,EAAA,GAA1CE,EAAED,EAAA,GAAEE,EAAKF,EAAA,GAEhBG,GAAU,WAKR,IAAIC,EAA6B,GACjC,IAAK,IAAMC,KAAKrB,EAAMsB,QAChBtB,EAAMsB,QAAQD,GAAGJ,KAAOjB,EAAMuB,gBAChCb,EAAYV,EAAMsB,QAAQD,GAAGG,OAC7BN,EAAMlB,EAAMsB,QAAQD,GAAGJ,KAEzBG,EAAIK,KAAKzB,EAAMsB,QAAQD,IAEzBP,EAAWM,EACZ,GAAE,CAACpB,EAAMsB,QAAStB,EAAMuB,gBAEzBJ,GAAU,WAAK,IAAAO,EAEb,GAAmC,WAA/BC,EAAO3B,EAAMuB,gBAAiDG,QAAvBA,EAAI1B,EAAMuB,yBAAaG,GAAnBA,EAAqBT,GAElEP,EAAYV,EAAMuB,cAAcC,OAChCN,EAAMlB,EAAMuB,cAAcN,SACrB,GAAIjB,EAAMuB,cAAe,CAE9B,IAAMH,EAAMpB,EAAMsB,QAAQM,MAAK,SAACP,GAAC,OAAKA,EAAEJ,KAAOjB,EAAMuB,iBACjDH,SAAAA,EAAKH,KACPP,EAAYU,EAAII,OAChBN,EAAME,EAAIH,IAEb,MAECP,EAAY,aACZQ,EAAM,GAET,GAAE,CAAClB,EAAMuB,cAAevB,EAAMsB,UAc/B,OACEO,EACE,MAAA,CAAAC,UAAS,eAAAC,OAAiB/B,EAAMgC,KAAO,gBAAkB,IACzDC,MAAO,CAAEC,MAAOlC,EAAMmC,cAAgB,SAEtCC,SAAA,CAAAP,EAAA,MAAA,CACEC,UAAU,mBACVO,QAAS,WAAF,OAAyB,IAAjBrC,EAAMsC,QAAgBhC,GAAaD,EAAS,EAAA+B,SAAA,CAE3DP,EAAK,MAAA,CAAAC,UAA4B,IAAjB9B,EAAMsC,OAAe,WAAa,GAAEF,SAAA,CAClDG,EACE,QAAA,CAAAC,KAAK,OACLV,UAAU,qBACVW,MAAOzC,EAAM0C,WAAaC,OAAO1B,GAAI2B,cAAgB3B,GAAM,GAC3DA,GAAI,MAAQjB,EAAM6C,MAClBC,KAAM9C,EAAM6C,MACZE,SAAU/C,EAAMgD,UACL,YAAAhD,EAAMiD,WAAajD,EAAM6C,MACpCK,UACA,IACFX,EAAI,IAAA,CAAAH,SAAA3B,GAAY,WAEjBT,EAAMmD,QACLZ,EAAA,QAAA,CAAOT,UAAU,qBAAoBM,SAAEpC,EAAMmD,SAG/CZ,EAAA,MAAA,CAAKT,UAAU,aAAYM,SACP,IAAjBpC,EAAMsC,OACLC,EAAK,MAAA,CAAAT,UAAU,wBAEfS,EAACa,EAAc,SAIpB/C,GACCkC,EAAA,MAAA,CAAKT,UAAU,uBAAsBM,SAClCvB,EAAQwC,KAAI,SAACC,EAAQC,GAAK,OACzBhB,EAAA,MAAA,CACET,UAAU,oBACVO,QAAS,WAAF,OAnDO,SAACiB,EAA6B9B,GACtDd,EAAYc,GACZN,EAAMoC,EAAOrC,IACbX,GAAY,GACZN,EAAMwD,mBAAqBxD,EAAMwD,kBAAkBxD,EAAM6C,MAAOS,GAChEtD,EAAMc,YAAcd,EAAMc,WAAWwC,GACrCtD,EAAMyD,eAAiBzD,EAAMyD,cAAczD,EAAM0D,YAAc,GAAIJ,GAC/DtD,EAAM2D,YACRC,EAAU5D,EAAM2D,WAAYE,KAAKC,UAAUR,GAAS,KA2C7BS,CAAkBT,EAAQA,EAAO9B,MAAM,WAGrD8B,EAAO9B,OAFH+B,UASnB"}
+{"version":3,"file":"FilterObjects.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";var n=function(n){var i=n.errors,l=n.status;try{return 500===l?r("div",{className:"ihub-form-error",children:[r("h4",{children:["Error ",l,": "]}),e("div",{children:e("p",{children:"- The server couldn't process your request."})})]}):404===l?r("div",{className:"ihub-form-error",children:[r("h4",{children:["Error ",l,": "]}),e("div",{children:e("p",{children:"- Details not found."})})]}):i?r("div",{className:"ihub-form-error err",children:[r("h4",{children:["Error ",l,": "]}),Object.keys(i).length>0&&e("div",{children:null===(o=Object.keys(i))||void 0===o?void 0:o.map((function(n,l){var o;return e("div",{children:null===(o=i[n])||void 0===o?void 0:o.map((function(e,i){return r("p",{children:[r("strong",{children:[n,":"]})," ",e]},i)}))},l)}))})]}):null;var o}catch(r){return console.log(r),null}};export{n as default};
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{memo as t}from"react";var i=function(t){var i=t.errors,c=t.status;return 500===c?o("The server couldn't process your request.",c):404===c?o("Details not found.",c):i&&Object.keys(i).length>0?e("div",{className:"ihub-form-error err",children:[e("h4",{children:["Error ",c,": "]}),n("div",{children:Object.entries(i).map((function(n){var t=r(n,2),i=t[0],o=t[1];return null==o?void 0:o.map((function(r,n){return e("p",{children:[e("strong",{children:[i,":"]})," ",r]},"".concat(i,"-").concat(n))}))}))})]}):null},o=function(r,t){return e("div",{className:"ihub-form-error",children:[e("h4",{children:["Error ",t,": "]}),n("div",{children:e("p",{children:["- ",r]})})]})},c=t(i);export{c as default};
 //# sourceMappingURL=FormError.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormError.js","sources":["../../../../src/components/forms/FormError.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface FormErrorProps {\r\n  errors?: Record<string, string[]>;\r\n  status?: number;\r\n}\r\n\r\nconst FormError: React.FC<FormErrorProps> = ({ errors, status }) => {\r\n  try {\r\n    if (status === 500) {\r\n      return (\r\n        <div className=\"ihub-form-error\">\r\n          <h4>Error {status}: </h4>\r\n          <div>\r\n            <p>- The server couldn't process your request.</p>\r\n          </div>\r\n        </div>\r\n      );\r\n    } else if (status === 404) {\r\n      return (\r\n        <div className=\"ihub-form-error\">\r\n          <h4>Error {status}: </h4>\r\n          <div>\r\n            <p>- Details not found.</p>\r\n          </div>\r\n        </div>\r\n      );\r\n    } else if (errors) {\r\n      return (\r\n        <div className=\"ihub-form-error err\">\r\n          <h4>Error {status}: </h4>\r\n          {Object.keys(errors).length > 0 && (\r\n            <div>\r\n              {Object.keys(errors)?.map((field, index) => (\r\n                <div key={index}>\r\n                  {errors[field]?.map((error, index) => (\r\n                    <p key={index}>\r\n                      <strong>{field}:</strong> {error}\r\n                    </p>\r\n                  ))}\r\n                </div>\r\n              ))}\r\n            </div>\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n    return null;\r\n  } catch (e) {\r\n    console.log(e);\r\n    return null;\r\n  }\r\n};\r\n\r\nexport default FormError;"],"names":["FormError","_ref","errors","status","_jsxs","className","children","_jsx","Object","keys","length","_Object$keys","map","field","index","_errors$field","error","e","console","log"],"mappings":"kDAOA,IAAMA,EAAsC,SAA7BC,GAAoD,IAApBC,EAAMD,EAANC,OAAQC,EAAMF,EAANE,OACrD,IACE,OAAe,MAAXA,EAEAC,EAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAA,KAAA,CAAAE,SAAA,CAAA,SAAWH,EAAM,QACjBI,EACE,MAAA,CAAAD,SAAAC,EAAA,IAAA,CAAAD,SAAA,qDAIc,MAAXH,EAEPC,EAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAA,KAAA,CAAAE,SAAA,CAAA,SAAWH,EAAM,QACjBI,EACE,MAAA,CAAAD,SAAAC,EAAA,IAAA,CAAAD,SAAA,8BAIGJ,EAEPE,EAAK,MAAA,CAAAC,UAAU,gCACbD,EAAW,KAAA,CAAAE,SAAA,CAAA,SAAAH,EAAc,QACxBK,OAAOC,KAAKP,GAAQQ,OAAS,GAC5BH,EAAA,MAAA,CAAAD,iBAAAK,EACGH,OAAOC,KAAKP,UAAO,IAAAS,OAAA,EAAnBA,EAAqBC,KAAI,SAACC,EAAOC,GAAK,IAAAC,EAAA,OACrCR,kBACgB,UAAbL,EAAOW,UAAM,IAAAE,OAAA,EAAbA,EAAeH,KAAI,SAACI,EAAOF,GAAK,OAC/BV,EACE,IAAA,CAAAE,SAAA,CAAAF,EAAA,SAAA,CAAAE,SAAA,CAASO,EAAK,WAAaG,IADrBF,OAFFA,WAaf,KApBY,IAAAH,CAqBpB,CAAC,MAAOM,GAEP,OADAC,QAAQC,IAAIF,GACL,IACR,CACH"}
+{"version":3,"file":"FormError.js","sources":["../../../../src/components/forms/FormError.tsx"],"sourcesContent":["import React, { memo } from \"react\";\r\n\r\n/**\r\n * Props for the FormError component\r\n */\r\ninterface FormErrorProps {\r\n  /** Error messages grouped by field */\r\n  errors?: Record<string, string[]> | null;\r\n  /** HTTP status code of the error */\r\n  status?: number;\r\n}\r\n\r\n/**\r\n * Component that displays form validation errors\r\n * @component FormError\r\n * @example\r\n * ```tsx\r\n * <FormError errors={errors} status={status} />\r\n * ```  \r\n * Props interface for the FormError component\r\n * @property {Record<string, string[]> | null} errors - Error messages grouped by field\r\n * @property {number} status - HTTP status code\r\n */\r\nconst FormError = ({ errors, status }: FormErrorProps) => {\r\n  // Handle common HTTP error codes\r\n  if (status === 500) {\r\n    return renderErrorMessage(\r\n      \"The server couldn't process your request.\",\r\n      status\r\n    );\r\n  }\r\n\r\n  if (status === 404) {\r\n    return renderErrorMessage(\"Details not found.\", status);\r\n  }\r\n\r\n  // Handle validation errors from the backend\r\n  if (errors && Object.keys(errors).length > 0) {\r\n    return (\r\n      <div className=\"ihub-form-error err\">\r\n        <h4>Error {status}: </h4>\r\n        <div>\r\n          {Object.entries(errors).map(([field, fieldErrors]) =>\r\n            fieldErrors?.map((error, index) => (\r\n              <p key={`${field}-${index}`}>\r\n                <strong>{field}:</strong> {error}\r\n              </p>\r\n            ))\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\n\r\n/**\r\n * Helper function to render a simple error message\r\n */\r\nconst renderErrorMessage = (message: string, status?: number) => (\r\n  <div className=\"ihub-form-error\">\r\n    <h4>Error {status}: </h4>\r\n    <div>\r\n      <p>- {message}</p>\r\n    </div>\r\n  </div>\r\n);\r\n\r\n// Memoize the component to prevent unnecessary re-renders\r\nexport default memo(FormError);\r\n"],"names":["FormError","_ref","errors","status","renderErrorMessage","Object","keys","length","_jsxs","className","children","_jsx","entries","map","_ref2","_ref3","_slicedToArray","field","fieldErrors","error","index","concat","message","FormError$1","memo"],"mappings":"8JAuBA,IAAMA,EAAY,SAAHC,GAA0C,IAApCC,EAAMD,EAANC,OAAQC,EAAMF,EAANE,OAE3B,OAAe,MAAXA,EACKC,EACL,4CACAD,GAIW,MAAXA,EACKC,EAAmB,qBAAsBD,GAI9CD,GAAUG,OAAOC,KAAKJ,GAAQK,OAAS,EAEvCC,EAAA,MAAA,CAAKC,UAAU,sBAAqBC,SAAA,CAClCF,EAAW,KAAA,CAAAE,SAAA,CAAA,SAAAP,EAAc,QACzBQ,EACG,MAAA,CAAAD,SAAAL,OAAOO,QAAQV,GAAQW,KAAI,SAAAC,GAAA,IAAAC,EAAAC,EAAAF,EAAA,GAAEG,EAAKF,EAAA,GAAEG,EAAWH,EAAA,GAAA,OAC9CG,aAAAA,EAAAA,EAAaL,KAAI,SAACM,EAAOC,GAAK,OAC5BZ,EAAA,IAAA,CAAAE,SAAA,CACEF,EAAS,SAAA,CAAAE,SAAA,CAAAO,EAAgB,OAAA,IAAEE,IAAK,GAAAE,OADvBJ,OAAKI,OAAID,GAEhB,GACJ,SAOL,IACT,EAKMhB,EAAqB,SAACkB,EAAiBnB,GAAe,OAC1DK,EAAA,MAAA,CAAKC,UAAU,kBACbC,SAAA,CAAAF,EAAA,KAAA,CAAAE,SAAA,CAAA,SAAWP,EAAM,QACjBQ,EAAA,MAAA,CAAAD,SACEF,EAAM,IAAA,CAAAE,SAAA,CAAA,KAAAY,SAEJ,EAIRC,EAAeC,EAAKxB"}

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

@@ -1 +1 @@
-{"version":3,"file":"HandleError.js","sources":["../../../../src/components/forms/HandleError.tsx"],"sourcesContent":["import { useRouter } from \"next/navigation\";\r\n\r\ninterface HandleErrorProps {\r\n  status: number;\r\n  items: Record<string, any>;\r\n  registerForm: HTMLFormElement | null;\r\n  r_path: string | null;\r\n}\r\n\r\n/**\r\n * Processes API error responses and displays appropriate messages or redirects\r\n */\r\nconst HandleError: React.FC<HandleErrorProps> = ({\r\n  status,\r\n  items,\r\n  registerForm,\r\n  r_path,\r\n}) => {\r\n  const router = useRouter();\r\n\r\n  // Helper function to print validation errors (needs to be defined)\r\n  const printErr = (key: string, value: any, index: number): void => {\r\n    // Implementation would go here - this was called in the original code\r\n    // but not defined there\r\n    console.log(`Error for ${key}: ${value} (index: ${index})`);\r\n  };\r\n\r\n  if (typeof document !== \"undefined\") {\r\n    const serverTag = document.querySelector(\".server_err\");\r\n\r\n    if (items) {\r\n      if (status === 400) {\r\n        if (items && (items.user || items.username)) {\r\n          if (items.user && items.user[0] === \"This field must be unique.\") {\r\n            if (serverTag) {\r\n              serverTag.setAttribute(\"style\", \"display: block\");\r\n              serverTag.setAttribute(\r\n                \"style\",\r\n                \"background-color: var(--DarkCyan)\"\r\n              );\r\n\r\n              const currentPath = document.location.pathname;\r\n              if (\r\n                currentPath === \"/register/details\" ||\r\n                currentPath === \"/register/details/\"\r\n              ) {\r\n                const buttonSpan = serverTag.querySelector(\"a button span\");\r\n                if (buttonSpan) {\r\n                  buttonSpan.innerHTML = \"Take Assessment\";\r\n                }\r\n\r\n                const link = serverTag.querySelector(\"a\");\r\n                if (link) {\r\n                  link.setAttribute(\"href\", \"/quiz/\");\r\n                }\r\n              }\r\n\r\n              const heading = serverTag.querySelector(\"h3\");\r\n              if (heading) {\r\n                heading.textContent = \"We already have your details!\";\r\n              }\r\n            }\r\n            router.push(\"#Socials\");\r\n          }\r\n        } else {\r\n          Object.entries(items).forEach((item, index) => {\r\n            const [key, value] = item;\r\n            printErr(key, value, index);\r\n          });\r\n\r\n          const errorElement = document.querySelector(\".server_err\");\r\n          if (errorElement) {\r\n            errorElement.setAttribute(\"style\", \"display: none\");\r\n          }\r\n        }\r\n      } else if (status === 200 || status === 201 || status === 202) {\r\n        if (r_path !== null) {\r\n          router.push(r_path);\r\n        }\r\n      } else if (status === 401) {\r\n        if (serverTag) {\r\n          serverTag.setAttribute(\"style\", \"display: block\");\r\n\r\n          const link = serverTag.querySelector(\"a\");\r\n          if (link) {\r\n            link.innerHTML = \"\";\r\n          }\r\n\r\n          const heading = serverTag.querySelector(\"h3\");\r\n          if (heading && items.detail) {\r\n            heading.textContent = items.detail;\r\n          }\r\n        }\r\n        router.push(\"#Socials\");\r\n      }\r\n    }\r\n  }\r\n\r\n  // Component doesn't render anything\r\n  return null;\r\n};\r\n\r\nexport default HandleError;\r\n"],"names":["HandleError","_ref","status","items","registerForm","r_path","router","useRouter","document","serverTag","querySelector","user","username","setAttribute","currentPath","location","pathname","buttonSpan","innerHTML","link","heading","textContent","push","Object","entries","forEach","item","index","_item","_slicedToArray","key","value","console","log","concat","printErr","errorElement","detail"],"mappings":"2HAYA,IAAMA,EAA0C,SAA/BC,GAKZ,IAJHC,EAAMD,EAANC,OACAC,EAAKF,EAALE,MACYF,EAAZG,iBACAC,EAAMJ,EAANI,OAEMC,EAASC,IASf,GAAwB,oBAAbC,SAA0B,CACnC,IAAMC,EAAYD,SAASE,cAAc,eAEzC,GAAIP,EACF,GAAe,MAAXD,EACF,GAAIC,IAAUA,EAAMQ,MAAQR,EAAMS,WAChC,GAAIT,EAAMQ,MAA0B,+BAAlBR,EAAMQ,KAAK,GAAqC,CAChE,GAAIF,EAAW,CACbA,EAAUI,aAAa,QAAS,kBAChCJ,EAAUI,aACR,QACA,qCAGF,IAAMC,EAAcN,SAASO,SAASC,SACtC,GACkB,sBAAhBF,GACgB,uBAAhBA,EACA,CACA,IAAMG,EAAaR,EAAUC,cAAc,iBACvCO,IACFA,EAAWC,UAAY,mBAGzB,IAAMC,EAAOV,EAAUC,cAAc,KACjCS,GACFA,EAAKN,aAAa,OAAQ,SAE7B,CAED,IAAMO,EAAUX,EAAUC,cAAc,MACpCU,IACFA,EAAQC,YAAc,gCAEzB,CACDf,EAAOgB,KAAK,WACb,MACI,CACLC,OAAOC,QAAQrB,GAAOsB,SAAQ,SAACC,EAAMC,GACnC,IAAAC,EAAAC,EAAqBH,EAAI,IA7ClB,SAACI,EAAaC,EAAYJ,GAGzCK,QAAQC,IAAGC,aAAAA,OAAcJ,EAAG,MAAAI,OAAKH,EAAKG,aAAAA,OAAYP,QA2C1CQ,CADUP,EAAA,GAAOA,EAAA,GACID,EACvB,IAEA,IAAMS,EAAe5B,SAASE,cAAc,eACxC0B,GACFA,EAAavB,aAAa,QAAS,gBAEtC,MACI,GAAe,MAAXX,GAA6B,MAAXA,GAA6B,MAAXA,EAC9B,OAAXG,GACFC,EAAOgB,KAAKjB,QAET,GAAe,MAAXH,EAAgB,CACzB,GAAIO,EAAW,CACbA,EAAUI,aAAa,QAAS,kBAEhC,IAAMM,EAAOV,EAAUC,cAAc,KACjCS,IACFA,EAAKD,UAAY,IAGnB,IAAME,EAAUX,EAAUC,cAAc,MACpCU,GAAWjB,EAAMkC,SACnBjB,EAAQC,YAAclB,EAAMkC,OAE/B,CACD/B,EAAOgB,KAAK,WACb,CAEJ,CAGD,OAAO,IACT"}
+{"version":3,"file":"HandleError.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +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 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,_=r(!1),j=e(_,2),C=j[0],w=j[1],A=r(""),D=e(A,2),H=D[0],M=D[1],P=r(0),T=e(P,2),W=T[0],k=T[1],z=function(e){if(""===e||null==e)return"";var a,i="";if("string"==typeof e){var r=e.split(".");r.length>1&&(i="."+r[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&&i?n+i:"number"==typeof e?n+a.toString().substring(a.toString().indexOf(".")):n};n((function(){if(null!=c&&""!==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:[i("input",{type:"hidden",name:o,value:W}),a("div",{className:"ihub-amount-input-container",children:[i("span",{className:"ihub-currency-symbol ".concat(G||C?"":"ihub-ghost"),children:F}),i("input",{id:l||o,type:"text",value:H,onChange:function(e){var a=e.target.value;if(/^[\d,.]*$/.test(a)){var i=a.replace(/,/g,"");if(/^[0-9]*\.?[0-9]*$/.test(i)){var r=""===i?0:parseFloat(i),n=a;a.endsWith(".")||a.match(/\.\d*$/)||(n=z(i)),M(n),k(r),s&&s(r,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&&i("span",{className:"ihub-required",children:"*"})]})]}),S&&i("p",{className:"ihub-error-message",children:S})]})};export{t as default};
+//# sourceMappingURL=InputAmount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputAmount.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +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};
+//# sourceMappingURL=InputNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +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,s=n.value,u=void 0===s?"":s,c=n.placeholder,h=void 0===c?"":c,m=n.required,p=void 0!==m&&m,b=n.type,v=void 0===b?"text":b,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,T=n.onChange,C=n.onBlur,L=n.helperText,O=n.note,w=n.id,A=l(),F=e(A,2),H=F[0],P=F[1],S=l(),k=e(S,2),z=k[0],D=k[1];t((function(){u!==H&&P(u),D(!!u)}),[u]);var E={};return q&&(E["data-text-transform"]=q),i("div",a(a({className:"ihub-wrapper ihub-mb-4 ".concat(z?"ihub-value":""," ").concat(B?"ihub-is_invalid":""," ").concat(j)},E),{},{children:[r("input",{type:v,id:w,name:d,value:H,className:"ihub-input",placeholder:h,required:p,maxLength:f,disabled:N,readOnly:y,onChange:function(e){D(!!e.target.value),P(e.target.value),T&&T(e)},onBlur:C}),i("label",{htmlFor:d,className:"ihub-text-label",children:[o,p&&r("span",{className:"ihub-required",children:"*"})]}),L&&!B&&r("p",{className:"ihub-notes",children:L}),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};
+//# sourceMappingURL=InputText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import{objectWithoutProperties as e,slicedToArray as a,objectSpread2 as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,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(g||""),E="ihub-input ihub-textarea ".concat(u?"ihub-input-error":"");return o("div",{className:"ihub-mb-5 "+D,"data-text-transform":"none"!==x?x:void 0,children:[r("textarea",t(t({},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),t=d?Math.min(a,24*d):a;e.style.height="".concat(t,"px"),k(t)}}(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};
+//# sourceMappingURL=InputTextarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputTextarea.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"Logout.js","sources":["../../../../src/components/forms/Logout.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\n\r\n/**\r\n * Logout component that handles user logout functionality\r\n */\r\nconst Logout: React.FC = () => {\r\n  const router = useRouter();\r\n\r\n  /**\r\n   * Removes all cookies from the browser\r\n   */\r\n  const removeAllCookies = (): void => {\r\n    const cookies = document.cookie.split(\";\");\r\n\r\n    for (let i = 0; i < cookies.length; i++) {\r\n      const cookie = cookies[i];\r\n      const eqPos = cookie.indexOf(\"=\");\r\n      const name = eqPos > -1 ? cookie.substr(0, eqPos).trim() : cookie.trim();\r\n      document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;`;\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Handles the logout process\r\n   */\r\n  const handleLogout = async (): Promise<void> => {\r\n    try {\r\n      // Code to log out the user\r\n      removeAllCookies();\r\n      router.push(\"/accounts/login\");\r\n    } catch (error) {\r\n      console.error(\"An error occurred while logging out:\", error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <button onClick={handleLogout} className=\"outline-btn\" type=\"button\">\r\n      Logout\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default Logout;\r\n"],"names":["Logout","router","useRouter","removeAllCookies","cookies","document","cookie","split","i","length","eqPos","indexOf","name","substr","trim","concat","handleLogout","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","push","error","console","stop","apply","this","arguments","_jsx","onClick","className","type","children"],"mappings":"8LAMA,IAAMA,EAAmB,WACvB,IAAMC,EAASC,IAKTC,EAAmB,WAGvB,IAFA,IAAMC,EAAUC,SAASC,OAAOC,MAAM,KAE7BC,EAAI,EAAGA,EAAIJ,EAAQK,OAAQD,IAAK,CACvC,IAAMF,EAASF,EAAQI,GACjBE,EAAQJ,EAAOK,QAAQ,KACvBC,EAAOF,GAAS,EAAIJ,EAAOO,OAAO,EAAGH,GAAOI,OAASR,EAAOQ,OAClET,SAASC,OAAM,GAAAS,OAAMH,EAAqD,kDAC3E,GAMGI,EAAY,WAAA,IAAAC,EAAAC,EAAAC,IAAAC,MAAG,SAAAC,IAAA,OAAAF,IAAAG,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACnB,IAEEtB,IACAF,EAAOyB,KAAK,kBACb,CAAC,MAAOC,GACPC,QAAQD,MAAM,uCAAwCA,EACvD,CAAA,KAAA,EAAA,IAAA,MAAA,OAAAJ,EAAAM,OAAA,GAAAR,EACF,KAAA,OAAA,WARiB,OAAAJ,EAAAa,MAAAC,KAAAC,UAAA,EAAA,GAUlB,OACEC,EAAA,SAAA,CAAQC,QAASlB,EAAcmB,UAAU,cAAcC,KAAK,SAAQC,SAAA,UAIxE"}
+{"version":3,"file":"Logout.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"MultipleEmail.js","sources":["../../../../src/components/forms/MultipleEmail.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\n\r\ninterface MultipleEmailProps {\r\n  onEmailsChange?: (emails: string[]) => void;\r\n}\r\n\r\nconst MultipleEmail: React.FC<MultipleEmailProps> = ({ onEmailsChange }) => {\r\n  const [items, setItems] = useState<string[]>([]);\r\n  const [value, setValue] = useState<string>(\"\");\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const handleKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if ([\"Enter\", \"Tab\", \",\"].includes(evt.key)) {\r\n      evt.preventDefault();\r\n\r\n      const trimmedValue = value.trim();\r\n\r\n      if (trimmedValue && isValid(trimmedValue)) {\r\n        const newItems = [...items, trimmedValue];\r\n        setItems(newItems);\r\n        setValue(\"\");\r\n        \r\n        if (onEmailsChange) {\r\n          onEmailsChange(newItems);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {\r\n    setValue(evt.target.value);\r\n    setError(null);\r\n  };\r\n\r\n  const handleDelete = (item: string) => {\r\n    const newItems = items.filter((i) => i !== item);\r\n    setItems(newItems);\r\n    \r\n    if (onEmailsChange) {\r\n      onEmailsChange(newItems);\r\n    }\r\n  };\r\n\r\n  const handleSubmit = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    console.log(`${items}`);\r\n  };\r\n\r\n  const handlePaste = (evt: React.ClipboardEvent<HTMLInputElement>) => {\r\n    evt.preventDefault();\r\n\r\n    const paste = evt.clipboardData.getData(\"text\");\r\n    const emails = paste.match(/[\\w\\d\\.-]+@[\\w\\d\\.-]+\\.[\\w\\d\\.-]+/g);\r\n\r\n    if (emails) {\r\n      const toBeAdded = emails.filter((email) => !isInList(email));\r\n      \r\n      if (toBeAdded.length) {\r\n        const newItems = [...items, ...toBeAdded];\r\n        setItems(newItems);\r\n        \r\n        if (onEmailsChange) {\r\n          onEmailsChange(newItems);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const isValid = (email: string): boolean => {\r\n    let emailError: string | null = null;\r\n\r\n    if (isInList(email)) {\r\n      emailError = `${email} has already been added.`;\r\n    }\r\n\r\n    if (!isEmail(email)) {\r\n      emailError = `${email} is not a valid email address.`;\r\n    }\r\n\r\n    if (emailError) {\r\n      setError(emailError);\r\n      return false;\r\n    }\r\n\r\n    return true;\r\n  };\r\n\r\n  const isInList = (email: string): boolean => {\r\n    return items.includes(email);\r\n  };\r\n\r\n  const isEmail = (email: string): boolean => {\r\n    return /[\\w\\d\\.-]+@[\\w\\d\\.-]+\\.[\\w\\d\\.-]+/.test(email);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-multiple-email\" onSubmit={handleSubmit}>\r\n      {items.map((item) => (\r\n        <div className=\"ihub-tag-item\" key={item}>\r\n          <p>{item}</p>\r\n          <button\r\n            type=\"button\"\r\n            className=\"ihub-button\"\r\n            onClick={() => handleDelete(item)}\r\n          >\r\n            &times;\r\n          </button>\r\n        </div>\r\n      ))}\r\n\r\n      <input\r\n        className={`ihub-input ${error ? \"ihub-has-error\" : \"\"}`}\r\n        value={value}\r\n        placeholder=\"Separate emails with commas or 'Enter'\"\r\n        onKeyDown={handleKeyDown}\r\n        onChange={handleChange}\r\n        onPaste={handlePaste}\r\n      />\r\n\r\n      {error && <p className=\"ihub-error\">{error}</p>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default MultipleEmail;"],"names":["MultipleEmail","_ref","onEmailsChange","_useState","useState","_useState2","_slicedToArray","items","setItems","_useState3","_useState4","value","setValue","_useState5","_useState6","error","setError","isValid","email","emailError","isInList","concat","isEmail","includes","test","_jsxs","className","onSubmit","e","preventDefault","console","log","children","map","item","_jsx","type","onClick","newItems","filter","i","handleDelete","placeholder","onKeyDown","evt","key","trimmedValue","trim","_toConsumableArray","onChange","target","onPaste","emails","clipboardData","getData","match","toBeAdded","length"],"mappings":"yLAMA,IAAMA,EAA8C,SAAjCC,GAAwD,IAApBC,EAAcD,EAAdC,eACrDC,EAA0BC,EAAmB,IAAGC,EAAAC,EAAAH,EAAA,GAAzCI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GACtBI,EAA0BL,EAAiB,IAAGM,EAAAJ,EAAAG,EAAA,GAAvCE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GACtBG,EAA0BT,EAAwB,MAAKU,EAAAR,EAAAO,EAAA,GAAhDE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GA2DhBG,EAAU,SAACC,GACf,IAAIC,EAA4B,KAUhC,OARIC,EAASF,KACXC,EAAUE,GAAAA,OAAMH,EAA+B,6BAG5CI,EAAQJ,KACXC,EAAUE,GAAAA,OAAMH,EAAqC,oCAGnDC,IACFH,EAASG,IACF,IAMLC,EAAW,SAACF,GAChB,OAAOX,EAAMgB,SAASL,IAGlBI,EAAU,SAACJ,GACf,MAAO,oCAAoCM,KAAKN,IAGlD,OACEO,SAAKC,UAAU,sBAAsBC,SArDlB,SAACC,GACpBA,EAAEC,iBACFC,QAAQC,IAAG,GAAAV,OAAId,KAoDZyB,SAAA,CAAAzB,EAAM0B,KAAI,SAACC,GAAI,OACdT,EAAK,MAAA,CAAAC,UAAU,0BACbS,EAAI,IAAA,CAAAH,SAAAE,IACJC,EAAA,SAAA,CACEC,KAAK,SACLV,UAAU,cACVW,QAAS,WAAF,OArEI,SAACH,GACpB,IAAMI,EAAW/B,EAAMgC,QAAO,SAACC,GAAC,OAAKA,IAAMN,KAC3C1B,EAAS8B,GAELpC,GACFA,EAAeoC,GAgEMG,CAAaP,EAAK,EAAAF,SAAA,QALDE,EAS9B,IAGRC,EACE,QAAA,CAAAT,UAAS,cAAAL,OAAgBN,EAAQ,iBAAmB,IACpDJ,MAAOA,EACP+B,YAAY,yCACZC,UAvGgB,SAACC,GACrB,GAAI,CAAC,QAAS,MAAO,KAAKrB,SAASqB,EAAIC,KAAM,CAC3CD,EAAIf,iBAEJ,IAAMiB,EAAenC,EAAMoC,OAE3B,GAAID,GAAgB7B,EAAQ6B,GAAe,CACzC,IAAMR,KAAQjB,OAAA2B,EAAOzC,GAAOuC,CAAAA,IAC5BtC,EAAS8B,GACT1B,EAAS,IAELV,GACFA,EAAeoC,EAElB,CACF,GAyFGW,SAtFe,SAACL,GACpBhC,EAASgC,EAAIM,OAAOvC,OACpBK,EAAS,OAqFLmC,QApEc,SAACP,GACnBA,EAAIf,iBAEJ,IACMuB,EADQR,EAAIS,cAAcC,QAAQ,QACnBC,MAAM,sCAE3B,GAAIH,EAAQ,CACV,IAAMI,EAAYJ,EAAOb,QAAO,SAACrB,GAAK,OAAME,EAASF,MAErD,GAAIsC,EAAUC,OAAQ,CACpB,IAAMnB,EAAQjB,GAAAA,OAAA2B,EAAOzC,GAAKyC,EAAKQ,IAC/BhD,EAAS8B,GAELpC,GACFA,EAAeoC,EAElB,CACF,KAsDEvB,GAASoB,EAAG,IAAA,CAAAT,UAAU,sBAAcX,MAG3C"}
+{"version":3,"file":"MultipleEmail.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs 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.names,u=s.labels,c=s.requireds,d=void 0!==c&&c,m=s.defaultValues,p=void 0===m?"":m,f=s.setValues,v=s.inputEvent,h=r(!1),b=e(h,2),N=b[0],y=b[1],g=r(""),w=e(g,2),x=w[0],V=w[1],_=r(!1),E=e(_,2),j=E[0],q=E[1];return n((function(){V(p)}),[p]),i("div",{className:o,children:i("div",{className:"field",children:a("div",{className:"ihub-password-wrapper",children:[a("div",{className:"input_icon",children:[i("input",{type:N?"text":"password",id:"password",name:o,required:d,value:x,onChange:function(e){var i,a=e.target.value;if(a!==p){V(a);var r=null===(i=e.target.parentElement)||void 0===i?void 0:i.parentElement;a?(null==r||r.classList.add("value"),f&&f(a),v&&v(o,a)):null==r||r.classList.remove("value")}},onFocus:function(){return q(!0)},onMouseOut:function(){return q(!1)}}),i("div",{onClick:function(){y((function(e){return!e}))},className:"symbols ihub-d-inline",children:i(N?l:t,{})})]}),i("span",{className:"text_label ".concat(j||x?"focused":""),children:u})]})})})}export{s as default};
+import{slicedToArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,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,_=r(!1),g=i(_,2),V=g[0],q=g[1],C=r(""),j=i(C,2),F=j[0],O=j[1],T=r(!1),k=i(T,2);k[0];var A=k[1],B=r(!1),H=i(B,2),M=H[0],P=H[1];n((function(){b!==F&&O(b),P(!!b)}),[b]);return e("div",{className:"ihub-wrapper ihub-mb-4 ".concat(M?"ihub-value":""," ").concat(w?"ihub-is_invalid":""," ").concat(x),children:[a("div",{className:"ihub-password-wrapper",children:e("div",{className:"input_icon",children:[a("input",{type:V?"text":"password",id:o||"password",name:u,required:h,value:F,onChange:function(i){var e=i.target.value;O(e),P(!!e),e&&(v&&v(e),f&&f(i),N&&N(u,e))},onFocus:function(){return A(!0)},onMouseOut:function(){return A(!1)},className:"ihub-input"}),e("label",{htmlFor:u,className:"ihub-text-label",children:[c,h&&a("span",{className:"ihub-required",children:"*"})]}),a("div",{onClick:function(){q((function(i){return!i}))},className:"symbols ihub-d-inline",children:a(V?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};
 //# sourceMappingURL=PasswordField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberInput.js","sources":["../../../../src/components/forms/PhoneNumberInput.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\n\r\n// Define types for country objects\r\ninterface CountryObject {\r\n  name: string;\r\n  phonecode: string;\r\n  flag: string;\r\n  [key: string]: any;\r\n}\r\n\r\n// Import country objects with proper type\r\nimport countryObjects from \"../lib/json/countryObjects\";\r\n\r\ninterface PhoneNumberInputProps {\r\n  phoneCode?: string;\r\n  defaultValues: {\r\n    mobile?: string;\r\n    [key: string]: any;\r\n  };\r\n  names?: string;\r\n  inputEvent?: (\r\n    event: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>\r\n  ) => void;\r\n}\r\n\r\nconst PhoneNumberInput: React.FC<PhoneNumberInputProps> = (props) => {\r\n  // Get default country\r\n  const [selectedCountry, setSelectedCountry] = useState<CountryObject>(\r\n    countryObjects.find((c) => c.phonecode === (props.phoneCode || \"234\")) ||\r\n      countryObjects[0]\r\n  );\r\n\r\n  // Get default number\r\n  const [phoneNumber, setPhoneNumber] = useState<string>(\r\n    props.defaultValues.mobile || \"\"\r\n  );\r\n\r\n  const handleCountryChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    const selectedCountryCode = event.target.value;\r\n    const country = countryObjects.find(\r\n      (country) => country.phonecode === selectedCountryCode\r\n    );\r\n\r\n    if (country) {\r\n      setSelectedCountry(country);\r\n    }\r\n\r\n    if (props.inputEvent) {\r\n      props.inputEvent(event);\r\n    }\r\n  };\r\n\r\n  const handlePhoneNumberChange = (\r\n    event: React.ChangeEvent<HTMLInputElement>\r\n  ) => {\r\n    setPhoneNumber(event.target.value);\r\n    if (props.inputEvent) {\r\n      props.inputEvent(event);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-react-phone-input\">\r\n      <div className=\"ihub-target-phone\">\r\n        <select\r\n          onChange={handleCountryChange}\r\n          value={selectedCountry.phonecode}\r\n          name=\"phone_code\"\r\n          className=\"ihub-country-select\"\r\n        >\r\n          {countryObjects.map((country, index) => (\r\n            <option key={index} value={country.phonecode}>\r\n              {selectedCountry.phonecode !== country.phonecode ? (\r\n                <span className=\"ihub-c-name\">{country.name} </span>\r\n              ) : (\r\n                \"\"\r\n              )}\r\n              <span className=\"ihub-c-flag\">{country.flag}</span>{\" \"}\r\n              <span className=\"ihub-c-code\">+{country.phonecode}</span>\r\n            </option>\r\n          ))}\r\n        </select>\r\n\r\n        <input\r\n          type=\"tel\"\r\n          name={props.names}\r\n          value={phoneNumber}\r\n          onChange={handlePhoneNumberChange}\r\n          placeholder=\"Enter phone number\"\r\n          maxLength={11}\r\n          className=\"ihub-phone-input\"\r\n        />\r\n      </div>\r\n\r\n      <p className=\"ihub-make-bold\">\r\n        +{selectedCountry.phonecode} {phoneNumber}\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PhoneNumberInput;\r\n"],"names":["PhoneNumberInput","props","_useState","useState","countryObjects","find","c","phonecode","phoneCode","_useState2","_slicedToArray","selectedCountry","setSelectedCountry","_useState3","defaultValues","mobile","_useState4","phoneNumber","setPhoneNumber","_jsxs","className","children","_jsx","onChange","event","selectedCountryCode","target","value","country","inputEvent","name","map","index","flag","type","names","placeholder","maxLength"],"mappings":"+MAyBA,IAAMA,EAAoD,SAACC,GAEzD,IAAAC,EAA8CC,EAC5CC,EAAeC,MAAK,SAACC,GAAC,OAAKA,EAAEC,aAAeN,EAAMO,WAAa,MAAM,KACnEJ,EAAe,IAClBK,EAAAC,EAAAR,EAAA,GAHMS,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAM1CI,EAAsCV,EACpCF,EAAMa,cAAcC,QAAU,IAC/BC,EAAAN,EAAAG,EAAA,GAFMI,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GA4BlC,OACEG,EAAA,MAAA,CAAKC,UAAU,yBACbC,SAAA,CAAAF,EAAA,MAAA,CAAKC,UAAU,oBACbC,SAAA,CAAAC,EAAA,SAAA,CACEC,SA5BoB,SAACC,GAC3B,IAAMC,EAAsBD,EAAME,OAAOC,MACnCC,EAAUxB,EAAeC,MAC7B,SAACuB,GAAO,OAAKA,EAAQrB,YAAckB,KAGjCG,GACFhB,EAAmBgB,GAGjB3B,EAAM4B,YACR5B,EAAM4B,WAAWL,IAkBbG,MAAOhB,EAAgBJ,UACvBuB,KAAK,aACLV,UAAU,sBAETC,SAAAjB,EAAe2B,KAAI,SAACH,EAASI,GAAK,OACjCb,YAAoBQ,MAAOC,EAAQrB,UAChCc,SAAA,CAAAV,EAAgBJ,YAAcqB,EAAQrB,UACrCY,EAAM,OAAA,CAAAC,UAAU,cAAaC,SAAA,CAAEO,EAAQE,KAAa,OAEpD,GAEFR,EAAM,OAAA,CAAAF,UAAU,uBAAeQ,EAAQK,OAAa,IACpDd,EAAM,OAAA,CAAAC,UAAU,cAAaC,SAAA,CAAA,IAAGO,EAAQrB,eAP7ByB,QAYjBV,EAAA,QAAA,CACEY,KAAK,MACLJ,KAAM7B,EAAMkC,MACZR,MAAOV,EACPM,SAnCwB,SAC9BC,GAEAN,EAAeM,EAAME,OAAOC,OACxB1B,EAAM4B,YACR5B,EAAM4B,WAAWL,IA+BbY,YAAY,qBACZC,UAAW,GACXjB,UAAU,wBAIdD,EAAG,IAAA,CAAAC,UAAU,iBAAgBC,SAAA,CAAA,IACzBV,EAAgBJ,UAAY,IAAAU,OAItC"}
+{"version":3,"file":"PhoneNumberInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";var i=function(i){var l=function(e){i.setSelectedValue&&i.setSelectedValue(e.target.value)};return i.options&&0!==i.options.length?e("div",{className:i.names,children:[a("h5",{className:"mt-3",children:i.labels}),a("div",{className:"ihub-field",children:a("div",{className:"ihub-radio-wrapper",children:i.options.map((function(t,n){return a("div",{className:"ihub-radio-parent",children:e("label",{className:"ihub-radio",children:[a("input",{type:"radio",name:i.names,id:i.names+n,value:t.id,required:0===n&&i.requireds,onChange:l,defaultChecked:i.defaultValues===t.id}),a("span",{className:"ihub-label-title",children:t.title?t.title:t.name})]})},n)}))})})]}):null};export{i as default};
+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};
 //# 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\";\r\n\r\ninterface RadioOption {\r\n  id: string | number;\r\n  title?: string;\r\n  name?: string;\r\n}\r\n\r\ninterface RadioFieldProps {\r\n  options?: RadioOption[];\r\n  names: string;\r\n  labels: string;\r\n  requireds?: boolean;\r\n  defaultValues?: string | number;\r\n  setSelectedValue?: (value: string) => void;\r\n}\r\n\r\nconst RadioField: React.FC<RadioFieldProps> = (props) => {\r\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (props.setSelectedValue) {\r\n      props.setSelectedValue(event.target.value);\r\n    }\r\n  };\r\n\r\n  if (!props.options || props.options.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={props.names}>\r\n      <h5 className=\"mt-3\">{props.labels}</h5>\r\n\r\n      <div className=\"ihub-field\">\r\n        <div className=\"ihub-radio-wrapper\">\r\n          {props.options.map((option, index) => {\r\n            return (\r\n              <div className=\"ihub-radio-parent\" key={index}>\r\n                <label className=\"ihub-radio\">\r\n                  <input\r\n                    type=\"radio\"\r\n                    name={props.names}\r\n                    id={props.names + index}\r\n                    value={option.id}\r\n                    required={index === 0 ? props.requireds : false}\r\n                    onChange={handleOptionChange}\r\n                    defaultChecked={\r\n                      props.defaultValues === option.id\r\n                    }\r\n                  />\r\n                  <span className=\"ihub-label-title\">\r\n                    {option.title ? option.title : option.name}\r\n                  </span>\r\n                </label>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RadioField;"],"names":["RadioField","props","handleOptionChange","event","setSelectedValue","target","value","options","length","_jsxs","className","names","children","_jsx","labels","map","option","index","type","name","id","required","requireds","onChange","defaultChecked","defaultValues","title"],"mappings":"kDAiBA,IAAMA,EAAwC,SAACC,GAC7C,IAAMC,EAAqB,SAACC,GACtBF,EAAMG,kBACRH,EAAMG,iBAAiBD,EAAME,OAAOC,QAIxC,OAAKL,EAAMM,SAAoC,IAAzBN,EAAMM,QAAQC,OAKlCC,EAAK,MAAA,CAAAC,UAAWT,EAAMU,MAAKC,SAAA,CACzBC,EAAI,KAAA,CAAAH,UAAU,OAAME,SAAEX,EAAMa,SAE5BD,EAAA,MAAA,CAAKH,UAAU,aACbE,SAAAC,EAAA,MAAA,CAAKH,UAAU,8BACZT,EAAMM,QAAQQ,KAAI,SAACC,EAAQC,GAC1B,OACEJ,SAAKH,UAAU,oBACbE,SAAAH,EAAA,QAAA,CAAOC,UAAU,uBACfG,EACE,QAAA,CAAAK,KAAK,QACLC,KAAMlB,EAAMU,MACZS,GAAInB,EAAMU,MAAQM,EAClBX,MAAOU,EAAOI,GACdC,SAAoB,IAAVJ,GAAchB,EAAMqB,UAC9BC,SAAUrB,EACVsB,eACEvB,EAAMwB,gBAAkBT,EAAOI,KAGnCP,UAAMH,UAAU,mBACbE,SAAAI,EAAOU,MAAQV,EAAOU,MAAQV,EAAOG,WAdJF,aAX3C,IAmCX"}
+{"version":3,"file":"RadioField.js","sources":["../../../../src/components/forms/RadioField.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface RadioOption {\r\n  id: string | number;\r\n  title?: string;\r\n  name?: string;\r\n}\r\n\r\ninterface RadioFieldProps {\r\n  options?: RadioOption[];\r\n  name: string;\r\n  label: string;\r\n  required?: boolean;\r\n  defaultValue?: string | number;\r\n  setSelectedValue?: (value: string) => void;\r\n  setNameIDValueIndex?: (\r\n    name: string,\r\n    id: string,\r\n    value: string,\r\n    index: number\r\n  ) => void;\r\n  note?: string;\r\n}\r\n\r\n/**\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * import { RadioField } from \"@instincthub/react-ui\";\r\n *\r\n * <RadioField\r\n *   options={[\r\n *     { id: 1, title: \"Option 1\" },\r\n *     { id: 2, title: \"Option 2\" },\r\n *     { id: 3, title: \"Option 3\" },\r\n *   ]}\r\n *   names=\"radioField\"\r\n *   labels=\"Radio Field\"\r\n *   requireds={true}\r\n *   defaultValues={1}\r\n *   setSelectedValue={(value) => {\r\n *     console.log(value);\r\n *   }}\r\n * />\r\n * ```\r\n * Props interface for the RadioField component\r\n * @property {RadioOption[]} options - Array of options for the radio field\r\n * @property {string} names - Name of the input field\r\n * @property {string} labels - Label for the radio field\r\n * @property {boolean} requireds - Whether the field is required\r\n * @property {string | number} defaultValues - Default value for the radio field\r\n * @property {(name: string, id: string, value: string, index: number) => void} setNameIDValueIndex - Callback for setting name, id, value, and index\r\n * @property {(value: string) => void} setSelectedValue - Callback for setting the selected value\r\n */\r\n\r\nconst RadioField: React.FC<RadioFieldProps> = (props) => {\r\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (props.setSelectedValue) {\r\n      props.setSelectedValue(event.target.value);\r\n    }\r\n    if (props.setNameIDValueIndex) {\r\n      props.setNameIDValueIndex(\r\n        props.name,\r\n        String(event.target.dataset.id),\r\n        event.target.value,\r\n        Number(event.target.dataset.index)\r\n      );\r\n    }\r\n  };\r\n\r\n  if (!props.options || props.options.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={props.name}>\r\n      <h5 className=\"mt-3\">{props.label}</h5>\r\n\r\n      <div className=\"ihub-field\">\r\n        <div className=\"ihub-radio-wrapper\">\r\n          {props.options.map((option, index) => {\r\n            return (\r\n              <div className=\"ihub-radio-parent\" key={index}>\r\n                <label className=\"ihub-radio\">\r\n                  <input\r\n                    type=\"radio\"\r\n                    name={props.name}\r\n                    id={props.name + index}\r\n                    data-id={option.id}\r\n                    data-index={index}\r\n                    value={option.id}\r\n                    required={index === 0 ? props.required : false}\r\n                    onChange={handleOptionChange}\r\n                    defaultChecked={props.defaultValue === option.id}\r\n                  />\r\n                  <span className=\"ihub-label-title\">\r\n                    {option.title ? option.title : option.name}\r\n                  </span>\r\n                </label>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n      {props.note && <p className=\"ihub-input-notes\">{props.note}</p>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RadioField;\r\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,KAAI,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,UAsB/CZ,EAAM4B,MAAQV,EAAA,IAAA,CAAGF,UAAU,4BAAoBhB,EAAM4B,UAjCjD,IAoCX"}

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

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as e}from"react/jsx-runtime";var i=function(i){var l=i.ids,n=i.names,s=i.values,r=i.labels,t=i.checked,u=i.inputEvent;return a("section",{className:"ihub-radio-btn",children:e("label",{htmlFor:l,className:"ihub-radio-label",children:[a("input",{className:"ihub-radio-input",type:"radio",name:n,id:l,value:s,onChange:function(a){u&&u(a)},defaultChecked:t}),a("span",{className:"ihub-custom-radio"}),a("p",{className:"ihub-p-label",children:r})]})})};export{i as default};
+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};
 //# 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\";\r\n\r\ninterface RadioSimpleProps {\r\n  ids: string;\r\n  names: string;\r\n  values: string | number;\r\n  labels: string;\r\n  checked?: boolean;\r\n  inputEvent?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nconst RadioSimple: React.FC<RadioSimpleProps> = ({\r\n  ids,\r\n  names,\r\n  values,\r\n  labels,\r\n  checked,\r\n  inputEvent\r\n}) => {\r\n  const handleRadio = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (inputEvent) inputEvent(e);\r\n  };\r\n  \r\n  return (\r\n    <section className=\"ihub-radio-btn\">\r\n      <label htmlFor={ids} className=\"ihub-radio-label\">\r\n        <input\r\n          className=\"ihub-radio-input\"\r\n          type=\"radio\"\r\n          name={names}\r\n          id={ids}\r\n          value={values}\r\n          onChange={handleRadio}\r\n          defaultChecked={checked}\r\n        />\r\n        <span className=\"ihub-custom-radio\" />\r\n        <p className=\"ihub-p-label\">{labels}</p>\r\n      </label>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default RadioSimple;"],"names":["RadioSimple","_ref","ids","names","values","labels","checked","inputEvent","_jsx","className","children","_jsxs","htmlFor","type","name","id","value","onChange","e","defaultChecked"],"mappings":"kDAWA,IAAMA,EAA0C,SAA/BC,GAOZ,IANHC,EAAGD,EAAHC,IACAC,EAAKF,EAALE,MACAC,EAAMH,EAANG,OACAC,EAAMJ,EAANI,OACAC,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WAMA,OACEC,EAAA,UAAA,CAASC,UAAU,iBAAgBC,SACjCC,EAAO,QAAA,CAAAC,QAASV,EAAKO,UAAU,mBAC7BC,SAAA,CAAAF,EAAA,QAAA,CACEC,UAAU,mBACVI,KAAK,QACLC,KAAMX,EACNY,GAAIb,EACJc,MAAOZ,EACPa,SAbY,SAACC,GACfX,GAAYA,EAAWW,IAarBC,eAAgBb,IAElBE,EAAA,OAAA,CAAMC,UAAU,sBAChBD,EAAA,IAAA,CAAGC,UAAU,eAAcC,SAAEL,QAIrC"}
+{"version":3,"file":"RadioSimple.js","sources":["../../../../src/components/forms/RadioSimple.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface RadioSimpleProps {\r\n  id: string;\r\n  name: string;\r\n  value: string | number;\r\n  label: string;\r\n  checked?: boolean;\r\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n  note?: string;\r\n}\r\n\r\n/**\r\n *\r\n * @component\r\n * @example\r\n * ```tsx\r\n * import { RadioSimple } from \"@instincthub/react-ui\";\r\n *\r\n * <RadioSimple\r\n *   id=\"radio-simple\"\r\n *   name=\"radio-simple\"\r\n *   value=\"1\"\r\n *   label=\"Radio Simple\"\r\n *   checked={true}\r\n *   inputEvent={(e) => {\r\n *     console.log(e);\r\n *   }}\r\n * />\r\n * ```\r\n * Props interface for the RadioSimple component\r\n * @property {string} id - ID for the radio input\r\n * @property {string} name - Name for the radio input\r\n * @property {string | number} value - Value for the radio input\r\n * @property {string} label - Label for the radio input\r\n * @property {boolean} checked - Whether the radio input is checked\r\n * @property {(e: React.ChangeEvent<HTMLInputElement>) => void} inputEvent - Callback for input events\r\n */\r\n\r\nconst RadioSimple: React.FC<RadioSimpleProps> = ({\r\n  id,\r\n  name,\r\n  value,\r\n  label,\r\n  checked,\r\n  onChange,\r\n  note,\r\n}) => {\r\n  const handleRadio = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (onChange) onChange(e);\r\n  };\r\n\r\n  return (\r\n    <section className=\"ihub-radio-btn\">\r\n      <label htmlFor={id} className=\"ihub-radio-label\">\r\n        <input\r\n          className=\"ihub-radio-input\"\r\n          type=\"radio\"\r\n          name={name}\r\n          id={id}\r\n          value={value}\r\n          onChange={handleRadio}\r\n          defaultChecked={checked}\r\n        />\r\n        <span className=\"ihub-custom-radio\" />\r\n        <p className=\"ihub-p-label\">{label}</p>\r\n      </label>\r\n      {note && <p className=\"ihub-input-notes\">{note}</p>}\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default RadioSimple;\r\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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ReactTimeAgo.js","sources":["../../../../src/components/forms/ReactTimeAgo.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\n\r\ninterface TimeAgoProps {\r\n  date: string | number | Date;\r\n  live?: boolean;\r\n  updateInterval?: number;\r\n  formatter?: (value: number, unit: string) => string;\r\n}\r\n\r\nconst DEFAULT_FORMATTER = (value: number, unit: string): string => {\r\n  const unitStr = value === 1 ? unit : `${unit}s`;\r\n  return `${value} ${unitStr} ago`;\r\n};\r\n\r\nconst ReactTimeAgo: React.FC<TimeAgoProps> = ({\r\n  date,\r\n  live = true,\r\n  updateInterval = 60000, // 1 minute default\r\n  formatter = DEFAULT_FORMATTER,\r\n}) => {\r\n  const [timeAgo, setTimeAgo] = useState<string>(\"\");\r\n\r\n  const calculateTimeAgo = (): string => {\r\n    const now = new Date();\r\n    const past = new Date(date);\r\n    const diff = Math.floor((now.getTime() - past.getTime()) / 1000); // diff in seconds\r\n\r\n    // Time units in seconds\r\n    const units = [\r\n      { name: \"year\", seconds: 31536000 },\r\n      { name: \"month\", seconds: 2592000 },\r\n      { name: \"week\", seconds: 604800 },\r\n      { name: \"day\", seconds: 86400 },\r\n      { name: \"hour\", seconds: 3600 },\r\n      { name: \"minute\", seconds: 60 },\r\n      { name: \"second\", seconds: 1 },\r\n    ];\r\n\r\n    // Handle future dates\r\n    if (diff < 0) {\r\n      return \"in the future\";\r\n    }\r\n\r\n    // Just now\r\n    if (diff < 5) {\r\n      return \"just now\";\r\n    }\r\n\r\n    // Find the appropriate unit\r\n    for (const unit of units) {\r\n      const value = Math.floor(diff / unit.seconds);\r\n      if (value >= 1) {\r\n        return formatter(value, unit.name);\r\n      }\r\n    }\r\n\r\n    return formatter(diff, \"second\");\r\n  };\r\n\r\n  useEffect(() => {\r\n    // Initial calculation\r\n    setTimeAgo(calculateTimeAgo());\r\n\r\n    // Set up live updates if enabled\r\n    let intervalId: NodeJS.Timeout | null = null;\r\n\r\n    if (live) {\r\n      intervalId = setInterval(() => {\r\n        setTimeAgo(calculateTimeAgo());\r\n      }, updateInterval);\r\n    }\r\n\r\n    // Clean up\r\n    return () => {\r\n      if (intervalId) {\r\n        clearInterval(intervalId);\r\n      }\r\n    };\r\n  }, [date, live, updateInterval]);\r\n\r\n  return <span className=\"ihub-time-ago\">{timeAgo}</span>;\r\n};\r\n\r\nexport default ReactTimeAgo;\r\n"],"names":["DEFAULT_FORMATTER","value","unit","unitStr","concat","ReactTimeAgo","_ref","date","_ref$live","live","_ref$updateInterval","updateInterval","_ref$formatter","formatter","_useState","useState","_useState2","_slicedToArray","timeAgo","setTimeAgo","calculateTimeAgo","now","Date","past","diff","Math","floor","getTime","_i","_units","name","seconds","length","useEffect","intervalId","setInterval","clearInterval","_jsx","className","children"],"mappings":"uKASA,IAAMA,EAAoB,SAACC,EAAeC,GACxC,IAAMC,EAAoB,IAAVF,EAAcC,EAAIE,GAAAA,OAAMF,EAAO,KAC/C,MAAA,GAAAE,OAAUH,EAAKG,KAAAA,OAAID,EAAO,OAC5B,EAEME,EAAuC,SAA3BC,GAKb,IAJHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,KAAAA,OAAO,IAAHD,GAAOA,EAAAE,EAAAJ,EACXK,eAAAA,OAAiB,IAAHD,EAAG,IAAKA,EAAAE,EAAAN,EACtBO,UAAAA,OAAYb,IAAHY,EAAGZ,EAAiBY,EAE7BE,EAA8BC,EAAiB,IAAGC,EAAAC,EAAAH,EAAA,GAA3CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAEpBI,EAAmB,WACvB,IAAMC,EAAM,IAAIC,KACVC,EAAO,IAAID,KAAKf,GAChBiB,EAAOC,KAAKC,OAAOL,EAAIM,UAAYJ,EAAKI,WAAa,KAc3D,GAAIH,EAAO,EACT,MAAO,gBAIT,GAAIA,EAAO,EACT,MAAO,WAIT,IAAA,IAAAI,EAAA,EAAAC,EArBc,CACZ,CAAEC,KAAM,OAAQC,QAAS,SACzB,CAAED,KAAM,QAASC,QAAS,QAC1B,CAAED,KAAM,OAAQC,QAAS,QACzB,CAAED,KAAM,MAAOC,QAAS,OACxB,CAAED,KAAM,OAAQC,QAAS,MACzB,CAAED,KAAM,SAAUC,QAAS,IAC3B,CAAED,KAAM,SAAUC,QAAS,IAcLH,EAAAC,EAAAG,OAAAJ,IAAE,CAArB,IAAM1B,EAAI2B,EAAAD,GACP3B,EAAQwB,KAAKC,MAAMF,EAAOtB,EAAK6B,SACrC,GAAI9B,GAAS,EACX,OAAOY,EAAUZ,EAAOC,EAAK4B,KAEhC,CAED,OAAOjB,EAAUW,EAAM,WAwBzB,OArBAS,GAAU,WAERd,EAAWC,KAGX,IAAIc,EAAoC,KASxC,OAPIzB,IACFyB,EAAaC,aAAY,WACvBhB,EAAWC,IACZ,GAAET,IAIE,WACDuB,GACFE,cAAcF,GAGnB,GAAE,CAAC3B,EAAME,EAAME,IAET0B,UAAMC,UAAU,gBAAiBC,SAAArB,GAC1C"}
+{"version":3,"file":"ReactTimeAgo.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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 n from"next/link";import{useState as r}from"react";function a(a){var s=a.names,c=a.setTermsStatus,o=r(!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(n,{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};
+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};
 //# sourceMappingURL=ReadTermsAndCondition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReadTermsAndCondition.js","sources":["../../../../src/components/forms/ReadTermsAndCondition.tsx"],"sourcesContent":["import Link from \"next/link\";\r\nimport { useState } from \"react\";\r\n\r\ninterface ReadTermsAndConditionProps {\r\n  names?: string;\r\n  setTermsStatus: (status: boolean) => void;\r\n}\r\n\r\nexport default function ReadTermsAndCondition({ names, setTermsStatus }: ReadTermsAndConditionProps) {\r\n  const [checked, setChecked] = useState<boolean>(false);\r\n  \r\n  const handleCheckboxClick = () => {\r\n    const newCheckedState = !checked;\r\n    setChecked(newCheckedState);\r\n    setTermsStatus(newCheckedState);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-react-terms\">\r\n      <p>\r\n        Please read and accept the{\" \"}\r\n        <Link href=\"https://instincthub.com/policies/terms-and-conditions\" className=\"ihub-link\">\r\n          terms and conditions\r\n        </Link>{\" \"}\r\n        before submitting this form. By submitting this form, you agree to comply with the terms and conditions.\r\n      </p>\r\n\r\n      <label htmlFor=\"id_accept_terms_and_conditions\" className=\"ihub-label-cbx\" onClick={handleCheckboxClick}>\r\n        <input\r\n          name={names}\r\n          id=\"id_accept_terms_and_conditions\"\r\n          type=\"checkbox\"\r\n          hidden\r\n          data-id=\"Seminars\"\r\n          value={checked ? \"true\" : \"false\"}\r\n          checked={checked}\r\n          readOnly\r\n        />\r\n        <div className=\"ihub-checkbox\">\r\n          <svg width=\"20px\" height=\"20px\" viewBox=\"0 0 20 20\">\r\n            <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\"></path>\r\n            <polyline points=\"4 11 8 15 16 6\"></polyline>\r\n          </svg>\r\n        </div>\r\n        <span>Agree</span>\r\n      </label>\r\n    </div>\r\n  );\r\n}"],"names":["ReadTermsAndCondition","_ref","names","setTermsStatus","_useState","useState","_useState2","_slicedToArray","checked","setChecked","_jsxs","className","children","_jsx","Link","href","htmlFor","onClick","newCheckedState","name","id","type","hidden","value","readOnly","width","height","viewBox","d","points"],"mappings":"2LAQwB,SAAAA,EAAqBC,GAAsD,IAAnDC,EAAKD,EAALC,MAAOC,EAAcF,EAAdE,eACrDC,EAA8BC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAA/CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAQ1B,OACEI,EAAK,MAAA,CAAAC,UAAU,6BACbD,EAC6B,IAAA,CAAAE,SAAA,CAAA,6BAAA,IAC3BC,EAACC,EAAI,CAACC,KAAK,wDAAwDJ,UAAU,8CAErE,IAEN,8GAEJD,EAAO,QAAA,CAAAM,QAAQ,iCAAiCL,UAAU,iBAAiBM,QAhBnD,WAC1B,IAAMC,GAAmBV,EACzBC,EAAWS,GACXf,EAAee,IAcXN,SAAA,CAAAC,EAAA,QAAA,CACEM,KAAMjB,EACNkB,GAAG,iCACHC,KAAK,WACLC,QAAM,EAAA,UACE,WACRC,MAAOf,EAAU,OAAS,QAC1BA,QAASA,EACTgB,UACA,IACFX,EAAK,MAAA,CAAAF,UAAU,gBAAeC,SAC5BF,EAAK,MAAA,CAAAe,MAAM,OAAOC,OAAO,OAAOC,QAAQ,YACtCf,SAAA,CAAAC,EAAA,OAAA,CAAMe,EAAE,2LACRf,EAAU,WAAA,CAAAgB,OAAO,wBAGrBhB,EAAkB,OAAA,CAAAD,SAAA,eAI1B"}
+{"version":3,"file":"ReadTermsAndCondition.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"SearchField.js","sources":["../../../../src/components/forms/SearchField.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\n\r\ninterface SearchFieldProps {\r\n  labels?: string;\r\n  setSearchValues?: (value: string) => void;\r\n}\r\n\r\nconst SearchField: React.FC<SearchFieldProps> = ({ labels, setSearchValues }) => {\r\n  const router = useRouter();\r\n\r\n  const handleUpdateQueryParam = (value: string): void => {\r\n    // Update the search params onChange\r\n    const query = new URLSearchParams(window.location.search);\r\n    query.set(\"search\", value);\r\n    \r\n    const newUrl = \r\n      window.location.pathname + \"?\" + query.toString() + \r\n      window.location.hash;\r\n      \r\n    router.replace(newUrl);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-search-field event-input\">\r\n      <div className=\"ihub-search-set\">\r\n        <div className=\"ihub-input-div\">\r\n          <svg \r\n            className=\"ihub-search-icon\" \r\n            width=\"20\" \r\n            height=\"20\" \r\n            viewBox=\"0 0 24 24\" \r\n            fill=\"none\" \r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n          >\r\n            <path \r\n              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\" \r\n              stroke=\"currentColor\" \r\n              strokeWidth=\"2\" \r\n              strokeLinecap=\"round\" \r\n              strokeLinejoin=\"round\"\r\n            />\r\n            <path \r\n              d=\"M21 21L16.65 16.65\" \r\n              stroke=\"currentColor\" \r\n              strokeWidth=\"2\" \r\n              strokeLinecap=\"round\" \r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </div>\r\n        <div>\r\n          <input\r\n            className=\"ihub-event-input\"\r\n            type=\"text\"\r\n            name=\"name\"\r\n            placeholder={`Search ${labels ? labels : \"Blog\"} ...`}\r\n            onChange={(e) => {\r\n              handleUpdateQueryParam(e.target.value);\r\n              setSearchValues && setSearchValues(e.target.value);\r\n            }}\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SearchField;"],"names":["SearchField","_ref","labels","setSearchValues","router","useRouter","_jsx","className","children","_jsxs","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","type","name","placeholder","concat","onChange","e","value","query","URLSearchParams","window","location","search","set","newUrl","pathname","toString","hash","replace","handleUpdateQueryParam","target"],"mappings":"8FAQA,IAAMA,EAA0C,SAA/BC,GAA+D,IAA7BC,EAAMD,EAANC,OAAQC,EAAeF,EAAfE,gBACnDC,EAASC,IAcf,OACEC,EAAK,MAAA,CAAAC,UAAU,gCACbC,SAAAC,EAAA,MAAA,CAAKF,UAAU,kBAAiBC,SAAA,CAC9BF,EAAK,MAAA,CAAAC,UAAU,iBACbC,SAAAC,EAAA,MAAA,CACEF,UAAU,mBACVG,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENN,SAAA,CAAAF,EAAA,OAAA,CACES,EAAE,oHACFC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,UAEjBb,EACE,OAAA,CAAAS,EAAE,qBACFC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,eAIrBb,EACE,MAAA,CAAAE,SAAAF,EAAA,QAAA,CACEC,UAAU,mBACVa,KAAK,OACLC,KAAK,OACLC,YAAW,UAAAC,OAAYrB,GAAkB,OAAY,QACrDsB,SAAU,SAACC,IA9CU,SAACC,GAE9B,IAAMC,EAAQ,IAAIC,gBAAgBC,OAAOC,SAASC,QAClDJ,EAAMK,IAAI,SAAUN,GAEpB,IAAMO,EACJJ,OAAOC,SAASI,SAAW,IAAMP,EAAMQ,WACvCN,OAAOC,SAASM,KAElBhC,EAAOiC,QAAQJ,GAsCLK,CAAuBb,EAAEc,OAAOb,OAChCvB,GAAmBA,EAAgBsB,EAAEc,OAAOb,MAC9C,UAMZ"}
+{"version":3,"file":"SearchField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e,objectSpread2 as r,asyncToGenerator as a,regeneratorRuntime as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n,jsxs as c}from"react/jsx-runtime";import{reqOptions as s,API_HOST_URL as o}from"../lib/helpFunction.js";import i from"@mui/icons-material/SearchRounded";import{useRouter as u}from"next/navigation";import{useState as l,useEffect as h}from"react";var p=function(p){var m=u(),f=p.params.channel,d=p.searchParams.search,v=l(),b=e(v,2),x=b[0],y=b[1],g=l(d),k=e(g,2),N=k[0],w=k[1],j=function(e){var a=m.query,t=r(r({},a),{},{search:e});m.replace({query:t})},C=function(){var e=a(t().mark((function e(r){var a,n,c=arguments;return t().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:a=c.length>1&&void 0!==c[1]&&c[1],(13===r.keyCode||a)&&(n=r.currentTarget.value,j(n));case 2:case"end":return e.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}(),P=function(){var e=a(t().mark((function e(){var r,a,n,c;return t().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return y(0),r=s("GET",null,p.token,!1,f),a="".concat(o).concat(p.urlPath,"search=").concat(d||""),e.prev=3,e.next=6,fetch(a,r);case 6:if(200!==(n=e.sent).status){e.next=14;break}return e.next=10,n.json();case 10:c=e.sent,p.setData(c.results),p.setNext(c.next),p.setPrevious(c.previous);case 14:y(n.status),e.next=21;break;case 17:e.prev=17,e.t0=e.catch(3),console.error("Search error:",e.t0),y(500);case 21:case"end":return e.stop()}}),e,null,[[3,17]])})));return function(){return e.apply(this,arguments)}}();return h((function(){void 0!==d&&(P(),w(d))}),[d]),n("div",{className:"ihub-search-field",children:c("div",{className:"ihub-search-courses",children:[n("input",{type:"search",placeholder:"Search ".concat(p.labels?p.labels:"Items"," ..."),onChange:function(e){w(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(){w(""),j("")},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===x?n("div",{className:"ihub-loader"}):n(i,{className:"ihub-material-symbols-outlined",onClick:function(){return j(N)}})})]})})};export{p as default};
+//# sourceMappingURL=SearchFieldDB.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFieldDB.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e,asyncToGenerator as n,regeneratorRuntime as r,typeof as i,toConsumableArray as a}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as c}from"react/jsx-runtime";import{memo as l,useState as o,useEffect as s,useCallback as u}from"react";import"next-auth/react";import"next/navigation";import{reqOptions as h,API_HOST_URL as m}from"../lib/helpFunction.js";import"../lib/utils.js";import d from"@mui/icons-material/SearchOutlined";import b from"@mui/icons-material/Check";import p from"@mui/icons-material/CloseOutlined";function f(l){var f=l.label,v=l.token,g=l.handle,N=l.setSelected,k=l.appLabel,x=l.modelName,y=l.filterChannel,C=void 0!==y&&y,_=l.limit_query,j=void 0===_?5:_,w=l.limit_select,E=void 0===w?0:w,T=l.key_name,S=void 0===T?"title":T,U=l.placeholder,q=void 0===U?"Search by Username or Email":U,A=l.searchUrl,D=l.selected,G=l.err,H=void 0!==G&&G,O=o(""),P=e(O,2),R=P[0],B=P[1],F=o([]),K=e(F,2),L=K[0],z=K[1],I=o(!1),J=e(I,2),M=J[0],Q=J[1],V=o(null),W=e(V,2),X=W[0],Y=W[1];s((function(){D&&D.length>0&&0===L.length&&z(D)}),[D]);var Z=u(n(r().mark((function e(){var n,i,a,t,c;return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(!0),Y(null),n=h("GET",null,v),i=A?A.includes("/?")?"".concat(A,"&search=").concat(R):"".concat(A,"?search=").concat(R):k?"".concat(m,"channels/").concat(g,"/dynamic-search/?app_label=").concat(k,"&model_name=").concat(x,"&value=").concat(R,"&filter_channel=").concat(C):"".concat(m,"auth/").concat(g,"/search-user/").concat(R,"/?limit=").concat(j),e.prev=4,e.next=7,fetch(i,n);case 7:if((a=e.sent).ok){e.next=10;break}throw new Error("HTTP error ".concat(a.status));case 10:return e.next=12,a.json();case 12:t=e.sent,z(t.results||[]),e.next=22;break;case 16:e.prev=16,e.t0=e.catch(4),c=e.t0 instanceof Error?e.t0.message:"Unknown error occurred",console.error("Error fetching search results:",c),Y(c),z([]);case 22:return e.prev=22,Q(!1),e.finish(22);case 25:case"end":return e.stop()}}),e,null,[[4,16,22,25]])}))),[R,v,A,k,x,g,C,j]),$=u((function(e){"Enter"===e.key&&(e.preventDefault(),Z())}),[Z]),ee=u((function(){B(""),z([]),Y(null)}),[]),ne=u((function(e){return D.some((function(n){return("object"===i(n)?null==n?void 0:n.id:n)===((null==e?void 0:e.username)||(null==e?void 0:e.id))}))}),[D]),re=u((function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=D.find((function(n){return n.id===e.id}));n?N(D.filter((function(n){return n.id!==e.id}))):!r&&(0===E||D.length<E)?N([].concat(a(D),[e])):1===E&&N([e])}),[D,N,E]);return t("div",{className:"ihub-react-search-container",children:c("div",{className:"ihub-react-search card",children:[f&&t("h4",{className:"ihub-fs-sm ihub-mt-2 ihub-mb-2",children:f}),c("div",{className:"ihub-search-input",children:[t("input",{type:"text",placeholder:q,onKeyDown:$,value:R,onChange:function(e){return B(e.target.value)},disabled:M}),c("div",{className:"ihub-search-icons",children:[R&&t(p,{onClick:ee,className:"ihub-search-icon ihub-close-icon"}),t(d,{onClick:Z,className:"ihub-search-icon ihub-search-button ".concat(M?"ihub-disabled":"")})]})]}),M&&t("div",{className:"ihub-loading",children:"Searching..."}),X&&t("div",{className:"ihub-search-error",children:X}),c("ul",{className:"ihub-search-results",children:[null==L?void 0:L.map((function(e,n){return c("li",{className:"ihub-search-result-item ihub-valid",onClick:function(){return re(e)},children:[ne(e)&&t(b,{className:"ihub-check-icon",style:{position:"relative",top:"5px",marginRight:"10px"}}),e[S]||e.title,ne(e)?t(p,{className:"ihub-delete-icon ihub-ml-auto",onClick:function(){return re(e,!0)}}):""]},"".concat(e.id||e.username||n))})),M||X||L.length||D.length?"":t("li",{className:"ihub-no-results",children:"No available options"})]}),H&&t("p",{className:"ihub-error",children:"This field is required"})]})})}var v=l(f);export{v as default};
+//# sourceMappingURL=SearchObjectsFromDB.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchObjectsFromDB.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +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};
+//# sourceMappingURL=SubmitButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +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};
+//# sourceMappingURL=TBodyNoData.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TBodyNoData.js","sources":["../../../../src/components/forms/TBodyNoData.tsx"],"sourcesContent":["import React from \"react\";\r\nimport GroupWorkOutlinedIcon from \"@mui/icons-material/GroupWorkOutlined\";\r\n\r\nconst TBodyNoData: React.FC = () => {\r\n  return (\r\n    <tr>\r\n      <td colSpan={99}>\r\n        <div className=\"ihub-empty-state\">\r\n          <GroupWorkOutlinedIcon />\r\n          <h4>No Data</h4>\r\n          <p>You have no cohort with the selected category.</p>\r\n        </div>\r\n      </td>\r\n    </tr>\r\n  );\r\n};\r\n\r\nexport default TBodyNoData;\r\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"}

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

@@ -0,0 +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};
+//# sourceMappingURL=THeadSortBtn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"THeadSortBtn.js","sources":["../../../../src/components/forms/THeadSortBtn.tsx"],"sourcesContent":["import React from \"react\";\r\nimport ArrowDownwardOutlinedIcon from \"@mui/icons-material/ArrowDownwardOutlined\";\r\nimport ArrowUpwardOutlinedIcon from \"@mui/icons-material/ArrowUpwardOutlined\";\r\n\r\n/**\r\n * Props interface for the THeadSortBtn component\r\n * @interface THeadSortBtnProps\r\n */\r\ninterface THeadSortBtnProps {\r\n  /** The key used for sorting */\r\n  keys: string;\r\n  /** The content to display in the table header */\r\n  labels: React.ReactNode;\r\n  /** The currently sorted column key */\r\n  sorted: string;\r\n  /** Optional minimum width for the column */\r\n  widths?: string;\r\n  /** Function to call when clicking the sort button */\r\n  handleSort: (key: string) => void;\r\n}\r\n\r\n/**\r\n * A sortable table header component with up/down arrows to indicate sort direction\r\n *\r\n * @param {THeadSortBtnProps} props - Component props\r\n * @returns {JSX.Element} - Rendered component\r\n */\r\nconst THeadSortBtn: React.FC<THeadSortBtnProps> = ({\r\n  keys,\r\n  labels,\r\n  sorted,\r\n  widths = \"auto\",\r\n  handleSort,\r\n}) => {\r\n  return (\r\n    <th\r\n      onClick={() => handleSort(keys)}\r\n      className={`ihub-thead-sort ${sorted === keys ? \"ihub-sorted\" : \"\"}`}\r\n      style={{ minWidth: widths }}\r\n    >\r\n      {labels}\r\n      {sorted !== keys ? (\r\n        <ArrowDownwardOutlinedIcon />\r\n      ) : (\r\n        <ArrowUpwardOutlinedIcon />\r\n      )}\r\n    </th>\r\n  );\r\n};\r\n\r\nexport default THeadSortBtn;\r\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"}

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e,asyncToGenerator as r,regeneratorRuntime 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 s,fetchAPI as l}from"../lib/helpFunction.js";import i from"./THeadSortBtn.js";var u=function(u){var c=o(!1),h=e(c,2),m=h[0],d=h[1],p=o(""),f=e(p,2),b=f[0],y=f[1],k=s("GET",null,u.token,!1,u.handle),v=function(){var e=r(t().mark((function e(r){var n,o,s;return t().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=[],m){e.next=8;break}return e.next=4,l(d,"".concat(u.urlPath,"?limit=36500"),k,!0);case 4:o=e.sent,n=a(o.results),e.next=9;break;case 8:n=a(m.results);case 9:r===b?(u.onChange&&u.onChange(u.urlPath,!0),y("")):(s=r.replaceAll(" ","_").toLowerCase(),n.sort((function(e,r){var t=e[s],a=r[s];return t>a?-1:t<a?1:0})),u.setData(n),u.setNext(""),y(r));case 10:case"end":return e.stop()}}),e)})));return function(r){return e.apply(this,arguments)}}();return n("thead",{children:n("tr",{children:u.headerItems.map((function(e,r){return e.key?n(i,{handleSort:v,sorted:b,labels:e.label,keys:e.key,widths:e.width},r):n("th",{style:{minWidth:e.width||"auto"},children:e.label},r)}))})})};export{u as default};
+//# sourceMappingURL=THeadSortList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"THeadSortList.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"Tables.js","sources":["../../../../src/components/forms/Tables.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\r\n\r\ninterface TableItem {\r\n  id: string | number;\r\n  title: string;\r\n  // Uncomment as needed\r\n  // column2: string;\r\n  // column3: string;\r\n  // column4: string;\r\n  // column5: string;\r\n  // column6: string;\r\n}\r\n\r\ninterface TablesProps {\r\n  data: TableItem[];\r\n}\r\n\r\nconst Tables: React.FC<TablesProps> = ({ data }) => {\r\n  const [filter, setFilter] = useState('');\r\n\r\n  const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    setFilter(e.target.value);\r\n  };\r\n\r\n  const filteredData = useMemo(() => {\r\n    return data.filter(item => \r\n      item.title.toLowerCase().includes(filter.toLowerCase())\r\n    );\r\n  }, [data, filter]);\r\n\r\n  return (\r\n    <div className=\"ihub-table-container\">\r\n      <div className=\"ihub-table-filter\">\r\n        <input \r\n          type=\"text\" \r\n          placeholder=\"Filter by title...\" \r\n          value={filter} \r\n          onChange={handleFilterChange}\r\n          className=\"ihub-table-filter-input\"\r\n        />\r\n      </div>\r\n      <table className=\"ihub-table\">\r\n        <thead>\r\n          <tr>\r\n            <th>No</th>\r\n            <th>Column 1</th>\r\n            {/* <th>Column 2</th>\r\n            <th>Column 3</th>\r\n            <th>Column 4</th>\r\n            <th>Column 5</th>\r\n            <th>Column 6</th> */}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {filteredData.map((item, index) => (\r\n            <tr key={item.id}>\r\n              <td>{index+1}</td>\r\n              <td>{item.title}</td>\r\n              {/* <td>{item.column2}</td>\r\n              <td>{item.column3}</td>\r\n              <td>{item.column4}</td>\r\n              <td>{item.column5}</td>\r\n              <td>{item.column6}</td> */}\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Tables;"],"names":["Tables","_ref","data","_useState","useState","_useState2","_slicedToArray","filter","setFilter","filteredData","useMemo","item","title","toLowerCase","includes","_jsxs","className","_jsx","type","placeholder","value","onChange","e","target","children","map","index","id"],"mappings":"+KAiBA,IAAMA,EAAgC,SAA1BC,GAAuC,IAAVC,EAAID,EAAJC,KACvCC,EAA4BC,EAAS,IAAGC,EAAAC,EAAAH,EAAA,GAAjCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAMlBI,EAAeC,GAAQ,WAC3B,OAAOR,EAAKK,QAAO,SAAAI,GAAI,OACrBA,EAAKC,MAAMC,cAAcC,SAASP,EAAOM,iBAE7C,GAAG,CAACX,EAAMK,IAEV,OACEQ,EAAK,MAAA,CAAAC,UAAU,iCACbC,EAAK,MAAA,CAAAD,UAAU,6BACbC,EACE,QAAA,CAAAC,KAAK,OACLC,YAAY,qBACZC,MAAOb,EACPc,SAjBmB,SAACC,GAC1Bd,EAAUc,EAAEC,OAAOH,QAiBbJ,UAAU,8BAGdD,EAAA,QAAA,CAAOC,UAAU,uBACfC,EACE,QAAA,CAAAO,SAAAT,EAAA,KAAA,CAAAS,SAAA,CACEP,EAAW,KAAA,CAAAO,SAAA,OACXP,mCAQJA,EACG,QAAA,CAAAO,SAAAf,EAAagB,KAAI,SAACd,EAAMe,GAAK,OAC5BX,kBACEE,EAAK,KAAA,CAAAO,SAAAE,EAAM,IACXT,EAAA,KAAA,CAAAO,SAAKb,EAAKC,UAFHD,EAAKgB,cAc1B"}
+{"version":3,"file":"Tables.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";var t=function(t){return e("div",{className:t.names,children:e("div",{className:"ihub-field",children:a("div",{className:"ihub-textarea-wrapper ".concat(t.defaultValues?"ihub-value":""),children:[e("textarea",{name:t.names,rows:t.rows,defaultValue:t.defaultValues,onChange:function(e){t.setValues&&t.setValues(e.target.value),t.inputEvent&&t.inputEvent(e),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},placeholder:t.placeholder,maxLength:void 0!==t.maxLengths?Number(t.maxLengths):void 0}),e("span",{className:"ihub-textarea-label",children:t.labels})]})})})};export{t as default};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";var t=function(t){return e("div",{className:t.name,children:[a("div",{className:"ihub-field",children:e("div",{className:"ihub-textarea-wrapper ".concat(t.defaultValue?"ihub-value":""),children:[a("textarea",{name:t.name,rows:t.rows,defaultValue:t.defaultValue,onChange:function(e){t.setValue&&t.setValue(e.target.value),t.onChange&&t.onChange(e),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},placeholder:t.placeholder,maxLength:void 0!==t.maxLength?Number(t.maxLength):void 0}),a("span",{className:"ihub-textarea-label",children:t.label})]})}),t.note&&a("p",{className:"ihub-input-notes",children:t.note})]})};export{t as default};
 //# sourceMappingURL=TextArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src/components/forms/TextArea.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface TextAreaProps {\r\n  names: string;\r\n  labels: string;\r\n  rows?: number;\r\n  defaultValues?: string;\r\n  placeholder?: string;\r\n  maxLengths?: number | string;\r\n  setValues?: (value: string) => void;\r\n  inputEvent?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\r\n}\r\n\r\nconst TextArea: React.FC<TextAreaProps> = (props) => {\r\n  const showLabel = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (e.target.value) e.target.parentElement?.classList.add(\"ihub-value\");\r\n    else e.target.parentElement?.classList.remove(\"ihub-value\");\r\n  };\r\n  \r\n  const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (props.setValues) props.setValues(e.target.value);\r\n    if (props.inputEvent) props.inputEvent(e);\r\n    showLabel(e);\r\n  };\r\n  \r\n  return (\r\n    <div className={props.names}>\r\n      <div className=\"ihub-field\">\r\n        <div className={`ihub-textarea-wrapper ${props.defaultValues ? \"ihub-value\" : \"\"}`}>\r\n          <textarea\r\n            name={props.names}\r\n            rows={props.rows}\r\n            defaultValue={props.defaultValues}\r\n            onChange={handleInput}\r\n            placeholder={props.placeholder}\r\n            maxLength={props.maxLengths !== undefined ? Number(props.maxLengths) : undefined}\r\n          ></textarea>\r\n          <span className=\"ihub-textarea-label\">{props.labels}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TextArea;"],"names":["TextArea","props","_jsx","className","names","children","_jsxs","concat","defaultValues","name","rows","defaultValue","onChange","e","setValues","target","value","inputEvent","_e$target$parentEleme","_e$target$parentEleme2","parentElement","classList","add","remove","showLabel","placeholder","maxLength","undefined","maxLengths","Number","labels"],"mappings":"kDAaA,IAAMA,EAAoC,SAACC,GAYzC,OACEC,SAAKC,UAAWF,EAAMG,eACpBF,EAAK,MAAA,CAAAC,UAAU,aAAYE,SACzBC,SAAKH,UAAS,yBAAAI,OAA2BN,EAAMO,cAAgB,aAAe,IAC5EH,SAAA,CAAAH,EAAA,WAAA,CACEO,KAAMR,EAAMG,MACZM,KAAMT,EAAMS,KACZC,aAAcV,EAAMO,cACpBI,SAdU,SAACC,GACfZ,EAAMa,WAAWb,EAAMa,UAAUD,EAAEE,OAAOC,OAC1Cf,EAAMgB,YAAYhB,EAAMgB,WAAWJ,GAPvB,SAACA,GAAmD,IAAAK,EAAAC,EAChEN,EAAEE,OAAOC,MAA6BE,QAAtBA,EAAAL,EAAEE,OAAOK,yBAAaF,GAAtBA,EAAwBG,UAAUC,IAAI,cAC/BH,QAAtBA,EAAAN,EAAEE,OAAOK,yBAAaD,GAAtBA,EAAwBE,UAAUE,OAAO,cAM9CC,CAAUX,IAYFY,YAAaxB,EAAMwB,YACnBC,eAAgCC,IAArB1B,EAAM2B,WAA2BC,OAAO5B,EAAM2B,iBAAcD,IAEzEzB,EAAM,OAAA,CAAAC,UAAU,sBAAqBE,SAAEJ,EAAM6B,eAKvD"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/forms/TextArea.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface TextAreaProps {\r\n  name: string;\r\n  label: string;\r\n  rows?: number;\r\n  defaultValue?: string;\r\n  placeholder?: string;\r\n  maxLength?: number | string;\r\n  note?: string;\r\n  setValue?: (value: string) => void;\r\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\r\n}\r\n\r\n/**\r\n * TextArea component\r\n * @example\r\n * ```tsx\r\n * <TextArea\r\n *   name=\"textArea\"\r\n *   label=\"Text Area\"\r\n *   rows={10}\r\n *   defaultValue=\"Default value\"\r\n * />\r\n * ```\r\n * Props interface for the TextArea component\r\n * @property {string} name - The name of the TextArea\r\n * @property {string} label - The label of the TextArea\r\n * @property {number} rows - The number of rows of the TextArea\r\n * @property {string} defaultValue - The default value of the TextArea\r\n * @property {string} placeholder - The placeholder of the TextArea\r\n * @property {number | string} maxLength - The max length of the TextArea\r\n * @property {string} note - The note of the TextArea\r\n * @property {(value: string) => void} setValue - The function to set the value of the TextArea\r\n * @property {(e: React.ChangeEvent<HTMLTextAreaElement>) => void} onChange - The function to handle the change of the TextArea\r\n * @returns {React.ReactElement} The TextArea component\r\n */\r\nconst TextArea: React.FC<TextAreaProps> = (props) => {\r\n  const showLabel = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (e.target.value) e.target.parentElement?.classList.add(\"ihub-value\");\r\n    else e.target.parentElement?.classList.remove(\"ihub-value\");\r\n  };\r\n  \r\n  const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (props.setValue) props.setValue(e.target.value);\r\n    if (props.onChange) props.onChange(e);\r\n    showLabel(e);\r\n  };\r\n  \r\n  return (\r\n    <div className={props.name}>\r\n      <div className=\"ihub-field\">\r\n        <div className={`ihub-textarea-wrapper ${props.defaultValue ? \"ihub-value\" : \"\"}`}>\r\n          <textarea\r\n            name={props.name}\r\n            rows={props.rows}\r\n            defaultValue={props.defaultValue}\r\n            onChange={handleInput}\r\n            placeholder={props.placeholder}\r\n            maxLength={props.maxLength !== undefined ? Number(props.maxLength) : undefined}\r\n          ></textarea>\r\n          <span className=\"ihub-textarea-label\">{props.label}</span>\r\n        </div>\r\n      </div>\r\n      {props.note && <p className=\"ihub-input-notes\">{props.note}</p>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TextArea;"],"names":["TextArea","props","_jsxs","className","name","children","_jsx","concat","defaultValue","rows","onChange","e","setValue","target","value","_e$target$parentEleme","_e$target$parentEleme2","parentElement","classList","add","remove","showLabel","placeholder","maxLength","undefined","Number","label","note"],"mappings":"kDAqCA,IAAMA,EAAoC,SAACC,GAYzC,OACEC,EAAK,MAAA,CAAAC,UAAWF,EAAMG,KAAIC,SAAA,CACxBC,EAAK,MAAA,CAAAH,UAAU,sBACbD,EAAK,MAAA,CAAAC,UAAS,yBAAAI,OAA2BN,EAAMO,aAAe,aAAe,IAC3EH,SAAA,CAAAC,EAAA,WAAA,CACEF,KAAMH,EAAMG,KACZK,KAAMR,EAAMQ,KACZD,aAAcP,EAAMO,aACpBE,SAdU,SAACC,GACfV,EAAMW,UAAUX,EAAMW,SAASD,EAAEE,OAAOC,OACxCb,EAAMS,UAAUT,EAAMS,SAASC,GAPnB,SAACA,GAAmD,IAAAI,EAAAC,EAChEL,EAAEE,OAAOC,MAA6BC,QAAtBA,EAAAJ,EAAEE,OAAOI,yBAAaF,GAAtBA,EAAwBG,UAAUC,IAAI,cAC/BH,QAAtBA,EAAAL,EAAEE,OAAOI,yBAAaD,GAAtBA,EAAwBE,UAAUE,OAAO,cAM9CC,CAAUV,IAYFW,YAAarB,EAAMqB,YACnBC,eAA+BC,IAApBvB,EAAMsB,UAA0BE,OAAOxB,EAAMsB,gBAAaC,IAEvElB,EAAA,OAAA,CAAMH,UAAU,sBAAuBE,SAAAJ,EAAMyB,aAGhDzB,EAAM0B,MAAQrB,EAAG,IAAA,CAAAH,UAAU,mBAAoBE,SAAAJ,EAAM0B,SAG5D"}

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

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useRef as t}from"react";function r(r){var l=t(null);return e("div",{className:"ihub-field-container ".concat(r.names),children:a("div",{className:"ihub-field",children:[a("div",{className:"ihub-wrapper ".concat(void 0!==r.defaultValues||!1===r.defaultValues||r.actives||"file"===r.types?"ihub-value":""),"data-text-transform":r.TextTransform||"none",children:[e("input",{ref:l,type:r.types,name:r.names,required:r.requireds,defaultValue:"boolean"==typeof r.defaultValues?r.defaultValues.toString():r.defaultValues,id:r.ids,maxLength:r.maxLengths,onChange:function(e){l.current&&"lowercase"===r.TextTransform&&(l.current.value=l.current.value.toLowerCase());var a=e.target.value;"tel"===r.types&&((a=a.replace(/[^0-9+]/g,"")).includes("+")&&(a="+"+a.replace(/[^0-9]/g,"")),a.length>15&&(a=a.slice(0,15)),e.target.value=a),r.setValues&&r.setValues(a),r.onChange&&r.onChange(e),r.inputTarget&&r.inputTarget(e.target),r.setNameValue&&r.setNameValue(r.names,a),r.setArrayProps&&r.arrayProps&&r.setArrayProps(r.arrayProps,a),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},className:"ihub-input ".concat("auto"===r.widths?"ihub-width-auto":""),readOnly:!!r.disableds&&r.disableds}),e("span",{className:"ihub-text-label",children:r.labels})]}),r.notes&&e("p",{className:"ihub-notes",children:r.notes})]})})}export{r as default};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useRef as t}from"react";function r(r){var l=t(null);return e("div",{className:"ihub-field-container ".concat(r.name),children:a("div",{className:"ihub-field",children:[a("div",{className:"ihub-wrapper ".concat(void 0!==r.defaultValue||!1===r.defaultValue||r.active||"file"===r.type?"ihub-value":""),"data-text-transform":r.TextTransform||"none",children:[e("input",{ref:l,type:r.type,name:r.name,required:r.required,defaultValue:"boolean"==typeof r.defaultValue?r.defaultValue.toString():r.defaultValue,id:r.id,maxLength:r.maxLength,onChange:function(e){l.current&&"lowercase"===r.TextTransform&&(l.current.value=l.current.value.toLowerCase());var a=e.target.value;"tel"===r.type&&((a=a.replace(/[^0-9+]/g,"")).includes("+")&&(a="+"+a.replace(/[^0-9]/g,"")),a.length>15&&(a=a.slice(0,15)),e.target.value=a),r.setValue&&r.setValue(a),r.onChange&&r.onChange(e),r.inputTarget&&r.inputTarget(e.target),r.setNameValue&&r.setNameValue(r.name,a),r.setArrayProps&&r.arrayProps&&r.setArrayProps(r.arrayProps,a),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},className:"ihub-input ".concat("auto"===r.width?"ihub-width-auto":""),readOnly:!!r.disabled&&r.disabled}),e("span",{className:"ihub-text-label",children:r.label})]}),r.note&&e("p",{className:"ihub-input-notes",children:r.note})]})})}export{r as default};
 //# sourceMappingURL=TextField.js.map

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

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as a,jsx as i}from"react/jsx-runtime";import{useState as t,useEffect as o}from"react";var l=function(l){var n=l.name,r=l.initialState,c=void 0!==r&&r,g=l.onChange,s=l.className,u=void 0===s?"":s,d=l.disabled,h=void 0!==d&&d,b=l.size,m=void 0===b?"medium":b,v=l.label,p=l.labelPosition,f=void 0===p?"right":p,N=l.noAnimation,k=void 0!==N&&N,C=l.activeColor,y=void 0===C?"--DarkCyan":C,x=l.id,j=l.ariaLabel,w=t(c),A=e(w,2),P=A[0],S=A[1],T=x||"toggle-".concat(Math.random().toString(36).substring(2,11));o((function(){S(c)}),[c]);var _=function(){if(!h){var e=!P;S(e),g&&g(e)}};return a("div",{className:"ihub-toggle-container ".concat("left"===f?"ihub-toggle-reverse":""," ").concat(u),children:[v&&i("label",{htmlFor:T,className:"ihub-toggle-label",children:v}),a("div",{className:"ihub-toggle-wrapper ".concat(function(){switch(m){case"small":return"ihub-toggle-sm";case"large":return"ihub-toggle-lg";default:return""}}()," ").concat(h?"ihub-toggle-disabled":""),children:[n&&i("input",{type:"hidden",name:n,defaultValue:P?"true":"false"}),i("input",{type:"checkbox",id:T,className:"ihub-toggle-input ihub-ghost",checked:P,onChange:_,disabled:h,"aria-label":j||"Toggle"}),i("div",{className:"ihub-toggle-track ".concat(P?"ihub-toggle-active":""," ").concat(k?"ihub-toggle-no-animation":""),style:P?{backgroundColor:"var(".concat(y,")")}:void 0,onClick:_,role:"presentation",children:i("div",{className:"ihub-toggle-thumb"})})]})]})};export{l as default};
+//# sourceMappingURL=ToggleButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/forms/Tooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport ReactTimeAgo from \"./ReactTimeAgo\";\r\n\r\ninterface TooltipContent {\r\n  feedback: string;\r\n  timestamp: string | number | Date;\r\n}\r\n\r\ninterface TooltipProps {\r\n  content: string | TooltipContent[];\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst Tooltip: React.FC<TooltipProps> = ({ content, children }) => {\r\n  const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n  const handleMouseEnter = () => setShowTooltip(true);\r\n  const handleMouseLeave = () => setShowTooltip(false);\r\n\r\n  return (\r\n    <div\r\n      className=\"ihub-tooltip-container\"\r\n      onMouseEnter={handleMouseEnter}\r\n      onMouseLeave={handleMouseLeave}\r\n    >\r\n      {children}\r\n      {showTooltip && (\r\n        <div className=\"ihub-tip-wrapper\">\r\n          <div className=\"ihub-tooltip\">\r\n            {Array.isArray(content)\r\n              ? content.map((option, index) => (\r\n                  <div key={index} className=\"ihub-tip-item\">\r\n                    <p>{option.feedback}</p>\r\n                    <p className=\"ihub-timestamp\">\r\n                      <ReactTimeAgo date={new Date(option.timestamp)} />\r\n                    </p>\r\n                  </div>\r\n                ))\r\n              : content}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Tooltip;"],"names":["Tooltip","_ref","content","children","_useState","useState","_useState2","_slicedToArray","showTooltip","setShowTooltip","_jsxs","className","onMouseEnter","onMouseLeave","_jsx","Array","isArray","map","option","index","feedback","ReactTimeAgo","date","Date","timestamp"],"mappings":"mMAaA,IAAMA,EAAkC,SAA3BC,GAAqD,IAAvBC,EAAOD,EAAPC,QAASC,EAAQF,EAARE,SAClDC,EAAsCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAvDI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAKlC,OACEI,EAAA,MAAA,CACEC,UAAU,yBACVC,aANqB,WAAH,OAASH,GAAe,EAAK,EAO/CI,aANqB,WAAH,OAASJ,GAAe,EAAM,EAMlBN,SAAA,CAE7BA,EACAK,GACCM,EAAK,MAAA,CAAAH,UAAU,4BACbG,EAAK,MAAA,CAAAH,UAAU,wBACZI,MAAMC,QAAQd,GACXA,EAAQe,KAAI,SAACC,EAAQC,GAAK,OACxBT,SAAiBC,UAAU,gBACzBR,SAAA,CAAAW,EAAA,IAAA,CAAAX,SAAIe,EAAOE,WACXN,EAAG,IAAA,CAAAH,UAAU,iBAAgBR,SAC3BW,EAACO,EAAY,CAACC,KAAM,IAAIC,KAAKL,EAAOM,iBAH9BL,EAMX,IACDjB,QAMhB"}
+{"version":3,"file":"Tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}