@instincthub/react-ui 0.1.4 → 0.1.5

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){var t=function(e){a.setSelectedValue&&a.setSelectedValue(e.target.value),a.setNameIDValueIndex&&a.setNameIDValueIndex(a.name,String(e.target.dataset.id),e.target.value,Number(e.target.dataset.index))};return a.options&&0!==a.options.length?e.jsxs("div",{className:a.name,children:[e.jsx("h5",{className:"mt-3",children:a.label}),e.jsx("div",{className:"ihub-field",children:e.jsx("div",{className:"ihub-radio-wrapper",children:a.options.map((function(i,l){return e.jsx("div",{className:"ihub-radio-parent",children:e.jsxs("label",{className:"ihub-radio",children:[e.jsx("input",{type:"radio",name:a.name,id:a.name+l,"data-id":i.id,"data-index":l,value:i.id,required:0===l&&a.required,onChange:t,defaultChecked:a.defaultValue===i.id}),e.jsx("span",{className:"ihub-label-title",children:i.title?i.title:i.name})]})},l)}))})}),a.note&&e.jsx("p",{className:"ihub-input-notes",children:a.note})]}):null};
+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  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":["props","handleOptionChange","event","setSelectedValue","target","value","setNameIDValueIndex","name","String","dataset","id","Number","index","options","length","_jsxs","className","children","_jsx","jsx","label","map","option","jsxs","type","required","onChange","defaultChecked","defaultValue","title","note"],"mappings":"uHAwD8C,SAACA,GAC7C,IAAMC,EAAqB,SAACC,GACtBF,EAAMG,kBACRH,EAAMG,iBAAiBD,EAAME,OAAOC,OAElCL,EAAMM,qBACRN,EAAMM,oBACJN,EAAMO,KACNC,OAAON,EAAME,OAAOK,QAAQC,IAC5BR,EAAME,OAAOC,MACbM,OAAOT,EAAME,OAAOK,QAAQG,SAKlC,OAAKZ,EAAMa,SAAoC,IAAzBb,EAAMa,QAAQC,OAKlCC,EAAAA,KAAK,MAAA,CAAAC,UAAWhB,EAAMO,KAAIU,SAAA,CACxBC,EAAIC,IAAA,KAAA,CAAAH,UAAU,OAAMC,SAAEjB,EAAMoB,QAE5BF,EAAAC,IAAA,MAAA,CAAKH,UAAU,aACbC,SAAAC,EAAAC,IAAA,MAAA,CAAKH,UAAU,8BACZhB,EAAMa,QAAQQ,KAAI,SAACC,EAAQV,GAC1B,OACEM,EAAAA,WAAKF,UAAU,oBACbC,SAAAF,EAAAQ,KAAA,QAAA,CAAOP,UAAU,uBACfE,EACEC,IAAA,QAAA,CAAAK,KAAK,QACLjB,KAAMP,EAAMO,KACZG,GAAIV,EAAMO,KAAOK,YACRU,EAAOZ,GAAE,aACNE,EACZP,MAAOiB,EAAOZ,GACde,SAAoB,IAAVb,GAAcZ,EAAMyB,SAC9BC,SAAUzB,EACV0B,eAAgB3B,EAAM4B,eAAiBN,EAAOZ,KAEhDQ,EAAMC,IAAA,OAAA,CAAAH,UAAU,mBAAkBC,SAC/BK,EAAOO,MAAQP,EAAOO,MAAQP,EAAOf,WAdJK,UAsB/CZ,EAAM8B,MAAQZ,EAAAA,IAAA,IAAA,CAAGF,UAAU,4BAAoBhB,EAAM8B,UAjCjD,IAoCX"}
+{"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 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){var s=a.id,i=a.name,l=a.value,n=a.label,r=a.checked,t=a.onChange,u=a.note;return e.jsxs("section",{className:"ihub-radio-btn",children:[e.jsxs("label",{htmlFor:s,className:"ihub-radio-label",children:[e.jsx("input",{className:"ihub-radio-input",type:"radio",name:i,id:s,value:l,onChange:function(e){t&&t(e)},defaultChecked:r}),e.jsx("span",{className:"ihub-custom-radio"}),e.jsx("p",{className:"ihub-p-label",children:n})]}),u&&e.jsx("p",{className:"ihub-input-notes",children:u})]})};
+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  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":["_ref","id","name","value","label","checked","onChange","note","_jsxs","className","children","jsxs","htmlFor","_jsx","jsx","type","e","defaultChecked"],"mappings":"uHAuCgD,SAA/BA,GAQZ,IAPHC,EAAED,EAAFC,GACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAKJ,EAALI,MACAC,EAAOL,EAAPK,QACAC,EAAQN,EAARM,SACAC,EAAIP,EAAJO,KAMA,OACEC,EAAAA,KAAA,UAAA,CAASC,UAAU,iBACjBC,SAAA,CAAAF,EAAAG,KAAA,QAAA,CAAOC,QAASX,EAAIQ,UAAU,mBAC5BC,SAAA,CAAAG,EAAAC,IAAA,QAAA,CACEL,UAAU,mBACVM,KAAK,QACLb,KAAMA,EACND,GAAIA,EACJE,MAAOA,EACPG,SAbY,SAACU,GACfV,GAAUA,EAASU,IAajBC,eAAgBZ,IAElBQ,EAAAC,IAAA,OAAA,CAAML,UAAU,sBAChBI,WAAGJ,UAAU,eAAcC,SAAEN,OAE9BG,GAAQM,EAAAC,IAAA,IAAA,CAAGL,UAAU,mBAAoBC,SAAAH,MAGhD"}
+{"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/RangeRadio.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +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":["_jsx","jsx","colSpan","children","_jsxs","jsxs","className","GroupWorkOutlinedIcon"],"mappings":"yPAG8B,WAC5B,OACEA,EAAAA,mBACEA,EAAIC,IAAA,KAAA,CAAAC,QAAS,GAAEC,SACbC,EAAKC,KAAA,MAAA,CAAAC,UAAU,6BACbN,EAAAA,IAACO,EAAAA,QAAwB,CAAA,GACzBP,EAAgBC,IAAA,KAAA,CAAAE,SAAA,YAChBH,6EAKV"}
+{"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

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

@@ -1 +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":["_ref","keys","labels","sorted","_ref$widths","widths","handleSort","_jsxs","onClick","className","concat","style","minWidth","children","_jsx","jsx","ArrowDownwardOutlinedIcon","ArrowUpwardOutlinedIcon"],"mappings":"6TA2BkD,SAAhCA,GAMb,IALHC,EAAID,EAAJC,KACAC,EAAMF,EAANE,OACAC,EAAMH,EAANG,OAAMC,EAAAJ,EACNK,OAAAA,OAAS,IAAHD,EAAG,OAAMA,EACfE,EAAUN,EAAVM,WAEA,OACEC,EAAAA,KACE,KAAA,CAAAC,QAAS,WAAF,OAAQF,EAAWL,EAAK,EAC/BQ,UAAS,mBAAAC,OAAqBP,IAAWF,EAAO,cAAgB,IAChEU,MAAO,CAAEC,SAAUP,GAElBQ,SAAA,CAAAX,EACAC,IAAWF,EACVa,EAACC,IAAAC,UAA4B,CAAA,GAE7BF,EAAAA,IAACG,EAAuB,QAAG,CAAA,KAInC"}
+{"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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),t=require("react"),n=require("../lib/helpFunction.js"),a=require("./THeadSortBtn.js");exports.default=function(s){var u=t.useState(!1),l=e.slicedToArray(u,2),i=l[0],o=l[1],c=t.useState(""),d=e.slicedToArray(c,2),h=d[0],p=d[1],f=n.reqOptions("GET",null,s.token,!1,s.handle),x=function(){var r=e.asyncToGenerator(e.regeneratorRuntime().mark((function r(t){var a,u,l;return e.regeneratorRuntime().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(a=[],i){r.next=8;break}return r.next=4,n.fetchAPI(o,"".concat(s.urlPath,"?limit=36500"),f,!0);case 4:u=r.sent,a=e.toConsumableArray(u.results),r.next=9;break;case 8:a=e.toConsumableArray(i.results);case 9:t===h?(s.onChange&&s.onChange(s.urlPath,!0),p("")):(l=t.replaceAll(" ","_").toLowerCase(),a.sort((function(e,r){var t=e[l],n=r[l];return t>n?-1:t<n?1:0})),s.setData(a),s.setNext(""),p(t));case 10:case"end":return r.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}();return r.jsx("thead",{children:r.jsx("tr",{children:s.headerItems.map((function(e,t){return e.key?r.jsx(a.default,{handleSort:x,sorted:h,labels:e.label,keys:e.key,widths:e.width},t):r.jsx("th",{style:{minWidth:e.width||"auto"},children:e.label},t)}))})})};
+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/Tables.js

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){return e.jsxs("div",{className:a.name,children:[e.jsx("div",{className:"ihub-field",children:e.jsxs("div",{className:"ihub-textarea-wrapper ".concat(a.defaultValue?"ihub-value":""),children:[e.jsx("textarea",{name:a.name,rows:a.rows,defaultValue:a.defaultValue,className:"ihub-textarea ".concat(a.clasName||""),disabled:a.disabled,required:a.required,onChange:function(e){a.setValue&&a.setValue(e.target.value),a.onChange&&a.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:a.placeholder,maxLength:void 0!==a.maxLength?Number(a.maxLength):void 0}),e.jsx("span",{className:"ihub-textarea-label",children:a.label})]})}),a.helperText&&!a.error&&e.jsx("p",{className:"ihub-notes",children:a.helperText}),a.error&&e.jsx("p",{className:"ihub-notes ihub-is_invalid",children:a.error}),a.note&&e.jsx("p",{className:"ihub-input-notes",id:"".concat(a.id,"-note"),children:a.note})]})};
+import{jsxs as e,jsx as a}from"react/jsx-runtime";var l=function(l){return e("div",{className:l.name,children:[a("div",{className:"ihub-field",children:e("div",{className:"ihub-textarea-wrapper ".concat(l.defaultValue?"ihub-value":""),children:[a("textarea",{name:l.name,rows:l.rows,defaultValue:l.defaultValue,className:"ihub-textarea ".concat(l.clasName||""),disabled:l.disabled,required:l.required,onChange:function(e){l.setValue&&l.setValue(e.target.value),l.onChange&&l.onChange(e),function(e){var a,l;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(l=e.target.parentElement)||void 0===l||l.classList.remove("ihub-value")}(e)},placeholder:l.placeholder,maxLength:void 0!==l.maxLength?Number(l.maxLength):void 0}),a("span",{className:"ihub-textarea-label",children:l.label})]})}),l.helperText&&!l.error&&a("p",{className:"ihub-notes",children:l.helperText}),l.error&&a("p",{className:"ihub-notes ihub-is_invalid",children:l.error}),l.note&&a("p",{className:"ihub-input-notes",id:"".concat(l.id,"-note"),children:l.note})]})};export{l 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  name: string;\r\n  label: string;\r\n  required?: boolean;\r\n  disabled?: boolean;\r\n  rows?: number;\r\n  defaultValue?: string;\r\n  placeholder?: string;\r\n  clasName?: string;\r\n  maxLength?: number | string;\r\n  note?: string;\r\n  error?: string;\r\n  helperText?: string;\r\n  id?: 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 {boolean} [required] - Whether the TextArea is required\r\n * @property {boolean} [disabled] - Whether the TextArea is disabled\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 {string} [clasName] - The class name 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 {string} error - The error message of the TextArea\r\n * @property {string} helperText - The helper text of the TextArea\r\n * @property {string} id - The id 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\r\n          className={`ihub-textarea-wrapper ${\r\n            props.defaultValue ? \"ihub-value\" : \"\"\r\n          }`}\r\n        >\r\n          <textarea\r\n            name={props.name}\r\n            rows={props.rows}\r\n            defaultValue={props.defaultValue}\r\n            className={`ihub-textarea ${props.clasName || \"\"}`}\r\n            disabled={props.disabled}\r\n            required={props.required}\r\n            onChange={handleInput}\r\n            placeholder={props.placeholder}\r\n            maxLength={\r\n              props.maxLength !== undefined\r\n                ? Number(props.maxLength)\r\n                : undefined\r\n            }\r\n          ></textarea>\r\n          <span className=\"ihub-textarea-label\">{props.label}</span>\r\n        </div>\r\n      </div>\r\n      {props.helperText && !props.error && <p className=\"ihub-notes\">{props.helperText}</p>}\r\n\r\n      {props.error && <p className=\"ihub-notes ihub-is_invalid\">{props.error}</p>}\r\n\r\n      {props.note && (\r\n        <p className=\"ihub-input-notes\" id={`${props.id}-note`}>\r\n          {props.note}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TextArea;\r\n"],"names":["props","_jsxs","className","name","children","_jsx","jsx","jsxs","concat","defaultValue","rows","clasName","disabled","required","onChange","e","setValue","target","value","_e$target$parentEleme","_e$target$parentEleme2","parentElement","classList","add","remove","showLabel","placeholder","maxLength","undefined","Number","label","helperText","error","note","id"],"mappings":"uHAiD0C,SAACA,GAYzC,OACEC,EAAAA,KAAK,MAAA,CAAAC,UAAWF,EAAMG,KACpBC,SAAA,CAAAC,EAAAC,IAAA,MAAA,CAAKJ,UAAU,aACbE,SAAAH,EAAAM,KAAA,MAAA,CACEL,UAAS,yBAAAM,OACPR,EAAMS,aAAe,aAAe,IAGtCL,SAAA,CAAAC,EAAAC,IAAA,WAAA,CACEH,KAAMH,EAAMG,KACZO,KAAMV,EAAMU,KACZD,aAAcT,EAAMS,aACpBP,UAAS,iBAAAM,OAAmBR,EAAMW,UAAY,IAC9CC,SAAUZ,EAAMY,SAChBC,SAAUb,EAAMa,SAChBC,SArBU,SAACC,GACff,EAAMgB,UAAUhB,EAAMgB,SAASD,EAAEE,OAAOC,OACxClB,EAAMc,UAAUd,EAAMc,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,IAmBFW,YAAa1B,EAAM0B,YACnBC,eACsBC,IAApB5B,EAAM2B,UACFE,OAAO7B,EAAM2B,gBACbC,IAGRvB,cAAMH,UAAU,sBAAqBE,SAAEJ,EAAM8B,aAGhD9B,EAAM+B,aAAe/B,EAAMgC,OAAS3B,EAAGC,IAAA,IAAA,CAAAJ,UAAU,sBAAcF,EAAM+B,aAErE/B,EAAMgC,OAAS3B,EAAAA,IAAG,IAAA,CAAAH,UAAU,sCAA8BF,EAAMgC,QAEhEhC,EAAMiC,MACL5B,EAAAA,IAAG,IAAA,CAAAH,UAAU,mBAAmBgC,MAAE1B,OAAKR,EAAMkC,GAAS,SACnD9B,SAAAJ,EAAMiC,SAKjB"}
+{"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  required?: boolean;\r\n  disabled?: boolean;\r\n  rows?: number;\r\n  defaultValue?: string;\r\n  placeholder?: string;\r\n  clasName?: string;\r\n  maxLength?: number | string;\r\n  note?: string;\r\n  error?: string;\r\n  helperText?: string;\r\n  id?: 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 {boolean} [required] - Whether the TextArea is required\r\n * @property {boolean} [disabled] - Whether the TextArea is disabled\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 {string} [clasName] - The class name 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 {string} error - The error message of the TextArea\r\n * @property {string} helperText - The helper text of the TextArea\r\n * @property {string} id - The id 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\r\n          className={`ihub-textarea-wrapper ${\r\n            props.defaultValue ? \"ihub-value\" : \"\"\r\n          }`}\r\n        >\r\n          <textarea\r\n            name={props.name}\r\n            rows={props.rows}\r\n            defaultValue={props.defaultValue}\r\n            className={`ihub-textarea ${props.clasName || \"\"}`}\r\n            disabled={props.disabled}\r\n            required={props.required}\r\n            onChange={handleInput}\r\n            placeholder={props.placeholder}\r\n            maxLength={\r\n              props.maxLength !== undefined\r\n                ? Number(props.maxLength)\r\n                : undefined\r\n            }\r\n          ></textarea>\r\n          <span className=\"ihub-textarea-label\">{props.label}</span>\r\n        </div>\r\n      </div>\r\n      {props.helperText && !props.error && <p className=\"ihub-notes\">{props.helperText}</p>}\r\n\r\n      {props.error && <p className=\"ihub-notes ihub-is_invalid\">{props.error}</p>}\r\n\r\n      {props.note && (\r\n        <p className=\"ihub-input-notes\" id={`${props.id}-note`}>\r\n          {props.note}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TextArea;\r\n"],"names":["TextArea","props","_jsxs","className","name","children","_jsx","concat","defaultValue","rows","clasName","disabled","required","onChange","e","setValue","target","value","_e$target$parentEleme","_e$target$parentEleme2","parentElement","classList","add","remove","showLabel","placeholder","maxLength","undefined","Number","label","helperText","error","note","id"],"mappings":"kDAiDA,IAAMA,EAAoC,SAACC,GAYzC,OACEC,EAAK,MAAA,CAAAC,UAAWF,EAAMG,KACpBC,SAAA,CAAAC,EAAA,MAAA,CAAKH,UAAU,aACbE,SAAAH,EAAA,MAAA,CACEC,UAAS,yBAAAI,OACPN,EAAMO,aAAe,aAAe,IAGtCH,SAAA,CAAAC,EAAA,WAAA,CACEF,KAAMH,EAAMG,KACZK,KAAMR,EAAMQ,KACZD,aAAcP,EAAMO,aACpBL,UAAS,iBAAAI,OAAmBN,EAAMS,UAAY,IAC9CC,SAAUV,EAAMU,SAChBC,SAAUX,EAAMW,SAChBC,SArBU,SAACC,GACfb,EAAMc,UAAUd,EAAMc,SAASD,EAAEE,OAAOC,OACxChB,EAAMY,UAAUZ,EAAMY,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,IAmBFW,YAAaxB,EAAMwB,YACnBC,eACsBC,IAApB1B,EAAMyB,UACFE,OAAO3B,EAAMyB,gBACbC,IAGRrB,UAAMH,UAAU,sBAAqBE,SAAEJ,EAAM4B,aAGhD5B,EAAM6B,aAAe7B,EAAM8B,OAASzB,EAAG,IAAA,CAAAH,UAAU,sBAAcF,EAAM6B,aAErE7B,EAAM8B,OAASzB,EAAG,IAAA,CAAAH,UAAU,sCAA8BF,EAAM8B,QAEhE9B,EAAM+B,MACL1B,EAAG,IAAA,CAAAH,UAAU,mBAAmB8B,MAAE1B,OAAKN,EAAMgC,GAAS,SACnD5B,SAAAJ,EAAM+B,SAKjB"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react");exports.default=function(t){var r=a.useRef(null);return e.jsx("div",{className:"ihub-field-container ".concat(t.name),children:e.jsxs("div",{className:"ihub-field",children:[e.jsxs("div",{className:"ihub-wrapper ".concat(void 0!==t.defaultValue||!1===t.defaultValue||t.active||"file"===t.type?"ihub-value":""),"data-text-transform":t.TextTransform||"none",children:[e.jsx("input",{ref:r,type:t.type,name:t.name,required:t.required,defaultValue:"boolean"==typeof t.defaultValue?t.defaultValue.toString():t.defaultValue,id:t.id,maxLength:t.maxLength,onChange:function(e){r.current&&"lowercase"===t.TextTransform&&(r.current.value=r.current.value.toLowerCase());var a=e.target.value;"tel"===t.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),t.setValue&&t.setValue(a),t.onChange&&t.onChange(e),t.inputTarget&&t.inputTarget(e.target),t.setNameValue&&t.setNameValue(t.name,a),t.setArrayProps&&t.arrayProps&&t.setArrayProps(t.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"===t.width?"ihub-width-auto":""),readOnly:!!t.disabled&&t.disabled}),e.jsx("span",{className:"ihub-text-label",children:t.label})]}),t.note&&e.jsx("p",{className:"ihub-input-notes",children:t.note})]})})};
+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/TimePicker.js

@@ -0,0 +1,2 @@
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as a,Fragment as n}from"react/jsx-runtime";import i from"@mui/icons-material/AccessTime";import{useState as r,useRef as c,useEffect as o}from"react";var l=function(l){var u=l.label,s=l.value,d=void 0===s?"":s,m=l.onChange,p=l.required,h=void 0!==p&&p,b=l.use12Hour,v=void 0!==b&&b,f=l.includeSeconds,g=void 0!==f&&f,S=l.step,N=void 0===S?1:S,y=l.minTime,M=l.maxTime,k=l.disabledTimes,w=void 0===k?[]:k,C=l.errorMessage,x=l.className,A=void 0===x?"":x,P=l.name,T=l.id;l.placeholder;var I=l.disabled,H=void 0!==I&&I,L=l.showTimePicker,D=void 0===L||L,$=l.showQuickActions,B=void 0===$||$,E=l.ariaLabel,F=r(d),q=e(F,2),K=q[0],_=q[1],j=r(!1),Q=e(j,2),z=Q[0],G=Q[1],J=r(C||null),O=e(J,2),R=O[0],U=O[1],V=r(""),W=e(V,2),X=W[0],Y=W[1],Z=r(""),ee=e(Z,2),te=ee[0],ae=ee[1],ne=r("00"),ie=e(ne,2),re=ie[0],ce=ie[1],oe=r("AM"),le=e(oe,2),ue=le[0],se=le[1],de=c(null),me=c(null),pe=c(null),he=c(null),be=c(null);o((function(){d&&ve(d)}),[d,v]),o((function(){var e=function(e){de.current&&!de.current.contains(e.target)&&me.current&&!me.current.contains(e.target)&&G(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var ve=function(e){if(e)try{var t=e.split(":"),a=parseInt(t[0]),n=parseInt(t[1]),i=t[2]?parseInt(t[2]):0;v?0===a?(Y("12"),se("AM")):a<12?(Y(a.toString().padStart(2,"0")),se("AM")):12===a?(Y("12"),se("PM")):(Y((a-12).toString().padStart(2,"0")),se("PM")):Y(a.toString().padStart(2,"0")),ae(n.toString().padStart(2,"0")),ce(i.toString().padStart(2,"0")),_(e)}catch(t){console.warn("Failed to parse time value:",e)}},fe=function(t){if(!y&&!M)return!0;var a=function(t){var a=t.split(":").map(Number),n=e(a,2);return 60*n[0]+n[1]},n=a(t);return!(y&&n<a(y))&&!(M&&n>a(M))},ge=function(e){return w.includes(e)},Se=function(){return U(null),h&&!K?(U("Time is required"),!1):!K||((g?/^([01]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/:/^([01]?[0-9]|2[0-3]):[0-5][0-9]$/).test(K)?fe(K)?!ge(K)||(U("This time is not available"),!1):(U("Time must be between ".concat(y||"any"," and ").concat(M||"any")),!1):(U("Please enter a valid time"),!1))},Ne=function(e){se(e),ye(X,te,re,e)},ye=function(e,t,a,n){if(e.length>=1&&t.length>=1){var i=parseInt(e.padStart(2,"0"));v&&("AM"===n&&12===i?i=0:"PM"===n&&12!==i&&(i+=12));var r=i.toString().padStart(2,"0"),c=t.padStart(2,"0"),o=a.padStart(2,"0"),l=g?"".concat(r,":").concat(c,":").concat(o):"".concat(r,":").concat(c);_(l),m&&m(l)}},Me=function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),G(!z)),"Escape"===e.key&&G(!1)},ke=function(){},we=function(e){Se()},Ce=function(){var e=new Date,t=e.getHours().toString().padStart(2,"0"),a=e.getMinutes().toString().padStart(2,"0"),n=e.getSeconds().toString().padStart(2,"0"),i=g?"".concat(t,":").concat(a,":").concat(n):"".concat(t,":").concat(a);ve(i),m&&m(i)},xe=function(){Y(""),ae(""),ce("00"),se("AM"),_(""),m&&m("")};return t("div",{className:"ihub-wrapper",children:[t("div",{className:"ihub-time-wrapper ihub-value ".concat(A," ").concat(R?"ihub-is_invalid":""),children:[t("label",{className:"ihub-text-label ihub-fs-sm ihub-text-gunmetal",htmlFor:T||P,children:[u,h&&a("span",{className:"ihub-required",children:"*"})]}),t("div",{ref:me,className:"ihub-time-input-container ".concat(R?"time-err":""),onClick:function(){return!H&&D&&G(!0)},children:[a("input",{ref:pe,type:"text",className:"ihub-time-input ihub-time-hours",value:X,onChange:function(e){var t=e.target.value.slice(0,2),a=v?12:23;if(/^\d*$/.test(t)){var n=parseInt(t);(""===t||n>=1&&n<=a||"0"===t&&!v)&&(Y(t),ye(t,te,re,ue),2===t.length&&he.current&&he.current.focus())}},onFocus:ke,onBlur:we,onKeyDown:Me,placeholder:"HH",maxLength:2,disabled:H,"aria-label":"Hours ".concat(E||u),"aria-invalid":!!R}),a("span",{className:"ihub-time-separator",children:":"}),a("input",{ref:he,type:"text",className:"ihub-time-input",value:te,onChange:function(e){var t=e.target.value.slice(0,2);/^\d*$/.test(t)&&(""===t||parseInt(t)<=59)&&(ae(t),ye(X,t,re,ue),2===t.length&&g&&be.current&&be.current.focus())},onFocus:ke,onBlur:we,onKeyDown:Me,placeholder:"MM",maxLength:2,disabled:H,"aria-label":"Minutes ".concat(E||u),"aria-invalid":!!R}),g&&t(n,{children:[a("span",{className:"ihub-time-separator",children:":"}),a("input",{ref:be,type:"text",className:"ihub-time-input",value:re,onChange:function(e){var t=e.target.value.slice(0,2);/^\d*$/.test(t)&&(""===t||parseInt(t)<=59)&&(ce(t),ye(X,te,t,ue))},onBlur:we,onKeyDown:Me,placeholder:"SS",maxLength:2,disabled:H,"aria-label":"Seconds ".concat(E||u)})]}),v&&t("div",{className:"ihub-ampm-wrapper",children:[a("button",{type:"button",className:"ihub-ampm-btn ".concat("AM"===ue?"active":""),onClick:function(){return Ne("AM")},disabled:H,children:"AM"}),a("button",{type:"button",className:"ihub-ampm-btn ".concat("PM"===ue?"active":""),onClick:function(){return Ne("PM")},disabled:H,children:"PM"})]}),D&&a("button",{type:"button",className:"ihub-time-picker-toggle",onClick:function(e){e.stopPropagation(),!H&&G(!z)},"aria-label":"Toggle time picker",disabled:H,children:a(i,{})})]}),R&&a("div",{className:"ihub-error-message",children:R}),z&&D&&!H&&t("div",{className:"ihub-time-picker-container",ref:de,role:"listbox","aria-label":"Choose time",children:[a("div",{className:"ihub-time-picker-header",children:a("span",{children:"Select Time"})}),a("div",{className:"ihub-time-options-container",children:function(){for(var e=[],t=N||1,a=0;a<24;a++)for(var n=0;n<60;n+=t){var i=n,r=a,c="";v&&(c=a<12?" AM":" PM",r=0===a?12:a>12?a-12:a);var o="".concat(a.toString().padStart(2,"0"),":").concat(i.toString().padStart(2,"0")),l="".concat(r.toString().padStart(2,"0"),":").concat(i.toString().padStart(2,"0")).concat(c);!ge(o)&&fe(o)&&e.push({value:o,display:l})}return e}().map((function(e,t){return a("div",{className:"ihub-time-option ".concat(e.value===K?"selected":""),onClick:function(){return t=e.value,ve(t),m&&m(t),Se(),void G(!1);var t},role:"option","aria-selected":e.value===K,children:e.display},t)}))}),B&&t("div",{className:"ihub-time-picker-actions",children:[a("button",{className:"ihub-time-action-btn",onClick:Ce,type:"button",children:"Now"}),a("button",{className:"ihub-time-action-btn",onClick:xe,type:"button",children:"Clear"})]})]})]}),B&&!H&&t("div",{className:"ihub-auto-time ihub-time-picker-action",children:[a("span",{className:"ihub-set-now ihub-fs-sm",onClick:Ce,children:"Now"}),a("span",{className:"ihub-separator ihub-fs-sm",children:"|"}),a("span",{className:"ihub-clear-time ihub-fs-sm",onClick:xe,children:"Clear"})]}),P&&a("input",{type:"hidden",name:P,value:K})]})};export{l as default};
+//# sourceMappingURL=TimePicker.js.map

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./ReactTimeAgo.js");exports.default=function(s){var a=s.content,n=s.children,u=i.useState(!1),c=e.slicedToArray(u,2),l=c[0],o=c[1];return r.jsxs("div",{className:"ihub-tooltip-container",onMouseEnter:function(){return o(!0)},onMouseLeave:function(){return o(!1)},children:[n,l&&r.jsx("div",{className:"ihub-tip-wrapper",children:r.jsx("div",{className:"ihub-tooltip",children:Array.isArray(a)?a.map((function(e,i){return r.jsxs("div",{className:"ihub-tip-item",children:[r.jsx("p",{children:e.feedback}),r.jsx("p",{className:"ihub-timestamp",children:r.jsx(t.default,{date:new Date(e.timestamp)})})]},i)})):a})})]})};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useState as t}from"react";import a from"./ReactTimeAgo.js";var n=function(n){var o=n.content,c=n.children,l=t(!1),s=e(l,2),m=s[0],u=s[1];return r("div",{className:"ihub-tooltip-container",onMouseEnter:function(){return u(!0)},onMouseLeave:function(){return u(!1)},children:[c,m&&i("div",{className:"ihub-tip-wrapper",children:i("div",{className:"ihub-tooltip",children:Array.isArray(o)?o.map((function(e,t){return r("div",{className:"ihub-tip-item",children:[i("p",{children:e.feedback}),i("p",{className:"ihub-timestamp",children:i(a,{date:new Date(e.timestamp)})})]},t)})):o})})]})};export{n as default};
 //# sourceMappingURL=Tooltip.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),s=require("react/jsx-runtime"),a=require("react"),n=require("next/link"),i=require("next/image"),l=require("../lib/json/unsplashDefaultObject.js"),r=require("../lib/helpFunction.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=t(n),o=t(i);exports.default=function(n){var i,t,c,d,h,p,v=n.useDispatch,m=n.useSelector,b=n.selectUnsplashObject,f=n.unsplashObject,x=n.height,j=void 0===x?"100vh":x,g=n.width,y=void 0===g?"100%":g,N=n.borderRadius,k=void 0===N?"8px":N,w=n.overlayIntensity,_=void 0===w?.2:w,D=n.onImageClick,S=v(),q=m(b),E=a.useState(!0),O=e.slicedToArray(E,2),T=O[0],C=O[1],A=a.useState(!1),I=e.slicedToArray(A,2),L=I[0],P=I[1],R=a.useState(null),U=e.slicedToArray(R,2),F=U[0],B=U[1],H=function(){var s=e.asyncToGenerator(e.regeneratorRuntime().mark((function s(){var a,i,t;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!L){e.next=2;break}return e.abrupt("return");case 2:if(P(!0),B(null),r.IN_DEV_MODE){e.next=26;break}return e.prev=5,e.next=8,fetch("https://api.unsplash.com/photos/random?query=".concat(n.category,"&client_id=").concat(process.env.NEXT_PUBLIC_UNSPLASH_ACCESS_KEY));case 8:if((a=e.sent).ok){e.next=11;break}throw new Error("Failed to fetch: ".concat(a.status," ").concat(a.statusText));case 11:return e.next=13,a.json();case 13:i=e.sent,t=l.unsplashDefaultObject,null!=i&&i.id&&(t=i),S(f.actions.add(t)),e.next=24;break;case 19:e.prev=19,e.t0=e.catch(5),console.error("Error fetching random image:",e.t0),B("Failed to load image. Please try again."),S(f.actions.add(l.unsplashDefaultObject));case 24:e.next=27;break;case 26:S(f.actions.add(l.unsplashDefaultObject));case 27:P(!1);case 28:case"end":return e.stop()}}),s,null,[[5,19]])})));return function(){return s.apply(this,arguments)}}();a.useEffect((function(){H()}),[n.category]);return s.jsxs("div",{className:"ihub-unsplash-container",style:{width:y,borderRadius:k,height:j,background:(null==q?void 0:q.color)||"#f5f5f5"},children:[T&&s.jsx("div",{className:"ihub-unsplash-loader",children:s.jsx("div",{className:"ihub-unsplash-spinner"})}),F&&s.jsxs("div",{className:"ihub-unsplash-error",children:[s.jsx("p",{children:F}),s.jsx("button",{onClick:H,disabled:L,children:"Try Again"})]}),s.jsxs("div",{className:"ihub-unsplash-image-container ".concat(T?"ihub-unsplash-loading":""),onClick:D,children:[s.jsx(o.default,{src:(null==q||null===(i=q.urls)||void 0===i?void 0:i.regular)||"",alt:(null==q?void 0:q.alt_description)||n.category||"Unsplash image",className:"ihub-unsplash-image",fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",priority:!0,onLoad:function(){C(!1)},style:{objectFit:"cover",borderRadius:k}}),s.jsx("div",{className:"ihub-unsplash-overlay",style:{opacity:_}}),s.jsxs("div",{className:"ihub-unsplash-info",children:[(null==q?void 0:q.description)&&s.jsx("p",{className:"ihub-unsplash-description",children:q.description}),s.jsxs("div",{className:"ihub-unsplash-metadata",children:[(null==q||null===(t=q.user)||void 0===t||null===(t=t.profile_image)||void 0===t?void 0:t.small)&&s.jsx(o.default,{src:q.user.profile_image.small,alt:(null===(c=q.user)||void 0===c?void 0:c.name)||"Photographer",width:24,height:24,className:"ihub-unsplash-avatar"}),s.jsxs("div",{className:"ihub-unsplash-user-info",children:[s.jsx(u.default,{href:(null==q||null===(d=q.user)||void 0===d||null===(d=d.links)||void 0===d?void 0:d.html)||"#",target:"_blank",rel:"noopener noreferrer",className:"ihub-unsplash-username",children:(null==q||null===(h=q.user)||void 0===h?void 0:h.name)||"Unknown"}),(null==q||null===(p=q.user)||void 0===p?void 0:p.location)&&s.jsx("span",{className:"ihub-unsplash-location",children:q.user.location})]}),s.jsxs("div",{className:"ihub-unsplash-stats",children:[(null==q?void 0:q.created_at)&&s.jsx("span",{className:"ihub-unsplash-date",children:function(e){if(!e)return"";var s=new Date(e);return new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"numeric"}).format(s)}(q.created_at)}),void 0!==(null==q?void 0:q.likes)&&s.jsxs("span",{className:"ihub-unsplash-likes",children:[s.jsx("span",{className:"ihub-unsplash-heart",children:"♥"})," ",q.likes]})]})]})]})]}),s.jsx("div",{className:"ihub-unsplash-actions",children:s.jsx("button",{className:"ihub-unsplash-refresh",onClick:H,disabled:L,"aria-label":"Load a new image",title:"Load a new image",children:L?"Loading...":"Refresh Image"})})]})};
+import{slicedToArray as e,asyncToGenerator as a,regeneratorRuntime as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as s}from"react/jsx-runtime";import{useState as l,useEffect as r}from"react";import t from"next/link";import o from"next/image";import{unsplashDefaultObject as c}from"../lib/json/unsplashDefaultObject.js";import{IN_DEV_MODE as u}from"../lib/helpFunction.js";var d=function(d){var h,p,m,v,b,f,g=d.useDispatch,N=d.useSelector,k=d.selectUnsplashObject,y=d.unsplashObject,x=d.height,w=void 0===x?"100vh":x,_=d.width,j=void 0===_?"100%":_,C=d.borderRadius,L=void 0===C?"8px":C,S=d.overlayIntensity,T=void 0===S?.2:S,U=d.onImageClick,E=g(),F=N(k),I=l(!0),P=e(I,2),R=P[0],A=P[1],D=l(!1),O=e(D,2),B=O[0],H=O[1],q=l(null),z=e(q,2),G=z[0],K=z[1],X=function(){var e=a(n().mark((function e(){var a,i,s;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!B){e.next=2;break}return e.abrupt("return");case 2:if(H(!0),K(null),u){e.next=26;break}return e.prev=5,e.next=8,fetch("https://api.unsplash.com/photos/random?query=".concat(d.category,"&client_id=").concat(process.env.NEXT_PUBLIC_UNSPLASH_ACCESS_KEY));case 8:if((a=e.sent).ok){e.next=11;break}throw new Error("Failed to fetch: ".concat(a.status," ").concat(a.statusText));case 11:return e.next=13,a.json();case 13:i=e.sent,s=c,null!=i&&i.id&&(s=i),E(y.actions.add(s)),e.next=24;break;case 19:e.prev=19,e.t0=e.catch(5),console.error("Error fetching random image:",e.t0),K("Failed to load image. Please try again."),E(y.actions.add(c));case 24:e.next=27;break;case 26:E(y.actions.add(c));case 27:H(!1);case 28:case"end":return e.stop()}}),e,null,[[5,19]])})));return function(){return e.apply(this,arguments)}}();r((function(){X()}),[d.category]);return i("div",{className:"ihub-unsplash-container",style:{width:j,borderRadius:L,height:w,background:(null==F?void 0:F.color)||"#f5f5f5"},children:[R&&s("div",{className:"ihub-unsplash-loader",children:s("div",{className:"ihub-unsplash-spinner"})}),G&&i("div",{className:"ihub-unsplash-error",children:[s("p",{children:G}),s("button",{onClick:X,disabled:B,children:"Try Again"})]}),i("div",{className:"ihub-unsplash-image-container ".concat(R?"ihub-unsplash-loading":""),onClick:U,children:[s(o,{src:(null==F||null===(h=F.urls)||void 0===h?void 0:h.regular)||"",alt:(null==F?void 0:F.alt_description)||d.category||"Unsplash image",className:"ihub-unsplash-image",fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",priority:!0,onLoad:function(){A(!1)},style:{objectFit:"cover",borderRadius:L}}),s("div",{className:"ihub-unsplash-overlay",style:{opacity:T}}),i("div",{className:"ihub-unsplash-info",children:[(null==F?void 0:F.description)&&s("p",{className:"ihub-unsplash-description",children:F.description}),i("div",{className:"ihub-unsplash-metadata",children:[(null==F||null===(p=F.user)||void 0===p||null===(p=p.profile_image)||void 0===p?void 0:p.small)&&s(o,{src:F.user.profile_image.small,alt:(null===(m=F.user)||void 0===m?void 0:m.name)||"Photographer",width:24,height:24,className:"ihub-unsplash-avatar"}),i("div",{className:"ihub-unsplash-user-info",children:[s(t,{href:(null==F||null===(v=F.user)||void 0===v||null===(v=v.links)||void 0===v?void 0:v.html)||"#",target:"_blank",rel:"noopener noreferrer",className:"ihub-unsplash-username",children:(null==F||null===(b=F.user)||void 0===b?void 0:b.name)||"Unknown"}),(null==F||null===(f=F.user)||void 0===f?void 0:f.location)&&s("span",{className:"ihub-unsplash-location",children:F.user.location})]}),i("div",{className:"ihub-unsplash-stats",children:[(null==F?void 0:F.created_at)&&s("span",{className:"ihub-unsplash-date",children:function(e){if(!e)return"";var a=new Date(e);return new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"numeric"}).format(a)}(F.created_at)}),void 0!==(null==F?void 0:F.likes)&&i("span",{className:"ihub-unsplash-likes",children:[s("span",{className:"ihub-unsplash-heart",children:"♥"})," ",F.likes]})]})]})]})]}),s("div",{className:"ihub-unsplash-actions",children:s("button",{className:"ihub-unsplash-refresh",onClick:X,disabled:B,"aria-label":"Load a new image",title:"Load a new image",children:B?"Loading...":"Refresh Image"})})]})};export{d as default};
 //# sourceMappingURL=UnsplashRandomImage.js.map

package/dist/src/components/forms/radio-btn/RadioButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){var i=a.id,r=a.name,d=a.value,s=a.label,c=a.checked,o=void 0!==c&&c,l=a.disabled,n=void 0!==l&&l,t=a.onChange,h=a.required,u=void 0!==h&&h,b=a.className,m=void 0===b?"":b,p=a.error,v=a.helpText,x=a.fontSize,j=void 0===x?"ihub-fs-sm":x;return e.jsxs("div",{className:"ihub-radio-wrapper ".concat(m," ").concat(n?"ihub-radio-disabled":""," ").concat(p?"ihub-radio-error":""),children:[e.jsxs("div",{className:"ihub-radio-container",children:[e.jsx("input",{type:"radio",id:i,name:r,value:d,checked:o,disabled:n,onChange:t,required:u,"aria-invalid":!!p,"aria-describedby":"".concat(i,"-").concat(p?"error":v?"help":""),className:"ihub-radio-input"}),e.jsxs("label",{className:"ihub-radio-label",htmlFor:i,children:[e.jsx("span",{className:"ihub-radio-custom","aria-hidden":"true"}),e.jsx("span",{className:"ihub-radio-text ".concat(j),children:s}),u&&e.jsx("span",{className:"ihub-required-mark","aria-hidden":"true",children:"*"})]})]}),v&&!p&&e.jsx("div",{id:"".concat(i,"-help"),className:"ihub-radio-help-text",children:v}),p&&e.jsx("div",{id:"".concat(i,"-error"),className:"ihub-radio-error-message",role:"alert",children:p})]})};
+import{jsxs as a,jsx as e}from"react/jsx-runtime";var i=function(i){var r=i.id,d=i.name,c=i.value,o=i.label,l=i.checked,n=void 0!==l&&l,s=i.disabled,h=void 0!==s&&s,t=i.onChange,u=i.required,b=void 0!==u&&u,m=i.className,p=void 0===m?"":m,v=i.error,N=i.helpText,f=i.fontSize,x=void 0===f?"ihub-fs-sm":f;return a("div",{className:"ihub-radio-wrapper ".concat(p," ").concat(h?"ihub-radio-disabled":""," ").concat(v?"ihub-radio-error":""),children:[a("div",{className:"ihub-radio-container",children:[e("input",{type:"radio",id:r,name:d,value:c,checked:n,disabled:h,onChange:t,required:b,"aria-invalid":!!v,"aria-describedby":"".concat(r,"-").concat(v?"error":N?"help":""),className:"ihub-radio-input"}),a("label",{className:"ihub-radio-label",htmlFor:r,children:[e("span",{className:"ihub-radio-custom","aria-hidden":"true"}),e("span",{className:"ihub-radio-text ".concat(x),children:o}),b&&e("span",{className:"ihub-required-mark","aria-hidden":"true",children:"*"})]})]}),N&&!v&&e("div",{id:"".concat(r,"-help"),className:"ihub-radio-help-text",children:N}),v&&e("div",{id:"".concat(r,"-error"),className:"ihub-radio-error-message",role:"alert",children:v})]})};export{i as default};
 //# sourceMappingURL=RadioButton.js.map

package/dist/src/components/forms/radio-btn/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/forms/radio-btn/RadioButton.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\n/**\r\n * Props for the RadioButton component\r\n * @interface RadioButtonProps\r\n */\r\ninterface RadioButtonProps {\r\n  /** Unique identifier for the radio button */\r\n  id: string;\r\n  /** Name attribute for the radio input (for grouping) */\r\n  name: string;\r\n  /** Value of the radio button */\r\n  value: string;\r\n  /** Label text to display */\r\n  label: string;\r\n  /** Whether the radio button is checked */\r\n  checked?: boolean;\r\n  /** Whether the radio button is disabled */\r\n  disabled?: boolean;\r\n  /** Callback function when the radio button changes */\r\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n  /** Whether the input is required */\r\n  required?: boolean;\r\n  /** Additional CSS classes */\r\n  className?: string;\r\n  /** Error message to display */\r\n  error?: string;\r\n  /** Help text to provide additional context */\r\n  helpText?: string;\r\n  /** Font size of the radio button */\r\n  fontSize?: string;\r\n}\r\n\r\n/**\r\n * A customizable, accessible radio button component\r\n * @example\r\n * ```tsx\r\n * <RadioButton\r\n *  id=\"radio-button-1\"\r\n *  name=\"radio-button-group\"\r\n *  value=\"radio-button-1\"\r\n *  label=\"Radio Button 1\"\r\n * />\r\n * ```\r\n * @param id Unique identifier for the radio button\r\n * @param name Name attribute for the radio input (for grouping)\r\n * @param value Value of the radio button\r\n * @param label Label text to display\r\n * @param checked Whether the radio button is checked\r\n * @param disabled Whether the radio button is disabled\r\n * @param onChange Callback function when the radio button changes\r\n * @param required Whether the radio button is required\r\n * @param className Additional CSS classes\r\n * @param error Error message to display\r\n * @param helpText Help text to provide additional context\r\n * @param fontSize Font size of the radio button\r\n */\r\nconst RadioButton: React.FC<RadioButtonProps> = ({\r\n  id,\r\n  name,\r\n  value,\r\n  label,\r\n  checked = false,\r\n  disabled = false,\r\n  onChange,\r\n  required = false,\r\n  className = \"\",\r\n  error,\r\n  helpText,\r\n  fontSize = \"ihub-fs-sm\",\r\n}) => {\r\n  return (\r\n    <div\r\n      className={`ihub-radio-wrapper ${className} ${\r\n        disabled ? \"ihub-radio-disabled\" : \"\"\r\n      } ${error ? \"ihub-radio-error\" : \"\"}`}\r\n    >\r\n      <div className=\"ihub-radio-container\">\r\n        <input\r\n          type=\"radio\"\r\n          id={id}\r\n          name={name}\r\n          value={value}\r\n          checked={checked}\r\n          disabled={disabled}\r\n          onChange={onChange}\r\n          required={required}\r\n          aria-invalid={!!error}\r\n          aria-describedby={`${id}-${error ? \"error\" : helpText ? \"help\" : \"\"}`}\r\n          className=\"ihub-radio-input\"\r\n        />\r\n        <label className=\"ihub-radio-label\" htmlFor={id}>\r\n          <span className=\"ihub-radio-custom\" aria-hidden=\"true\"></span>\r\n          <span className={`ihub-radio-text ${fontSize}`}>{label}</span>\r\n          {required && (\r\n            <span className=\"ihub-required-mark\" aria-hidden=\"true\">\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      </div>\r\n\r\n      {helpText && !error && (\r\n        <div id={`${id}-help`} className=\"ihub-radio-help-text\">\r\n          {helpText}\r\n        </div>\r\n      )}\r\n\r\n      {error && (\r\n        <div\r\n          id={`${id}-error`}\r\n          className=\"ihub-radio-error-message\"\r\n          role=\"alert\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RadioButton;\r\n"],"names":["_ref","id","name","value","label","_ref$checked","checked","_ref$disabled","disabled","onChange","_ref$required","required","_ref$className","className","error","helpText","_ref$fontSize","fontSize","_jsxs","concat","children","jsxs","_jsx","jsx","type","htmlFor","role"],"mappings":"uHAyDgD,SAA/BA,GAaZ,IAZHC,EAAED,EAAFC,GACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAP,EACfQ,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAQT,EAARS,SAAQC,EAAAV,EACRW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAKd,EAALc,MACAC,EAAQf,EAARe,SAAQC,EAAAhB,EACRiB,SAAAA,OAAW,IAAHD,EAAG,aAAYA,EAEvB,OACEE,EAAAA,KACE,MAAA,CAAAL,UAAS,sBAAAM,OAAwBN,OAASM,OACxCX,EAAW,sBAAwB,GACrC,KAAAW,OAAIL,EAAQ,mBAAqB,IAEjCM,SAAA,CAAAF,EAAAG,KAAA,MAAA,CAAKR,UAAU,iCACbS,EACEC,IAAA,QAAA,CAAAC,KAAK,QACLvB,GAAIA,EACJC,KAAMA,EACNC,MAAOA,EACPG,QAASA,EACTE,SAAUA,EACVC,SAAUA,EACVE,SAAUA,EACI,iBAAEG,EAAK,sBAAAK,OACAlB,EAAE,KAAAkB,OAAIL,EAAQ,QAAUC,EAAW,OAAS,IACjEF,UAAU,qBAEZK,EAAOG,KAAA,QAAA,CAAAR,UAAU,mBAAmBY,QAASxB,YAC3CqB,EAAMC,IAAA,OAAA,CAAAV,UAAU,oBAAmB,cAAa,SAChDS,EAAMC,IAAA,OAAA,CAAAV,UAASM,mBAAAA,OAAqBF,GAAaG,SAAAhB,IAChDO,GACCW,EAAAC,IAAA,OAAA,CAAMV,UAAU,mCAAiC,OAAMO,SAAA,YAO5DL,IAAaD,GACZQ,EAAAA,IAAA,MAAA,CAAKrB,GAAEkB,GAAAA,OAAKlB,EAAS,SAAEY,UAAU,gCAC9BE,IAIJD,GACCQ,EAAAC,IAAA,MAAA,CACEtB,GAAEkB,GAAAA,OAAKlB,EAAU,UACjBY,UAAU,2BACVa,KAAK,QAEJN,SAAAN,MAKX"}
+{"version":3,"file":"RadioButton.js","sources":["../../../../../src/components/forms/radio-btn/RadioButton.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\n/**\r\n * Props for the RadioButton component\r\n * @interface RadioButtonProps\r\n */\r\ninterface RadioButtonProps {\r\n  /** Unique identifier for the radio button */\r\n  id: string;\r\n  /** Name attribute for the radio input (for grouping) */\r\n  name: string;\r\n  /** Value of the radio button */\r\n  value: string;\r\n  /** Label text to display */\r\n  label: string;\r\n  /** Whether the radio button is checked */\r\n  checked?: boolean;\r\n  /** Whether the radio button is disabled */\r\n  disabled?: boolean;\r\n  /** Callback function when the radio button changes */\r\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n  /** Whether the input is required */\r\n  required?: boolean;\r\n  /** Additional CSS classes */\r\n  className?: string;\r\n  /** Error message to display */\r\n  error?: string;\r\n  /** Help text to provide additional context */\r\n  helpText?: string;\r\n  /** Font size of the radio button */\r\n  fontSize?: string;\r\n}\r\n\r\n/**\r\n * A customizable, accessible radio button component\r\n * @example\r\n * ```tsx\r\n * <RadioButton\r\n *  id=\"radio-button-1\"\r\n *  name=\"radio-button-group\"\r\n *  value=\"radio-button-1\"\r\n *  label=\"Radio Button 1\"\r\n * />\r\n * ```\r\n * @param id Unique identifier for the radio button\r\n * @param name Name attribute for the radio input (for grouping)\r\n * @param value Value of the radio button\r\n * @param label Label text to display\r\n * @param checked Whether the radio button is checked\r\n * @param disabled Whether the radio button is disabled\r\n * @param onChange Callback function when the radio button changes\r\n * @param required Whether the radio button is required\r\n * @param className Additional CSS classes\r\n * @param error Error message to display\r\n * @param helpText Help text to provide additional context\r\n * @param fontSize Font size of the radio button\r\n */\r\nconst RadioButton: React.FC<RadioButtonProps> = ({\r\n  id,\r\n  name,\r\n  value,\r\n  label,\r\n  checked = false,\r\n  disabled = false,\r\n  onChange,\r\n  required = false,\r\n  className = \"\",\r\n  error,\r\n  helpText,\r\n  fontSize = \"ihub-fs-sm\",\r\n}) => {\r\n  return (\r\n    <div\r\n      className={`ihub-radio-wrapper ${className} ${\r\n        disabled ? \"ihub-radio-disabled\" : \"\"\r\n      } ${error ? \"ihub-radio-error\" : \"\"}`}\r\n    >\r\n      <div className=\"ihub-radio-container\">\r\n        <input\r\n          type=\"radio\"\r\n          id={id}\r\n          name={name}\r\n          value={value}\r\n          checked={checked}\r\n          disabled={disabled}\r\n          onChange={onChange}\r\n          required={required}\r\n          aria-invalid={!!error}\r\n          aria-describedby={`${id}-${error ? \"error\" : helpText ? \"help\" : \"\"}`}\r\n          className=\"ihub-radio-input\"\r\n        />\r\n        <label className=\"ihub-radio-label\" htmlFor={id}>\r\n          <span className=\"ihub-radio-custom\" aria-hidden=\"true\"></span>\r\n          <span className={`ihub-radio-text ${fontSize}`}>{label}</span>\r\n          {required && (\r\n            <span className=\"ihub-required-mark\" aria-hidden=\"true\">\r\n              *\r\n            </span>\r\n          )}\r\n        </label>\r\n      </div>\r\n\r\n      {helpText && !error && (\r\n        <div id={`${id}-help`} className=\"ihub-radio-help-text\">\r\n          {helpText}\r\n        </div>\r\n      )}\r\n\r\n      {error && (\r\n        <div\r\n          id={`${id}-error`}\r\n          className=\"ihub-radio-error-message\"\r\n          role=\"alert\"\r\n        >\r\n          {error}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RadioButton;\r\n"],"names":["RadioButton","_ref","id","name","value","label","_ref$checked","checked","_ref$disabled","disabled","onChange","_ref$required","required","_ref$className","className","error","helpText","_ref$fontSize","fontSize","_jsxs","concat","children","_jsx","type","htmlFor","role"],"mappings":"kDAyDA,IAAMA,EAA0C,SAA/BC,GAaZ,IAZHC,EAAED,EAAFC,GACAC,EAAIF,EAAJE,KACAC,EAAKH,EAALG,MACAC,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAP,EACfQ,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAQT,EAARS,SAAQC,EAAAV,EACRW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAKd,EAALc,MACAC,EAAQf,EAARe,SAAQC,EAAAhB,EACRiB,SAAAA,OAAW,IAAHD,EAAG,aAAYA,EAEvB,OACEE,EACE,MAAA,CAAAL,UAAS,sBAAAM,OAAwBN,OAASM,OACxCX,EAAW,sBAAwB,GACrC,KAAAW,OAAIL,EAAQ,mBAAqB,IAEjCM,SAAA,CAAAF,EAAA,MAAA,CAAKL,UAAU,iCACbQ,EACE,QAAA,CAAAC,KAAK,QACLrB,GAAIA,EACJC,KAAMA,EACNC,MAAOA,EACPG,QAASA,EACTE,SAAUA,EACVC,SAAUA,EACVE,SAAUA,EACI,iBAAEG,EAAK,sBAAAK,OACAlB,EAAE,KAAAkB,OAAIL,EAAQ,QAAUC,EAAW,OAAS,IACjEF,UAAU,qBAEZK,EAAO,QAAA,CAAAL,UAAU,mBAAmBU,QAAStB,YAC3CoB,EAAM,OAAA,CAAAR,UAAU,oBAAmB,cAAa,SAChDQ,EAAM,OAAA,CAAAR,UAASM,mBAAAA,OAAqBF,GAAaG,SAAAhB,IAChDO,GACCU,EAAA,OAAA,CAAMR,UAAU,mCAAiC,OAAMO,SAAA,YAO5DL,IAAaD,GACZO,EAAA,MAAA,CAAKpB,GAAEkB,GAAAA,OAAKlB,EAAS,SAAEY,UAAU,gCAC9BE,IAIJD,GACCO,EAAA,MAAA,CACEpB,GAAEkB,GAAAA,OAAKlB,EAAU,UACjBY,UAAU,2BACVW,KAAK,QAEJJ,SAAAN,MAKX"}

package/dist/src/components/forms/radio-btn/RadioGroup.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("./RadioButton.js");exports.default=function(r){var a=r.label,d=r.name,o=r.options,s=r.selectedValue,l=r.onChange,n=r.required,u=void 0!==n&&n,c=r.error,t=r.className,h=void 0===t?"":t,p=r.inline,b=void 0!==p&&p,v=r.id,m=r.description,g=v||"radio-group-".concat(d),x=m?"".concat(g,"-description"):void 0;return e.jsxs("fieldset",{className:"ihub-radio-group ".concat(h," ").concat(b?"ihub-radio-group-inline":""," ").concat(c?"ihub-radio-group-error":""),id:g,"aria-required":u,"aria-describedby":x,"aria-invalid":!!c,children:[e.jsxs("legend",{className:"ihub-radio-group-legend",children:[a,u&&e.jsx("span",{className:"ihub-required-mark","aria-hidden":"true",children:"*"})]}),m&&e.jsx("div",{id:x,className:"ihub-radio-group-description",children:m}),e.jsx("div",{className:"ihub-radio-options",children:o.map((function(r){return e.jsx(i.default,{id:r.id,name:d,value:r.value,label:r.label,checked:s===r.value,disabled:r.disabled,onChange:l,required:u,helpText:r.helpText},r.id)}))}),c&&e.jsx("div",{className:"ihub-radio-group-error-message",role:"alert",children:c})]})};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import r from"./RadioButton.js";var a=function(a){var d=a.label,o=a.name,n=a.options,l=a.selectedValue,c=a.onChange,u=a.required,s=void 0!==u&&u,t=a.error,h=a.className,p=void 0===h?"":h,m=a.inline,b=void 0!==m&&m,v=a.id,g=a.description,N=v||"radio-group-".concat(o),f=g?"".concat(N,"-description"):void 0;return e("fieldset",{className:"ihub-radio-group ".concat(p," ").concat(b?"ihub-radio-group-inline":""," ").concat(t?"ihub-radio-group-error":""),id:N,"aria-required":s,"aria-describedby":f,"aria-invalid":!!t,children:[e("legend",{className:"ihub-radio-group-legend",children:[d,s&&i("span",{className:"ihub-required-mark","aria-hidden":"true",children:"*"})]}),g&&i("div",{id:f,className:"ihub-radio-group-description",children:g}),i("div",{className:"ihub-radio-options",children:n.map((function(e){return i(r,{id:e.id,name:o,value:e.value,label:e.label,checked:l===e.value,disabled:e.disabled,onChange:c,required:s,helpText:e.helpText},e.id)}))}),t&&i("div",{className:"ihub-radio-group-error-message",role:"alert",children:t})]})};export{a as default};
 //# sourceMappingURL=RadioGroup.js.map