@erpsquad/common 1.8.45 → 1.8.46

package/dist/components/chip/chip/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n  type?: \"rounded\" | \"normal\";\n  active?: boolean;\n  inActive?: boolean;\n  label?: string | React.ReactNode | number | JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n  ({ theme: { palette }, active, type, inActive }) => ({\n    cursor: \"pointer\",\n    fontSize: \".75rem\",\n    color: palette.theme?.secondary[800],\n    borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n    backgroundColor: palette.theme?.secondary[200],\n    ...(active && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.primary[700],\n        backgroundColor: palette.theme?.primary[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.primary[800],\n        borderColor: palette.theme?.primary[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n    }),\n    ...(inActive && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.error[700],\n        backgroundColor: palette.theme?.error[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.error[800],\n        borderColor: palette.theme?.error[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n    }),\n\n    \"& .MuiChip-icon\": {\n      marginRight: \"0.125rem\",\n      marginLeft: \"0rem\",\n      color: \"inherit\",\n    },\n    \"& .MuiChip-deleteIcon\": {\n      marginLeft: \"0.25rem\",\n      fontSize: \".875rem\",\n      color: \"inherit\",\n      marginRight: \"0rem\",\n    },\n    \"&.MuiChip-root\": {\n      height: \"fit-content\",\n      padding: \"0.25rem 0.5rem\",\n      \".MuiChip-label\": {\n        padding: \"0rem\",\n      },\n    },\n  }),\n);\n\nconst Chip = (props: IChip) => {\n  const {\n    label,\n    type = \"rounded\",\n    variant = \"filled\",\n    active = false,\n    inActive = false,\n    ...rest\n  } = props;\n\n  return (\n    <StyledChip\n      label={label}\n      variant={variant}\n      active={active}\n      inActive={inActive}\n      type={type}\n      {...rest}\n    />\n  );\n};\n\nexport default Chip;\n"],"names":["MUIChip"],"mappings":";;;AASA,MAAM,aAAa,OAAOA,MAAO;AAAA,EAC/B,CAAC,EAAE,OAAO,EAAE,WAAW,QAAQ,MAAM,eAAS;;AAAO;AAAA,MACnD,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc,SAAS,YAAY,WAAW;AAAA,MAC9C,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,GAAI,UAAU;AAAA,QACZ,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACxC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACpC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,MACF;AAAA,MAEF,GAAI,YAAY;AAAA,QACd,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UACtC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAClC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,MACF;AAAA,MAGF,mBAAmB;AAAA,QACjB,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA;AAAA,MAET,yBAAyB;AAAA,QACvB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,kBAAkB;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,kBAAkB;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA;AAEJ;AAEA,MAAM,OAAO,CAAC,UAAiB;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n  type?: \"rounded\" | \"normal\";\n  active?: boolean;\n  inActive?: boolean;\n  label?: string | React.ReactNode | number | JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n  ({ theme: { palette }, active, type, inActive }) => ({\n    cursor: \"pointer\",\n    fontSize: \".75rem\",\n    color: palette.theme?.secondary[800],\n    borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n    backgroundColor: palette.theme?.secondary[200],\n    ...(active && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.primary[700],\n        backgroundColor: palette.theme?.primary[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.primary[800],\n        borderColor: palette.theme?.primary[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n    }),\n    ...(inActive && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.error[700],\n        backgroundColor: palette.theme?.error[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.error[800],\n        borderColor: palette.theme?.error[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n    }),\n\n    \"& .MuiChip-icon\": {\n      marginRight: \"0.125rem\",\n      marginLeft: \"0rem\",\n      color: \"inherit\",\n    },\n    \"& .MuiChip-deleteIcon\": {\n      marginLeft: \"0.25rem\",\n      fontSize: \".875rem\",\n      color: \"inherit\",\n      marginRight: \"0rem\",\n    },\n    \"&.MuiChip-root\": {\n      height: \"fit-content\",\n      padding: \"0.25rem 0.5rem\",\n      \".MuiChip-label\": {\n        padding: \"0rem\",\n      },\n    },\n  }),\n);\n\nconst Chip = (props: IChip) => {\n  const {\n    label,\n    type = \"rounded\",\n    variant = \"filled\",\n    active = false,\n    inActive = false,\n    ...rest\n  } = props;\n\n  return (\n    <StyledChip\n      label={label}\n      variant={variant}\n      active={active}\n      inActive={inActive}\n      type={type}\n      {...rest}\n    />\n  );\n};\n\nexport { Chip };\nexport default Chip;\n"],"names":["MUIChip"],"mappings":";;;AASA,MAAM,aAAa,OAAOA,MAAO;AAAA,EAC/B,CAAC,EAAE,OAAO,EAAE,WAAW,QAAQ,MAAM,eAAS;;AAAO;AAAA,MACnD,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,QAAO,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAChC,cAAc,SAAS,YAAY,WAAW;AAAA,MAC9C,kBAAiB,aAAQ,UAAR,mBAAe,UAAU;AAAA,MAC1C,GAAI,UAAU;AAAA,QACZ,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACxC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAC9B,cAAa,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UACpC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,QAAQ;AAAA,UAAG;AAAA,QAC7C;AAAA,MACF;AAAA,MAEF,GAAI,YAAY;AAAA,QACd,oBAAoB;AAAA,UAClB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UACtC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,QAEF,sBAAsB;AAAA,UACpB,QAAO,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAC5B,cAAa,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAClC,WAAW;AAAA,YACT,kBAAiB,aAAQ,UAAR,mBAAe,MAAM;AAAA,UAAG;AAAA,QAC3C;AAAA,MACF;AAAA,MAGF,mBAAmB;AAAA,QACjB,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA;AAAA,MAET,yBAAyB;AAAA,QACvB,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,aAAa;AAAA,MAAA;AAAA,MAEf,kBAAkB;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,kBAAkB;AAAA,UAChB,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA;AAEJ;AAEA,MAAM,OAAO,CAAC,UAAiB;AAC7B,QAAM;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,UAAU;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACD;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/chip/chip/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/styles/styled/index.js"),o=require("../../../node_modules/@mui/material/Chip/Chip/index.js");const i=r.default(o.default)(({theme:{palette:e},active:r,type:o,inActive:i})=>{var l,t,n,d,u,a,m,h,c,v,p,s,C,g;return{cursor:"pointer",fontSize:".75rem",color:null==(l=e.theme)?void 0:l.secondary[800],borderRadius:"rounded"===o?"1.5rem":"0.25rem",backgroundColor:null==(t=e.theme)?void 0:t.secondary[200],...r&&{"&.MuiChip-filled":{color:null==(n=e.theme)?void 0:n.primary[700],backgroundColor:null==(d=e.theme)?void 0:d.primary[200],"&:hover":{backgroundColor:null==(u=e.theme)?void 0:u.primary[200]}},"&.MuiChip-outlined":{color:null==(a=e.theme)?void 0:a.primary[800],borderColor:null==(m=e.theme)?void 0:m.primary[300],"&:hover":{backgroundColor:null==(h=e.theme)?void 0:h.primary[200]}}},...i&&{"&.MuiChip-filled":{color:null==(c=e.theme)?void 0:c.error[700],backgroundColor:null==(v=e.theme)?void 0:v.error[200],"&:hover":{backgroundColor:null==(p=e.theme)?void 0:p.error[200]}},"&.MuiChip-outlined":{color:null==(s=e.theme)?void 0:s.error[800],borderColor:null==(C=e.theme)?void 0:C.error[300],"&:hover":{backgroundColor:null==(g=e.theme)?void 0:g.error[200]}}},"& .MuiChip-icon":{marginRight:"0.125rem",marginLeft:"0rem",color:"inherit"},"& .MuiChip-deleteIcon":{marginLeft:"0.25rem",fontSize:".875rem",color:"inherit",marginRight:"0rem"},"&.MuiChip-root":{height:"fit-content",padding:"0.25rem 0.5rem",".MuiChip-label":{padding:"0rem"}}}});exports.default=r=>{const{label:o,type:l="rounded",variant:t="filled",active:n=!1,inActive:d=!1,...u}=r;/* @__PURE__ */
-return e.jsx(i,{label:o,variant:t,active:n,inActive:d,type:l,...u})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../node_modules/@mui/material/styles/styled/index.js"),o=require("../../../node_modules/@mui/material/Chip/Chip/index.js");const i=r.default(o.default)(({theme:{palette:e},active:r,type:o,inActive:i})=>{var l,t,n,d,u,a,m,h,c,v,p,s,C,g;return{cursor:"pointer",fontSize:".75rem",color:null==(l=e.theme)?void 0:l.secondary[800],borderRadius:"rounded"===o?"1.5rem":"0.25rem",backgroundColor:null==(t=e.theme)?void 0:t.secondary[200],...r&&{"&.MuiChip-filled":{color:null==(n=e.theme)?void 0:n.primary[700],backgroundColor:null==(d=e.theme)?void 0:d.primary[200],"&:hover":{backgroundColor:null==(u=e.theme)?void 0:u.primary[200]}},"&.MuiChip-outlined":{color:null==(a=e.theme)?void 0:a.primary[800],borderColor:null==(m=e.theme)?void 0:m.primary[300],"&:hover":{backgroundColor:null==(h=e.theme)?void 0:h.primary[200]}}},...i&&{"&.MuiChip-filled":{color:null==(c=e.theme)?void 0:c.error[700],backgroundColor:null==(v=e.theme)?void 0:v.error[200],"&:hover":{backgroundColor:null==(p=e.theme)?void 0:p.error[200]}},"&.MuiChip-outlined":{color:null==(s=e.theme)?void 0:s.error[800],borderColor:null==(C=e.theme)?void 0:C.error[300],"&:hover":{backgroundColor:null==(g=e.theme)?void 0:g.error[200]}}},"& .MuiChip-icon":{marginRight:"0.125rem",marginLeft:"0rem",color:"inherit"},"& .MuiChip-deleteIcon":{marginLeft:"0.25rem",fontSize:".875rem",color:"inherit",marginRight:"0rem"},"&.MuiChip-root":{height:"fit-content",padding:"0.25rem 0.5rem",".MuiChip-label":{padding:"0rem"}}}}),l=r=>{const{label:o,type:l="rounded",variant:t="filled",active:n=!1,inActive:d=!1,...u}=r;/* @__PURE__ */
+return e.jsx(i,{label:o,variant:t,active:n,inActive:d,type:l,...u})};exports.Chip=l,exports.default=l;
 //# sourceMappingURL=index.js.map

package/dist/components/chip/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n  type?: \"rounded\" | \"normal\";\n  active?: boolean;\n  inActive?: boolean;\n  label?: string | React.ReactNode | number | JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n  ({ theme: { palette }, active, type, inActive }) => ({\n    cursor: \"pointer\",\n    fontSize: \".75rem\",\n    color: palette.theme?.secondary[800],\n    borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n    backgroundColor: palette.theme?.secondary[200],\n    ...(active && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.primary[700],\n        backgroundColor: palette.theme?.primary[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.primary[800],\n        borderColor: palette.theme?.primary[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n    }),\n    ...(inActive && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.error[700],\n        backgroundColor: palette.theme?.error[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.error[800],\n        borderColor: palette.theme?.error[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n    }),\n\n    \"& .MuiChip-icon\": {\n      marginRight: \"0.125rem\",\n      marginLeft: \"0rem\",\n      color: \"inherit\",\n    },\n    \"& .MuiChip-deleteIcon\": {\n      marginLeft: \"0.25rem\",\n      fontSize: \".875rem\",\n      color: \"inherit\",\n      marginRight: \"0rem\",\n    },\n    \"&.MuiChip-root\": {\n      height: \"fit-content\",\n      padding: \"0.25rem 0.5rem\",\n      \".MuiChip-label\": {\n        padding: \"0rem\",\n      },\n    },\n  }),\n);\n\nconst Chip = (props: IChip) => {\n  const {\n    label,\n    type = \"rounded\",\n    variant = \"filled\",\n    active = false,\n    inActive = false,\n    ...rest\n  } = props;\n\n  return (\n    <StyledChip\n      label={label}\n      variant={variant}\n      active={active}\n      inActive={inActive}\n      type={type}\n      {...rest}\n    />\n  );\n};\n\nexport default Chip;\n"],"names":["StyledChip","styled","MUIChip","theme","palette","active","type","inActive","cursor","fontSize","color","_a","secondary","borderRadius","backgroundColor","_b","_c","primary","_d","_e","_f","borderColor","_g","_h","_i","error","_j","_k","_l","_m","_n","marginRight","marginLeft","height","padding","props","label","variant","rest","jsx"],"mappings":"mPASA,MAAMA,EAAaC,EAAAA,QAAOC,UAAPD,CACjB,EAAGE,OAASC,WAAWC,SAAQC,OAAMC,+CAAgB,MAAA,CACnDC,OAAQ,UACRC,SAAU,SACVC,MAAO,OAAAC,EAAAP,EAAQD,YAAR,EAAAQ,EAAeC,UAAU,KAChCC,aAAuB,YAATP,EAAqB,SAAW,UAC9CQ,gBAAiB,OAAAC,EAAAX,EAAQD,YAAR,EAAAY,EAAeH,UAAU,QACtCP,GAAU,CACZ,mBAAoB,CAClBK,MAAO,OAAAM,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,QAAQ,KAC9BH,gBAAiB,OAAAI,EAAAd,EAAQD,YAAR,EAAAe,EAAeD,QAAQ,KACxC,UAAW,CACTH,gBAAiB,OAAAK,EAAAf,EAAQD,YAAR,EAAAgB,EAAeF,QAAQ,OAG5C,qBAAsB,CACpBP,MAAO,OAAAU,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeH,QAAQ,KAC9BI,YAAa,OAAAC,EAAAlB,EAAQD,YAAR,EAAAmB,EAAeL,QAAQ,KACpC,UAAW,CACTH,gBAAiB,OAAAS,EAAAnB,EAAQD,YAAR,EAAAoB,EAAeN,QAAQ,WAI1CV,GAAY,CACd,mBAAoB,CAClBG,MAAO,OAAAc,EAAApB,EAAQD,YAAR,EAAAqB,EAAeC,MAAM,KAC5BX,gBAAiB,OAAAY,EAAAtB,EAAQD,YAAR,EAAAuB,EAAeD,MAAM,KACtC,UAAW,CACTX,gBAAiB,OAAAa,EAAAvB,EAAQD,YAAR,EAAAwB,EAAeF,MAAM,OAG1C,qBAAsB,CACpBf,MAAO,OAAAkB,EAAAxB,EAAQD,YAAR,EAAAyB,EAAeH,MAAM,KAC5BJ,YAAa,OAAAQ,EAAAzB,EAAQD,YAAR,EAAA0B,EAAeJ,MAAM,KAClC,UAAW,CACTX,gBAAiB,OAAAgB,EAAA1B,EAAQD,YAAR,EAAA2B,EAAeL,MAAM,QAK5C,kBAAmB,CACjBM,YAAa,WACbC,WAAY,OACZtB,MAAO,WAET,wBAAyB,CACvBsB,WAAY,UACZvB,SAAU,UACVC,MAAO,UACPqB,YAAa,QAEf,iBAAkB,CAChBE,OAAQ,cACRC,QAAS,iBACT,iBAAkB,CAChBA,QAAS,4BAMHC,IACZ,MAAMC,MACJA,EAAA9B,KACAA,EAAO,UAAA+B,QACPA,EAAU,SAAAhC,OACVA,GAAS,EAAAE,SACTA,GAAW,KACR+B,GACDH;AAEJ,OACEI,EAAAA,IAACvC,EAAA,CACCoC,QACAC,UACAhC,SACAE,WACAD,UACIgC"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/chip/chip.tsx"],"sourcesContent":["import { Chip as MUIChip, ChipProps, styled } from \"@mui/material\";\n\ninterface IChip extends ChipProps {\n  type?: \"rounded\" | \"normal\";\n  active?: boolean;\n  inActive?: boolean;\n  label?: string | React.ReactNode | number | JSX.Element;\n}\n\nconst StyledChip = styled(MUIChip)<IChip>(\n  ({ theme: { palette }, active, type, inActive }) => ({\n    cursor: \"pointer\",\n    fontSize: \".75rem\",\n    color: palette.theme?.secondary[800],\n    borderRadius: type === \"rounded\" ? \"1.5rem\" : \"0.25rem\",\n    backgroundColor: palette.theme?.secondary[200],\n    ...(active && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.primary[700],\n        backgroundColor: palette.theme?.primary[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.primary[800],\n        borderColor: palette.theme?.primary[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.primary[200]\n        },\n      },\n    }),\n    ...(inActive && {\n      \"&.MuiChip-filled\": {\n        color: palette.theme?.error[700],\n        backgroundColor: palette.theme?.error[200],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n      \"&.MuiChip-outlined\": {\n        color: palette.theme?.error[800],\n        borderColor: palette.theme?.error[300],\n        \"&:hover\": {\n          backgroundColor: palette.theme?.error[200]\n        },\n      },\n    }),\n\n    \"& .MuiChip-icon\": {\n      marginRight: \"0.125rem\",\n      marginLeft: \"0rem\",\n      color: \"inherit\",\n    },\n    \"& .MuiChip-deleteIcon\": {\n      marginLeft: \"0.25rem\",\n      fontSize: \".875rem\",\n      color: \"inherit\",\n      marginRight: \"0rem\",\n    },\n    \"&.MuiChip-root\": {\n      height: \"fit-content\",\n      padding: \"0.25rem 0.5rem\",\n      \".MuiChip-label\": {\n        padding: \"0rem\",\n      },\n    },\n  }),\n);\n\nconst Chip = (props: IChip) => {\n  const {\n    label,\n    type = \"rounded\",\n    variant = \"filled\",\n    active = false,\n    inActive = false,\n    ...rest\n  } = props;\n\n  return (\n    <StyledChip\n      label={label}\n      variant={variant}\n      active={active}\n      inActive={inActive}\n      type={type}\n      {...rest}\n    />\n  );\n};\n\nexport { Chip };\nexport default Chip;\n"],"names":["StyledChip","styled","MUIChip","theme","palette","active","type","inActive","cursor","fontSize","color","_a","secondary","borderRadius","backgroundColor","_b","_c","primary","_d","_e","_f","borderColor","_g","_h","_i","error","_j","_k","_l","_m","_n","marginRight","marginLeft","height","padding","Chip","props","label","variant","rest","jsx"],"mappings":"mPASA,MAAMA,EAAaC,EAAAA,QAAOC,UAAPD,CACjB,EAAGE,OAASC,WAAWC,SAAQC,OAAMC,+CAAgB,MAAA,CACnDC,OAAQ,UACRC,SAAU,SACVC,MAAO,OAAAC,EAAAP,EAAQD,YAAR,EAAAQ,EAAeC,UAAU,KAChCC,aAAuB,YAATP,EAAqB,SAAW,UAC9CQ,gBAAiB,OAAAC,EAAAX,EAAQD,YAAR,EAAAY,EAAeH,UAAU,QACtCP,GAAU,CACZ,mBAAoB,CAClBK,MAAO,OAAAM,EAAAZ,EAAQD,YAAR,EAAAa,EAAeC,QAAQ,KAC9BH,gBAAiB,OAAAI,EAAAd,EAAQD,YAAR,EAAAe,EAAeD,QAAQ,KACxC,UAAW,CACTH,gBAAiB,OAAAK,EAAAf,EAAQD,YAAR,EAAAgB,EAAeF,QAAQ,OAG5C,qBAAsB,CACpBP,MAAO,OAAAU,EAAAhB,EAAQD,YAAR,EAAAiB,EAAeH,QAAQ,KAC9BI,YAAa,OAAAC,EAAAlB,EAAQD,YAAR,EAAAmB,EAAeL,QAAQ,KACpC,UAAW,CACTH,gBAAiB,OAAAS,EAAAnB,EAAQD,YAAR,EAAAoB,EAAeN,QAAQ,WAI1CV,GAAY,CACd,mBAAoB,CAClBG,MAAO,OAAAc,EAAApB,EAAQD,YAAR,EAAAqB,EAAeC,MAAM,KAC5BX,gBAAiB,OAAAY,EAAAtB,EAAQD,YAAR,EAAAuB,EAAeD,MAAM,KACtC,UAAW,CACTX,gBAAiB,OAAAa,EAAAvB,EAAQD,YAAR,EAAAwB,EAAeF,MAAM,OAG1C,qBAAsB,CACpBf,MAAO,OAAAkB,EAAAxB,EAAQD,YAAR,EAAAyB,EAAeH,MAAM,KAC5BJ,YAAa,OAAAQ,EAAAzB,EAAQD,YAAR,EAAA0B,EAAeJ,MAAM,KAClC,UAAW,CACTX,gBAAiB,OAAAgB,EAAA1B,EAAQD,YAAR,EAAA2B,EAAeL,MAAM,QAK5C,kBAAmB,CACjBM,YAAa,WACbC,WAAY,OACZtB,MAAO,WAET,wBAAyB,CACvBsB,WAAY,UACZvB,SAAU,UACVC,MAAO,UACPqB,YAAa,QAEf,iBAAkB,CAChBE,OAAQ,cACRC,QAAS,iBACT,iBAAkB,CAChBA,QAAS,YAMXC,EAAQC,IACZ,MAAMC,MACJA,EAAA/B,KACAA,EAAO,UAAAgC,QACPA,EAAU,SAAAjC,OACVA,GAAS,EAAAE,SACTA,GAAW,KACRgC,GACDH;AAEJ,OACEI,EAAAA,IAACxC,EAAA,CACCqC,QACAC,UACAjC,SACAE,WACAD,UACIiC"}

package/dist/components/chip/chip.d.ts

@@ -7,4 +7,5 @@ interface IChip extends ChipProps {
     label?: string | React.ReactNode | number | JSX.Element;
 }
 declare const Chip: (props: IChip) => import("react/jsx-runtime").JSX.Element;
+export { Chip };
 export default Chip;

package/dist/components/color-picker-input/color-picker-input/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import TextField from "../../text-field/text-field/index.esm.js";
+import { TextField } from "../../text-field/text-field/index.esm.js";
 import default_1 from "../../../node_modules/@mui/icons-material/ColorLens/index.esm.js";
 import _ from "lodash";
 import InputAdornment from "../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.esm.js";
@@ -28,6 +28,7 @@ const ColorPickerInput = ({ value, onChange, label, ...props }) => {
   );
 };
 export {
+  ColorPickerInput,
   ColorPickerInput as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/color-picker-input/color-picker-input/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/color-picker-input/color-picker-input.tsx"],"sourcesContent":["import { InputAdornment } from \"@mui/material\";\nimport TextField from \"../text-field/text-field\";\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\nimport _ from \"lodash\";\nimport React from \"react\";\n\nconst ColorPickerInput = ({value, onChange, label, ...props}) => {\n\n   // Debounced function to update text\n   const debouncedSetColor = (\n    _.debounce((value) => {\n      onChange(value)\n    }, 500)\n  );\n\n  const handleColorChange = (e) => {\n    debouncedSetColor(e.target.value);\n  };\n\n  return (\n    <TextField\n            label={label || ''}\n            variant='outlined'\n            type=\"color\"\n            value={value}\n            onChange={handleColorChange}\n            size=\"small\"\n            fullWidth\n            InputProps={{\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <ColorLensIcon fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            }}\n            {...props}\n          />\n  );\n}\n \nexport default ColorPickerInput;"],"names":["value","ColorLensIcon"],"mappings":";;;;;AAMA,MAAM,mBAAmB,CAAC,EAAC,OAAO,UAAU,OAAO,GAAG,YAAW;AAG9D,QAAM,oBACL,EAAE,SAAS,CAACA,WAAU;AACpB,aAASA,MAAK;AAAA,EAChB,GAAG,GAAG;AAGR,QAAM,oBAAoB,CAAC,MAAM;AAC/B,sBAAkB,EAAE,OAAO,KAAK;AAAA,EAClC;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACO,OAAO,SAAS;AAAA,MAChB,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA,UAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAS;AAAA,MACT,YAAY;AAAA,QACV,oCACG,gBAAA,EAAe,UAAS,SACvB,UAAA,oBAACC,WAAA,EAAc,UAAS,QAAA,CAAQ,EAAA,CAClC;AAAA,MAAA;AAAA,MAGH,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/color-picker-input/color-picker-input.tsx"],"sourcesContent":["import { InputAdornment } from \"@mui/material\";\nimport TextField from \"../text-field/text-field\";\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\nimport _ from \"lodash\";\nimport React from \"react\";\n\nconst ColorPickerInput = ({value, onChange, label, ...props}) => {\n\n   // Debounced function to update text\n   const debouncedSetColor = (\n    _.debounce((value) => {\n      onChange(value)\n    }, 500)\n  );\n\n  const handleColorChange = (e) => {\n    debouncedSetColor(e.target.value);\n  };\n\n  return (\n    <TextField\n            label={label || ''}\n            variant='outlined'\n            type=\"color\"\n            value={value}\n            onChange={handleColorChange}\n            size=\"small\"\n            fullWidth\n            InputProps={{\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <ColorLensIcon fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            }}\n            {...props}\n          />\n  );\n}\n \nexport { ColorPickerInput };\nexport default ColorPickerInput;"],"names":["value","ColorLensIcon"],"mappings":";;;;;AAMA,MAAM,mBAAmB,CAAC,EAAC,OAAO,UAAU,OAAO,GAAG,YAAW;AAG9D,QAAM,oBACL,EAAE,SAAS,CAACA,WAAU;AACpB,aAASA,MAAK;AAAA,EAChB,GAAG,GAAG;AAGR,QAAM,oBAAoB,CAAC,MAAM;AAC/B,sBAAkB,EAAE,OAAO,KAAK;AAAA,EAClC;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACO,OAAO,SAAS;AAAA,MAChB,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA,UAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAS;AAAA,MACT,YAAY;AAAA,QACV,oCACG,gBAAA,EAAe,UAAS,SACvB,UAAA,oBAACC,WAAA,EAAc,UAAS,QAAA,CAAQ,EAAA,CAClC;AAAA,MAAA;AAAA,MAGH,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/components/color-picker-input/color-picker-input/index.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../text-field/text-field/index.js"),r=require("../../../node_modules/@mui/icons-material/ColorLens/index.js"),n=require("lodash"),l=require("../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/* @__PURE__ */u(n);exports.default=({value:n,onChange:u,label:o,...i})=>{const d=a.default.debounce(e=>{u(e)},500);/* @__PURE__ */
-return e.jsx(t.default,{label:o||"",variant:"outlined",type:"color",value:n,onChange:e=>{d(e.target.value)},size:"small",fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(l.default,{position:"start",children:/* @__PURE__ */e.jsx(r.default,{fontSize:"small"})})},...i})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../text-field/text-field/index.js"),r=require("../../../node_modules/@mui/icons-material/ColorLens/index.js"),n=require("lodash"),l=require("../../../node_modules/@mui/material/InputAdornment/InputAdornment/index.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/* @__PURE__ */o(n);const i=({value:n,onChange:o,label:i,...a})=>{const s=u.default.debounce(e=>{o(e)},500);/* @__PURE__ */
+return e.jsx(t.TextField,{label:i||"",variant:"outlined",type:"color",value:n,onChange:e=>{s(e.target.value)},size:"small",fullWidth:!0,InputProps:{startAdornment:/* @__PURE__ */e.jsx(l.default,{position:"start",children:/* @__PURE__ */e.jsx(r.default,{fontSize:"small"})})},...a})};exports.ColorPickerInput=i,exports.default=i;
 //# sourceMappingURL=index.js.map

package/dist/components/color-picker-input/color-picker-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/color-picker-input/color-picker-input.tsx"],"sourcesContent":["import { InputAdornment } from \"@mui/material\";\nimport TextField from \"../text-field/text-field\";\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\nimport _ from \"lodash\";\nimport React from \"react\";\n\nconst ColorPickerInput = ({value, onChange, label, ...props}) => {\n\n   // Debounced function to update text\n   const debouncedSetColor = (\n    _.debounce((value) => {\n      onChange(value)\n    }, 500)\n  );\n\n  const handleColorChange = (e) => {\n    debouncedSetColor(e.target.value);\n  };\n\n  return (\n    <TextField\n            label={label || ''}\n            variant='outlined'\n            type=\"color\"\n            value={value}\n            onChange={handleColorChange}\n            size=\"small\"\n            fullWidth\n            InputProps={{\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <ColorLensIcon fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            }}\n            {...props}\n          />\n  );\n}\n \nexport default ColorPickerInput;"],"names":["value","onChange","label","props","debouncedSetColor","_","debounce","jsx","TextField","variant","type","e","target","size","fullWidth","InputProps","startAdornment","InputAdornment","position","children","ColorLensIcon","fontSize"],"mappings":"icAMyB,EAAEA,QAAOC,WAAUC,WAAUC,MAGnD,MAAMC,EACLC,EAAAA,QAAEC,SAAUN,IACVC,EAASD,IACR;AAOL,OACEO,EAAAA,IAACC,EAAAA,QAAA,CACON,MAAOA,GAAS,GAChBO,QAAQ,WACRC,KAAK,QACLV,QACAC,SAViBU,IACzBP,EAAkBO,EAAEC,OAAOZ,QAUnBa,KAAK,QACLC,WAAS,EACTC,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvBC,wBAAAZ,EAAAA,IAACa,EAAAA,QAAA,CAAcC,SAAS,gBAI1BlB"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/color-picker-input/color-picker-input.tsx"],"sourcesContent":["import { InputAdornment } from \"@mui/material\";\nimport TextField from \"../text-field/text-field\";\nimport ColorLensIcon from '@mui/icons-material/ColorLens';\nimport _ from \"lodash\";\nimport React from \"react\";\n\nconst ColorPickerInput = ({value, onChange, label, ...props}) => {\n\n   // Debounced function to update text\n   const debouncedSetColor = (\n    _.debounce((value) => {\n      onChange(value)\n    }, 500)\n  );\n\n  const handleColorChange = (e) => {\n    debouncedSetColor(e.target.value);\n  };\n\n  return (\n    <TextField\n            label={label || ''}\n            variant='outlined'\n            type=\"color\"\n            value={value}\n            onChange={handleColorChange}\n            size=\"small\"\n            fullWidth\n            InputProps={{\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <ColorLensIcon fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            }}\n            {...props}\n          />\n  );\n}\n \nexport { ColorPickerInput };\nexport default ColorPickerInput;"],"names":["ColorPickerInput","value","onChange","label","props","debouncedSetColor","_","debounce","jsx","TextField","variant","type","e","target","size","fullWidth","InputProps","startAdornment","InputAdornment","position","children","ColorLensIcon","fontSize"],"mappings":"ibAMA,MAAMA,EAAmB,EAAEC,QAAOC,WAAUC,WAAUC,MAGnD,MAAMC,EACLC,EAAAA,QAAEC,SAAUN,IACVC,EAASD,IACR;AAOL,OACEO,EAAAA,IAACC,EAAAA,UAAA,CACON,MAAOA,GAAS,GAChBO,QAAQ,WACRC,KAAK,QACLV,QACAC,SAViBU,IACzBP,EAAkBO,EAAEC,OAAOZ,QAUnBa,KAAK,QACLC,WAAS,EACTC,WAAY,CACVC,oCACGC,UAAA,CAAeC,SAAS,QACvBC,wBAAAZ,EAAAA,IAACa,EAAAA,QAAA,CAAcC,SAAS,gBAI1BlB"}

package/dist/components/color-picker-input/color-picker-input.d.ts

@@ -4,4 +4,5 @@ declare const ColorPickerInput: ({ value, onChange, label, ...props }: {
     onChange: any;
     label: any;
 }) => import("react/jsx-runtime").JSX.Element;
+export { ColorPickerInput };
 export default ColorPickerInput;

package/dist/components/confirm-modal/confirm-modal/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import default_1 from "../../../node_modules/@mui/icons-material/Close/index.esm.js";
 import { Typography } from "../../typography/typography/index.esm.js";
-import Button from "../../button/button/index.esm.js";
+import { Button } from "../../button/button/index.esm.js";
 /* empty css                              */
 import { images } from "../../../images/index.esm.js";
 import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
@@ -85,6 +85,7 @@ const ConfirmPopUp = (props) => {
   ] }) });
 };
 export {
+  ConfirmPopUp,
   ConfirmPopUp as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/confirm-modal/confirm-modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/confirm-modal/confirm-modal.tsx"],"sourcesContent":["import {\n\tBox,\n\tCircularProgress,\n\tDialog,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tDivider,\n\tIconButton\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../typography/typography';\nimport Button from '../button/button';\nimport './confirm-modal.scss';\nimport images from '../../assets/images';\nimport { useLanguage } from '../../hooks/useLangauge';\nimport { useTranslation } from 'react-i18next';\n\ninterface ConfirmPopUpProps extends DialogProps {\n\ttitle: string;\n\tdescription: string | JSX.Element;\n\tonClose: () => void;\n\tonConfirm: () => void;\n\tbuttonTexts?: {\n\t\tconfirm: string;\n\t\tcancel: string;\n\t};\n\tbuttonColors?: {\n\t\tconfirm: string;\n\t\tcancel?: string;\n\t};\n\tmodalType?: 'alert' | 'info';\n\tloading?: boolean;\n\tshowAction?: boolean;\n}\n\nconst ConfirmPopUp = (props: ConfirmPopUpProps) => {\n\tconst { t } = useTranslation();\n\tconst {\n\t\topen,\n\t\ttitle,\n\t\tdescription,\n\t\tonClose,\n\t\tonConfirm,\n\t\tmodalType = 'alert',\n\t\tbuttonTexts = { confirm: t('common.delete'), cancel: t('common.cancel') },\n\t\tbuttonColors = { confirm: 'error' },\n\t\tloading = false,\n\t\tshowAction=true,\n\t\t...rest\n\t} = props;\n\n\tconst icon = modalType === 'info' ? images.info : images.alert;\n    const {isRtl}=useLanguage();\n\treturn (\n\t\t<>\n\t\t\t<Dialog open={open} onClose={onClose} className='confirm' {...rest}>\n\t\t\t\t<DialogTitle className='confirm--head'>\n\t\t\t\t\t<Box className='confirm--title'>\n\t\t\t\t\t\t<img src={icon} alt='alert icon' />{' '}\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\ttype='s3'\n\t\t\t\t\t\t\tml={1}\n\t\t\t\t\t\t\tweight='medium'\n\t\t\t\t\t\t\tcolor='theme.secondary.1000'>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<IconButton disableRipple onClick={onClose} disabled={loading}>\n\t\t\t\t\t\t<CloseIcon />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<Divider />\n\t\t\t\t<DialogContent className='confirm--content'>\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Typography>\n\t\t\t\t</DialogContent>\n\t\t\t\t<Divider />\n\t\t\t\t{showAction &&<DialogActions\n\t\t\t\t\tclassName='confirm--actions'\n\t\t\t\t\tsx={{ backgroundColor: 'theme.secondary.200' }}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\tcolor={buttonColors?.cancel}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.cancel}\n\t\t\t\t\t</Button>\n\t\t\t\t{buttonTexts.confirm &&<Button\n\t\t\t\t\t\tcolor={buttonColors.confirm}\n\t\t\t\t\t\tonClick={onConfirm}\n\t\t\t\t\t\tsx={isRtl?{mr: 1}:{}}\n\t\t\t\t\t\tendIcon={loading && <CircularProgress size={18} color='inherit' />}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.confirm}\n\t\t\t\t\t</Button>}\n\t\t\t\t</DialogActions>}\n\t\t\t</Dialog>\n\t\t</>\n\t);\n};\n\nexport default ConfirmPopUp;\n"],"names":["CloseIcon"],"mappings":";;;;;;;;;;;;;;;;AAqCA,MAAM,eAAe,CAAC,UAA6B;AAClD,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,cAAc,EAAE,SAAS,EAAE,eAAe,GAAG,QAAQ,EAAE,eAAe,EAAA;AAAA,IACtE,eAAe,EAAE,SAAS,QAAA;AAAA,IAC1B,UAAU;AAAA,IACV,aAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACA;AAEJ,QAAM,OAAO,cAAc,SAAS,OAAO,OAAO,OAAO;AACtD,QAAM,EAAC,MAAA,IAAO,YAAA;AACjB,SACC,oBAAA,UAAA,EACC,+BAAC,QAAA,EAAO,MAAY,SAAkB,WAAU,WAAW,GAAG,MAC7D,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,WAAU,iBACtB,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,WAAU,kBACd,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,KAAK,MAAM,KAAI,cAAa;AAAA,QAAG;AAAA,QACpC;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,MAAK;AAAA,YACL,IAAI;AAAA,YACJ,QAAO;AAAA,YACP,OAAM;AAAA,YACL,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACD;AAAA,MACA,oBAAC,YAAA,EAAW,eAAa,MAAC,SAAS,SAAS,UAAU,SACrD,UAAA,oBAACA,WAAA,CAAA,CAAU,EAAA,CACZ;AAAA,IAAA,GACD;AAAA,wBACC,SAAA,EAAQ;AAAA,IACT,oBAAC,eAAA,EAAc,WAAU,oBACxB,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,wBAC1B,UAAA,YAAA,CACF,GACD;AAAA,wBACC,SAAA,EAAQ;AAAA,IACR,cAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACd,WAAU;AAAA,QACV,IAAI,EAAE,iBAAiB,sBAAA;AAAA,QACvB,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,SAAQ;AAAA,cACR,SAAS;AAAA,cACT,OAAO,6CAAc;AAAA,cACrB,UAAU;AAAA,cACT,UAAA,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,YAAY,WAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACtB,OAAO,aAAa;AAAA,cACpB,SAAS;AAAA,cACT,IAAI,QAAM,EAAC,IAAI,EAAA,IAAG,CAAA;AAAA,cAClB,SAAS,WAAW,oBAAC,oBAAiB,MAAM,IAAI,OAAM,WAAU;AAAA,cAChE,UAAU;AAAA,cACT,UAAA,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,EAAA,CACD,EAAA,CACD;AAEF;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/confirm-modal/confirm-modal.tsx"],"sourcesContent":["import {\n\tBox,\n\tCircularProgress,\n\tDialog,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tDivider,\n\tIconButton\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../typography/typography';\nimport Button from '../button/button';\nimport './confirm-modal.scss';\nimport images from '../../assets/images';\nimport { useLanguage } from '../../hooks/useLangauge';\nimport { useTranslation } from 'react-i18next';\n\ninterface ConfirmPopUpProps extends DialogProps {\n\ttitle: string;\n\tdescription: string | JSX.Element;\n\tonClose: () => void;\n\tonConfirm: () => void;\n\tbuttonTexts?: {\n\t\tconfirm: string;\n\t\tcancel: string;\n\t};\n\tbuttonColors?: {\n\t\tconfirm: string;\n\t\tcancel?: string;\n\t};\n\tmodalType?: 'alert' | 'info';\n\tloading?: boolean;\n\tshowAction?: boolean;\n}\n\nconst ConfirmPopUp = (props: ConfirmPopUpProps) => {\n\tconst { t } = useTranslation();\n\tconst {\n\t\topen,\n\t\ttitle,\n\t\tdescription,\n\t\tonClose,\n\t\tonConfirm,\n\t\tmodalType = 'alert',\n\t\tbuttonTexts = { confirm: t('common.delete'), cancel: t('common.cancel') },\n\t\tbuttonColors = { confirm: 'error' },\n\t\tloading = false,\n\t\tshowAction=true,\n\t\t...rest\n\t} = props;\n\n\tconst icon = modalType === 'info' ? images.info : images.alert;\n    const {isRtl}=useLanguage();\n\treturn (\n\t\t<>\n\t\t\t<Dialog open={open} onClose={onClose} className='confirm' {...rest}>\n\t\t\t\t<DialogTitle className='confirm--head'>\n\t\t\t\t\t<Box className='confirm--title'>\n\t\t\t\t\t\t<img src={icon} alt='alert icon' />{' '}\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\ttype='s3'\n\t\t\t\t\t\t\tml={1}\n\t\t\t\t\t\t\tweight='medium'\n\t\t\t\t\t\t\tcolor='theme.secondary.1000'>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<IconButton disableRipple onClick={onClose} disabled={loading}>\n\t\t\t\t\t\t<CloseIcon />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<Divider />\n\t\t\t\t<DialogContent className='confirm--content'>\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Typography>\n\t\t\t\t</DialogContent>\n\t\t\t\t<Divider />\n\t\t\t\t{showAction &&<DialogActions\n\t\t\t\t\tclassName='confirm--actions'\n\t\t\t\t\tsx={{ backgroundColor: 'theme.secondary.200' }}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\tcolor={buttonColors?.cancel}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.cancel}\n\t\t\t\t\t</Button>\n\t\t\t\t{buttonTexts.confirm &&<Button\n\t\t\t\t\t\tcolor={buttonColors.confirm}\n\t\t\t\t\t\tonClick={onConfirm}\n\t\t\t\t\t\tsx={isRtl?{mr: 1}:{}}\n\t\t\t\t\t\tendIcon={loading && <CircularProgress size={18} color='inherit' />}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.confirm}\n\t\t\t\t\t</Button>}\n\t\t\t\t</DialogActions>}\n\t\t\t</Dialog>\n\t\t</>\n\t);\n};\n\nexport { ConfirmPopUp };\nexport default ConfirmPopUp;\n"],"names":["CloseIcon"],"mappings":";;;;;;;;;;;;;;;;AAqCA,MAAM,eAAe,CAAC,UAA6B;AAClD,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,cAAc,EAAE,SAAS,EAAE,eAAe,GAAG,QAAQ,EAAE,eAAe,EAAA;AAAA,IACtE,eAAe,EAAE,SAAS,QAAA;AAAA,IAC1B,UAAU;AAAA,IACV,aAAW;AAAA,IACX,GAAG;AAAA,EAAA,IACA;AAEJ,QAAM,OAAO,cAAc,SAAS,OAAO,OAAO,OAAO;AACtD,QAAM,EAAC,MAAA,IAAO,YAAA;AACjB,SACC,oBAAA,UAAA,EACC,+BAAC,QAAA,EAAO,MAAY,SAAkB,WAAU,WAAW,GAAG,MAC7D,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,WAAU,iBACtB,UAAA;AAAA,MAAA,qBAAC,KAAA,EAAI,WAAU,kBACd,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,KAAK,MAAM,KAAI,cAAa;AAAA,QAAG;AAAA,QACpC;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,MAAK;AAAA,YACL,IAAI;AAAA,YACJ,QAAO;AAAA,YACP,OAAM;AAAA,YACL,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GACD;AAAA,MACA,oBAAC,YAAA,EAAW,eAAa,MAAC,SAAS,SAAS,UAAU,SACrD,UAAA,oBAACA,WAAA,CAAA,CAAU,EAAA,CACZ;AAAA,IAAA,GACD;AAAA,wBACC,SAAA,EAAQ;AAAA,IACT,oBAAC,eAAA,EAAc,WAAU,oBACxB,UAAA,oBAAC,YAAA,EAAW,MAAK,MAAK,OAAM,wBAC1B,UAAA,YAAA,CACF,GACD;AAAA,wBACC,SAAA,EAAQ;AAAA,IACR,cAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACd,WAAU;AAAA,QACV,IAAI,EAAE,iBAAiB,sBAAA;AAAA,QACvB,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,SAAQ;AAAA,cACR,SAAS;AAAA,cACT,OAAO,6CAAc;AAAA,cACrB,UAAU;AAAA,cACT,UAAA,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAEd,YAAY,WAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cACtB,OAAO,aAAa;AAAA,cACpB,SAAS;AAAA,cACT,IAAI,QAAM,EAAC,IAAI,EAAA,IAAG,CAAA;AAAA,cAClB,SAAS,WAAW,oBAAC,oBAAiB,MAAM,IAAI,OAAM,WAAU;AAAA,cAChE,UAAU;AAAA,cACT,UAAA,YAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EACD,EAAA,CACD,EAAA,CACD;AAEF;"}

package/dist/components/confirm-modal/confirm-modal/index.js

@@ -1,12 +1,12 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=,/* empty css                                                     */o=,/* empty css                                 */r=;/* empty css                         */;/* empty css                           */var n=,/* empty css                     */s=,/* empty css                                */l=require("react-i18next"),a=,/* empty css                                                       */t=,/* empty css                                                                 */d=,/* empty css                                                 */c=,/* empty css                                                               */u=,/* empty css                                                         */m=,/* empty css                                                                     */x=,/* empty css                                                                     */j=;/* empty css                                                                           */exports.default=f=>{const{t:g}=l.useTranslation(),{open:h,title:p,description:q,onClose:y,onConfirm:C,modalType:_="alert",buttonTexts:b={confirm:g("common.delete"),cancel:g("common.cancel")},buttonColors:D={confirm:"error"},loading:v=!1,showAction:T=!0,...k}=f,N="info"===_?n.images.info:n.images.alert,{isRtl:B}=s.useLanguage();/* @__PURE__ */
-return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(a.default,{open:h,onClose:y,className:"confirm",...k,children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=,/* empty css                                                     */o=,/* empty css                                 */r=;/* empty css                         */;/* empty css                           */var n=,/* empty css                     */s=,/* empty css                                */l=require("react-i18next"),a=,/* empty css                                                       */t=,/* empty css                                                                 */d=,/* empty css                                                 */c=,/* empty css                                                               */u=,/* empty css                                                         */m=,/* empty css                                                                     */x=,/* empty css                                                                     */j=;/* empty css                                                                           */const f=f=>{const{t:g}=l.useTranslation(),{open:h,title:p,description:q,onClose:y,onConfirm:C,modalType:_="alert",buttonTexts:b={confirm:g("common.delete"),cancel:g("common.cancel")},buttonColors:D={confirm:"error"},loading:v=!1,showAction:T=!0,...B}=f,k="info"===_?n.images.info:n.images.alert,{isRtl:N}=s.useLanguage();/* @__PURE__ */
+return e.jsx(e.Fragment,{children:/* @__PURE__ */e.jsxs(a.default,{open:h,onClose:y,className:"confirm",...B,children:[
 /* @__PURE__ */e.jsxs(t.default,{className:"confirm--head",children:[
 /* @__PURE__ */e.jsxs(d.default,{className:"confirm--title",children:[
-/* @__PURE__ */e.jsx("img",{src:N,alt:"alert icon"})," ",
+/* @__PURE__ */e.jsx("img",{src:k,alt:"alert icon"})," ",
 /* @__PURE__ */e.jsx(o.Typography,{type:"s3",ml:1,weight:"medium",color:"theme.secondary.1000",children:p})]}),
 /* @__PURE__ */e.jsx(c.default,{disableRipple:!0,onClick:y,disabled:v,children:/* @__PURE__ */e.jsx(i.default,{})})]}),
 /* @__PURE__ */e.jsx(u.default,{}),
 /* @__PURE__ */e.jsx(m.default,{className:"confirm--content",children:/* @__PURE__ */e.jsx(o.Typography,{type:"s3",color:"theme.secondary.1000",children:q})}),
 /* @__PURE__ */e.jsx(u.default,{}),T&&/* @__PURE__ */e.jsxs(x.default,{className:"confirm--actions",sx:{backgroundColor:"theme.secondary.200"},children:[
-/* @__PURE__ */e.jsx(r.default,{variant:"text",onClick:y,color:null==D?void 0:D.cancel,disabled:v,children:b.cancel}),b.confirm&&/* @__PURE__ */e.jsx(r.default,{color:D.confirm,onClick:C,sx:B?{mr:1}:{},endIcon:v&&/* @__PURE__ */e.jsx(j.default,{size:18,color:"inherit"}),disabled:v,children:b.confirm})]})]})})};
+/* @__PURE__ */e.jsx(r.Button,{variant:"text",onClick:y,color:null==D?void 0:D.cancel,disabled:v,children:b.cancel}),b.confirm&&/* @__PURE__ */e.jsx(r.Button,{color:D.confirm,onClick:C,sx:N?{mr:1}:{},endIcon:v&&/* @__PURE__ */e.jsx(j.default,{size:18,color:"inherit"}),disabled:v,children:b.confirm})]})]})})};exports.ConfirmPopUp=f,exports.default=f;
 //# sourceMappingURL=index.js.map

package/dist/components/confirm-modal/confirm-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/confirm-modal/confirm-modal.tsx"],"sourcesContent":["import {\n\tBox,\n\tCircularProgress,\n\tDialog,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tDivider,\n\tIconButton\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../typography/typography';\nimport Button from '../button/button';\nimport './confirm-modal.scss';\nimport images from '../../assets/images';\nimport { useLanguage } from '../../hooks/useLangauge';\nimport { useTranslation } from 'react-i18next';\n\ninterface ConfirmPopUpProps extends DialogProps {\n\ttitle: string;\n\tdescription: string | JSX.Element;\n\tonClose: () => void;\n\tonConfirm: () => void;\n\tbuttonTexts?: {\n\t\tconfirm: string;\n\t\tcancel: string;\n\t};\n\tbuttonColors?: {\n\t\tconfirm: string;\n\t\tcancel?: string;\n\t};\n\tmodalType?: 'alert' | 'info';\n\tloading?: boolean;\n\tshowAction?: boolean;\n}\n\nconst ConfirmPopUp = (props: ConfirmPopUpProps) => {\n\tconst { t } = useTranslation();\n\tconst {\n\t\topen,\n\t\ttitle,\n\t\tdescription,\n\t\tonClose,\n\t\tonConfirm,\n\t\tmodalType = 'alert',\n\t\tbuttonTexts = { confirm: t('common.delete'), cancel: t('common.cancel') },\n\t\tbuttonColors = { confirm: 'error' },\n\t\tloading = false,\n\t\tshowAction=true,\n\t\t...rest\n\t} = props;\n\n\tconst icon = modalType === 'info' ? images.info : images.alert;\n    const {isRtl}=useLanguage();\n\treturn (\n\t\t<>\n\t\t\t<Dialog open={open} onClose={onClose} className='confirm' {...rest}>\n\t\t\t\t<DialogTitle className='confirm--head'>\n\t\t\t\t\t<Box className='confirm--title'>\n\t\t\t\t\t\t<img src={icon} alt='alert icon' />{' '}\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\ttype='s3'\n\t\t\t\t\t\t\tml={1}\n\t\t\t\t\t\t\tweight='medium'\n\t\t\t\t\t\t\tcolor='theme.secondary.1000'>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<IconButton disableRipple onClick={onClose} disabled={loading}>\n\t\t\t\t\t\t<CloseIcon />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<Divider />\n\t\t\t\t<DialogContent className='confirm--content'>\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Typography>\n\t\t\t\t</DialogContent>\n\t\t\t\t<Divider />\n\t\t\t\t{showAction &&<DialogActions\n\t\t\t\t\tclassName='confirm--actions'\n\t\t\t\t\tsx={{ backgroundColor: 'theme.secondary.200' }}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\tcolor={buttonColors?.cancel}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.cancel}\n\t\t\t\t\t</Button>\n\t\t\t\t{buttonTexts.confirm &&<Button\n\t\t\t\t\t\tcolor={buttonColors.confirm}\n\t\t\t\t\t\tonClick={onConfirm}\n\t\t\t\t\t\tsx={isRtl?{mr: 1}:{}}\n\t\t\t\t\t\tendIcon={loading && <CircularProgress size={18} color='inherit' />}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.confirm}\n\t\t\t\t\t</Button>}\n\t\t\t\t</DialogActions>}\n\t\t\t</Dialog>\n\t\t</>\n\t);\n};\n\nexport default ConfirmPopUp;\n"],"names":["props","t","useTranslation","open","title","description","onClose","onConfirm","modalType","buttonTexts","confirm","cancel","buttonColors","loading","showAction","rest","icon","images","info","alert","isRtl","useLanguage","jsx","Fragment","children","Dialog","className","jsxs","DialogTitle","Box","src","alt","Typography","type","ml","weight","color","IconButton","disableRipple","onClick","disabled","CloseIcon","Divider","DialogContent","DialogActions","sx","backgroundColor","Button","variant","mr","endIcon","CircularProgress","size"],"mappings":"ujCAqCsBA,IACrB,MAAMC,EAAEA,GAAMC,oBACRC,KACLA,EAAAC,MACAA,EAAAC,YACAA,EAAAC,QACAA,EAAAC,UACAA,EAAAC,UACAA,EAAY,QAAAC,YACZA,EAAc,CAAEC,QAAST,EAAE,iBAAkBU,OAAQV,EAAE,kBAAeW,aACtEA,EAAe,CAAEF,QAAS,SAAAG,QAC1BA,GAAU,EAAAC,WACVA,GAAW,KACRC,GACAf,EAEEgB,EAAqB,SAAdR,EAAuBS,EAAAA,OAAOC,KAAOD,EAAAA,OAAOE,OAChDC,MAACA,GAAOC;AACjB,SACCC,IAAAC,EAAAA,SAAA,CACCC,+BAACC,EAAAA,QAAA,CAAOtB,OAAYG,UAAkBoB,UAAU,aAAcX,EAC7DS,SAAA;iBAAAG,KAACC,EAAAA,QAAA,CAAYF,UAAU,gBACtBF,SAAA;iBAAAG,KAACE,EAAAA,QAAA,CAAIH,UAAU,iBACdF,SAAA;eAAAF,EAAAA,IAAC,MAAA,CAAIQ,IAAKd,EAAMe,IAAI,eAAgB;eACpCT,EAAAA,IAACU,EAAAA,WAAA,CACAC,KAAK,KACLC,GAAI,EACJC,OAAO,SACPC,MAAM,uBACLZ,SAAApB;iBAGHkB,IAACe,EAAAA,QAAA,CAAWC,eAAa,EAACC,QAASjC,EAASkC,SAAU3B,EACrDW,0BAAAF,IAACmB,EAAAA,QAAA,CAAA;qBAGFC,EAAAA,QAAA;eACDpB,EAAAA,IAACqB,EAAAA,QAAA,CAAcjB,UAAU,mBACxBF,wBAAAF,EAAAA,IAACU,EAAAA,WAAA,CAAWC,KAAK,KAAKG,MAAM,uBAC1BZ,SAAAnB;qBAGFqC,EAAAA,QAAA,IACA5B,kBAAaa,EAAAA,KAACiB,EAAAA,QAAA,CACdlB,UAAU,mBACVmB,GAAI,CAAEC,gBAAiB,uBACvBtB,SAAA;eAAAF,EAAAA,IAACyB,EAAAA,QAAA,CACAC,QAAQ,OACRT,QAASjC,EACT8B,MAAO,MAAAxB,OAAA,EAAAA,EAAcD,OACrB6B,SAAU3B,EACTW,SAAAf,EAAYE,SAEdF,EAAYC,wBAAUY,EAAAA,IAACyB,EAAAA,QAAA,CACtBX,MAAOxB,EAAaF,QACpB6B,QAAShC,EACTsC,GAAIzB,EAAM,CAAC6B,GAAI,GAAG,CAAA,EAClBC,QAASrC,kBAAWS,EAAAA,IAAC6B,EAAAA,SAAiBC,KAAM,GAAIhB,MAAM,YACtDI,SAAU3B,EACTW,SAAAf,EAAYC"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/confirm-modal/confirm-modal.tsx"],"sourcesContent":["import {\n\tBox,\n\tCircularProgress,\n\tDialog,\n\tDialogActions,\n\tDialogContent,\n\tDialogProps,\n\tDialogTitle,\n\tDivider,\n\tIconButton\n} from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Typography from '../typography/typography';\nimport Button from '../button/button';\nimport './confirm-modal.scss';\nimport images from '../../assets/images';\nimport { useLanguage } from '../../hooks/useLangauge';\nimport { useTranslation } from 'react-i18next';\n\ninterface ConfirmPopUpProps extends DialogProps {\n\ttitle: string;\n\tdescription: string | JSX.Element;\n\tonClose: () => void;\n\tonConfirm: () => void;\n\tbuttonTexts?: {\n\t\tconfirm: string;\n\t\tcancel: string;\n\t};\n\tbuttonColors?: {\n\t\tconfirm: string;\n\t\tcancel?: string;\n\t};\n\tmodalType?: 'alert' | 'info';\n\tloading?: boolean;\n\tshowAction?: boolean;\n}\n\nconst ConfirmPopUp = (props: ConfirmPopUpProps) => {\n\tconst { t } = useTranslation();\n\tconst {\n\t\topen,\n\t\ttitle,\n\t\tdescription,\n\t\tonClose,\n\t\tonConfirm,\n\t\tmodalType = 'alert',\n\t\tbuttonTexts = { confirm: t('common.delete'), cancel: t('common.cancel') },\n\t\tbuttonColors = { confirm: 'error' },\n\t\tloading = false,\n\t\tshowAction=true,\n\t\t...rest\n\t} = props;\n\n\tconst icon = modalType === 'info' ? images.info : images.alert;\n    const {isRtl}=useLanguage();\n\treturn (\n\t\t<>\n\t\t\t<Dialog open={open} onClose={onClose} className='confirm' {...rest}>\n\t\t\t\t<DialogTitle className='confirm--head'>\n\t\t\t\t\t<Box className='confirm--title'>\n\t\t\t\t\t\t<img src={icon} alt='alert icon' />{' '}\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\ttype='s3'\n\t\t\t\t\t\t\tml={1}\n\t\t\t\t\t\t\tweight='medium'\n\t\t\t\t\t\t\tcolor='theme.secondary.1000'>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</Typography>\n\t\t\t\t\t</Box>\n\t\t\t\t\t<IconButton disableRipple onClick={onClose} disabled={loading}>\n\t\t\t\t\t\t<CloseIcon />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</DialogTitle>\n\t\t\t\t<Divider />\n\t\t\t\t<DialogContent className='confirm--content'>\n\t\t\t\t\t<Typography type='s3' color='theme.secondary.1000'>\n\t\t\t\t\t\t{description}\n\t\t\t\t\t</Typography>\n\t\t\t\t</DialogContent>\n\t\t\t\t<Divider />\n\t\t\t\t{showAction &&<DialogActions\n\t\t\t\t\tclassName='confirm--actions'\n\t\t\t\t\tsx={{ backgroundColor: 'theme.secondary.200' }}>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant='text'\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\tcolor={buttonColors?.cancel}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.cancel}\n\t\t\t\t\t</Button>\n\t\t\t\t{buttonTexts.confirm &&<Button\n\t\t\t\t\t\tcolor={buttonColors.confirm}\n\t\t\t\t\t\tonClick={onConfirm}\n\t\t\t\t\t\tsx={isRtl?{mr: 1}:{}}\n\t\t\t\t\t\tendIcon={loading && <CircularProgress size={18} color='inherit' />}\n\t\t\t\t\t\tdisabled={loading}>\n\t\t\t\t\t\t{buttonTexts.confirm}\n\t\t\t\t\t</Button>}\n\t\t\t\t</DialogActions>}\n\t\t\t</Dialog>\n\t\t</>\n\t);\n};\n\nexport { ConfirmPopUp };\nexport default ConfirmPopUp;\n"],"names":["ConfirmPopUp","props","t","useTranslation","open","title","description","onClose","onConfirm","modalType","buttonTexts","confirm","cancel","buttonColors","loading","showAction","rest","icon","images","info","alert","isRtl","useLanguage","jsx","Fragment","children","Dialog","className","jsxs","DialogTitle","Box","src","alt","Typography","type","ml","weight","color","IconButton","disableRipple","onClick","disabled","CloseIcon","Divider","DialogContent","DialogActions","sx","backgroundColor","Button","variant","mr","endIcon","CircularProgress","size"],"mappings":"uiCAqCA,MAAMA,EAAgBC,IACrB,MAAMC,EAAEA,GAAMC,oBACRC,KACLA,EAAAC,MACAA,EAAAC,YACAA,EAAAC,QACAA,EAAAC,UACAA,EAAAC,UACAA,EAAY,QAAAC,YACZA,EAAc,CAAEC,QAAST,EAAE,iBAAkBU,OAAQV,EAAE,kBAAeW,aACtEA,EAAe,CAAEF,QAAS,SAAAG,QAC1BA,GAAU,EAAAC,WACVA,GAAW,KACRC,GACAf,EAEEgB,EAAqB,SAAdR,EAAuBS,EAAAA,OAAOC,KAAOD,EAAAA,OAAOE,OAChDC,MAACA,GAAOC;AACjB,SACCC,IAAAC,EAAAA,SAAA,CACCC,+BAACC,EAAAA,QAAA,CAAOtB,OAAYG,UAAkBoB,UAAU,aAAcX,EAC7DS,SAAA;iBAAAG,KAACC,EAAAA,QAAA,CAAYF,UAAU,gBACtBF,SAAA;iBAAAG,KAACE,EAAAA,QAAA,CAAIH,UAAU,iBACdF,SAAA;eAAAF,EAAAA,IAAC,MAAA,CAAIQ,IAAKd,EAAMe,IAAI,eAAgB;eACpCT,EAAAA,IAACU,EAAAA,WAAA,CACAC,KAAK,KACLC,GAAI,EACJC,OAAO,SACPC,MAAM,uBACLZ,SAAApB;iBAGHkB,IAACe,EAAAA,QAAA,CAAWC,eAAa,EAACC,QAASjC,EAASkC,SAAU3B,EACrDW,0BAAAF,IAACmB,EAAAA,QAAA,CAAA;qBAGFC,EAAAA,QAAA;eACDpB,EAAAA,IAACqB,EAAAA,QAAA,CAAcjB,UAAU,mBACxBF,wBAAAF,EAAAA,IAACU,EAAAA,WAAA,CAAWC,KAAK,KAAKG,MAAM,uBAC1BZ,SAAAnB;qBAGFqC,EAAAA,QAAA,IACA5B,kBAAaa,EAAAA,KAACiB,EAAAA,QAAA,CACdlB,UAAU,mBACVmB,GAAI,CAAEC,gBAAiB,uBACvBtB,SAAA;eAAAF,EAAAA,IAACyB,EAAAA,OAAA,CACAC,QAAQ,OACRT,QAASjC,EACT8B,MAAO,MAAAxB,OAAA,EAAAA,EAAcD,OACrB6B,SAAU3B,EACTW,SAAAf,EAAYE,SAEdF,EAAYC,wBAAUY,EAAAA,IAACyB,EAAAA,OAAA,CACtBX,MAAOxB,EAAaF,QACpB6B,QAAShC,EACTsC,GAAIzB,EAAM,CAAC6B,GAAI,GAAG,CAAA,EAClBC,QAASrC,kBAAWS,EAAAA,IAAC6B,EAAAA,SAAiBC,KAAM,GAAIhB,MAAM,YACtDI,SAAU3B,EACTW,SAAAf,EAAYC"}

package/dist/components/confirm-modal/confirm-modal.d.ts

@@ -18,4 +18,5 @@ interface ConfirmPopUpProps extends DialogProps {
     showAction?: boolean;
 }
 declare const ConfirmPopUp: (props: ConfirmPopUpProps) => import("react/jsx-runtime").JSX.Element;
+export { ConfirmPopUp };
 export default ConfirmPopUp;

package/dist/components/confirm-modal/index.d.ts

@@ -1,3 +1,2 @@
 export { default as ConfirmPopUp } from './confirm-modal';
-export { default as ConfirmModal } from './confirm-modal';
 export * from './confirm-modal';

package/dist/components/country-select/country-select/index.esm.js

@@ -64,6 +64,7 @@ const CountrySelect = ({ country, handleCountry }) => {
   ] });
 };
 export {
+  CountrySelect,
   CountrySelect as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/country-select/country-select/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/country-select/country-select.tsx"],"sourcesContent":["import { styled } from \"@mui/material\";\nimport ReactFlagsSelect from \"react-flags-select\";\nimport Typography from \"../typography/typography\";\nimport images from \"../../assets/images\";\n\ninterface ICountrySelect {\n  country: string;\n  handleCountry: (country: string) => void;\n}\n\nconst StyledFlagsSelect = styled(ReactFlagsSelect)(\n  ({ theme: { palette } }) => ({\n    \".country-button\": {\n      span: {\n        fontSize: \"0.875rem\",\n      },\n      svg: {\n        fontSize: \"1.25rem\",\n      },\n      padding: \"0.2rem 0.5rem 0.2rem 0rem\",\n      borderRadius: \".25rem\",\n      border: \"1px solid #D3D3D4\",\n    },\n\n    ul: {\n      input: {\n        padding: \"0.5rem\",\n        borderRadius: \"0.5rem\",\n        fontSize: \"0.8125rem\",\n        margin: \"0px 0.75rem\",\n        border: `1px solid ${palette.theme?.secondary[200]}`,\n        background: `url(${images.search}) no-repeat scroll 0.5rem 0.5rem`,\n        paddingLeft: \"2rem\",\n        backgroundRepeat: \"no-repeat\",\n        backgroundColor: `${palette.theme?.secondary[100]}`,\n      },\n      li: {\n        fontSize: \"0.8125rem\",\n        padding: \"0.5rem 1rem\",\n      },\n      boxShadow:\n        \"0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)\",\n      borderRadius: \"0.5rem\",\n      marginTop: \"0.25rem\",\n      border: \"none\",\n\n      div: {\n        borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n        paddingBottom: \"0.5rem\",\n      },\n    },\n  }),\n);\n\nconst CountrySelect = ({ country, handleCountry }: ICountrySelect) => {\n  return (\n    <>\n      <Typography type=\"s4\" fontWeight={\"medium\"} mb={0.5}>\n        Country\n      </Typography>\n      <StyledFlagsSelect\n        fullWidth\n        searchable={true}\n        searchPlaceholder=\"Search Country\"\n        selected={country || \"IN\"}\n        selectButtonClassName=\"country-button\"\n        onSelect={handleCountry}\n        showSelectedLabel={true}\n      />\n    </>\n  );\n};\n\nexport default CountrySelect;\n"],"names":[],"mappings":";;;;;AAUA,MAAM,oBAAoB,OAAO,gBAAgB;AAAA,EAC/C,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,MAC3B,mBAAmB;AAAA,QACjB,MAAM;AAAA,UACJ,UAAU;AAAA,QAAA;AAAA,QAEZ,KAAK;AAAA,UACH,UAAU;AAAA,QAAA;AAAA,QAEZ,SAAS;AAAA,QACT,cAAc;AAAA,QACd,QAAQ;AAAA,MAAA;AAAA,MAGV,IAAI;AAAA,QACF,OAAO;AAAA,UACL,SAAS;AAAA,UACT,cAAc;AAAA,UACd,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,QAAQ,cAAa,aAAQ,UAAR,mBAAe,UAAU,IAAI;AAAA,UAClD,YAAY,OAAO,OAAO,MAAM;AAAA,UAChC,aAAa;AAAA,UACb,kBAAkB;AAAA,UAClB,iBAAiB,IAAG,aAAQ,UAAR,mBAAe,UAAU,IAAI;AAAA,QAAA;AAAA,QAEnD,IAAI;AAAA,UACF,UAAU;AAAA,UACV,SAAS;AAAA,QAAA;AAAA,QAEX,WACE;AAAA,QACF,cAAc;AAAA,QACd,WAAW;AAAA,QACX,QAAQ;AAAA,QAER,KAAK;AAAA,UACH,cAAc,cAAa,aAAQ,UAAR,mBAAe,UAAU,IAAI;AAAA,UACxD,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IACF;AAAA;AAEJ;AAEA,MAAM,gBAAgB,CAAC,EAAE,SAAS,oBAAoC;AACpE,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,cAAW,MAAK,MAAK,YAAY,UAAU,IAAI,KAAK,UAAA,UAAA,CAErD;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,YAAY;AAAA,QACZ,mBAAkB;AAAA,QAClB,UAAU,WAAW;AAAA,QACrB,uBAAsB;AAAA,QACtB,UAAU;AAAA,QACV,mBAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACF;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/country-select/country-select.tsx"],"sourcesContent":["import { styled } from \"@mui/material\";\nimport ReactFlagsSelect from \"react-flags-select\";\nimport Typography from \"../typography/typography\";\nimport images from \"../../assets/images\";\n\ninterface ICountrySelect {\n  country: string;\n  handleCountry: (country: string) => void;\n}\n\nconst StyledFlagsSelect = styled(ReactFlagsSelect)(\n  ({ theme: { palette } }) => ({\n    \".country-button\": {\n      span: {\n        fontSize: \"0.875rem\",\n      },\n      svg: {\n        fontSize: \"1.25rem\",\n      },\n      padding: \"0.2rem 0.5rem 0.2rem 0rem\",\n      borderRadius: \".25rem\",\n      border: \"1px solid #D3D3D4\",\n    },\n\n    ul: {\n      input: {\n        padding: \"0.5rem\",\n        borderRadius: \"0.5rem\",\n        fontSize: \"0.8125rem\",\n        margin: \"0px 0.75rem\",\n        border: `1px solid ${palette.theme?.secondary[200]}`,\n        background: `url(${images.search}) no-repeat scroll 0.5rem 0.5rem`,\n        paddingLeft: \"2rem\",\n        backgroundRepeat: \"no-repeat\",\n        backgroundColor: `${palette.theme?.secondary[100]}`,\n      },\n      li: {\n        fontSize: \"0.8125rem\",\n        padding: \"0.5rem 1rem\",\n      },\n      boxShadow:\n        \"0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)\",\n      borderRadius: \"0.5rem\",\n      marginTop: \"0.25rem\",\n      border: \"none\",\n\n      div: {\n        borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n        paddingBottom: \"0.5rem\",\n      },\n    },\n  }),\n);\n\nconst CountrySelect = ({ country, handleCountry }: ICountrySelect) => {\n  return (\n    <>\n      <Typography type=\"s4\" fontWeight={\"medium\"} mb={0.5}>\n        Country\n      </Typography>\n      <StyledFlagsSelect\n        fullWidth\n        searchable={true}\n        searchPlaceholder=\"Search Country\"\n        selected={country || \"IN\"}\n        selectButtonClassName=\"country-button\"\n        onSelect={handleCountry}\n        showSelectedLabel={true}\n      />\n    </>\n  );\n};\n\nexport { CountrySelect };\nexport default CountrySelect;\n"],"names":[],"mappings":";;;;;AAUA,MAAM,oBAAoB,OAAO,gBAAgB;AAAA,EAC/C,CAAC,EAAE,OAAO,EAAE,QAAA,QAAU;;AAAO;AAAA,MAC3B,mBAAmB;AAAA,QACjB,MAAM;AAAA,UACJ,UAAU;AAAA,QAAA;AAAA,QAEZ,KAAK;AAAA,UACH,UAAU;AAAA,QAAA;AAAA,QAEZ,SAAS;AAAA,QACT,cAAc;AAAA,QACd,QAAQ;AAAA,MAAA;AAAA,MAGV,IAAI;AAAA,QACF,OAAO;AAAA,UACL,SAAS;AAAA,UACT,cAAc;AAAA,UACd,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,QAAQ,cAAa,aAAQ,UAAR,mBAAe,UAAU,IAAI;AAAA,UAClD,YAAY,OAAO,OAAO,MAAM;AAAA,UAChC,aAAa;AAAA,UACb,kBAAkB;AAAA,UAClB,iBAAiB,IAAG,aAAQ,UAAR,mBAAe,UAAU,IAAI;AAAA,QAAA;AAAA,QAEnD,IAAI;AAAA,UACF,UAAU;AAAA,UACV,SAAS;AAAA,QAAA;AAAA,QAEX,WACE;AAAA,QACF,cAAc;AAAA,QACd,WAAW;AAAA,QACX,QAAQ;AAAA,QAER,KAAK;AAAA,UACH,cAAc,cAAa,aAAQ,UAAR,mBAAe,UAAU,IAAI;AAAA,UACxD,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IACF;AAAA;AAEJ;AAEA,MAAM,gBAAgB,CAAC,EAAE,SAAS,oBAAoC;AACpE,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,cAAW,MAAK,MAAK,YAAY,UAAU,IAAI,KAAK,UAAA,UAAA,CAErD;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,YAAY;AAAA,QACZ,mBAAkB;AAAA,QAClB,UAAU,WAAW;AAAA,QACrB,uBAAsB;AAAA,QACtB,UAAU;AAAA,QACV,mBAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,EACrB,GACF;AAEJ;"}

package/dist/components/country-select/country-select/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-flags-select"),t=require("../../typography/typography/index.js"),o=require("../../../images/index.js"),d=require("../../../node_modules/@mui/material/styles/styled/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/* @__PURE__ */a(r);const i=d.default(n.default)(({theme:{palette:e}})=>{var r,t,d;return{".country-button":{span:{fontSize:"0.875rem"},svg:{fontSize:"1.25rem"},padding:"0.2rem 0.5rem 0.2rem 0rem",borderRadius:".25rem",border:"1px solid #D3D3D4"},ul:{input:{padding:"0.5rem",borderRadius:"0.5rem",fontSize:"0.8125rem",margin:"0px 0.75rem",border:`1px solid ${null==(r=e.theme)?void 0:r.secondary[200]}`,background:`url(${o.images.search}) no-repeat scroll 0.5rem 0.5rem`,paddingLeft:"2rem",backgroundRepeat:"no-repeat",backgroundColor:`${null==(t=e.theme)?void 0:t.secondary[100]}`},li:{fontSize:"0.8125rem",padding:"0.5rem 1rem"},boxShadow:"0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)",borderRadius:"0.5rem",marginTop:"0.25rem",border:"none",div:{borderBottom:`1px solid ${null==(d=e.theme)?void 0:d.secondary[200]}`,paddingBottom:"0.5rem"}}}});exports.default=({country:r,handleCountry:o})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-flags-select"),t=require("../../typography/typography/index.js"),o=require("../../../images/index.js"),d=require("../../../node_modules/@mui/material/styles/styled/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=/* @__PURE__ */a(r);const i=d.default(n.default)(({theme:{palette:e}})=>{var r,t,d;return{".country-button":{span:{fontSize:"0.875rem"},svg:{fontSize:"1.25rem"},padding:"0.2rem 0.5rem 0.2rem 0rem",borderRadius:".25rem",border:"1px solid #D3D3D4"},ul:{input:{padding:"0.5rem",borderRadius:"0.5rem",fontSize:"0.8125rem",margin:"0px 0.75rem",border:`1px solid ${null==(r=e.theme)?void 0:r.secondary[200]}`,background:`url(${o.images.search}) no-repeat scroll 0.5rem 0.5rem`,paddingLeft:"2rem",backgroundRepeat:"no-repeat",backgroundColor:`${null==(t=e.theme)?void 0:t.secondary[100]}`},li:{fontSize:"0.8125rem",padding:"0.5rem 1rem"},boxShadow:"0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)",borderRadius:"0.5rem",marginTop:"0.25rem",border:"none",div:{borderBottom:`1px solid ${null==(d=e.theme)?void 0:d.secondary[200]}`,paddingBottom:"0.5rem"}}}}),l=({country:r,handleCountry:o})=>/* @__PURE__ */e.jsxs(e.Fragment,{children:[
 /* @__PURE__ */e.jsx(t.Typography,{type:"s4",fontWeight:"medium",mb:.5,children:"Country"}),
-/* @__PURE__ */e.jsx(i,{fullWidth:!0,searchable:!0,searchPlaceholder:"Search Country",selected:r||"IN",selectButtonClassName:"country-button",onSelect:o,showSelectedLabel:!0})]});
+/* @__PURE__ */e.jsx(i,{fullWidth:!0,searchable:!0,searchPlaceholder:"Search Country",selected:r||"IN",selectButtonClassName:"country-button",onSelect:o,showSelectedLabel:!0})]});exports.CountrySelect=l,exports.default=l;
 //# sourceMappingURL=index.js.map

package/dist/components/country-select/country-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/country-select/country-select.tsx"],"sourcesContent":["import { styled } from \"@mui/material\";\nimport ReactFlagsSelect from \"react-flags-select\";\nimport Typography from \"../typography/typography\";\nimport images from \"../../assets/images\";\n\ninterface ICountrySelect {\n  country: string;\n  handleCountry: (country: string) => void;\n}\n\nconst StyledFlagsSelect = styled(ReactFlagsSelect)(\n  ({ theme: { palette } }) => ({\n    \".country-button\": {\n      span: {\n        fontSize: \"0.875rem\",\n      },\n      svg: {\n        fontSize: \"1.25rem\",\n      },\n      padding: \"0.2rem 0.5rem 0.2rem 0rem\",\n      borderRadius: \".25rem\",\n      border: \"1px solid #D3D3D4\",\n    },\n\n    ul: {\n      input: {\n        padding: \"0.5rem\",\n        borderRadius: \"0.5rem\",\n        fontSize: \"0.8125rem\",\n        margin: \"0px 0.75rem\",\n        border: `1px solid ${palette.theme?.secondary[200]}`,\n        background: `url(${images.search}) no-repeat scroll 0.5rem 0.5rem`,\n        paddingLeft: \"2rem\",\n        backgroundRepeat: \"no-repeat\",\n        backgroundColor: `${palette.theme?.secondary[100]}`,\n      },\n      li: {\n        fontSize: \"0.8125rem\",\n        padding: \"0.5rem 1rem\",\n      },\n      boxShadow:\n        \"0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)\",\n      borderRadius: \"0.5rem\",\n      marginTop: \"0.25rem\",\n      border: \"none\",\n\n      div: {\n        borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n        paddingBottom: \"0.5rem\",\n      },\n    },\n  }),\n);\n\nconst CountrySelect = ({ country, handleCountry }: ICountrySelect) => {\n  return (\n    <>\n      <Typography type=\"s4\" fontWeight={\"medium\"} mb={0.5}>\n        Country\n      </Typography>\n      <StyledFlagsSelect\n        fullWidth\n        searchable={true}\n        searchPlaceholder=\"Search Country\"\n        selected={country || \"IN\"}\n        selectButtonClassName=\"country-button\"\n        onSelect={handleCountry}\n        showSelectedLabel={true}\n      />\n    </>\n  );\n};\n\nexport default CountrySelect;\n"],"names":["StyledFlagsSelect","styled","ReactFlagsSelect","theme","palette","span","fontSize","svg","padding","borderRadius","border","ul","input","margin","_a","secondary","background","images","search","paddingLeft","backgroundRepeat","backgroundColor","_b","li","boxShadow","marginTop","div","borderBottom","_c","paddingBottom","country","handleCountry","jsxs","Fragment","children","jsx","Typography","type","fontWeight","mb","fullWidth","searchable","searchPlaceholder","selected","selectButtonClassName","onSelect","showSelectedLabel"],"mappings":"yYAUA,MAAMA,EAAoBC,EAAAA,QAAOC,UAAPD,CACxB,EAAGE,OAASC,yBAAiB,MAAA,CAC3B,kBAAmB,CACjBC,KAAM,CACJC,SAAU,YAEZC,IAAK,CACHD,SAAU,WAEZE,QAAS,4BACTC,aAAc,SACdC,OAAQ,qBAGVC,GAAI,CACFC,MAAO,CACLJ,QAAS,SACTC,aAAc,SACdH,SAAU,YACVO,OAAQ,cACRH,OAAQ,aAAa,OAAAI,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,UAAU,OAC9CC,WAAY,OAAOC,SAAOC,yCAC1BC,YAAa,OACbC,iBAAkB,YAClBC,gBAAiB,GAAG,OAAAC,EAAAlB,EAAQD,YAAR,EAAAmB,EAAeP,UAAU,QAE/CQ,GAAI,CACFjB,SAAU,YACVE,QAAS,eAEXgB,UACE,4GACFf,aAAc,SACdgB,UAAW,UACXf,OAAQ,OAERgB,IAAK,CACHC,aAAc,aAAa,OAAAC,EAAAxB,EAAQD,YAAR,EAAAyB,EAAeb,UAAU,OACpDc,cAAe,8BAMD,EAAGC,UAASC,kCAE9BC,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,WAAY,SAAUC,GAAI,GAAKL,SAAA;eAGrDC,EAAAA,IAACnC,EAAA,CACCwC,WAAS,EACTC,YAAY,EACZC,kBAAkB,iBAClBC,SAAUb,GAAW,KACrBc,sBAAsB,iBACtBC,SAAUd,EACVe,mBAAmB"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/country-select/country-select.tsx"],"sourcesContent":["import { styled } from \"@mui/material\";\nimport ReactFlagsSelect from \"react-flags-select\";\nimport Typography from \"../typography/typography\";\nimport images from \"../../assets/images\";\n\ninterface ICountrySelect {\n  country: string;\n  handleCountry: (country: string) => void;\n}\n\nconst StyledFlagsSelect = styled(ReactFlagsSelect)(\n  ({ theme: { palette } }) => ({\n    \".country-button\": {\n      span: {\n        fontSize: \"0.875rem\",\n      },\n      svg: {\n        fontSize: \"1.25rem\",\n      },\n      padding: \"0.2rem 0.5rem 0.2rem 0rem\",\n      borderRadius: \".25rem\",\n      border: \"1px solid #D3D3D4\",\n    },\n\n    ul: {\n      input: {\n        padding: \"0.5rem\",\n        borderRadius: \"0.5rem\",\n        fontSize: \"0.8125rem\",\n        margin: \"0px 0.75rem\",\n        border: `1px solid ${palette.theme?.secondary[200]}`,\n        background: `url(${images.search}) no-repeat scroll 0.5rem 0.5rem`,\n        paddingLeft: \"2rem\",\n        backgroundRepeat: \"no-repeat\",\n        backgroundColor: `${palette.theme?.secondary[100]}`,\n      },\n      li: {\n        fontSize: \"0.8125rem\",\n        padding: \"0.5rem 1rem\",\n      },\n      boxShadow:\n        \"0px 0px 2px 0px #E0E0E0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06)\",\n      borderRadius: \"0.5rem\",\n      marginTop: \"0.25rem\",\n      border: \"none\",\n\n      div: {\n        borderBottom: `1px solid ${palette.theme?.secondary[200]}`,\n        paddingBottom: \"0.5rem\",\n      },\n    },\n  }),\n);\n\nconst CountrySelect = ({ country, handleCountry }: ICountrySelect) => {\n  return (\n    <>\n      <Typography type=\"s4\" fontWeight={\"medium\"} mb={0.5}>\n        Country\n      </Typography>\n      <StyledFlagsSelect\n        fullWidth\n        searchable={true}\n        searchPlaceholder=\"Search Country\"\n        selected={country || \"IN\"}\n        selectButtonClassName=\"country-button\"\n        onSelect={handleCountry}\n        showSelectedLabel={true}\n      />\n    </>\n  );\n};\n\nexport { CountrySelect };\nexport default CountrySelect;\n"],"names":["StyledFlagsSelect","styled","ReactFlagsSelect","theme","palette","span","fontSize","svg","padding","borderRadius","border","ul","input","margin","_a","secondary","background","images","search","paddingLeft","backgroundRepeat","backgroundColor","_b","li","boxShadow","marginTop","div","borderBottom","_c","paddingBottom","CountrySelect","country","handleCountry","jsxs","Fragment","children","jsx","Typography","type","fontWeight","mb","fullWidth","searchable","searchPlaceholder","selected","selectButtonClassName","onSelect","showSelectedLabel"],"mappings":"yYAUA,MAAMA,EAAoBC,EAAAA,QAAOC,UAAPD,CACxB,EAAGE,OAASC,yBAAiB,MAAA,CAC3B,kBAAmB,CACjBC,KAAM,CACJC,SAAU,YAEZC,IAAK,CACHD,SAAU,WAEZE,QAAS,4BACTC,aAAc,SACdC,OAAQ,qBAGVC,GAAI,CACFC,MAAO,CACLJ,QAAS,SACTC,aAAc,SACdH,SAAU,YACVO,OAAQ,cACRH,OAAQ,aAAa,OAAAI,EAAAV,EAAQD,YAAR,EAAAW,EAAeC,UAAU,OAC9CC,WAAY,OAAOC,SAAOC,yCAC1BC,YAAa,OACbC,iBAAkB,YAClBC,gBAAiB,GAAG,OAAAC,EAAAlB,EAAQD,YAAR,EAAAmB,EAAeP,UAAU,QAE/CQ,GAAI,CACFjB,SAAU,YACVE,QAAS,eAEXgB,UACE,4GACFf,aAAc,SACdgB,UAAW,UACXf,OAAQ,OAERgB,IAAK,CACHC,aAAc,aAAa,OAAAC,EAAAxB,EAAQD,YAAR,EAAAyB,EAAeb,UAAU,OACpDc,cAAe,cAMjBC,EAAgB,EAAGC,UAASC,kCAE9BC,EAAAA,KAAAC,WAAA,CACEC,SAAA;eAAAC,EAAAA,IAACC,EAAAA,YAAWC,KAAK,KAAKC,WAAY,SAAUC,GAAI,GAAKL,SAAA;eAGrDC,EAAAA,IAACpC,EAAA,CACCyC,WAAS,EACTC,YAAY,EACZC,kBAAkB,iBAClBC,SAAUb,GAAW,KACrBc,sBAAsB,iBACtBC,SAAUd,EACVe,mBAAmB"}

package/dist/components/country-select/country-select.d.ts

@@ -3,4 +3,5 @@ interface ICountrySelect {
     handleCountry: (country: string) => void;
 }
 declare const CountrySelect: ({ country, handleCountry }: ICountrySelect) => import("react/jsx-runtime").JSX.Element;
+export { CountrySelect };
 export default CountrySelect;

package/dist/components/custom-snackbar/custom-snackbar/index.esm.js

@@ -113,6 +113,7 @@ const CustomSnackbar = React__default.forwardRef(
   }
 );
 export {
+  CustomSnackbar,
   CustomSnackbar as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/custom-snackbar/custom-snackbar/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/custom-snackbar/custom-snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarContent, useSnackbar } from 'notistack';\nimport { Avatar, Box, IconButton } from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { useNavigate } from 'react-router-dom';\nimport { Notification } from '../icons';\nimport Typography from '../typography/typography';\nimport images from '../../assets/images';\nimport \"./custom-snackbar.scss\"\n\ninterface CustomSnackbarProps {\n  message: string;\n  variant?: 'default' | 'error' | 'success' | 'warning' | 'info';\n  linkUrl?: string;\n  snackbarKey: string | number;\n}\n\nconst mainModuleIcons = {\n  rbac: images.user,\n  document: images.document,\n  'accounts-and-finance': images.accounting,\n  inventory: images.inventory,\n  manufacturing: images.manufacturing,\n  sales: images.crm,\n  rental: images.rental,\n  user: images.user,\n  purchase: images.procurement,\n  hrms: images.hrms\n}\nconst mainModuleBgColors = {\n  rbac: '#F3E5F5',\n  document: '#FFF8E1',\n  'accounts-and-finance': '#E8F5E8',\n  inventory: '#E3F2FD',\n  manufacturing: '#FFF3E0',\n  sales: '#F3E5F5',\n  rental: '#E8F5E8',\n  user: '#F3E5F5',\n  purchase: '#FCE4EC',\n  hrms: '#fcfcfc'\n}\n\nconst CustomSnackbar = React.forwardRef<HTMLDivElement, CustomSnackbarProps>(\n  ({ message, variant = 'default', linkUrl, snackbarKey, data }, ref) => {\n\n    console.log(\"🚀 ~ data:: >>\", data)\n    const { closeSnackbar } = useSnackbar();\n    const navigate = useNavigate();\n\n    const backgroundColorMap: Record<string, string> = {\n      success: '#f0fdf4',\n      error: '#fef2f2',\n      warning: '#fff7ed',\n      info: '#eff6ff',\n      default: '#fff',\n    };\n\n    const textColorMap: Record<string, string> = {\n      success: '#166534',\n      error: '#991b1b',\n      warning: '#92400e',\n      info: '#1e40af',\n      default: '#27272a',\n    };\n\n    const handleClick = () => {\n      if (linkUrl) navigate(linkUrl);\n      closeSnackbar(snackbarKey);\n    };\n\n    const handleCloseClick = (e: React.MouseEvent) => {\n      e.stopPropagation(); // Prevent triggering link\n      closeSnackbar(snackbarKey);\n    };\n\n    return (\n      <SnackbarContent\n        ref={ref}\n        style={{\n          backgroundColor: backgroundColorMap[variant],\n          color: textColorMap[variant],\n        }}\n        className='SnackBar'\n        onClick={handleClick}\n      >\n        <Box display=\"flex\" alignItems=\"center\" p={2} position=\"relative\" gap={2} width='100%'>\n        {mainModuleIcons?.[data.module] ?\n          <Avatar sx={{ \n            width: 45, \n            height: 45, \n            fontSize: '0.875rem',\n            bgcolor: mainModuleBgColors[data.module] || 'primary.main',\n            color: 'white',\n            borderRadius: '8px',\n            '& img': { \n              width: '35px', \n              height: '35px', \n              objectFit: 'contain'\n            }\n          }} src={mainModuleIcons?.[data.module]} /> :\n          <Notification\n            style={{\n              color: textColorMap[variant],\n              marginTop: 2,\n            }}\n          />\n        }\n          <Box display=\"flex\" alignItems=\"center\" width='100%'>\n            <Box flex=\"1\">\n              <Typography type='h5' color={'inherit'} weight='bold'>\n                New Notification\n              </Typography>\n              <Typography type='s3' mt={0.5} color={'inherit'}>\n                {message}\n              </Typography>\n            </Box>\n\n            <IconButton\n              size=\"small\"\n              onClick={handleCloseClick}\n              // style={{\n              //   position: 'absolute',\n              //   top: 4,\n              //   right: 4,\n              //   color: textColorMap[variant],\n              // }}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        </Box>\n      </SnackbarContent>\n    );\n  }\n);\n\nexport default CustomSnackbar;\n"],"names":["React","CloseIcon"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,kBAAkB;AAAA,EACtB,MAAM,OAAO;AAAA,EACb,UAAU,OAAO;AAAA,EACjB,wBAAwB,OAAO;AAAA,EAC/B,WAAW,OAAO;AAAA,EAClB,eAAe,OAAO;AAAA,EACtB,OAAO,OAAO;AAAA,EACd,QAAQ,OAAO;AAAA,EACf,MAAM,OAAO;AAAA,EACb,UAAU,OAAO;AAAA,EACjB,MAAM,OAAO;AACf;AACA,MAAM,qBAAqB;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,wBAAwB;AAAA,EACxB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR;AAEA,MAAM,iBAAiBA,eAAM;AAAA,EAC3B,CAAC,EAAE,SAAS,UAAU,WAAW,SAAS,aAAa,KAAA,GAAQ,QAAQ;AAErE,YAAQ,IAAI,kBAAkB,IAAI;AAClC,UAAM,EAAE,cAAA,IAAkB,YAAA;AAC1B,UAAM,WAAW,YAAA;AAEjB,UAAM,qBAA6C;AAAA,MACjD,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAGX,UAAM,eAAuC;AAAA,MAC3C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAGX,UAAM,cAAc,MAAM;AACxB,UAAI,kBAAkB,OAAO;AAC7B,oBAAc,WAAW;AAAA,IAC3B;AAEA,UAAM,mBAAmB,CAAC,MAAwB;AAChD,QAAE,gBAAA;AACF,oBAAc,WAAW;AAAA,IAC3B;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,UACL,iBAAiB,mBAAmB,OAAO;AAAA,UAC3C,OAAO,aAAa,OAAO;AAAA,QAAA;AAAA,QAE7B,WAAU;AAAA,QACV,SAAS;AAAA,QAET,UAAA,qBAAC,KAAA,EAAI,SAAQ,QAAO,YAAW,UAAS,GAAG,GAAG,UAAS,YAAW,KAAK,GAAG,OAAM,QAC/E,UAAA;AAAA,WAAA,mDAAkB,KAAK,WACtB,oBAAC,UAAO,IAAI;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,YACV,SAAS,mBAAmB,KAAK,MAAM,KAAK;AAAA,YAC5C,OAAO;AAAA,YACP,cAAc;AAAA,YACd,SAAS;AAAA,cACP,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAW;AAAA,YAAA;AAAA,UACb,GACC,KAAK,mDAAkB,KAAK,SAAS,IACxC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAO,aAAa,OAAO;AAAA,gBAC3B,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,+BAGD,KAAA,EAAI,SAAQ,QAAO,YAAW,UAAS,OAAM,QAC5C,UAAA;AAAA,YAAA,qBAAC,KAAA,EAAI,MAAK,KACR,UAAA;AAAA,cAAA,oBAAC,cAAW,MAAK,MAAK,OAAO,WAAW,QAAO,QAAO,UAAA,mBAAA,CAEtD;AAAA,cACA,oBAAC,cAAW,MAAK,MAAK,IAAI,KAAK,OAAO,WACnC,UAAA,QAAA,CACH;AAAA,YAAA,GACF;AAAA,YAEA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS;AAAA,gBAQT,UAAA,oBAACC,WAAA,EAAU,UAAS,QAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UAC9B,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/custom-snackbar/custom-snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarContent, useSnackbar } from 'notistack';\nimport { Avatar, Box, IconButton } from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { useNavigate } from 'react-router-dom';\nimport { Notification } from '../icons';\nimport Typography from '../typography/typography';\nimport images from '../../assets/images';\nimport \"./custom-snackbar.scss\"\n\ninterface CustomSnackbarProps {\n  message: string;\n  variant?: 'default' | 'error' | 'success' | 'warning' | 'info';\n  linkUrl?: string;\n  snackbarKey: string | number;\n}\n\nconst mainModuleIcons = {\n  rbac: images.user,\n  document: images.document,\n  'accounts-and-finance': images.accounting,\n  inventory: images.inventory,\n  manufacturing: images.manufacturing,\n  sales: images.crm,\n  rental: images.rental,\n  user: images.user,\n  purchase: images.procurement,\n  hrms: images.hrms\n}\nconst mainModuleBgColors = {\n  rbac: '#F3E5F5',\n  document: '#FFF8E1',\n  'accounts-and-finance': '#E8F5E8',\n  inventory: '#E3F2FD',\n  manufacturing: '#FFF3E0',\n  sales: '#F3E5F5',\n  rental: '#E8F5E8',\n  user: '#F3E5F5',\n  purchase: '#FCE4EC',\n  hrms: '#fcfcfc'\n}\n\nconst CustomSnackbar = React.forwardRef<HTMLDivElement, CustomSnackbarProps>(\n  ({ message, variant = 'default', linkUrl, snackbarKey, data }, ref) => {\n\n    console.log(\"🚀 ~ data:: >>\", data)\n    const { closeSnackbar } = useSnackbar();\n    const navigate = useNavigate();\n\n    const backgroundColorMap: Record<string, string> = {\n      success: '#f0fdf4',\n      error: '#fef2f2',\n      warning: '#fff7ed',\n      info: '#eff6ff',\n      default: '#fff',\n    };\n\n    const textColorMap: Record<string, string> = {\n      success: '#166534',\n      error: '#991b1b',\n      warning: '#92400e',\n      info: '#1e40af',\n      default: '#27272a',\n    };\n\n    const handleClick = () => {\n      if (linkUrl) navigate(linkUrl);\n      closeSnackbar(snackbarKey);\n    };\n\n    const handleCloseClick = (e: React.MouseEvent) => {\n      e.stopPropagation(); // Prevent triggering link\n      closeSnackbar(snackbarKey);\n    };\n\n    return (\n      <SnackbarContent\n        ref={ref}\n        style={{\n          backgroundColor: backgroundColorMap[variant],\n          color: textColorMap[variant],\n        }}\n        className='SnackBar'\n        onClick={handleClick}\n      >\n        <Box display=\"flex\" alignItems=\"center\" p={2} position=\"relative\" gap={2} width='100%'>\n        {mainModuleIcons?.[data.module] ?\n          <Avatar sx={{ \n            width: 45, \n            height: 45, \n            fontSize: '0.875rem',\n            bgcolor: mainModuleBgColors[data.module] || 'primary.main',\n            color: 'white',\n            borderRadius: '8px',\n            '& img': { \n              width: '35px', \n              height: '35px', \n              objectFit: 'contain'\n            }\n          }} src={mainModuleIcons?.[data.module]} /> :\n          <Notification\n            style={{\n              color: textColorMap[variant],\n              marginTop: 2,\n            }}\n          />\n        }\n          <Box display=\"flex\" alignItems=\"center\" width='100%'>\n            <Box flex=\"1\">\n              <Typography type='h5' color={'inherit'} weight='bold'>\n                New Notification\n              </Typography>\n              <Typography type='s3' mt={0.5} color={'inherit'}>\n                {message}\n              </Typography>\n            </Box>\n\n            <IconButton\n              size=\"small\"\n              onClick={handleCloseClick}\n              // style={{\n              //   position: 'absolute',\n              //   top: 4,\n              //   right: 4,\n              //   color: textColorMap[variant],\n              // }}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        </Box>\n      </SnackbarContent>\n    );\n  }\n);\n\nexport { CustomSnackbar };\nexport default CustomSnackbar;\n"],"names":["React","CloseIcon"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,kBAAkB;AAAA,EACtB,MAAM,OAAO;AAAA,EACb,UAAU,OAAO;AAAA,EACjB,wBAAwB,OAAO;AAAA,EAC/B,WAAW,OAAO;AAAA,EAClB,eAAe,OAAO;AAAA,EACtB,OAAO,OAAO;AAAA,EACd,QAAQ,OAAO;AAAA,EACf,MAAM,OAAO;AAAA,EACb,UAAU,OAAO;AAAA,EACjB,MAAM,OAAO;AACf;AACA,MAAM,qBAAqB;AAAA,EACzB,MAAM;AAAA,EACN,UAAU;AAAA,EACV,wBAAwB;AAAA,EACxB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR;AAEA,MAAM,iBAAiBA,eAAM;AAAA,EAC3B,CAAC,EAAE,SAAS,UAAU,WAAW,SAAS,aAAa,KAAA,GAAQ,QAAQ;AAErE,YAAQ,IAAI,kBAAkB,IAAI;AAClC,UAAM,EAAE,cAAA,IAAkB,YAAA;AAC1B,UAAM,WAAW,YAAA;AAEjB,UAAM,qBAA6C;AAAA,MACjD,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAGX,UAAM,eAAuC;AAAA,MAC3C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAGX,UAAM,cAAc,MAAM;AACxB,UAAI,kBAAkB,OAAO;AAC7B,oBAAc,WAAW;AAAA,IAC3B;AAEA,UAAM,mBAAmB,CAAC,MAAwB;AAChD,QAAE,gBAAA;AACF,oBAAc,WAAW;AAAA,IAC3B;AAEA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,UACL,iBAAiB,mBAAmB,OAAO;AAAA,UAC3C,OAAO,aAAa,OAAO;AAAA,QAAA;AAAA,QAE7B,WAAU;AAAA,QACV,SAAS;AAAA,QAET,UAAA,qBAAC,KAAA,EAAI,SAAQ,QAAO,YAAW,UAAS,GAAG,GAAG,UAAS,YAAW,KAAK,GAAG,OAAM,QAC/E,UAAA;AAAA,WAAA,mDAAkB,KAAK,WACtB,oBAAC,UAAO,IAAI;AAAA,YACV,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,YACV,SAAS,mBAAmB,KAAK,MAAM,KAAK;AAAA,YAC5C,OAAO;AAAA,YACP,cAAc;AAAA,YACd,SAAS;AAAA,cACP,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAW;AAAA,YAAA;AAAA,UACb,GACC,KAAK,mDAAkB,KAAK,SAAS,IACxC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAO,aAAa,OAAO;AAAA,gBAC3B,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,UAAA;AAAA,+BAGD,KAAA,EAAI,SAAQ,QAAO,YAAW,UAAS,OAAM,QAC5C,UAAA;AAAA,YAAA,qBAAC,KAAA,EAAI,MAAK,KACR,UAAA;AAAA,cAAA,oBAAC,cAAW,MAAK,MAAK,OAAO,WAAW,QAAO,QAAO,UAAA,mBAAA,CAEtD;AAAA,cACA,oBAAC,cAAW,MAAK,MAAK,IAAI,KAAK,OAAO,WACnC,UAAA,QAAA,CACH;AAAA,YAAA,GACF;AAAA,YAEA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS;AAAA,gBAQT,UAAA,oBAACC,WAAA,EAAU,UAAS,QAAA,CAAQ;AAAA,cAAA;AAAA,YAAA;AAAA,UAC9B,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/components/custom-snackbar/custom-snackbar/index.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=,/* empty css                                                   */i=,/* empty css                                                     */n=require("react-router-dom"),t=,/* empty css                                 */s=;/* empty css                     */;/* empty css                             */var o=,/* empty css                                                 */c=,/* empty css                                                       */u=,/* empty css                              */l=;/* empty css                                                               */function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=/* @__PURE__ */d(r);const m={rbac:s.images.user,document:s.images.document,"accounts-and-finance":s.images.accounting,inventory:s.images.inventory,manufacturing:s.images.manufacturing,sales:s.images.crm,rental:s.images.rental,user:s.images.user,purchase:s.images.procurement,hrms:s.images.hrms},g={rbac:"#F3E5F5",document:"#FFF8E1","accounts-and-finance":"#E8F5E8",inventory:"#E3F2FD",manufacturing:"#FFF3E0",sales:"#F3E5F5",rental:"#E8F5E8",user:"#F3E5F5",purchase:"#FCE4EC",hrms:"#fcfcfc"},x=f.default.forwardRef(({message:r,variant:s="default",linkUrl:d,snackbarKey:f,data:x},h)=>{const{closeSnackbar:p}=a.useSnackbar(),j=n.useNavigate(),y={success:"#166534",error:"#991b1b",warning:"#92400e",info:"#1e40af",default:"#27272a"};/* @__PURE__ */
-return e.jsx(a.SnackbarContent,{ref:h,style:{backgroundColor:{success:"#f0fdf4",error:"#fef2f2",warning:"#fff7ed",info:"#eff6ff",default:"#fff"}[s],color:y[s]},className:"SnackBar",onClick:()=>{d&&j(d),p(f)},children:/* @__PURE__ */e.jsxs(o.default,{display:"flex",alignItems:"center",p:2,position:"relative",gap:2,width:"100%",children:[(null==m?void 0:m[x.module])?/* @__PURE__ */e.jsx(c.default,{sx:{width:45,height:45,fontSize:"0.875rem",bgcolor:g[x.module]||"primary.main",color:"white",borderRadius:"8px","& img":{width:"35px",height:"35px",objectFit:"contain"}},src:null==m?void 0:m[x.module]}):/* @__PURE__ */e.jsx(u.Notification,{style:{color:y[s],marginTop:2}}),
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=,/* empty css                                                   */i=,/* empty css                                                     */n=require("react-router-dom"),t=,/* empty css                                 */s=;/* empty css                     */;/* empty css                             */var o=,/* empty css                                                 */c=,/* empty css                                                       */u=,/* empty css                              */l=;/* empty css                                                               */function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=/* @__PURE__ */d(r);const f={rbac:s.images.user,document:s.images.document,"accounts-and-finance":s.images.accounting,inventory:s.images.inventory,manufacturing:s.images.manufacturing,sales:s.images.crm,rental:s.images.rental,user:s.images.user,purchase:s.images.procurement,hrms:s.images.hrms},g={rbac:"#F3E5F5",document:"#FFF8E1","accounts-and-finance":"#E8F5E8",inventory:"#E3F2FD",manufacturing:"#FFF3E0",sales:"#F3E5F5",rental:"#E8F5E8",user:"#F3E5F5",purchase:"#FCE4EC",hrms:"#fcfcfc"},x=m.default.forwardRef(({message:r,variant:s="default",linkUrl:d,snackbarKey:m,data:x},p)=>{const{closeSnackbar:h}=a.useSnackbar(),j=n.useNavigate(),y={success:"#166534",error:"#991b1b",warning:"#92400e",info:"#1e40af",default:"#27272a"};/* @__PURE__ */
+return e.jsx(a.SnackbarContent,{ref:p,style:{backgroundColor:{success:"#f0fdf4",error:"#fef2f2",warning:"#fff7ed",info:"#eff6ff",default:"#fff"}[s],color:y[s]},className:"SnackBar",onClick:()=>{d&&j(d),h(m)},children:/* @__PURE__ */e.jsxs(o.default,{display:"flex",alignItems:"center",p:2,position:"relative",gap:2,width:"100%",children:[(null==f?void 0:f[x.module])?/* @__PURE__ */e.jsx(c.default,{sx:{width:45,height:45,fontSize:"0.875rem",bgcolor:g[x.module]||"primary.main",color:"white",borderRadius:"8px","& img":{width:"35px",height:"35px",objectFit:"contain"}},src:null==f?void 0:f[x.module]}):/* @__PURE__ */e.jsx(u.Notification,{style:{color:y[s],marginTop:2}}),
 /* @__PURE__ */e.jsxs(o.default,{display:"flex",alignItems:"center",width:"100%",children:[
 /* @__PURE__ */e.jsxs(o.default,{flex:"1",children:[
 /* @__PURE__ */e.jsx(t.Typography,{type:"h5",color:"inherit",weight:"bold",children:"New Notification"}),
 /* @__PURE__ */e.jsx(t.Typography,{type:"s3",mt:.5,color:"inherit",children:r})]}),
-/* @__PURE__ */e.jsx(l.default,{size:"small",onClick:e=>{e.stopPropagation(),p(f)},children:/* @__PURE__ */e.jsx(i.default,{fontSize:"small"})})]})]})})});exports.default=x;
+/* @__PURE__ */e.jsx(l.default,{size:"small",onClick:e=>{e.stopPropagation(),h(m)},children:/* @__PURE__ */e.jsx(i.default,{fontSize:"small"})})]})]})})});exports.CustomSnackbar=x,exports.default=x;
 //# sourceMappingURL=index.js.map

package/dist/components/custom-snackbar/custom-snackbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/custom-snackbar/custom-snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarContent, useSnackbar } from 'notistack';\nimport { Avatar, Box, IconButton } from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { useNavigate } from 'react-router-dom';\nimport { Notification } from '../icons';\nimport Typography from '../typography/typography';\nimport images from '../../assets/images';\nimport \"./custom-snackbar.scss\"\n\ninterface CustomSnackbarProps {\n  message: string;\n  variant?: 'default' | 'error' | 'success' | 'warning' | 'info';\n  linkUrl?: string;\n  snackbarKey: string | number;\n}\n\nconst mainModuleIcons = {\n  rbac: images.user,\n  document: images.document,\n  'accounts-and-finance': images.accounting,\n  inventory: images.inventory,\n  manufacturing: images.manufacturing,\n  sales: images.crm,\n  rental: images.rental,\n  user: images.user,\n  purchase: images.procurement,\n  hrms: images.hrms\n}\nconst mainModuleBgColors = {\n  rbac: '#F3E5F5',\n  document: '#FFF8E1',\n  'accounts-and-finance': '#E8F5E8',\n  inventory: '#E3F2FD',\n  manufacturing: '#FFF3E0',\n  sales: '#F3E5F5',\n  rental: '#E8F5E8',\n  user: '#F3E5F5',\n  purchase: '#FCE4EC',\n  hrms: '#fcfcfc'\n}\n\nconst CustomSnackbar = React.forwardRef<HTMLDivElement, CustomSnackbarProps>(\n  ({ message, variant = 'default', linkUrl, snackbarKey, data }, ref) => {\n\n    console.log(\"🚀 ~ data:: >>\", data)\n    const { closeSnackbar } = useSnackbar();\n    const navigate = useNavigate();\n\n    const backgroundColorMap: Record<string, string> = {\n      success: '#f0fdf4',\n      error: '#fef2f2',\n      warning: '#fff7ed',\n      info: '#eff6ff',\n      default: '#fff',\n    };\n\n    const textColorMap: Record<string, string> = {\n      success: '#166534',\n      error: '#991b1b',\n      warning: '#92400e',\n      info: '#1e40af',\n      default: '#27272a',\n    };\n\n    const handleClick = () => {\n      if (linkUrl) navigate(linkUrl);\n      closeSnackbar(snackbarKey);\n    };\n\n    const handleCloseClick = (e: React.MouseEvent) => {\n      e.stopPropagation(); // Prevent triggering link\n      closeSnackbar(snackbarKey);\n    };\n\n    return (\n      <SnackbarContent\n        ref={ref}\n        style={{\n          backgroundColor: backgroundColorMap[variant],\n          color: textColorMap[variant],\n        }}\n        className='SnackBar'\n        onClick={handleClick}\n      >\n        <Box display=\"flex\" alignItems=\"center\" p={2} position=\"relative\" gap={2} width='100%'>\n        {mainModuleIcons?.[data.module] ?\n          <Avatar sx={{ \n            width: 45, \n            height: 45, \n            fontSize: '0.875rem',\n            bgcolor: mainModuleBgColors[data.module] || 'primary.main',\n            color: 'white',\n            borderRadius: '8px',\n            '& img': { \n              width: '35px', \n              height: '35px', \n              objectFit: 'contain'\n            }\n          }} src={mainModuleIcons?.[data.module]} /> :\n          <Notification\n            style={{\n              color: textColorMap[variant],\n              marginTop: 2,\n            }}\n          />\n        }\n          <Box display=\"flex\" alignItems=\"center\" width='100%'>\n            <Box flex=\"1\">\n              <Typography type='h5' color={'inherit'} weight='bold'>\n                New Notification\n              </Typography>\n              <Typography type='s3' mt={0.5} color={'inherit'}>\n                {message}\n              </Typography>\n            </Box>\n\n            <IconButton\n              size=\"small\"\n              onClick={handleCloseClick}\n              // style={{\n              //   position: 'absolute',\n              //   top: 4,\n              //   right: 4,\n              //   color: textColorMap[variant],\n              // }}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        </Box>\n      </SnackbarContent>\n    );\n  }\n);\n\nexport default CustomSnackbar;\n"],"names":["mainModuleIcons","rbac","images","user","document","accounting","inventory","manufacturing","sales","crm","rental","purchase","procurement","hrms","mainModuleBgColors","CustomSnackbar","React","forwardRef","message","variant","linkUrl","snackbarKey","data","ref","closeSnackbar","useSnackbar","navigate","useNavigate","textColorMap","success","error","warning","info","default","jsx","SnackbarContent","style","backgroundColor","color","className","onClick","children","jsxs","Box","display","alignItems","p","position","gap","width","module","Avatar","sx","height","fontSize","bgcolor","borderRadius","objectFit","src","Notification","marginTop","flex","Typography","type","weight","mt","IconButton","size","e","stopPropagation","CloseIcon"],"mappings":"qxBAiBA,MAAMA,EAAkB,CACtBC,KAAMC,EAAAA,OAAOC,KACbC,SAAUF,EAAAA,OAAOE,SACjB,uBAAwBF,EAAAA,OAAOG,WAC/BC,UAAWJ,EAAAA,OAAOI,UAClBC,cAAeL,EAAAA,OAAOK,cACtBC,MAAON,EAAAA,OAAOO,IACdC,OAAQR,EAAAA,OAAOQ,OACfP,KAAMD,EAAAA,OAAOC,KACbQ,SAAUT,EAAAA,OAAOU,YACjBC,KAAMX,EAAAA,OAAOW,MAETC,EAAqB,CACzBb,KAAM,UACNG,SAAU,UACV,uBAAwB,UACxBE,UAAW,UACXC,cAAe,UACfC,MAAO,UACPE,OAAQ,UACRP,KAAM,UACNQ,SAAU,UACVE,KAAM,WAGFE,EAAiBC,EAAAA,QAAMC,WAC3B,EAAGC,UAASC,UAAU,UAAWC,UAASC,cAAaC,QAAQC,KAG7D,MAAMC,cAAEA,GAAkBC,gBACpBC,EAAWC,EAAAA,cAUXC,EAAuC,CAC3CC,QAAS,UACTC,MAAO,UACPC,QAAS,UACTC,KAAM,UACNC,QAAS;AAaX,OACEC,EAAAA,IAACC,EAAAA,gBAAA,CACCZ,MACAa,MAAO,CACLC,gBA9B6C,CACjDR,QAAS,UACTC,MAAO,UACPC,QAAS,UACTC,KAAM,UACNC,QAAS,QAyB+Bd,GACpCmB,MAAOV,EAAaT,IAEtBoB,UAAU,WACVC,QAlBgB,KACdpB,KAAkBA,GACtBI,EAAcH,IAkBZoB,wBAAAC,EAAAA,KAACC,UAAA,CAAIC,QAAQ,OAAOC,WAAW,SAASC,EAAG,EAAGC,SAAS,WAAWC,IAAK,EAAGC,MAAM,OAC/ER,SAAA,EAAA,MAAAzC,OAAA,EAAAA,EAAkBsB,EAAK4B,wBACtBhB,EAAAA,IAACiB,EAAAA,SAAOC,GAAI,CACVH,MAAO,GACPI,OAAQ,GACRC,SAAU,WACVC,QAASzC,EAAmBQ,EAAK4B,SAAW,eAC5CZ,MAAO,QACPkB,aAAc,MACd,QAAS,CACPP,MAAO,OACPI,OAAQ,OACRI,UAAW,YAEZC,IAAK,MAAA1D,OAAA,EAAAA,EAAkBsB,EAAK4B,yBAC/BhB,EAAAA,IAACyB,EAAAA,aAAA,CACCvB,MAAO,CACLE,MAAOV,EAAaT,GACpByC,UAAW;sBAIdjB,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,WAAW,SAASI,MAAM,OAC5CR,SAAA;iBAAAC,KAACC,EAAAA,QAAA,CAAIkB,KAAK,IACRpB,SAAA;eAAAP,EAAAA,IAAC4B,EAAAA,YAAWC,KAAK,KAAKzB,MAAO,UAAW0B,OAAO,OAAOvB,SAAA;eAGtDP,EAAAA,IAAC4B,EAAAA,YAAWC,KAAK,KAAKE,GAAI,GAAK3B,MAAO,UACnCG,SAAAvB;eAILgB,EAAAA,IAACgC,EAAAA,QAAA,CACCC,KAAK,QACL3B,QAjDgB4B,IACxBA,EAAEC,kBACF7C,EAAcH,IAuDNoB,0BAAAP,IAACoC,EAAAA,QAAA,CAAUhB,SAAS"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/custom-snackbar/custom-snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarContent, useSnackbar } from 'notistack';\nimport { Avatar, Box, IconButton } from '@mui/material';\nimport CloseIcon from '@mui/icons-material/Close';\nimport { useNavigate } from 'react-router-dom';\nimport { Notification } from '../icons';\nimport Typography from '../typography/typography';\nimport images from '../../assets/images';\nimport \"./custom-snackbar.scss\"\n\ninterface CustomSnackbarProps {\n  message: string;\n  variant?: 'default' | 'error' | 'success' | 'warning' | 'info';\n  linkUrl?: string;\n  snackbarKey: string | number;\n}\n\nconst mainModuleIcons = {\n  rbac: images.user,\n  document: images.document,\n  'accounts-and-finance': images.accounting,\n  inventory: images.inventory,\n  manufacturing: images.manufacturing,\n  sales: images.crm,\n  rental: images.rental,\n  user: images.user,\n  purchase: images.procurement,\n  hrms: images.hrms\n}\nconst mainModuleBgColors = {\n  rbac: '#F3E5F5',\n  document: '#FFF8E1',\n  'accounts-and-finance': '#E8F5E8',\n  inventory: '#E3F2FD',\n  manufacturing: '#FFF3E0',\n  sales: '#F3E5F5',\n  rental: '#E8F5E8',\n  user: '#F3E5F5',\n  purchase: '#FCE4EC',\n  hrms: '#fcfcfc'\n}\n\nconst CustomSnackbar = React.forwardRef<HTMLDivElement, CustomSnackbarProps>(\n  ({ message, variant = 'default', linkUrl, snackbarKey, data }, ref) => {\n\n    console.log(\"🚀 ~ data:: >>\", data)\n    const { closeSnackbar } = useSnackbar();\n    const navigate = useNavigate();\n\n    const backgroundColorMap: Record<string, string> = {\n      success: '#f0fdf4',\n      error: '#fef2f2',\n      warning: '#fff7ed',\n      info: '#eff6ff',\n      default: '#fff',\n    };\n\n    const textColorMap: Record<string, string> = {\n      success: '#166534',\n      error: '#991b1b',\n      warning: '#92400e',\n      info: '#1e40af',\n      default: '#27272a',\n    };\n\n    const handleClick = () => {\n      if (linkUrl) navigate(linkUrl);\n      closeSnackbar(snackbarKey);\n    };\n\n    const handleCloseClick = (e: React.MouseEvent) => {\n      e.stopPropagation(); // Prevent triggering link\n      closeSnackbar(snackbarKey);\n    };\n\n    return (\n      <SnackbarContent\n        ref={ref}\n        style={{\n          backgroundColor: backgroundColorMap[variant],\n          color: textColorMap[variant],\n        }}\n        className='SnackBar'\n        onClick={handleClick}\n      >\n        <Box display=\"flex\" alignItems=\"center\" p={2} position=\"relative\" gap={2} width='100%'>\n        {mainModuleIcons?.[data.module] ?\n          <Avatar sx={{ \n            width: 45, \n            height: 45, \n            fontSize: '0.875rem',\n            bgcolor: mainModuleBgColors[data.module] || 'primary.main',\n            color: 'white',\n            borderRadius: '8px',\n            '& img': { \n              width: '35px', \n              height: '35px', \n              objectFit: 'contain'\n            }\n          }} src={mainModuleIcons?.[data.module]} /> :\n          <Notification\n            style={{\n              color: textColorMap[variant],\n              marginTop: 2,\n            }}\n          />\n        }\n          <Box display=\"flex\" alignItems=\"center\" width='100%'>\n            <Box flex=\"1\">\n              <Typography type='h5' color={'inherit'} weight='bold'>\n                New Notification\n              </Typography>\n              <Typography type='s3' mt={0.5} color={'inherit'}>\n                {message}\n              </Typography>\n            </Box>\n\n            <IconButton\n              size=\"small\"\n              onClick={handleCloseClick}\n              // style={{\n              //   position: 'absolute',\n              //   top: 4,\n              //   right: 4,\n              //   color: textColorMap[variant],\n              // }}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        </Box>\n      </SnackbarContent>\n    );\n  }\n);\n\nexport { CustomSnackbar };\nexport default CustomSnackbar;\n"],"names":["mainModuleIcons","rbac","images","user","document","accounting","inventory","manufacturing","sales","crm","rental","purchase","procurement","hrms","mainModuleBgColors","CustomSnackbar","React","forwardRef","message","variant","linkUrl","snackbarKey","data","ref","closeSnackbar","useSnackbar","navigate","useNavigate","textColorMap","success","error","warning","info","default","jsx","SnackbarContent","style","backgroundColor","color","className","onClick","children","jsxs","Box","display","alignItems","p","position","gap","width","module","Avatar","sx","height","fontSize","bgcolor","borderRadius","objectFit","src","Notification","marginTop","flex","Typography","type","weight","mt","IconButton","size","e","stopPropagation","CloseIcon"],"mappings":"qxBAiBA,MAAMA,EAAkB,CACtBC,KAAMC,EAAAA,OAAOC,KACbC,SAAUF,EAAAA,OAAOE,SACjB,uBAAwBF,EAAAA,OAAOG,WAC/BC,UAAWJ,EAAAA,OAAOI,UAClBC,cAAeL,EAAAA,OAAOK,cACtBC,MAAON,EAAAA,OAAOO,IACdC,OAAQR,EAAAA,OAAOQ,OACfP,KAAMD,EAAAA,OAAOC,KACbQ,SAAUT,EAAAA,OAAOU,YACjBC,KAAMX,EAAAA,OAAOW,MAETC,EAAqB,CACzBb,KAAM,UACNG,SAAU,UACV,uBAAwB,UACxBE,UAAW,UACXC,cAAe,UACfC,MAAO,UACPE,OAAQ,UACRP,KAAM,UACNQ,SAAU,UACVE,KAAM,WAGFE,EAAiBC,EAAAA,QAAMC,WAC3B,EAAGC,UAASC,UAAU,UAAWC,UAASC,cAAaC,QAAQC,KAG7D,MAAMC,cAAEA,GAAkBC,gBACpBC,EAAWC,EAAAA,cAUXC,EAAuC,CAC3CC,QAAS,UACTC,MAAO,UACPC,QAAS,UACTC,KAAM,UACNC,QAAS;AAaX,OACEC,EAAAA,IAACC,EAAAA,gBAAA,CACCZ,MACAa,MAAO,CACLC,gBA9B6C,CACjDR,QAAS,UACTC,MAAO,UACPC,QAAS,UACTC,KAAM,UACNC,QAAS,QAyB+Bd,GACpCmB,MAAOV,EAAaT,IAEtBoB,UAAU,WACVC,QAlBgB,KACdpB,KAAkBA,GACtBI,EAAcH,IAkBZoB,wBAAAC,EAAAA,KAACC,UAAA,CAAIC,QAAQ,OAAOC,WAAW,SAASC,EAAG,EAAGC,SAAS,WAAWC,IAAK,EAAGC,MAAM,OAC/ER,SAAA,EAAA,MAAAzC,OAAA,EAAAA,EAAkBsB,EAAK4B,wBACtBhB,EAAAA,IAACiB,EAAAA,SAAOC,GAAI,CACVH,MAAO,GACPI,OAAQ,GACRC,SAAU,WACVC,QAASzC,EAAmBQ,EAAK4B,SAAW,eAC5CZ,MAAO,QACPkB,aAAc,MACd,QAAS,CACPP,MAAO,OACPI,OAAQ,OACRI,UAAW,YAEZC,IAAK,MAAA1D,OAAA,EAAAA,EAAkBsB,EAAK4B,yBAC/BhB,EAAAA,IAACyB,EAAAA,aAAA,CACCvB,MAAO,CACLE,MAAOV,EAAaT,GACpByC,UAAW;sBAIdjB,EAAAA,QAAA,CAAIC,QAAQ,OAAOC,WAAW,SAASI,MAAM,OAC5CR,SAAA;iBAAAC,KAACC,EAAAA,QAAA,CAAIkB,KAAK,IACRpB,SAAA;eAAAP,EAAAA,IAAC4B,EAAAA,YAAWC,KAAK,KAAKzB,MAAO,UAAW0B,OAAO,OAAOvB,SAAA;eAGtDP,EAAAA,IAAC4B,EAAAA,YAAWC,KAAK,KAAKE,GAAI,GAAK3B,MAAO,UACnCG,SAAAvB;eAILgB,EAAAA,IAACgC,EAAAA,QAAA,CACCC,KAAK,QACL3B,QAjDgB4B,IACxBA,EAAEC,kBACF7C,EAAcH,IAuDNoB,0BAAAP,IAACoC,EAAAA,QAAA,CAAUhB,SAAS"}

package/dist/components/custom-snackbar/custom-snackbar.d.ts

@@ -7,4 +7,5 @@ interface CustomSnackbarProps {
     snackbarKey: string | number;
 }
 declare const CustomSnackbar: React.ForwardRefExoticComponent<CustomSnackbarProps & React.RefAttributes<HTMLDivElement>>;
+export { CustomSnackbar };
 export default CustomSnackbar;

package/dist/components/custom-toggle-switch/custom-toggle-switch/index.esm.js

@@ -115,6 +115,7 @@ const CustomToggleSwitch = ({
   );
 };
 export {
+  CustomToggleSwitch,
   CustomToggleSwitch as default
 };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/custom-toggle-switch/custom-toggle-switch/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/custom-toggle-switch/custom-toggle-switch.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  styled,\n  ButtonBase,\n} from '@mui/material';\n\n// Styled container for the toggle switch\nconst ToggleContainer = styled(Box)(({ theme }) => ({\n  position: 'relative',\n  display: 'inline-flex',\n  alignItems: 'center',\n  // backgroundColor: theme.palette.grey[300],\n  borderRadius: theme.spacing(3),\n  padding: theme.spacing(0.5),\n  cursor: 'pointer',\n  transition: 'all 0.3s ease-in-out',\n  minWidth: 'max-content',\n  backgroundColor: theme.palette.common.white,\n  border: '1px solid',\n  borderColor: theme.palette.grey[200],\n  '&.disabled': {\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  },\n}));\n\n// Styled sliding background\nconst SlidingBackground = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  // top: theme.spacing(0.5),\n  // bottom: theme.spacing(0.5),\n  backgroundColor: theme.palette.theme.primary[100],\n  borderRadius: theme.spacing(2.5),\n  transition: 'all 0.3s ease-in-out',\n  top:0,\n  bottom: 0,\n  zIndex: 1,\n}));\n\n// Styled text label\nconst ToggleLabel = styled(ButtonBase)(({ theme, active }) => ({\n  position: 'relative',\n  zIndex: 2,\n  padding: theme.spacing(1, 1.5),\n  borderRadius: theme.spacing(2.5),\n  fontSize: '0.75rem',\n  fontWeight: 500,\n  whiteSpace: 'nowrap',\n  userSelect: 'none',\n  transition: 'color 0.3s ease-in-out',\n  color: active ? theme.palette.primary.main : theme.palette.grey[600],\n  '&:hover:not(.disabled)': {\n    color: active ? theme.palette.primary.main : theme.palette.grey[800],\n  },\n  '&.disabled': {\n    cursor: 'not-allowed',\n  },\n}));\n\n// Main dynamic toggle switch component\nconst CustomToggleSwitch = ({\n  leftLabel = \"Collapse All\",\n  rightLabel = \"Expand All\",\n  defaultChecked = false,\n  onChange,\n  disabled = false,\n  sx = {},\n  ...props\n}) => {\n  const [checked, setChecked] = useState(defaultChecked);\n\n  const handleChange = (newValue) => {\n    if (disabled) return;\n    setChecked(newValue);\n    if (onChange) {\n      onChange(newValue, newValue ? rightLabel : leftLabel);\n    }\n  };\n\n  const handleTextClick = (isRightLabel) => {\n    if (disabled) return;\n    const newValue = isRightLabel;\n    handleChange(newValue);\n  };\n\n  return (\n    <ToggleContainer\n      className={disabled ? 'disabled' : ''}\n      sx={sx}\n      {...props}\n    >\n      {/* Sliding background */}\n      <SlidingBackground\n        sx={{\n          left: checked ? '50%' : 0,\n          right: checked ? 0 : '50%',\n        }}\n      />\n      \n      {/* Left label */}\n      <ToggleLabel\n        active={!checked}\n        className={disabled ? 'disabled' : ''}\n        onClick={() => handleTextClick(false)}\n        disableRipple={true}\n        disabled={disabled}\n      >\n        {leftLabel}\n      </ToggleLabel>\n      \n      {/* Right label */}\n      <ToggleLabel\n        active={checked}\n        className={disabled ? 'disabled' : ''}\n        onClick={() => handleTextClick(true)}\n        disableRipple={true}\n        disabled={disabled}\n      >\n        {rightLabel}\n      </ToggleLabel>\n    </ToggleContainer>\n  );\n};\n\nexport default CustomToggleSwitch"],"names":[],"mappings":";;;;;AAQA,MAAM,kBAAkB,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAClD,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA;AAAA,EAEZ,cAAc,MAAM,QAAQ,CAAC;AAAA,EAC7B,SAAS,MAAM,QAAQ,GAAG;AAAA,EAC1B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,iBAAiB,MAAM,QAAQ,OAAO;AAAA,EACtC,QAAQ;AAAA,EACR,aAAa,MAAM,QAAQ,KAAK,GAAG;AAAA,EACnC,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEZ,EAAE;AAGF,MAAM,oBAAoB,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EACpD,UAAU;AAAA;AAAA;AAAA,EAGV,iBAAiB,MAAM,QAAQ,MAAM,QAAQ,GAAG;AAAA,EAChD,cAAc,MAAM,QAAQ,GAAG;AAAA,EAC/B,YAAY;AAAA,EACZ,KAAI;AAAA,EACJ,QAAQ;AAAA,EACR,QAAQ;AACV,EAAE;AAGF,MAAM,cAAc,OAAO,UAAU,EAAE,CAAC,EAAE,OAAO,cAAc;AAAA,EAC7D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS,MAAM,QAAQ,GAAG,GAAG;AAAA,EAC7B,cAAc,MAAM,QAAQ,GAAG;AAAA,EAC/B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO,SAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EACnE,0BAA0B;AAAA,IACxB,OAAO,SAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EAAA;AAAA,EAErE,cAAc;AAAA,IACZ,QAAQ;AAAA,EAAA;AAEZ,EAAE;AAGF,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX,KAAK,CAAA;AAAA,EACL,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,cAAc;AAErD,QAAM,eAAe,CAAC,aAAa;AACjC,QAAI,SAAU;AACd,eAAW,QAAQ;AACnB,QAAI,UAAU;AACZ,eAAS,UAAU,WAAW,aAAa,SAAS;AAAA,IACtD;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,iBAAiB;AACxC,QAAI,SAAU;AACd,UAAM,WAAW;AACjB,iBAAa,QAAQ;AAAA,EACvB;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,aAAa;AAAA,MACnC;AAAA,MACC,GAAG;AAAA,MAGJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,MAAM,UAAU,QAAQ;AAAA,cACxB,OAAO,UAAU,IAAI;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,QAIF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAQ,CAAC;AAAA,YACT,WAAW,WAAW,aAAa;AAAA,YACnC,SAAS,MAAM,gBAAgB,KAAK;AAAA,YACpC,eAAe;AAAA,YACf;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,WAAW,WAAW,aAAa;AAAA,YACnC,SAAS,MAAM,gBAAgB,IAAI;AAAA,YACnC,eAAe;AAAA,YACf;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/custom-toggle-switch/custom-toggle-switch.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  styled,\n  ButtonBase,\n} from '@mui/material';\n\n// Styled container for the toggle switch\nconst ToggleContainer = styled(Box)(({ theme }) => ({\n  position: 'relative',\n  display: 'inline-flex',\n  alignItems: 'center',\n  // backgroundColor: theme.palette.grey[300],\n  borderRadius: theme.spacing(3),\n  padding: theme.spacing(0.5),\n  cursor: 'pointer',\n  transition: 'all 0.3s ease-in-out',\n  minWidth: 'max-content',\n  backgroundColor: theme.palette.common.white,\n  border: '1px solid',\n  borderColor: theme.palette.grey[200],\n  '&.disabled': {\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  },\n}));\n\n// Styled sliding background\nconst SlidingBackground = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  // top: theme.spacing(0.5),\n  // bottom: theme.spacing(0.5),\n  backgroundColor: theme.palette.theme.primary[100],\n  borderRadius: theme.spacing(2.5),\n  transition: 'all 0.3s ease-in-out',\n  top:0,\n  bottom: 0,\n  zIndex: 1,\n}));\n\n// Styled text label\nconst ToggleLabel = styled(ButtonBase)(({ theme, active }) => ({\n  position: 'relative',\n  zIndex: 2,\n  padding: theme.spacing(1, 1.5),\n  borderRadius: theme.spacing(2.5),\n  fontSize: '0.75rem',\n  fontWeight: 500,\n  whiteSpace: 'nowrap',\n  userSelect: 'none',\n  transition: 'color 0.3s ease-in-out',\n  color: active ? theme.palette.primary.main : theme.palette.grey[600],\n  '&:hover:not(.disabled)': {\n    color: active ? theme.palette.primary.main : theme.palette.grey[800],\n  },\n  '&.disabled': {\n    cursor: 'not-allowed',\n  },\n}));\n\n// Main dynamic toggle switch component\nconst CustomToggleSwitch = ({\n  leftLabel = \"Collapse All\",\n  rightLabel = \"Expand All\",\n  defaultChecked = false,\n  onChange,\n  disabled = false,\n  sx = {},\n  ...props\n}) => {\n  const [checked, setChecked] = useState(defaultChecked);\n\n  const handleChange = (newValue) => {\n    if (disabled) return;\n    setChecked(newValue);\n    if (onChange) {\n      onChange(newValue, newValue ? rightLabel : leftLabel);\n    }\n  };\n\n  const handleTextClick = (isRightLabel) => {\n    if (disabled) return;\n    const newValue = isRightLabel;\n    handleChange(newValue);\n  };\n\n  return (\n    <ToggleContainer\n      className={disabled ? 'disabled' : ''}\n      sx={sx}\n      {...props}\n    >\n      {/* Sliding background */}\n      <SlidingBackground\n        sx={{\n          left: checked ? '50%' : 0,\n          right: checked ? 0 : '50%',\n        }}\n      />\n      \n      {/* Left label */}\n      <ToggleLabel\n        active={!checked}\n        className={disabled ? 'disabled' : ''}\n        onClick={() => handleTextClick(false)}\n        disableRipple={true}\n        disabled={disabled}\n      >\n        {leftLabel}\n      </ToggleLabel>\n      \n      {/* Right label */}\n      <ToggleLabel\n        active={checked}\n        className={disabled ? 'disabled' : ''}\n        onClick={() => handleTextClick(true)}\n        disableRipple={true}\n        disabled={disabled}\n      >\n        {rightLabel}\n      </ToggleLabel>\n    </ToggleContainer>\n  );\n};\n\nexport { CustomToggleSwitch };\nexport default CustomToggleSwitch"],"names":[],"mappings":";;;;;AAQA,MAAM,kBAAkB,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAClD,UAAU;AAAA,EACV,SAAS;AAAA,EACT,YAAY;AAAA;AAAA,EAEZ,cAAc,MAAM,QAAQ,CAAC;AAAA,EAC7B,SAAS,MAAM,QAAQ,GAAG;AAAA,EAC1B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,iBAAiB,MAAM,QAAQ,OAAO;AAAA,EACtC,QAAQ;AAAA,EACR,aAAa,MAAM,QAAQ,KAAK,GAAG;AAAA,EACnC,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEZ,EAAE;AAGF,MAAM,oBAAoB,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EACpD,UAAU;AAAA;AAAA;AAAA,EAGV,iBAAiB,MAAM,QAAQ,MAAM,QAAQ,GAAG;AAAA,EAChD,cAAc,MAAM,QAAQ,GAAG;AAAA,EAC/B,YAAY;AAAA,EACZ,KAAI;AAAA,EACJ,QAAQ;AAAA,EACR,QAAQ;AACV,EAAE;AAGF,MAAM,cAAc,OAAO,UAAU,EAAE,CAAC,EAAE,OAAO,cAAc;AAAA,EAC7D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS,MAAM,QAAQ,GAAG,GAAG;AAAA,EAC7B,cAAc,MAAM,QAAQ,GAAG;AAAA,EAC/B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,OAAO,SAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EACnE,0BAA0B;AAAA,IACxB,OAAO,SAAS,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EAAA;AAAA,EAErE,cAAc;AAAA,IACZ,QAAQ;AAAA,EAAA;AAEZ,EAAE;AAGF,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB;AAAA,EACA,WAAW;AAAA,EACX,KAAK,CAAA;AAAA,EACL,GAAG;AACL,MAAM;AACJ,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,cAAc;AAErD,QAAM,eAAe,CAAC,aAAa;AACjC,QAAI,SAAU;AACd,eAAW,QAAQ;AACnB,QAAI,UAAU;AACZ,eAAS,UAAU,WAAW,aAAa,SAAS;AAAA,IACtD;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,iBAAiB;AACxC,QAAI,SAAU;AACd,UAAM,WAAW;AACjB,iBAAa,QAAQ;AAAA,EACvB;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,aAAa;AAAA,MACnC;AAAA,MACC,GAAG;AAAA,MAGJ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,MAAM,UAAU,QAAQ;AAAA,cACxB,OAAO,UAAU,IAAI;AAAA,YAAA;AAAA,UACvB;AAAA,QAAA;AAAA,QAIF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAQ,CAAC;AAAA,YACT,WAAW,WAAW,aAAa;AAAA,YACnC,SAAS,MAAM,gBAAgB,KAAK;AAAA,YACpC,eAAe;AAAA,YACf;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,QAAQ;AAAA,YACR,WAAW,WAAW,aAAa;AAAA,YACnC,SAAS,MAAM,gBAAgB,IAAI;AAAA,YACnC,eAAe;AAAA,YACf;AAAA,YAEC,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/custom-toggle-switch/custom-toggle-switch/index.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=require("../../../node_modules/@mui/material/styles/styled/index.js"),i=require("../../../node_modules/@mui/material/Box/Box/index.js"),l=require("../../../node_modules/@mui/material/ButtonBase/ButtonBase/index.js");const o=t.default(i.default)(({theme:e})=>({position:"relative",display:"inline-flex",alignItems:"center",borderRadius:e.spacing(3),padding:e.spacing(.5),cursor:"pointer",transition:"all 0.3s ease-in-out",minWidth:"max-content",backgroundColor:e.palette.common.white,border:"1px solid",borderColor:e.palette.grey[200],"&.disabled":{opacity:.5,cursor:"not-allowed"}})),r=t.default(i.default)(({theme:e})=>({position:"absolute",backgroundColor:e.palette.theme.primary[100],borderRadius:e.spacing(2.5),transition:"all 0.3s ease-in-out",top:0,bottom:0,zIndex:1})),s=t.default(l.default)(({theme:e,active:a})=>({position:"relative",zIndex:2,padding:e.spacing(1,1.5),borderRadius:e.spacing(2.5),fontSize:"0.75rem",fontWeight:500,whiteSpace:"nowrap",userSelect:"none",transition:"color 0.3s ease-in-out",color:a?e.palette.primary.main:e.palette.grey[600],"&:hover:not(.disabled)":{color:a?e.palette.primary.main:e.palette.grey[800]},"&.disabled":{cursor:"not-allowed"}}));exports.default=({leftLabel:t="Collapse All",rightLabel:i="Expand All",defaultChecked:l=!1,onChange:d,disabled:n=!1,sx:u={},...c})=>{const[p,m]=a.useState(l),b=e=>{var a;n||(a=e,n||(m(a),d&&d(a,a?i:t)))};/* @__PURE__ */
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../../node_modules/@mui/material/styles/styled/index.js"),i=require("../../../node_modules/@mui/material/Box/Box/index.js"),l=require("../../../node_modules/@mui/material/ButtonBase/ButtonBase/index.js");const o=a.default(i.default)(({theme:e})=>({position:"relative",display:"inline-flex",alignItems:"center",borderRadius:e.spacing(3),padding:e.spacing(.5),cursor:"pointer",transition:"all 0.3s ease-in-out",minWidth:"max-content",backgroundColor:e.palette.common.white,border:"1px solid",borderColor:e.palette.grey[200],"&.disabled":{opacity:.5,cursor:"not-allowed"}})),s=a.default(i.default)(({theme:e})=>({position:"absolute",backgroundColor:e.palette.theme.primary[100],borderRadius:e.spacing(2.5),transition:"all 0.3s ease-in-out",top:0,bottom:0,zIndex:1})),r=a.default(l.default)(({theme:e,active:t})=>({position:"relative",zIndex:2,padding:e.spacing(1,1.5),borderRadius:e.spacing(2.5),fontSize:"0.75rem",fontWeight:500,whiteSpace:"nowrap",userSelect:"none",transition:"color 0.3s ease-in-out",color:t?e.palette.primary.main:e.palette.grey[600],"&:hover:not(.disabled)":{color:t?e.palette.primary.main:e.palette.grey[800]},"&.disabled":{cursor:"not-allowed"}})),d=({leftLabel:a="Collapse All",rightLabel:i="Expand All",defaultChecked:l=!1,onChange:d,disabled:n=!1,sx:u={},...c})=>{const[p,m]=t.useState(l),b=e=>{var t;n||(t=e,n||(m(t),d&&d(t,t?i:a)))};/* @__PURE__ */
 return e.jsxs(o,{className:n?"disabled":"",sx:u,...c,children:[
-/* @__PURE__ */e.jsx(r,{sx:{left:p?"50%":0,right:p?0:"50%"}}),
-/* @__PURE__ */e.jsx(s,{active:!p,className:n?"disabled":"",onClick:()=>b(!1),disableRipple:!0,disabled:n,children:t}),
-/* @__PURE__ */e.jsx(s,{active:p,className:n?"disabled":"",onClick:()=>b(!0),disableRipple:!0,disabled:n,children:i})]})};
+/* @__PURE__ */e.jsx(s,{sx:{left:p?"50%":0,right:p?0:"50%"}}),
+/* @__PURE__ */e.jsx(r,{active:!p,className:n?"disabled":"",onClick:()=>b(!1),disableRipple:!0,disabled:n,children:a}),
+/* @__PURE__ */e.jsx(r,{active:p,className:n?"disabled":"",onClick:()=>b(!0),disableRipple:!0,disabled:n,children:i})]})};exports.CustomToggleSwitch=d,exports.default=d;
 //# sourceMappingURL=index.js.map

package/dist/components/custom-toggle-switch/custom-toggle-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/custom-toggle-switch/custom-toggle-switch.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  styled,\n  ButtonBase,\n} from '@mui/material';\n\n// Styled container for the toggle switch\nconst ToggleContainer = styled(Box)(({ theme }) => ({\n  position: 'relative',\n  display: 'inline-flex',\n  alignItems: 'center',\n  // backgroundColor: theme.palette.grey[300],\n  borderRadius: theme.spacing(3),\n  padding: theme.spacing(0.5),\n  cursor: 'pointer',\n  transition: 'all 0.3s ease-in-out',\n  minWidth: 'max-content',\n  backgroundColor: theme.palette.common.white,\n  border: '1px solid',\n  borderColor: theme.palette.grey[200],\n  '&.disabled': {\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  },\n}));\n\n// Styled sliding background\nconst SlidingBackground = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  // top: theme.spacing(0.5),\n  // bottom: theme.spacing(0.5),\n  backgroundColor: theme.palette.theme.primary[100],\n  borderRadius: theme.spacing(2.5),\n  transition: 'all 0.3s ease-in-out',\n  top:0,\n  bottom: 0,\n  zIndex: 1,\n}));\n\n// Styled text label\nconst ToggleLabel = styled(ButtonBase)(({ theme, active }) => ({\n  position: 'relative',\n  zIndex: 2,\n  padding: theme.spacing(1, 1.5),\n  borderRadius: theme.spacing(2.5),\n  fontSize: '0.75rem',\n  fontWeight: 500,\n  whiteSpace: 'nowrap',\n  userSelect: 'none',\n  transition: 'color 0.3s ease-in-out',\n  color: active ? theme.palette.primary.main : theme.palette.grey[600],\n  '&:hover:not(.disabled)': {\n    color: active ? theme.palette.primary.main : theme.palette.grey[800],\n  },\n  '&.disabled': {\n    cursor: 'not-allowed',\n  },\n}));\n\n// Main dynamic toggle switch component\nconst CustomToggleSwitch = ({\n  leftLabel = \"Collapse All\",\n  rightLabel = \"Expand All\",\n  defaultChecked = false,\n  onChange,\n  disabled = false,\n  sx = {},\n  ...props\n}) => {\n  const [checked, setChecked] = useState(defaultChecked);\n\n  const handleChange = (newValue) => {\n    if (disabled) return;\n    setChecked(newValue);\n    if (onChange) {\n      onChange(newValue, newValue ? rightLabel : leftLabel);\n    }\n  };\n\n  const handleTextClick = (isRightLabel) => {\n    if (disabled) return;\n    const newValue = isRightLabel;\n    handleChange(newValue);\n  };\n\n  return (\n    <ToggleContainer\n      className={disabled ? 'disabled' : ''}\n      sx={sx}\n      {...props}\n    >\n      {/* Sliding background */}\n      <SlidingBackground\n        sx={{\n          left: checked ? '50%' : 0,\n          right: checked ? 0 : '50%',\n        }}\n      />\n      \n      {/* Left label */}\n      <ToggleLabel\n        active={!checked}\n        className={disabled ? 'disabled' : ''}\n        onClick={() => handleTextClick(false)}\n        disableRipple={true}\n        disabled={disabled}\n      >\n        {leftLabel}\n      </ToggleLabel>\n      \n      {/* Right label */}\n      <ToggleLabel\n        active={checked}\n        className={disabled ? 'disabled' : ''}\n        onClick={() => handleTextClick(true)}\n        disableRipple={true}\n        disabled={disabled}\n      >\n        {rightLabel}\n      </ToggleLabel>\n    </ToggleContainer>\n  );\n};\n\nexport default CustomToggleSwitch"],"names":["ToggleContainer","styled","Box","theme","position","display","alignItems","borderRadius","spacing","padding","cursor","transition","minWidth","backgroundColor","palette","common","white","border","borderColor","grey","opacity","SlidingBackground","primary","top","bottom","zIndex","ToggleLabel","ButtonBase","active","fontSize","fontWeight","whiteSpace","userSelect","color","main","leftLabel","rightLabel","defaultChecked","onChange","disabled","sx","props","checked","setChecked","useState","handleTextClick","isRightLabel","newValue","jsxs","className","children","jsx","left","right","onClick","disableRipple"],"mappings":"oVAQA,MAAMA,EAAkBC,EAAAA,QAAOC,EAAAA,QAAPD,CAAY,EAAGE,aACrCC,SAAU,WACVC,QAAS,cACTC,WAAY,SAEZC,aAAcJ,EAAMK,QAAQ,GAC5BC,QAASN,EAAMK,QAAQ,IACvBE,OAAQ,UACRC,WAAY,uBACZC,SAAU,cACVC,gBAAiBV,EAAMW,QAAQC,OAAOC,MACtCC,OAAQ,YACRC,YAAaf,EAAMW,QAAQK,KAAK,KAChC,aAAc,CACZC,QAAS,GACTV,OAAQ,kBAKNW,EAAoBpB,EAAAA,QAAOC,EAAAA,QAAPD,CAAY,EAAGE,aACvCC,SAAU,WAGVS,gBAAiBV,EAAMW,QAAQX,MAAMmB,QAAQ,KAC7Cf,aAAcJ,EAAMK,QAAQ,KAC5BG,WAAY,uBACZY,IAAI,EACJC,OAAQ,EACRC,OAAQ,KAIJC,EAAczB,EAAAA,QAAO0B,EAAAA,QAAP1B,CAAmB,EAAGE,QAAOyB,cAC/CxB,SAAU,WACVqB,OAAQ,EACRhB,QAASN,EAAMK,QAAQ,EAAG,KAC1BD,aAAcJ,EAAMK,QAAQ,KAC5BqB,SAAU,UACVC,WAAY,IACZC,WAAY,SACZC,WAAY,OACZrB,WAAY,yBACZsB,MAAOL,EAASzB,EAAMW,QAAQQ,QAAQY,KAAO/B,EAAMW,QAAQK,KAAK,KAChE,yBAA0B,CACxBc,MAAOL,EAASzB,EAAMW,QAAQQ,QAAQY,KAAO/B,EAAMW,QAAQK,KAAK,MAElE,aAAc,CACZT,OAAQ,kCAKe,EACzByB,YAAY,eACZC,aAAa,aACbC,kBAAiB,EACjBC,WACAC,YAAW,EACXC,KAAK,CAAA,KACFC,MAEH,MAAOC,EAASC,GAAcC,EAAAA,SAASP,GAUjCQ,EAAmBC,IARJ,IAACC,EAShBR,IATgBQ,EAUHD,EATbP,IACJI,EAAWI,GACPT,GACFA,EAASS,EAAUA,EAAWX,EAAaD;AAU/C,OACEa,EAAAA,KAAChD,EAAA,CACCiD,UAAWV,EAAW,WAAa,GACnCC,QACIC,EAGJS,SAAA;eAAAC,EAAAA,IAAC9B,EAAA,CACCmB,GAAI,CACFY,KAAMV,EAAU,MAAQ,EACxBW,MAAOX,EAAU,EAAI;eAKzBS,EAAAA,IAACzB,EAAA,CACCE,QAASc,EACTO,UAAWV,EAAW,WAAa,GACnCe,QAAS,IAAMT,GAAgB,GAC/BU,eAAe,EACfhB,WAECW,SAAAf;eAIHgB,EAAAA,IAACzB,EAAA,CACCE,OAAQc,EACRO,UAAWV,EAAW,WAAa,GACnCe,QAAS,IAAMT,GAAgB,GAC/BU,eAAe,EACfhB,WAECW,SAAAd"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/custom-toggle-switch/custom-toggle-switch.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  styled,\n  ButtonBase,\n} from '@mui/material';\n\n// Styled container for the toggle switch\nconst ToggleContainer = styled(Box)(({ theme }) => ({\n  position: 'relative',\n  display: 'inline-flex',\n  alignItems: 'center',\n  // backgroundColor: theme.palette.grey[300],\n  borderRadius: theme.spacing(3),\n  padding: theme.spacing(0.5),\n  cursor: 'pointer',\n  transition: 'all 0.3s ease-in-out',\n  minWidth: 'max-content',\n  backgroundColor: theme.palette.common.white,\n  border: '1px solid',\n  borderColor: theme.palette.grey[200],\n  '&.disabled': {\n    opacity: 0.5,\n    cursor: 'not-allowed',\n  },\n}));\n\n// Styled sliding background\nconst SlidingBackground = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  // top: theme.spacing(0.5),\n  // bottom: theme.spacing(0.5),\n  backgroundColor: theme.palette.theme.primary[100],\n  borderRadius: theme.spacing(2.5),\n  transition: 'all 0.3s ease-in-out',\n  top:0,\n  bottom: 0,\n  zIndex: 1,\n}));\n\n// Styled text label\nconst ToggleLabel = styled(ButtonBase)(({ theme, active }) => ({\n  position: 'relative',\n  zIndex: 2,\n  padding: theme.spacing(1, 1.5),\n  borderRadius: theme.spacing(2.5),\n  fontSize: '0.75rem',\n  fontWeight: 500,\n  whiteSpace: 'nowrap',\n  userSelect: 'none',\n  transition: 'color 0.3s ease-in-out',\n  color: active ? theme.palette.primary.main : theme.palette.grey[600],\n  '&:hover:not(.disabled)': {\n    color: active ? theme.palette.primary.main : theme.palette.grey[800],\n  },\n  '&.disabled': {\n    cursor: 'not-allowed',\n  },\n}));\n\n// Main dynamic toggle switch component\nconst CustomToggleSwitch = ({\n  leftLabel = \"Collapse All\",\n  rightLabel = \"Expand All\",\n  defaultChecked = false,\n  onChange,\n  disabled = false,\n  sx = {},\n  ...props\n}) => {\n  const [checked, setChecked] = useState(defaultChecked);\n\n  const handleChange = (newValue) => {\n    if (disabled) return;\n    setChecked(newValue);\n    if (onChange) {\n      onChange(newValue, newValue ? rightLabel : leftLabel);\n    }\n  };\n\n  const handleTextClick = (isRightLabel) => {\n    if (disabled) return;\n    const newValue = isRightLabel;\n    handleChange(newValue);\n  };\n\n  return (\n    <ToggleContainer\n      className={disabled ? 'disabled' : ''}\n      sx={sx}\n      {...props}\n    >\n      {/* Sliding background */}\n      <SlidingBackground\n        sx={{\n          left: checked ? '50%' : 0,\n          right: checked ? 0 : '50%',\n        }}\n      />\n      \n      {/* Left label */}\n      <ToggleLabel\n        active={!checked}\n        className={disabled ? 'disabled' : ''}\n        onClick={() => handleTextClick(false)}\n        disableRipple={true}\n        disabled={disabled}\n      >\n        {leftLabel}\n      </ToggleLabel>\n      \n      {/* Right label */}\n      <ToggleLabel\n        active={checked}\n        className={disabled ? 'disabled' : ''}\n        onClick={() => handleTextClick(true)}\n        disableRipple={true}\n        disabled={disabled}\n      >\n        {rightLabel}\n      </ToggleLabel>\n    </ToggleContainer>\n  );\n};\n\nexport { CustomToggleSwitch };\nexport default CustomToggleSwitch"],"names":["ToggleContainer","styled","Box","theme","position","display","alignItems","borderRadius","spacing","padding","cursor","transition","minWidth","backgroundColor","palette","common","white","border","borderColor","grey","opacity","SlidingBackground","primary","top","bottom","zIndex","ToggleLabel","ButtonBase","active","fontSize","fontWeight","whiteSpace","userSelect","color","main","CustomToggleSwitch","leftLabel","rightLabel","defaultChecked","onChange","disabled","sx","props","checked","setChecked","useState","handleTextClick","isRightLabel","newValue","jsxs","className","children","jsx","left","right","onClick","disableRipple"],"mappings":"oVAQA,MAAMA,EAAkBC,EAAAA,QAAOC,EAAAA,QAAPD,CAAY,EAAGE,aACrCC,SAAU,WACVC,QAAS,cACTC,WAAY,SAEZC,aAAcJ,EAAMK,QAAQ,GAC5BC,QAASN,EAAMK,QAAQ,IACvBE,OAAQ,UACRC,WAAY,uBACZC,SAAU,cACVC,gBAAiBV,EAAMW,QAAQC,OAAOC,MACtCC,OAAQ,YACRC,YAAaf,EAAMW,QAAQK,KAAK,KAChC,aAAc,CACZC,QAAS,GACTV,OAAQ,kBAKNW,EAAoBpB,EAAAA,QAAOC,EAAAA,QAAPD,CAAY,EAAGE,aACvCC,SAAU,WAGVS,gBAAiBV,EAAMW,QAAQX,MAAMmB,QAAQ,KAC7Cf,aAAcJ,EAAMK,QAAQ,KAC5BG,WAAY,uBACZY,IAAI,EACJC,OAAQ,EACRC,OAAQ,KAIJC,EAAczB,EAAAA,QAAO0B,EAAAA,QAAP1B,CAAmB,EAAGE,QAAOyB,cAC/CxB,SAAU,WACVqB,OAAQ,EACRhB,QAASN,EAAMK,QAAQ,EAAG,KAC1BD,aAAcJ,EAAMK,QAAQ,KAC5BqB,SAAU,UACVC,WAAY,IACZC,WAAY,SACZC,WAAY,OACZrB,WAAY,yBACZsB,MAAOL,EAASzB,EAAMW,QAAQQ,QAAQY,KAAO/B,EAAMW,QAAQK,KAAK,KAChE,yBAA0B,CACxBc,MAAOL,EAASzB,EAAMW,QAAQQ,QAAQY,KAAO/B,EAAMW,QAAQK,KAAK,MAElE,aAAc,CACZT,OAAQ,kBAKNyB,EAAqB,EACzBC,YAAY,eACZC,aAAa,aACbC,kBAAiB,EACjBC,WACAC,YAAW,EACXC,KAAK,CAAA,KACFC,MAEH,MAAOC,EAASC,GAAcC,EAAAA,SAASP,GAUjCQ,EAAmBC,IARJ,IAACC,EAShBR,IATgBQ,EAUHD,EATbP,IACJI,EAAWI,GACPT,GACFA,EAASS,EAAUA,EAAWX,EAAaD;AAU/C,OACEa,EAAAA,KAACjD,EAAA,CACCkD,UAAWV,EAAW,WAAa,GACnCC,QACIC,EAGJS,SAAA;eAAAC,EAAAA,IAAC/B,EAAA,CACCoB,GAAI,CACFY,KAAMV,EAAU,MAAQ,EACxBW,MAAOX,EAAU,EAAI;eAKzBS,EAAAA,IAAC1B,EAAA,CACCE,QAASe,EACTO,UAAWV,EAAW,WAAa,GACnCe,QAAS,IAAMT,GAAgB,GAC/BU,eAAe,EACfhB,WAECW,SAAAf;eAIHgB,EAAAA,IAAC1B,EAAA,CACCE,OAAQe,EACRO,UAAWV,EAAW,WAAa,GACnCe,QAAS,IAAMT,GAAgB,GAC/BU,eAAe,EACfhB,WAECW,SAAAd"}

package/dist/components/custom-toggle-switch/custom-toggle-switch.d.ts

@@ -7,4 +7,5 @@ declare const CustomToggleSwitch: ({ leftLabel, rightLabel, defaultChecked, onCh
     disabled?: boolean;
     sx?: {};
 }) => import("react/jsx-runtime").JSX.Element;
+export { CustomToggleSwitch };
 export default CustomToggleSwitch;

package/dist/components/date-picker/date-picker/index.esm.js

@@ -123,6 +123,7 @@ const DatePicker = memo((props) => {
   ] });
 });
 export {
+  DatePicker,
   DatePicker as default
 };
 //# sourceMappingURL=index.esm.js.map