se-design 0.0.98 → 0.0.101

package/dist/index20.js

@@ -115,17 +115,17 @@ const m = ({
     renderPopoverSrcElement: ({
       displayPopover: r
     }) => /* @__PURE__ */ e.createElement("div", {
-      className: `${r ? "bg-[var(--color-blue-100)]" : ""} hover:bg-[var(--color-blue-100)] rounded-[6px] transition-all duration-300 w-max`
+      className: `se-design-kebab-menu ${r ? "bg-[var(--color-blue-100)]" : ""} hover:bg-[var(--color-blue-100)] rounded-[4px] transition-all duration-300 w-max`
     }, s()),
     renderPopoverContents: ({
       closePopoverCb: r
     }) => /* @__PURE__ */ e.createElement("div", {
-      className: "min-w-[212px]"
+      className: "min-w-[212px] px-1 py-2"
     }, n.map((t, d) => /* @__PURE__ */ e.createElement("div", {
       key: d,
-      className: "w-full text-left p-2",
+      className: "w-full text-left",
       onClick: () => {
-        o && !t.isDisabled && o(t.label), !t.isDisabled && r();
+        o && !t.isDisabled && o(t), !t.isDisabled && r();
       }
     }, /* @__PURE__ */ e.createElement("p", {
       className: `py-2 px-1 hover:bg-[var(--color-blue-100)] rounded-[6px] ${l.toLowerCase() === t.label.toLowerCase() ? "bg-[var(--color-blue-100)]" : ""} ${t.isDisabled ? "text-[var(--color-gray-600)] hover:bg-transparent cursor-not-allowed" : ""}`

package/dist/index20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index20.js","sources":["../src/components/KebabMenu/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Popover } from 'src/components/Popover';\nimport { MenuItemProps } from 'src/components/MenuItem';\n// import { Icon } from 'src/components/Icon';\n\nexport interface KebabMenuProps {\n  className?: string;\n  automationId?: string;\n  menuItems: MenuItemProps[];\n  variant?: 'primary' | 'secondary';\n  onMenuItemClick?: (label: string) => void;\n  activeItem?: string;\n}\n\nexport const KebabMenu: FC<KebabMenuProps> = ({ menuItems, onMenuItemClick, activeItem='', variant = 'primary', className = '', automationId = '' }) => {\n    const getIcon = () => {\n      // TODO: Use Icon component once SVG issue is resolved\n        switch(variant) {\n            case 'primary':\n                return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>\n            case 'secondary':\n                return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12C11.4477 12 11 12.4477 11 13C11 13.5523 11.4477 14 12 14Z\" fill=\"#1088E7\"/>\n                <path d=\"M19 14C19.5523 14 20 13.5523 20 13C20 12.4477 19.5523 12 19 12C18.4477 12 18 12.4477 18 13C18 13.5523 18.4477 14 19 14Z\" fill=\"#1088E7\"/>\n                <path d=\"M5 14C5.55228 14 6 13.5523 6 13C6 12.4477 5.55228 12 5 12C4.44772 12 4 12.4477 4 13C4 13.5523 4.44772 14 5 14Z\" fill=\"#1088E7\"/>\n                <path d=\"M12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12C11.4477 12 11 12.4477 11 13C11 13.5523 11.4477 14 12 14Z\" stroke=\"#1088E7\"strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M19 14C19.5523 14 20 13.5523 20 13C20 12.4477 19.5523 12 19 12C18.4477 12 18 12.4477 18 13C18 13.5523 18.4477 14 19 14Z\" stroke=\"#1088E7\"strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M5 14C5.55228 14 6 13.5523 6 13C6 12.4477 5.55228 12 5 12C4.44772 12 4 12.4477 4 13C4 13.5523 4.44772 14 5 14Z\" stroke=\"#1088E7\"strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n              </svg>\n              default:\n                return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>\n        }\n    }\n  return <Popover\n      className={className}\n      position='bottom-left'\n      automationId={automationId}\n      renderPopoverSrcElement={({ displayPopover }) => (\n        <div className={`${displayPopover ? 'bg-[var(--color-blue-100)]' : ''} hover:bg-[var(--color-blue-100)] rounded-[6px] transition-all duration-300 w-max`}>\n            {getIcon()}\n        </div>\n      )}\n      renderPopoverContents={({ closePopoverCb }) => (\n        <div className=\"min-w-[212px]\">\n          {menuItems.map((item, index) => (\n            <div key={index} className='w-full text-left p-2' onClick={() => {\n                if(onMenuItemClick && !item.isDisabled) {\n                    onMenuItemClick(item.label);\n                  }\n                  !item.isDisabled && closePopoverCb()}}>\n                <p className={`py-2 px-1 hover:bg-[var(--color-blue-100)] rounded-[6px] ${activeItem.toLowerCase() === item.label.toLowerCase() ? 'bg-[var(--color-blue-100)]' : ''} ${item.isDisabled ? 'text-[var(--color-gray-600)] hover:bg-transparent cursor-not-allowed' : ''}`}>{item.label}</p></div>\n          ))}\n        </div>\n      )}\n    />\n};\n"],"names":["KebabMenu","menuItems","onMenuItemClick","activeItem","variant","className","automationId","getIcon","React","createElement","xmlns","width","height","viewBox","fill","d","stroke","strokeLinecap","strokeLinejoin","Popover","position","renderPopoverSrcElement","displayPopover","renderPopoverContents","closePopoverCb","map","item","index","key","onClick","isDisabled","label","toLowerCase"],"mappings":"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"}
+{"version":3,"file":"index20.js","sources":["../src/components/KebabMenu/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { Popover } from 'src/components/Popover';\nimport { MenuItemProps } from 'src/components/MenuItem';\n// import { Icon } from 'src/components/Icon';\n\nexport interface KebabMenuProps {\n  className?: string;\n  automationId?: string;\n  menuItems: MenuItemProps[];\n  variant?: 'primary' | 'secondary';\n  onMenuItemClick?: (item: MenuItemProps) => void;\n  activeItem?: string;\n}\n\nexport const KebabMenu: FC<KebabMenuProps> = ({ menuItems, onMenuItemClick, activeItem='', variant = 'primary', className = '', automationId = '' }) => {\n    const getIcon = () => {\n      // TODO: Use Icon component once SVG issue is resolved\n        switch(variant) {\n            case 'primary':\n                return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>\n            case 'secondary':\n                return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12C11.4477 12 11 12.4477 11 13C11 13.5523 11.4477 14 12 14Z\" fill=\"#1088E7\"/>\n                <path d=\"M19 14C19.5523 14 20 13.5523 20 13C20 12.4477 19.5523 12 19 12C18.4477 12 18 12.4477 18 13C18 13.5523 18.4477 14 19 14Z\" fill=\"#1088E7\"/>\n                <path d=\"M5 14C5.55228 14 6 13.5523 6 13C6 12.4477 5.55228 12 5 12C4.44772 12 4 12.4477 4 13C4 13.5523 4.44772 14 5 14Z\" fill=\"#1088E7\"/>\n                <path d=\"M12 14C12.5523 14 13 13.5523 13 13C13 12.4477 12.5523 12 12 12C11.4477 12 11 12.4477 11 13C11 13.5523 11.4477 14 12 14Z\" stroke=\"#1088E7\"strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M19 14C19.5523 14 20 13.5523 20 13C20 12.4477 19.5523 12 19 12C18.4477 12 18 12.4477 18 13C18 13.5523 18.4477 14 19 14Z\" stroke=\"#1088E7\"strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                <path d=\"M5 14C5.55228 14 6 13.5523 6 13C6 12.4477 5.55228 12 5 12C4.44772 12 4 12.4477 4 13C4 13.5523 4.44772 14 5 14Z\" stroke=\"#1088E7\"strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n              </svg>\n              default:\n                return <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" fill=\"#5E6673\"/>\n                <path d=\"M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z\" stroke=\"#5E6673\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n              </svg>\n        }\n    }\n  return <Popover\n      className={className}\n      position='bottom-left'\n      automationId={automationId}\n      renderPopoverSrcElement={({ displayPopover }) => (\n        <div className={`se-design-kebab-menu ${displayPopover ? 'bg-[var(--color-blue-100)]' : ''} hover:bg-[var(--color-blue-100)] rounded-[4px] transition-all duration-300 w-max`}>\n            {getIcon()}\n        </div>\n      )}\n      renderPopoverContents={({ closePopoverCb }) => (\n        <div className=\"min-w-[212px] px-1 py-2\">\n          {menuItems.map((item, index) => (\n            <div key={index} className='w-full text-left' onClick={() => {\n                if(onMenuItemClick && !item.isDisabled) {\n                    onMenuItemClick(item);\n                  }\n                  !item.isDisabled && closePopoverCb()}}>\n                <p className={`py-2 px-1 hover:bg-[var(--color-blue-100)] rounded-[6px] ${activeItem.toLowerCase() === item.label.toLowerCase() ? 'bg-[var(--color-blue-100)]' : ''} ${item.isDisabled ? 'text-[var(--color-gray-600)] hover:bg-transparent cursor-not-allowed' : ''}`}>{item.label}</p></div>\n          ))}\n        </div>\n      )}\n    />\n};\n"],"names":["KebabMenu","menuItems","onMenuItemClick","activeItem","variant","className","automationId","getIcon","React","createElement","xmlns","width","height","viewBox","fill","d","stroke","strokeLinecap","strokeLinejoin","Popover","position","renderPopoverSrcElement","displayPopover","renderPopoverContents","closePopoverCb","map","item","index","key","onClick","isDisabled","toLowerCase","label"],"mappings":"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"}

package/dist/index21.js

@@ -1,6 +1,6 @@
 import e from "react";
 /* empty css        */
-const d = (a) => {
+const p = (a) => {
   const {
     noOfRows: n = 2,
     noOfColumns: o = 4,
@@ -8,7 +8,7 @@ const d = (a) => {
   } = a;
   return [...Array(n)].map((m, l) => /* @__PURE__ */ e.createElement("tr", {
     key: `tr-${l}`,
-    className: "table-content-loader"
+    className: "se-design-table-content-loader"
   }, [...Array(o)].map((c, t) => /* @__PURE__ */ e.createElement("td", {
     colSpan: r[t],
     key: `td-${t}`
@@ -17,6 +17,6 @@ const d = (a) => {
   })))));
 };
 export {
-  d as TableContentLoader
+  p as TableContentLoader
 };
 //# sourceMappingURL=index21.js.map

package/dist/index21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index21.js","sources":["../src/components/TableContentLoader/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport './style.scss';\n\nexport interface TableContentLoaderProps {\n  noOfRows?: number;\n  noOfColumns?: number;\n  colSpan?: number[];\n}\n\nexport const TableContentLoader: FC<TableContentLoaderProps> = (props) => {\n  const { noOfRows = 2, noOfColumns = 4, colSpan = [2, 0, 0] } = props;\n\n  return [...Array(noOfRows)].map((_, index) => (\n    <tr key={`tr-${index}`} className=\"table-content-loader\">\n      {[...Array(noOfColumns)].map((_, idx) => (\n        <td colSpan={colSpan[idx]} key={`td-${idx}`}>\n          <div className=\"loading-animation\"></div>\n        </td>\n      ))}\n    </tr>\n  ));\n};\n"],"names":["React__default","TableContentLoader","props","noOfRows","noOfColumns","colSpan","Array","map","_","index","createElement","key","className","idx","React"],"mappings":"AASO,OAAAA,OAAA;AAAA,OAAA;AAAA,MAAMC,IAAmDC,CAAUA,MAAA;AAClE,QAAA;AAAA,IAAEC,UAAAA,IAAW;AAAA,IAAGC,aAAAA,IAAc;AAAA,IAAGC,SAAAA,IAAU,CAAC,GAAG,GAAG,CAAC;AAAA,EAAA,IAAMH;AAE/D,SAAO,CAAC,GAAGI,MAAMH,CAAQ,CAAC,EAAEI,IAAI,CAACC,GAAGC,MAClCC,gBAAAA,EAAAA,cAAA,MAAA;AAAA,IAAIC,KAAK,MAAMF,CAAK;AAAA,IAAIG,WAAU;AAAA,EAC/B,GAAA,CAAC,GAAGN,MAAMF,CAAW,CAAC,EAAEG,IAAI,CAACC,GAAGK,MAC/BC,gBAAAA,EAAAJ,cAAA,MAAA;AAAA,IAAIL,SAASA,EAAQQ,CAAG;AAAA,IAAGF,KAAK,MAAME,CAAG;AAAA,EAAA,GACvCH,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKE,WAAU;AAAA,EAAA,CAAyB,CACtC,CACL,CACC,CACL;AACH;"}
+{"version":3,"file":"index21.js","sources":["../src/components/TableContentLoader/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport './style.scss';\n\nexport interface TableContentLoaderProps {\n  noOfRows?: number;\n  noOfColumns?: number;\n  colSpan?: number[];\n}\n\nexport const TableContentLoader: FC<TableContentLoaderProps> = (props) => {\n  const { noOfRows = 2, noOfColumns = 4, colSpan = [2, 0, 0] } = props;\n\n  return [...Array(noOfRows)].map((_, index) => (\n    <tr key={`tr-${index}`} className=\"se-design-table-content-loader\">\n      {[...Array(noOfColumns)].map((_, idx) => (\n        <td colSpan={colSpan[idx]} key={`td-${idx}`}>\n          <div className=\"loading-animation\"></div>\n        </td>\n      ))}\n    </tr>\n  ));\n};\n"],"names":["React__default","TableContentLoader","props","noOfRows","noOfColumns","colSpan","Array","map","_","index","createElement","key","className","idx","React"],"mappings":"AASO,OAAAA,OAAA;AAAA,OAAA;AAAA,MAAMC,IAAmDC,CAAUA,MAAA;AAClE,QAAA;AAAA,IAAEC,UAAAA,IAAW;AAAA,IAAGC,aAAAA,IAAc;AAAA,IAAGC,SAAAA,IAAU,CAAC,GAAG,GAAG,CAAC;AAAA,EAAA,IAAMH;AAE/D,SAAO,CAAC,GAAGI,MAAMH,CAAQ,CAAC,EAAEI,IAAI,CAACC,GAAGC,MAClCC,gBAAAA,EAAAA,cAAA,MAAA;AAAA,IAAIC,KAAK,MAAMF,CAAK;AAAA,IAAIG,WAAU;AAAA,EAC/B,GAAA,CAAC,GAAGN,MAAMF,CAAW,CAAC,EAAEG,IAAI,CAACC,GAAGK,MAC/BC,gBAAAA,EAAAJ,cAAA,MAAA;AAAA,IAAIL,SAASA,EAAQQ,CAAG;AAAA,IAAGF,KAAK,MAAME,CAAG;AAAA,EAAA,GACvCH,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKE,WAAU;AAAA,EAAA,CAAyB,CACtC,CACL,CACC,CACL;AACH;"}

package/dist/index22.js

@@ -1,4 +1,4 @@
-import t, { useEffect as o } from "react";
+import a, { useEffect as o } from "react";
 import { Icon as v } from "./index4.js";
 /* empty css        */
 const N = (i) => {
@@ -8,38 +8,39 @@ const N = (i) => {
     alignment: m,
     noShadow: u,
     position: l = "fxd",
-    isOpen: a,
-    displayCloseSidebar: f,
-    onClose: y,
+    isOpen: t,
+    displayCloseSidebar: b,
+    onClose: f,
     onSidebarUnmount: r,
     onPathChange: s,
-    style: b,
-    automationId: h,
-    currentPath: d = ""
+    style: y,
+    automationId: g,
+    currentPath: d = "",
+    closeSidebarIcon: h = "close"
   } = i;
   o(() => () => {
     r && r();
-  }, []), o(() => (document.body.style.overflow = a ? "hidden" : "scroll", () => {
+  }, []), o(() => (document.body.style.overflow = t ? "hidden" : "scroll", () => {
     document.body.style.overflow = "auto";
-  }), [a]), o(() => {
+  }), [t]), o(() => {
     s && s(d);
   }, [d]);
   const p = () => {
-    let e = "sidebar-overlay-container z-[1000]";
-    return e += n.length > 0 ? ` ${n}` : "", e += m === "left" ? " left-aligned" : " right-aligned", e += u ? " no-shadow" : "", e += l.length > 0 ? ` ${l}` : "", e += a ? " open-sidebar" : " closed-sidebar", e;
+    let e = "se-design-sidebar-overlay-container z-[1000]";
+    return e += n.length > 0 ? ` ${n}` : "", e += m === "left" ? " left-aligned" : " right-aligned", e += u ? " no-shadow" : "", e += l.length > 0 ? ` ${l}` : "", e += t ? " open-sidebar" : " closed-sidebar", e;
   };
-  return /* @__PURE__ */ t.createElement("div", {
+  return /* @__PURE__ */ a.createElement("div", {
     className: p(),
-    style: b,
-    "data-automation-id": h
-  }, /* @__PURE__ */ t.createElement("div", {
+    style: y,
+    "data-automation-id": g
+  }, /* @__PURE__ */ a.createElement("div", {
     className: "overlay-content"
-  }, f && /* @__PURE__ */ t.createElement("span", {
+  }, b && /* @__PURE__ */ a.createElement("span", {
     className: "overlay-close",
-    onClick: y,
+    onClick: f,
     "data-automation-id": "sidebar_overlay_close"
-  }, /* @__PURE__ */ t.createElement(v, {
-    name: "close"
+  }, /* @__PURE__ */ a.createElement(v, {
+    name: h
   })), c));
 };
 export {

package/dist/index22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index22.js","sources":["../src/components/SidebarOverlay/index.tsx"],"sourcesContent":["import React, { FC, useEffect } from 'react';\nimport { Icon } from 'components/Icon';\n\nimport './style.scss';\n\nexport interface SidebarOverlayProps {\n  content: React.ReactNode;\n  className?: string;\n  alignment?: 'left' | 'right';\n  style?: React.CSSProperties;\n  noShadow?: boolean;\n  automationId?: string;\n  position?: 'abs' | 'fxd';\n  isOpen?: boolean;\n  displayCloseSidebar?: boolean;\n  onClose?: () => void;\n  onSidebarUnmount?: () => void;\n  onPathChange?: (route: string) => void;\n  currentPath?: string;\n}\n\nexport const SidebarOverlay: FC<SidebarOverlayProps> = (props) => {\n  const { content, className = '', alignment, noShadow, position = 'fxd', isOpen, displayCloseSidebar, onClose, onSidebarUnmount, onPathChange, style, automationId, currentPath = '' } = props;\n\n  useEffect(() => {\n    return () => {\n      onSidebarUnmount && onSidebarUnmount();\n    };\n  }, []);\n\n  // This is to prevent the body from scrolling when the sidebar is open\n  useEffect(() => {\n    document.body.style.overflow = isOpen ? 'hidden' : 'scroll';\n\n    return () => {\n      document.body.style.overflow = 'auto'; // Cleanup on unmount\n    };\n  }, [isOpen]);\n\n  useEffect(() => {\n    onPathChange && onPathChange(currentPath);\n  }, [currentPath]);\n\n  const getSidebarClassName = () => {\n    let defaultClass = 'sidebar-overlay-container z-[1000]';\n\n    defaultClass += className.length > 0 ? ` ${className}` : '';\n    defaultClass += alignment === 'left' ? ' left-aligned' : ' right-aligned';\n    defaultClass += noShadow ? ' no-shadow' : '';\n    defaultClass += position.length > 0 ? ` ${position}` : '';\n    defaultClass += isOpen ? ' open-sidebar' : ' closed-sidebar';\n    return defaultClass;\n  };\n\n  return (\n    <div className={getSidebarClassName()} style={style} data-automation-id={automationId}>\n      <div className=\"overlay-content\">\n        {displayCloseSidebar && (\n          <span className=\"overlay-close\" onClick={onClose} data-automation-id=\"sidebar_overlay_close\">\n            <Icon name=\"close\" />\n          </span>\n        )}\n        {content}\n      </div>\n    </div>\n  );\n};\n"],"names":["React__default","useEffect","Icon","SidebarOverlay","props","content","className","alignment","noShadow","position","isOpen","displayCloseSidebar","onClose","onSidebarUnmount","onPathChange","style","automationId","currentPath","document","body","overflow","getSidebarClassName","defaultClass","length","React","createElement","onClick","name"],"mappings":"AAqBO,OAAAA,KAAA,aAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAA2CC,CAAUA,MAAA;AAC1D,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,WAAAA,IAAY;AAAA,IAAIC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,IAAUC,UAAAA,IAAW;AAAA,IAAOC,QAAAA;AAAAA,IAAQC,qBAAAA;AAAAA,IAAqBC,SAAAA;AAAAA,IAASC,kBAAAA;AAAAA,IAAkBC,cAAAA;AAAAA,IAAcC,OAAAA;AAAAA,IAAOC,cAAAA;AAAAA,IAAcC,aAAAA,IAAc;AAAA,EAAA,IAAOb;AAExLH,EAAAA,EAAU,MACD,MAAM;AACXY,IAAAA,KAAoBA,EAAiB;AAAA,EACvC,GACC,EAAE,GAGLZ,EAAU,OACRiB,SAASC,KAAKJ,MAAMK,WAAWV,IAAS,WAAW,UAE5C,MAAM;AACFS,aAAAA,KAAKJ,MAAMK,WAAW;AAAA,EACjC,IACC,CAACV,CAAM,CAAC,GAEXT,EAAU,MAAM;AACda,IAAAA,KAAgBA,EAAaG,CAAW;AAAA,EAAA,GACvC,CAACA,CAAW,CAAC;AAEhB,QAAMI,IAAsBA,MAAM;AAChC,QAAIC,IAAe;AAEnBA,WAAAA,KAAgBhB,EAAUiB,SAAS,IAAI,IAAIjB,CAAS,KAAK,IACzCC,KAAAA,MAAc,SAAS,kBAAkB,kBACzDe,KAAgBd,IAAW,eAAe,IAC1Cc,KAAgBb,EAASc,SAAS,IAAI,IAAId,CAAQ,KAAK,IACvDa,KAAgBZ,IAAS,kBAAkB,mBACpCY;AAAAA,EACT;AAGEE,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKnB,WAAWe,EAAoB;AAAA,IAAGN,OAAAA;AAAAA,IAAc,sBAAoBC;AAAAA,EAAAA,GACvES,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKnB,WAAU;AAAA,EACZK,GAAAA,KACCc,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMnB,WAAU;AAAA,IAAgBoB,SAASd;AAAAA,IAAS,sBAAmB;AAAA,EAAA,GACnEa,gBAAAA,EAAAA,cAACvB,GAAI;AAAA,IAACyB,MAAK;AAAA,EAAA,CAAS,CAChB,GAEPtB,CACE,CACF;AAET;"}
+{"version":3,"file":"index22.js","sources":["../src/components/SidebarOverlay/index.tsx"],"sourcesContent":["import React, { FC, useEffect } from 'react';\nimport { Icon } from 'components/Icon';\n\nimport './style.scss';\n\nexport interface SidebarOverlayProps {\n  content: React.ReactNode;\n  className?: string;\n  alignment?: 'left' | 'right';\n  style?: React.CSSProperties;\n  noShadow?: boolean;\n  automationId?: string;\n  position?: 'abs' | 'fxd' | '';\n  isOpen?: boolean;\n  displayCloseSidebar?: boolean;\n  closeSidebarIcon?: string;\n  onClose?: () => void;\n  onSidebarUnmount?: () => void;\n  onPathChange?: (route: string) => void;\n  currentPath?: string;\n}\n\nexport const SidebarOverlay: FC<SidebarOverlayProps> = (props) => {\n  const { content, className = '', alignment, noShadow, position = 'fxd', isOpen, displayCloseSidebar, onClose, onSidebarUnmount, onPathChange, style, automationId, currentPath = '', closeSidebarIcon = 'close' } = props;\n\n  useEffect(() => {\n    return () => {\n      onSidebarUnmount && onSidebarUnmount();\n    };\n  }, []);\n\n  // This is to prevent the body from scrolling when the sidebar is open\n  useEffect(() => {\n    document.body.style.overflow = isOpen ? 'hidden' : 'scroll';\n\n    return () => {\n      document.body.style.overflow = 'auto'; // Cleanup on unmount\n    };\n  }, [isOpen]);\n\n  useEffect(() => {\n    onPathChange && onPathChange(currentPath);\n  }, [currentPath]);\n\n  const getSidebarClassName = () => {\n    let defaultClass = 'se-design-sidebar-overlay-container z-[1000]';\n\n    defaultClass += className.length > 0 ? ` ${className}` : '';\n    defaultClass += alignment === 'left' ? ' left-aligned' : ' right-aligned';\n    defaultClass += noShadow ? ' no-shadow' : '';\n    defaultClass += position.length > 0 ? ` ${position}` : '';\n    defaultClass += isOpen ? ' open-sidebar' : ' closed-sidebar';\n    return defaultClass;\n  };\n\n  return (\n    <div className={getSidebarClassName()} style={style} data-automation-id={automationId}>\n      <div className=\"overlay-content\">\n        {displayCloseSidebar && (\n          <span className=\"overlay-close\" onClick={onClose} data-automation-id=\"sidebar_overlay_close\">\n            <Icon name={closeSidebarIcon} />\n          </span>\n        )}\n        {content}\n      </div>\n    </div>\n  );\n};\n"],"names":["React__default","useEffect","Icon","SidebarOverlay","props","content","className","alignment","noShadow","position","isOpen","displayCloseSidebar","onClose","onSidebarUnmount","onPathChange","style","automationId","currentPath","closeSidebarIcon","document","body","overflow","getSidebarClassName","defaultClass","length","React","createElement","onClick","name"],"mappings":"AAsBO,OAAAA,KAAA,aAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAA2CC,CAAUA,MAAA;AAC1D,QAAA;AAAA,IAAEC,SAAAA;AAAAA,IAASC,WAAAA,IAAY;AAAA,IAAIC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,IAAUC,UAAAA,IAAW;AAAA,IAAOC,QAAAA;AAAAA,IAAQC,qBAAAA;AAAAA,IAAqBC,SAAAA;AAAAA,IAASC,kBAAAA;AAAAA,IAAkBC,cAAAA;AAAAA,IAAcC,OAAAA;AAAAA,IAAOC,cAAAA;AAAAA,IAAcC,aAAAA,IAAc;AAAA,IAAIC,kBAAAA,IAAmB;AAAA,EAAA,IAAYd;AAEpNH,EAAAA,EAAU,MACD,MAAM;AACXY,IAAAA,KAAoBA,EAAiB;AAAA,EACvC,GACC,EAAE,GAGLZ,EAAU,OACRkB,SAASC,KAAKL,MAAMM,WAAWX,IAAS,WAAW,UAE5C,MAAM;AACFU,aAAAA,KAAKL,MAAMM,WAAW;AAAA,EACjC,IACC,CAACX,CAAM,CAAC,GAEXT,EAAU,MAAM;AACda,IAAAA,KAAgBA,EAAaG,CAAW;AAAA,EAAA,GACvC,CAACA,CAAW,CAAC;AAEhB,QAAMK,IAAsBA,MAAM;AAChC,QAAIC,IAAe;AAEnBA,WAAAA,KAAgBjB,EAAUkB,SAAS,IAAI,IAAIlB,CAAS,KAAK,IACzCC,KAAAA,MAAc,SAAS,kBAAkB,kBACzDgB,KAAgBf,IAAW,eAAe,IAC1Ce,KAAgBd,EAASe,SAAS,IAAI,IAAIf,CAAQ,KAAK,IACvDc,KAAgBb,IAAS,kBAAkB,mBACpCa;AAAAA,EACT;AAGEE,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKpB,WAAWgB,EAAoB;AAAA,IAAGP,OAAAA;AAAAA,IAAc,sBAAoBC;AAAAA,EAAAA,GACvEU,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKpB,WAAU;AAAA,EACZK,GAAAA,KACCe,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMpB,WAAU;AAAA,IAAgBqB,SAASf;AAAAA,IAAS,sBAAmB;AAAA,EAAA,GACnEc,gBAAAA,EAAAA,cAACxB,GAAI;AAAA,IAAC0B,MAAMV;AAAAA,EAAAA,CAAmB,CAC3B,GAEPb,CACE,CACF;AAET;"}

package/dist/index23.js

@@ -1,33 +1,33 @@
-import r, { useState as a, useEffect as v } from "react";
-const p = ({
-  defaultActiveTab: t,
+import r, { useState as u, useEffect as a } from "react";
+const x = ({
+  defaultActiveTab: o,
   tabs: c,
-  onTabChange: l
+  onTabChange: s
 }) => {
-  const n = t || (c[0] ? c[0].id : ""), [o, s] = a(n);
-  v(() => {
-    s(t || "");
-  }, [t]);
-  const d = (e) => {
-    s(e == null ? void 0 : e.id), l == null || l(e == null ? void 0 : e.id);
-  };
+  const m = o || (c[0] ? c[0].id : ""), [n, t] = u(m);
+  a(() => {
+    t(o || "");
+  }, [o]);
+  const v = (e) => {
+    t(e == null ? void 0 : e.id), s == null || s(e == null ? void 0 : e.id);
+  }, i = (e, l) => e.id === l;
   return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", {
-    className: "flex items-center gap-4"
+    className: "se-design-tabs flex items-center gap-4"
   }, c.map((e) => {
-    const m = o === e.id, i = e.disabled;
+    const l = n === e.id, d = e.disabled;
     return /* @__PURE__ */ r.createElement("div", {
       key: e.label,
-      onClick: () => !i && d(e),
-      className: `text-sm ${i ? "text-[var(--color-gray-400)] cursor-not-allowed" : m ? "text-[var(--color-gray-900)] font-bold hover:cursor-pointer" : "text-[var(--color-gray-700)] font-normal hover:text-[var(--color-gray-900)] cursor-pointer"}`
+      onClick: () => !d && v(e),
+      className: `text-base ${d ? "text-[var(--color-gray-400)] cursor-not-allowed" : l ? "text-[var(--color-gray-900)] font-bold hover:cursor-pointer" : "text-[var(--color-gray-700)] font-normal hover:text-[var(--color-gray-900)] cursor-pointer"}`
     }, e.label);
   })), /* @__PURE__ */ r.createElement("div", {
-    className: "tab-content"
+    className: "se-design-tabs-content"
   }, c.map((e) => /* @__PURE__ */ r.createElement("div", {
     key: e.id,
-    className: `${o === e.id ? "block" : "hidden"}`
-  }, e.content))));
+    className: `tab-content ${i(e, n) ? "block" : "hidden"}`
+  }, i(e, n) && (e == null ? void 0 : e.renderTabContent) && (e == null ? void 0 : e.renderTabContent(e))))));
 };
 export {
-  p as Tabs
+  x as Tabs
 };
 //# sourceMappingURL=index23.js.map

package/dist/index23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index23.js","sources":["../src/components/Tabs/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState, useEffect } from 'react';\n\ninterface TabProps {\n  label: string;\n  id: string;\n  disabled?: boolean;\n  content: ReactNode;\n}\n\ninterface TabsProps {\n  defaultActiveTab?: string;\n  tabs: TabProps[];\n  onTabChange?: (tabId: string) => void;\n}\n\nexport const Tabs: FC<TabsProps> = ({ defaultActiveTab, tabs, onTabChange }) => {\n  const defaultTabId = defaultActiveTab || (tabs[0] ? tabs[0].id : '');\n  const [activeTab, setActiveTab] = useState(defaultTabId);\n\n  useEffect(() => {\n    setActiveTab(defaultActiveTab || '');\n  }, [defaultActiveTab]);\n\n  const handleTabClick = (tab: TabProps) => {\n    setActiveTab(tab?.id);\n    onTabChange?.(tab?.id);\n  };\n\n  return (\n    <>\n      {/* Tab Headers */}\n      <div className=\"flex items-center gap-4\">\n        {tabs.map((tab) => {\n          const isActive = activeTab === tab.id;\n          const isDisabled = tab.disabled;\n          return (\n            <div\n              key={tab.label}\n              onClick={() => !isDisabled && handleTabClick(tab)}\n              className={`text-sm ${\n                isDisabled \n                  ? 'text-[var(--color-gray-400)] cursor-not-allowed'\n                  : isActive\n                    ? 'text-[var(--color-gray-900)] font-bold hover:cursor-pointer'\n                    : 'text-[var(--color-gray-700)] font-normal hover:text-[var(--color-gray-900)] cursor-pointer'\n              }`}\n            >\n              {tab.label}\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Tab Content */}\n      <div className=\"tab-content\">\n        {tabs.map((tab) => (\n          <div\n            key={tab.id}\n            className={`${activeTab === tab.id ? 'block' : 'hidden'}`}\n          >\n            {tab.content}\n          </div>\n        ))}\n      </div>\n    </>\n  );\n};"],"names":["Tabs","defaultActiveTab","tabs","onTabChange","defaultTabId","id","activeTab","setActiveTab","useState","useEffect","handleTabClick","tab","createElement","React","Fragment","className","map","isActive","isDisabled","disabled","key","label","onClick","content"],"mappings":";AAeO,MAAMA,IAAsBA,CAAC;AAAA,EAAEC,kBAAAA;AAAAA,EAAkBC,MAAAA;AAAAA,EAAMC,aAAAA;AAAY,MAAM;AACxEC,QAAAA,IAAeH,MAAqBC,EAAK,CAAC,IAAIA,EAAK,CAAC,EAAEG,KAAK,KAC3D,CAACC,GAAWC,CAAY,IAAIC,EAASJ,CAAY;AAEvDK,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAaN,KAAoB,EAAE;AAAA,EAAA,GAClC,CAACA,CAAgB,CAAC;AAEfS,QAAAA,IAAiBA,CAACC,MAAkB;AACxCJ,IAAAA,EAAaI,KAAAA,gBAAAA,EAAKN,EAAE,GACpBF,KAAAA,QAAAA,EAAcQ,KAAAA,gBAAAA,EAAKN;AAAAA,EACrB;AAEA,2BACEO,cAAAC,EAAAC,UAAA,MAEED,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IAAKG,WAAU;AAAA,EAAA,GACZb,EAAKc,IAAKL,CAAQA,MAAA;AACXM,UAAAA,IAAWX,MAAcK,EAAIN,IAC7Ba,IAAaP,EAAIQ;AAErBN,WAAAA,gBAAAA,EAAAD,cAAA,OAAA;AAAA,MACEQ,KAAKT,EAAIU;AAAAA,MACTC,SAASA,MAAM,CAACJ,KAAcR,EAAeC,CAAG;AAAA,MAChDI,WAAW,WACTG,IACI,oDACAD,IACE,gEACA,4FAA4F;AAAA,IAAA,GAGnGN,EAAIU,KACF;AAAA,EAER,CAAA,CACE,GAGLR,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IAAKG,WAAU;AAAA,EAAA,GACZb,EAAKc,IAAKL,CACTE,MAAAA,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IACEQ,KAAKT,EAAIN;AAAAA,IACTU,WAAW,GAAGT,MAAcK,EAAIN,KAAK,UAAU,QAAQ;AAAA,EAAA,GAEtDM,EAAIY,OACF,CACN,CACE,CACL;AAEN;"}
+{"version":3,"file":"index23.js","sources":["../src/components/Tabs/index.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState, useEffect } from 'react';\n\ninterface TabProps {\n  label: string;\n  id: string;\n  disabled?: boolean;\n  renderTabContent?: (tab: TabProps) => ReactNode;\n}\n\ninterface TabsProps {\n  defaultActiveTab?: string;\n  tabs: TabProps[];\n  onTabChange?: (tabId: string) => void;\n}\n\nexport const Tabs: FC<TabsProps> = ({ defaultActiveTab, tabs, onTabChange }) => {\n  const defaultTabId = defaultActiveTab || (tabs[0] ? tabs[0].id : '');\n  const [activeTab, setActiveTab] = useState(defaultTabId);\n\n  useEffect(() => {\n    setActiveTab(defaultActiveTab || '');\n  }, [defaultActiveTab]);\n\n  const handleTabClick = (tab: TabProps) => {\n    setActiveTab(tab?.id);\n    onTabChange?.(tab?.id);\n  };\n\n  const isTabActive = (tab: TabProps, activeTab: string) => {\n    return tab.id === activeTab;\n  }\n\n  return (\n    <>\n      <div className=\"se-design-tabs flex items-center gap-4\">\n        {tabs.map((tab) => {\n          const isActive = activeTab === tab.id;\n          const isDisabled = tab.disabled;\n          return (\n            <div\n              key={tab.label}\n              onClick={() => !isDisabled && handleTabClick(tab)}\n              className={`text-base ${\n                isDisabled \n                  ? 'text-[var(--color-gray-400)] cursor-not-allowed'\n                  : isActive\n                    ? 'text-[var(--color-gray-900)] font-bold hover:cursor-pointer'\n                    : 'text-[var(--color-gray-700)] font-normal hover:text-[var(--color-gray-900)] cursor-pointer'\n              }`}\n            >\n              {tab.label}\n            </div>\n          );\n        })}\n      </div>\n\n      <div className=\"se-design-tabs-content\">\n        {tabs.map((tab) => (\n          <div\n            key={tab.id}\n            className={`tab-content ${isTabActive(tab, activeTab) ? 'block' : 'hidden'}`}\n          >\n            {isTabActive(tab, activeTab) && tab?.renderTabContent && tab?.renderTabContent(tab)}\n          </div>\n        ))}\n      </div>\n    </>\n  );\n};"],"names":["Tabs","defaultActiveTab","tabs","onTabChange","defaultTabId","id","activeTab","setActiveTab","useState","useEffect","handleTabClick","tab","isTabActive","createElement","React","Fragment","className","map","isActive","isDisabled","disabled","key","label","onClick","renderTabContent"],"mappings":";AAeO,MAAMA,IAAsBA,CAAC;AAAA,EAAEC,kBAAAA;AAAAA,EAAkBC,MAAAA;AAAAA,EAAMC,aAAAA;AAAY,MAAM;AACxEC,QAAAA,IAAeH,MAAqBC,EAAK,CAAC,IAAIA,EAAK,CAAC,EAAEG,KAAK,KAC3D,CAACC,GAAWC,CAAY,IAAIC,EAASJ,CAAY;AAEvDK,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAaN,KAAoB,EAAE;AAAA,EAAA,GAClC,CAACA,CAAgB,CAAC;AAEfS,QAAAA,IAAiBA,CAACC,MAAkB;AACxCJ,IAAAA,EAAaI,KAAAA,gBAAAA,EAAKN,EAAE,GACpBF,KAAAA,QAAAA,EAAcQ,KAAAA,gBAAAA,EAAKN;AAAAA,EACrB,GAEMO,IAAcA,CAACD,GAAeL,MAC3BK,EAAIN,OAAOC;AAGpB,2BACEO,cAAAC,EAAAC,UAAA,MACED,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IAAKG,WAAU;AAAA,EAAA,GACZd,EAAKe,IAAKN,CAAQA,MAAA;AACXO,UAAAA,IAAWZ,MAAcK,EAAIN,IAC7Bc,IAAaR,EAAIS;AAErBN,WAAAA,gBAAAA,EAAAD,cAAA,OAAA;AAAA,MACEQ,KAAKV,EAAIW;AAAAA,MACTC,SAASA,MAAM,CAACJ,KAAcT,EAAeC,CAAG;AAAA,MAChDK,WAAW,aACTG,IACI,oDACAD,IACE,gEACA,4FAA4F;AAAA,IAAA,GAGnGP,EAAIW,KACF;AAAA,EAER,CAAA,CACE,GAELR,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IAAKG,WAAU;AAAA,EAAA,GACZd,EAAKe,IAAKN,CACTG,MAAAA,gBAAAA,EAAAD,cAAA,OAAA;AAAA,IACEQ,KAAKV,EAAIN;AAAAA,IACTW,WAAW,eAAeJ,EAAYD,GAAKL,CAAS,IAAI,UAAU,QAAQ;AAAA,EAEzEM,GAAAA,EAAYD,GAAKL,CAAS,MAAKK,KAAAA,gBAAAA,EAAKa,sBAAoBb,KAAAA,gBAAAA,EAAKa,iBAAiBb,GAC5E,CACN,CACE,CACL;AAEN;"}

package/dist/index24.js

@@ -1,5 +1,65 @@
-const e = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2727%2010.0535H2'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.49198%2014.5454L2%2010.0535L6.49198%205.56149'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+import e from "react";
+import { Icon as x } from "./index4.js";
+import { Button as g } from "./index3.js";
+/* empty css        */
+const n = {
+  bannerCtn: "relative rounded-[12px] flex pr-3.5 min-h-[150px] cursor-pointer",
+  bannerContentCtn: "pt-5 pl-6 pb-5 pr-2 flex flex-col gap-2",
+  bannerLinkCta: "text-[#1088e7] cursor-pointer text-base leading-6 underline hover: text-[#0078d4]",
+  bannerImageCtn: "w-[30%] flex mr-5 justify-center cursor-pointer",
+  bannerCloseIconCtn: "absolute top-[12px] right-[12px] cursor-pointer hover:bg-[var(--color-gray-100)] rounded-full p-1",
+  bannerButton: "self-start"
+}, h = (t) => {
+  const {
+    bannerClassName: c,
+    bannerBgColor: s,
+    title: i,
+    description: m,
+    hasImage: a,
+    hasCloseIcon: C,
+    closeIconName: b,
+    onClose: p,
+    onBannerClick: r,
+    ctaText: o,
+    hasLinkCta: u,
+    onCtaClick: l,
+    hasButtonCta: d
+  } = t;
+  return /* @__PURE__ */ e.createElement("div", {
+    className: `${n.bannerCtn} ${c} banner-ctn`,
+    style: {
+      backgroundColor: s
+    }
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: `${n.bannerContentCtn} ${a ? "w-[70%]" : "w-[100%]"} banner-content-ctn`,
+    onClick: r
+  }, /* @__PURE__ */ e.createElement("span", {
+    className: "banner-title"
+  }, i), /* @__PURE__ */ e.createElement("span", {
+    className: "banner-description"
+  }, m), u && /* @__PURE__ */ e.createElement("span", {
+    className: n.bannerLinkCta,
+    onClick: l
+  }, o), d && /* @__PURE__ */ e.createElement(g, {
+    type: "secondary",
+    size: "sm",
+    label: o,
+    onClick: l,
+    customClassName: n.bannerButton
+  })), a && /* @__PURE__ */ e.createElement("div", {
+    className: `${n.bannerImageCtn} banner-image-ctn`,
+    onClick: r
+  }, /* @__PURE__ */ e.createElement("img", {
+    src: t.bannerImage,
+    className: "max-w-[initial] h-[initial] object-contain"
+  })), /* @__PURE__ */ e.createElement("span", {
+    className: n.bannerCloseIconCtn,
+    onClick: p
+  }, C && /* @__PURE__ */ e.createElement(x, {
+    name: b
+  })));
+};
 export {
-  e as default
+  h as Banner
 };
 //# sourceMappingURL=index24.js.map

package/dist/index24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index24.js","sources":["../src/assets/icons/back.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2727%2010.0535H2'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.49198%2014.5454L2%2010.0535L6.49198%205.56149'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_0"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index24.js","sources":["../src/components/Banner/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Map } from '../../utils/common.types';\nimport { Icon } from 'components/Icon';\nimport { Button } from 'components/Button';\nimport './style.scss';\n\nexport interface BannerProps {\n  bannerClassName?: string | '';\n  bannerBgColor?: string | '';\n  title: string | '';\n  description: string | '';\n  hasImage?: boolean | false;\n  bannerImage: string | '';\n  hasCloseIcon?: boolean | false;\n  closeIconName: string | '';\n  onClose: () => void | (() => {});\n  onBannerClick?: () => void | (() => {});\n  hasButtonCta?: boolean | false;\n  hasLinkCta?: boolean | false;\n  ctaText: string | '';\n  onCtaClick: () => void | (() => {});\n}\n\nconst classNames: Map = {\n  bannerCtn: `relative rounded-[12px] flex pr-3.5 min-h-[150px] cursor-pointer`,\n  bannerContentCtn: 'pt-5 pl-6 pb-5 pr-2 flex flex-col gap-2',\n  bannerLinkCta: 'text-[#1088e7] cursor-pointer text-base leading-6 underline hover: text-[#0078d4]',\n  bannerImageCtn: 'w-[30%] flex mr-5 justify-center cursor-pointer',\n  bannerCloseIconCtn: 'absolute top-[12px] right-[12px] cursor-pointer hover:bg-[var(--color-gray-100)] rounded-full p-1',\n  bannerButton: 'self-start'\n};\n\n\nexport const Banner: FC<BannerProps> = (props) => {\n  const { bannerClassName, bannerBgColor, title, description, hasImage, hasCloseIcon, closeIconName, onClose, onBannerClick, ctaText, hasLinkCta, onCtaClick, hasButtonCta  } = props;\n  return (\n    <div className={`${classNames.bannerCtn} ${bannerClassName} banner-ctn`} style={{backgroundColor: bannerBgColor}}>\n      <div className={`${classNames.bannerContentCtn} ${hasImage ? 'w-[70%]' : 'w-[100%]'} banner-content-ctn`} onClick={onBannerClick}>\n        <span className=\"banner-title\">{title}</span>\n        <span className=\"banner-description\">{description}</span>\n        {hasLinkCta && <span className={classNames.bannerLinkCta} onClick={onCtaClick}>{ctaText}</span>}\n        {hasButtonCta && <Button type=\"secondary\" size=\"sm\" label={ctaText} onClick={onCtaClick} customClassName={classNames.bannerButton} />}\n      </div>\n      {hasImage && <div className={`${classNames.bannerImageCtn} banner-image-ctn`} onClick={onBannerClick}>\n        <img src={props.bannerImage} className=\"max-w-[initial] h-[initial] object-contain\" />\n      </div>}\n      <span className={classNames.bannerCloseIconCtn} onClick={onClose}>\n        {hasCloseIcon && <Icon name={closeIconName}  />}\n      </span>\n    </div>\n  );\n};\n\n\n\n\n\n\n"],"names":["React__default","Icon","Button","classNames","bannerCtn","bannerContentCtn","bannerLinkCta","bannerImageCtn","bannerCloseIconCtn","bannerButton","Banner","props","bannerClassName","bannerBgColor","title","description","hasImage","hasCloseIcon","closeIconName","onClose","onBannerClick","ctaText","hasLinkCta","onCtaClick","hasButtonCta","React","createElement","className","style","backgroundColor","onClick","type","size","label","customClassName","src","bannerImage","name"],"mappings":"AAuBA,OAAAA,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAAA,UAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAkB;AAAA,EACtBC,WAAW;AAAA,EACXC,kBAAkB;AAAA,EAClBC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,oBAAoB;AAAA,EACpBC,cAAc;AAChB,GAGaC,IAA2BC,CAAUA,MAAA;AAC1C,QAAA;AAAA,IAAEC,iBAAAA;AAAAA,IAAiBC,eAAAA;AAAAA,IAAeC,OAAAA;AAAAA,IAAOC,aAAAA;AAAAA,IAAaC,UAAAA;AAAAA,IAAUC,cAAAA;AAAAA,IAAcC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,IAASC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,IAASC,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,IAAYC,cAAAA;AAAAA,EAAAA,IAAkBb;AAE5Kc,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGxB,EAAWC,SAAS,IAAIQ,CAAe;AAAA,IAAegB,OAAO;AAAA,MAACC,iBAAiBhB;AAAAA,IAAAA;AAAAA,EAAa,GAC7Ga,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGxB,EAAWE,gBAAgB,IAAIW,IAAW,YAAY,UAAU;AAAA,IAAuBc,SAASV;AAAAA,EAAAA,GACjHM,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,EAAgBb,GAAAA,CAAY,GAC5CW,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,KAAsBZ,CAAkB,GACvDO,KAAcG,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAWxB,EAAWG;AAAAA,IAAewB,SAASP;AAAAA,KAAaF,CAAc,GAC7FG,KAAgBC,gBAAAA,EAAAC,cAACxB,GAAM;AAAA,IAAC6B,MAAK;AAAA,IAAYC,MAAK;AAAA,IAAKC,OAAOZ;AAAAA,IAASS,SAASP;AAAAA,IAAYW,iBAAiB/B,EAAWM;AAAAA,EAAe,CAAA,CACjI,GACJO,KAAYS,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGxB,EAAWI,cAAc;AAAA,IAAqBuB,SAASV;AAAAA,EAAAA,GACrFM,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKS,KAAKxB,EAAMyB;AAAAA,IAAaT,WAAU;AAAA,EAA8C,CAAA,CAClF,GACLF,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAWxB,EAAWK;AAAAA,IAAoBsB,SAASX;AAAAA,EACtDF,GAAAA,KAAgBS,gBAAAA,EAAAA,cAACzB,GAAI;AAAA,IAACoC,MAAMnB;AAAAA,EAAiB,CAAA,CAC1C,CACH;AAET;"}

package/dist/index25.js

@@ -1,5 +1,30 @@
-const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M14.5455%205.45454L5.45456%2014.5455'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.45456%205.45454L14.5455%2014.5455'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+import e from "react";
+import { Icon as n } from "./index4.js";
+const p = ({
+  currentPage: t,
+  itemsPerPage: o,
+  totalItems: a,
+  onPageChange: r
+}) => {
+  const c = (t - 1) * o + 1, s = Math.min(t * o, a), m = s < a, i = t > 1;
+  return /* @__PURE__ */ e.createElement("div", {
+    className: "flex items-center gap-4"
+  }, /* @__PURE__ */ e.createElement("span", {
+    className: "text-sm text-[var(--color-gray-700)]"
+  }, c, "-", s, " of ", a), /* @__PURE__ */ e.createElement("div", {
+    onClick: () => i && r(t - 1),
+    className: "disabled:opacity-50 hover:cursor-pointer"
+  }, /* @__PURE__ */ e.createElement(n, {
+    name: "next",
+    className: "rotate-180 transition-transform stroke-[var(--color-gray-600)]"
+  })), /* @__PURE__ */ e.createElement("div", {
+    onClick: () => m && r(t + 1),
+    className: "disabled:opacity-50 hover:cursor-pointer"
+  }, /* @__PURE__ */ e.createElement(n, {
+    name: "next"
+  })));
+};
 export {
-  e as default
+  p as Pagination
 };
 //# sourceMappingURL=index25.js.map

package/dist/index25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index25.js","sources":["../src/assets/icons/close.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M14.5455%205.45454L5.45456%2014.5455'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5.45456%205.45454L14.5455%2014.5455'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_1"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index25.js","sources":["../src/components/Pagination/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from 'components/Icon';\n\ninterface PaginationProps {\n  currentPage: number;\n  itemsPerPage: number;\n  totalItems: number;\n  onPageChange: (page: number) => void;\n}\n\nexport const Pagination: React.FC<PaginationProps> = ({\n  currentPage,\n  itemsPerPage,\n  totalItems,\n  onPageChange,\n}) => {\n  const startItem = (currentPage - 1) * itemsPerPage + 1;\n  const endItem = Math.min(currentPage * itemsPerPage, totalItems);\n  const hasNextPage = endItem < totalItems;\n  const hasPrevPage = currentPage > 1;\n\n  return (\n    <div className=\"flex items-center gap-4\">\n      <span className=\"text-sm text-[var(--color-gray-700)]\">\n        {startItem}-{endItem} of {totalItems}\n      </span>\n      \n      <div\n        onClick={() => hasPrevPage && onPageChange(currentPage - 1)}\n        className=\"disabled:opacity-50 hover:cursor-pointer\"\n      >\n        <Icon name=\"next\" className=\"rotate-180 transition-transform stroke-[var(--color-gray-600)]\" />\n      </div>\n      <div\n        onClick={() => hasNextPage && onPageChange(currentPage + 1)}\n        className=\"disabled:opacity-50 hover:cursor-pointer\"\n      >\n        <Icon name=\"next\" />\n      </div>\n    </div>\n  );\n};\n"],"names":["Pagination","currentPage","itemsPerPage","totalItems","onPageChange","startItem","endItem","Math","min","hasNextPage","hasPrevPage","React","createElement","className","onClick","Icon","name"],"mappings":";;AAWO,MAAMA,IAAwCA,CAAC;AAAA,EACpDC,aAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,cAAAA;AACF,MAAM;AACEC,QAAAA,KAAaJ,IAAc,KAAKC,IAAe,GAC/CI,IAAUC,KAAKC,IAAIP,IAAcC,GAAcC,CAAU,GACzDM,IAAcH,IAAUH,GACxBO,IAAcT,IAAc;AAGhCU,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbD,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,EAAA,GACbR,GAAU,KAAEC,GAAQ,QAAKH,CACtB,GAENS,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IACEE,SAASA,MAAMJ,KAAeN,EAAaH,IAAc,CAAC;AAAA,IAC1DY,WAAU;AAAA,EAAA,GAEVD,gBAAAA,EAAAA,cAACG,GAAI;AAAA,IAACC,MAAK;AAAA,IAAOH,WAAU;AAAA,EAAkE,CAAA,CAC3F,GACLF,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEE,SAASA,MAAML,KAAeL,EAAaH,IAAc,CAAC;AAAA,IAC1DY,WAAU;AAAA,EAAA,GAEVD,gBAAAA,EAAAA,cAACG,GAAI;AAAA,IAACC,MAAK;AAAA,EAAQ,CAAA,CAChB,CACF;AAET;"}

package/dist/index26.js

@@ -1,5 +1,100 @@
-const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M6.66669%209.33275L10%2012.6661L13.3334%209.33275'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+import e from "react";
+import { Button as N } from "./index3.js";
+import { Badge as $ } from "./index7.js";
+import { Icon as m } from "./index4.js";
+/* empty css        */
+const t = {
+  widgetCtn: "flex flex-col gap-[2px] align-center border border-[var(--color-gray-200)] rounded-[12px] max-w-[385px]",
+  widgetImageCtn: "cursor-pointer",
+  descriptionCtn: "p-4 flex flex-col",
+  widgetTitle: "text-[var(--color-gray-900)] mt-[4px] mb-[8px]",
+  widgetDescription: "text-[var(--color-gray-700)] mb-[4px]",
+  widgetLinkCta: "text-[var(--color-blue-500)] cursor-pointer hover:text-[var(--color-blue-600)]",
+  widgetButtonCta: "self-start",
+  widgetBadge: "w-fit",
+  webinarInfoCtn: "flex flex-col gap-2",
+  webinarSpeaker: "text-[var(--color-gray-700)]",
+  webinarDate: "text-[var(--color-gray-700)]",
+  webinarDescriptionInfo: "flex gap-2",
+  webinarTimeInfo: "flex gap-2",
+  requestFeatureCtn: "flex gap-[12px]",
+  requestFeatureImageCtn: "w-[48px] h-[48px] border border-[var(--color-gray-200)] rounded-[50%] flex items-center flex-shrink-0 bg-[var(--color-red-50)]",
+  requestFeatureDescriptionCtn: "flex flex-col"
+}, F = ({
+  widgetClassName: d = "",
+  widgetType: a,
+  widgetTitle: r,
+  widgetDescription: n,
+  widgetImage: g,
+  hasImage: l = !1,
+  hasButtonCta: p = !1,
+  hasLinkCta: x = !1,
+  ctaText: o = "",
+  hasBadge: u = !1,
+  badgeText: f = "",
+  onCtaClick: w,
+  onWidgetClick: b,
+  webinarDateInfo: i,
+  webinarSpeaker: s
+}) => {
+  const C = () => u ? /* @__PURE__ */ e.createElement($, {
+    label: f,
+    className: t.widgetBadge,
+    bgColor: "var(--color-yellow-50)",
+    textColor: "var(--color-yellow-400)",
+    fontWeight: "normal"
+  }) : null, c = () => /* @__PURE__ */ e.createElement(e.Fragment, null, x && /* @__PURE__ */ e.createElement("span", {
+    className: t.widgetLinkCta
+  }, o), p && /* @__PURE__ */ e.createElement(N, {
+    type: "secondary",
+    size: "sm",
+    label: o,
+    onClick: w,
+    customClassName: `${t.widgetButtonCta} mt-[4px]`
+  })), v = () => l ? /* @__PURE__ */ e.createElement("div", {
+    className: `${t.widgetImageCtn} widget-image-ctn`
+  }, l && /* @__PURE__ */ e.createElement("img", {
+    src: g,
+    alt: "widget-image"
+  })) : null, E = () => /* @__PURE__ */ e.createElement("div", {
+    className: t.descriptionCtn
+  }, C(), a !== "request-feature" && /* @__PURE__ */ e.createElement("span", {
+    className: `${t.widgetTitle} widget-title`
+  }, r), a === "promotion" && /* @__PURE__ */ e.createElement("span", {
+    className: `${t.widgetDescription} widget-description`
+  }, n), a === "webinar" && /* @__PURE__ */ e.createElement("div", {
+    className: t.webinarInfoCtn
+  }, s && /* @__PURE__ */ e.createElement("div", {
+    className: `${t.webinarDescriptionInfo} align-baseline`
+  }, /* @__PURE__ */ e.createElement(m, {
+    name: "people",
+    className: "relative top-[2px]"
+  }), /* @__PURE__ */ e.createElement("span", {
+    className: t.webinarSpeaker
+  }, s)), i && /* @__PURE__ */ e.createElement("div", {
+    className: `${t.webinarTimeInfo} align-baseline mb-[4px]`
+  }, /* @__PURE__ */ e.createElement(m, {
+    name: "clock",
+    className: "relative top-[2px]"
+  }), /* @__PURE__ */ e.createElement("span", {
+    className: `${t.webinarDate} widget-date`
+  }, i))), a === "request-feature" && /* @__PURE__ */ e.createElement("div", {
+    className: t.requestFeatureCtn
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: t.requestFeatureImageCtn
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: t.requestFeatureDescriptionCtn
+  }, /* @__PURE__ */ e.createElement("span", {
+    className: `${t.widgetTitle} mb-[0] mt-[0px] widget-title`
+  }, r), /* @__PURE__ */ e.createElement("span", {
+    className: `${t.widgetDescription} widget-description`
+  }, n), c())), a !== "request-feature" && c());
+  return /* @__PURE__ */ e.createElement("div", {
+    className: `${t.widgetCtn} ${d} widget-ctn`,
+    onClick: b
+  }, v(), E());
+};
 export {
-  e as default
+  F as Widget
 };
 //# sourceMappingURL=index26.js.map

package/dist/index26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index26.js","sources":["../src/assets/icons/down.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cpath%20d='M6.66669%209.33275L10%2012.6661L13.3334%209.33275'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_2"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index26.js","sources":["../src/components/Widget/index.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Map } from \"../../utils/common.types\";\nimport { Button } from \"../Button\";\nimport { Badge } from \"../Badge\";\nimport { Icon } from \"../Icon\";\nimport \"./style.scss\";\n\nexport interface WidgetProps {\n  widgetClassName?: string;\n  widgetType?: \"promotion\" | \"webinar\" | \"request-feature\"  \n  widgetTitle?: string;\n  hasBadge?: boolean;\n  webinarSpeaker?: string;\n  badgeText?: string;\n  widgetDescription?: string;\n  webinarDateInfo?: string;\n  hasImage?: boolean;\n  widgetImage?: string;\n  hasButtonCta?: boolean;\n  hasLinkCta?: boolean;\n  ctaText?: string;\n  onCtaClick?: () => void;\n  onWidgetClick?: () => void;\n}\n\nconst className: Map = {\n    widgetCtn: 'flex flex-col gap-[2px] align-center border border-[var(--color-gray-200)] rounded-[12px] max-w-[385px]',\n    widgetImageCtn: 'cursor-pointer',\n    descriptionCtn: 'p-4 flex flex-col',\n    widgetTitle: 'text-[var(--color-gray-900)] mt-[4px] mb-[8px]',\n    widgetDescription: 'text-[var(--color-gray-700)] mb-[4px]',\n    widgetLinkCta: 'text-[var(--color-blue-500)] cursor-pointer hover:text-[var(--color-blue-600)]',\n    widgetButtonCta: 'self-start',\n    widgetBadge: 'w-fit',\n    webinarInfoCtn: 'flex flex-col gap-2',\n    webinarSpeaker: 'text-[var(--color-gray-700)]',\n    webinarDate: 'text-[var(--color-gray-700)]',\n    webinarDescriptionInfo: 'flex gap-2',\n    webinarTimeInfo: 'flex gap-2',\n    requestFeatureCtn: 'flex gap-[12px]',\n    requestFeatureImageCtn: 'w-[48px] h-[48px] border border-[var(--color-gray-200)] rounded-[50%] flex items-center flex-shrink-0 bg-[var(--color-red-50)]',\n    requestFeatureDescriptionCtn: 'flex flex-col',\n};\n\nexport const Widget: FC<WidgetProps> = ({\n  widgetClassName = \"\",\n  widgetType,\n  widgetTitle,\n  widgetDescription,\n  widgetImage,\n  hasImage = false,\n  hasButtonCta = false,\n  hasLinkCta = false,\n  ctaText = \"\",\n  hasBadge = false,\n  badgeText = \"\",\n  onCtaClick,\n  onWidgetClick,\n  webinarDateInfo,\n  webinarSpeaker,\n}) => {\n\n  const renderBadge = () =>\n    hasBadge ? (\n      <Badge\n        label={badgeText}\n        className={className.widgetBadge}\n        bgColor=\"var(--color-yellow-50)\"\n        textColor=\"var(--color-yellow-400)\"\n        fontWeight=\"normal\"\n      />\n    ) : null;\n\n  const renderCTA = () => (\n    <React.Fragment>\n      {hasLinkCta && <span className={className.widgetLinkCta}>{ctaText}</span>}\n      {hasButtonCta && (\n        <Button\n          type=\"secondary\"\n          size=\"sm\"\n          label={ctaText}\n          onClick={onCtaClick}\n          customClassName={`${className.widgetButtonCta} mt-[4px]`}\n        />\n      )}\n    </React.Fragment>\n  );\n\n  const renderImage = () =>\n    hasImage ? (\n    <div className={`${className.widgetImageCtn} widget-image-ctn`}>\n        {hasImage && <img src={widgetImage} alt=\"widget-image\" />}\n    </div>\n    ) : null;\n\n  // Render content based on widget type\n  const renderContent = () => {\n    return (\n      <div className={className.descriptionCtn}>\n        {renderBadge()}\n        {widgetType !== \"request-feature\" && <span className={`${className.widgetTitle} widget-title`}>{widgetTitle}</span>}\n        {widgetType === \"promotion\" && <span className={`${className.widgetDescription} widget-description`}>{widgetDescription}</span>}\n        {widgetType === \"webinar\" && (\n          <div className={className.webinarInfoCtn}>\n            {webinarSpeaker && (\n              <div className={`${className.webinarDescriptionInfo} align-baseline`}>\n                <Icon name=\"people\"  className=\"relative top-[2px]\"/>\n                <span className={className.webinarSpeaker}>{webinarSpeaker}</span>\n              </div>\n            )}\n            {webinarDateInfo && (\n              <div className={`${className.webinarTimeInfo} align-baseline mb-[4px]`}>\n                <Icon name=\"clock\" className=\"relative top-[2px]\"/>\n                <span className={`${className.webinarDate} widget-date`}>{webinarDateInfo}</span>\n              </div>\n            )}\n          </div>\n        )}\n        {widgetType === \"request-feature\" && <div className={className.requestFeatureCtn}>\n            <div className={className.requestFeatureImageCtn}>\n                {/* <img src={widgetImage} alt=\"widget-image\" /> */}\n            </div>\n          <div className={className.requestFeatureDescriptionCtn}>\n            <span className={`${className.widgetTitle} mb-[0] mt-[0px] widget-title`}>{widgetTitle}</span>\n            <span className={`${className.widgetDescription} widget-description`}>{widgetDescription}</span>\n            {renderCTA()}\n          </div>\n        </div>}\n        { widgetType !== \"request-feature\" && renderCTA()}\n      </div>\n    );\n  };\n\n  return (\n    <div className={`${className.widgetCtn} ${widgetClassName} widget-ctn`} onClick={onWidgetClick}>\n      {renderImage()} \n      {renderContent()}\n    </div>\n  );\n};\n"],"names":["React__default","Button","Badge","Icon","className","widgetCtn","widgetImageCtn","descriptionCtn","widgetTitle","widgetDescription","widgetLinkCta","widgetButtonCta","widgetBadge","webinarInfoCtn","webinarSpeaker","webinarDate","webinarDescriptionInfo","webinarTimeInfo","requestFeatureCtn","requestFeatureImageCtn","requestFeatureDescriptionCtn","Widget","widgetClassName","widgetType","widgetImage","hasImage","hasButtonCta","hasLinkCta","ctaText","hasBadge","badgeText","onCtaClick","onWidgetClick","webinarDateInfo","renderBadge","React","createElement","label","bgColor","textColor","fontWeight","renderCTA","Fragment","type","size","onClick","customClassName","renderImage","src","alt","renderContent","name"],"mappings":"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"}

package/dist/index27.js

@@ -1,4 +1,4 @@
-const e = "data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%208.25H22'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6%2014H22'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6%2019.75H22'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e";
 export {
   e as default
 };

package/dist/index27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index27.js","sources":["../src/assets/icons/hamburger.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%208.25H22'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6%2014H22'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6%2019.75H22'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_3"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index27.js","sources":["../src/assets/icons/attachment.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_0"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/index28.js

@@ -1,4 +1,4 @@
-const e = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2014C12.5523%2014%2013%2013.5523%2013%2013C13%2012.4477%2012.5523%2012%2012%2012C11.4477%2012%2011%2012.4477%2011%2013C11%2013.5523%2011.4477%2014%2012%2014Z'%20fill='%231088E7'/%3e%3cpath%20d='M19%2014C19.5523%2014%2020%2013.5523%2020%2013C20%2012.4477%2019.5523%2012%2019%2012C18.4477%2012%2018%2012.4477%2018%2013C18%2013.5523%2018.4477%2014%2019%2014Z'%20fill='%231088E7'/%3e%3cpath%20d='M5%2014C5.55228%2014%206%2013.5523%206%2013C6%2012.4477%205.55228%2012%205%2012C4.44772%2012%204%2012.4477%204%2013C4%2013.5523%204.44772%2014%205%2014Z'%20fill='%231088E7'/%3e%3cpath%20d='M12%2014C12.5523%2014%2013%2013.5523%2013%2013C13%2012.4477%2012.5523%2012%2012%2012C11.4477%2012%2011%2012.4477%2011%2013C11%2013.5523%2011.4477%2014%2012%2014Z'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M19%2014C19.5523%2014%2020%2013.5523%2020%2013C20%2012.4477%2019.5523%2012%2019%2012C18.4477%2012%2018%2012.4477%2018%2013C18%2013.5523%2018.4477%2014%2019%2014Z'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5%2014C5.55228%2014%206%2013.5523%206%2013C6%2012.4477%205.55228%2012%205%2012C4.44772%2012%204%2012.4477%204%2013C4%2013.5523%204.44772%2014%205%2014Z'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2727%2010.0535H2'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.49198%2014.5454L2%2010.0535L6.49198%205.56149'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
 export {
   e as default
 };

package/dist/index28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index28.js","sources":["../src/assets/icons/kebab-menu-blue.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2014C12.5523%2014%2013%2013.5523%2013%2013C13%2012.4477%2012.5523%2012%2012%2012C11.4477%2012%2011%2012.4477%2011%2013C11%2013.5523%2011.4477%2014%2012%2014Z'%20fill='%231088E7'/%3e%3cpath%20d='M19%2014C19.5523%2014%2020%2013.5523%2020%2013C20%2012.4477%2019.5523%2012%2019%2012C18.4477%2012%2018%2012.4477%2018%2013C18%2013.5523%2018.4477%2014%2019%2014Z'%20fill='%231088E7'/%3e%3cpath%20d='M5%2014C5.55228%2014%206%2013.5523%206%2013C6%2012.4477%205.55228%2012%205%2012C4.44772%2012%204%2012.4477%204%2013C4%2013.5523%204.44772%2014%205%2014Z'%20fill='%231088E7'/%3e%3cpath%20d='M12%2014C12.5523%2014%2013%2013.5523%2013%2013C13%2012.4477%2012.5523%2012%2012%2012C11.4477%2012%2011%2012.4477%2011%2013C11%2013.5523%2011.4477%2014%2012%2014Z'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M19%2014C19.5523%2014%2020%2013.5523%2020%2013C20%2012.4477%2019.5523%2012%2019%2012C18.4477%2012%2018%2012.4477%2018%2013C18%2013.5523%2018.4477%2014%2019%2014Z'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5%2014C5.55228%2014%206%2013.5523%206%2013C6%2012.4477%205.55228%2012%205%2012C4.44772%2012%204%2012.4477%204%2013C4%2013.5523%204.44772%2014%205%2014Z'%20stroke='%231088E7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_4"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index28.js","sources":["../src/assets/icons/back.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2727%2010.0535H2'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.49198%2014.5454L2%2010.0535L6.49198%205.56149'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_1"],"mappings":"AAAA,MAAeA,IAAA;"}