se-design 0.0.98 → 0.0.99

package/dist/index19.js

@@ -10,11 +10,11 @@ var y = (e, t, o) => t in e ? $(e, t, { enumerable: !0, configurable: !0, writab
       O.call(t, o) && y(e, o, t[o]);
   return e;
 }, D = (e, t) => k(e, V(t));
-import r, { useState as S, useRef as R } from "react";
+import r, { useState as g, useRef as R } from "react";
 import { Popover as T } from "./index13.js";
 import { Icon as _ } from "./index4.js";
 const q = (e) => {
-  const [t, o] = S(!1), [d, g] = S(() => (e == null ? void 0 : e.defaultSelectedValue) || {}), u = R(null), {
+  const [t, o] = g(!1), [d, S] = g(() => (e == null ? void 0 : e.defaultSelectedValue) || {}), u = R(null), {
     selectBy: i = "",
     optionsUniqueBy: c = "",
     displaySelected: E = !1,
@@ -22,7 +22,7 @@ const q = (e) => {
     defaultText: f = "Select"
   } = e, h = (n) => {
     var l, a;
-    g(n), (l = u.current) == null || l.togglePopup(), (a = e == null ? void 0 : e.onOptionClick) == null || a.call(e, n);
+    S(n), (l = u.current) == null || l.togglePopover(), (a = e == null ? void 0 : e.onOptionClick) == null || a.call(e, n);
   }, v = (n) => e != null && e.renderOptionChip ? e == null ? void 0 : e.renderOptionChip(n) : /* @__PURE__ */ r.createElement("span", {
     className: "option-chip"
   }, n[i] || f), x = (n) => {
@@ -46,7 +46,7 @@ const q = (e) => {
     }));
   };
   return /* @__PURE__ */ r.createElement("div", {
-    className: "dropdown-container",
+    className: "se-design-dropdown-container",
     style: e == null ? void 0 : e.style
   }, /* @__PURE__ */ r.createElement(T, {
     ref: u,

package/dist/index19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index19.js","sources":["../src/components/Dropdown/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef } from 'react';\n\nimport { Popover, PopoverHandle  } from 'src/components/Popover';\nimport { Icon } from 'components/Icon';\n\ntype DropdownValue = {\n  [key: string]: any;\n};\n\ntype DropdownProps = {\n  label?: string;\n  type: 'select';\n  dropDownOptions?: DropdownValue[];\n  defaultText?: string;\n  selectBy?: string;\n  optionsUniqueBy?: string;\n  displaySelected?: boolean;\n  defaultSelectedValue?: DropdownValue;\n  onOptionClick?: (selectedValue: DropdownValue) => void;\n  style?: React.CSSProperties;\n  renderOptionChip?: (option: DropdownValue) => React.ReactNode;\n};\n\nexport const Dropdown: FC<DropdownProps> = (props) => {\n  const [isDropDownOpen, setIsDropDownOpen] = useState(false);\n  const [selectedDropDownValue, setSelectedDropDownValue] = useState<DropdownValue>(() => props?.defaultSelectedValue || {});\n  const popoverRef = useRef<HTMLDivElement & PopoverHandle>(null);\n\n  const { selectBy = '', optionsUniqueBy = '', displaySelected = false, dropDownOptions, defaultText = 'Select' } = props;\n\n  const handleDropDownOptionClick = (dropDownOption: any) => {\n    setSelectedDropDownValue(dropDownOption);\n    popoverRef.current?.togglePopup();\n    props?.onOptionClick?.(dropDownOption);\n  };\n\n  const optionChip = (option: DropdownValue) => {\n    if(props?.renderOptionChip) {\n      return props?.renderOptionChip(option);\n    }\n    return <span className={`option-chip`}>{option[selectBy] || defaultText}</span>\n  }\n\n  const dropDownOptionJsx = (dropDownOption: DropdownValue) => {\n    const optionTxt = dropDownOption[selectBy];\n    const dropDownSelectedValue = selectedDropDownValue[selectBy] || defaultText;\n    const selectByUniqueId = optionsUniqueBy?.length\n      ? dropDownOption[optionsUniqueBy] == selectedDropDownValue[optionsUniqueBy]\n      : true;\n    const isOptionSelected = displaySelected && optionTxt === dropDownSelectedValue && selectByUniqueId;\n    return <div\n      key={`$drop-option-${optionTxt}`}\n      className={`option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between ${isOptionSelected ? 'selected' : ''}`}\n      onClick={() => handleDropDownOptionClick(dropDownOption)}\n    >\n      {optionChip({...dropDownOption, isOptionSelected})}\n      {isOptionSelected && <div>&#10003;</div>}\n    </div>;\n  }\n\n  const renderDropdownContents = () => {\n    return <div className=\"dropdown-content dropdown-options\">{dropDownOptions?.map((dropDownOption) => dropDownOptionJsx(dropDownOption))}</div>;\n  };\n\n  const renderDropdownSelect = () => {\n    const borderColor = isDropDownOpen ? 'border-[var(--color-gray-900)]' : 'border-[var(--color-gray-200)]';\n    const drowDownSelectClass = `dropdown-src-element flex px-3 py-2 border rounded-md ${borderColor}`;\n\n    return <div className={drowDownSelectClass}>\n        {optionChip(selectedDropDownValue)}\n        <Icon name=\"down\" className={`ml-auto ${isDropDownOpen ? 'rotate-180' : ''} transition-transform`} />\n      </div>;\n  };\n\n  return (\n    <div className=\"dropdown-container\" style={props?.style}>\n      <Popover ref={popoverRef} renderPopoverContents={renderDropdownContents} contentWidth={'full'} renderPopoverSrcElement={renderDropdownSelect} onPopoverToggle={(value) => setIsDropDownOpen(value)} />\n    </div>\n  );\n};\n"],"names":["React__default","useState","useRef","Popover","Icon","Dropdown","props","isDropDownOpen","setIsDropDownOpen","selectedDropDownValue","setSelectedDropDownValue","defaultSelectedValue","popoverRef","selectBy","optionsUniqueBy","displaySelected","dropDownOptions","defaultText","handleDropDownOptionClick","dropDownOption","_a","_b","current","togglePopup","onOptionClick","optionChip","option","renderOptionChip","React","createElement","className","dropDownOptionJsx","optionTxt","dropDownSelectedValue","selectByUniqueId","length","isOptionSelected","key","onClick","__spreadProps","__spreadValues","renderDropdownContents","map","renderDropdownSelect","drowDownSelectClass","name","style","ref","renderPopoverContents","contentWidth","renderPopoverSrcElement","onPopoverToggle","value"],"mappings":";;;;;;;;;;;;AAuBO,OAAAA,KAAA,YAAAC,GAAA,UAAAC,SAAA;AAAA,SAAA,WAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAA+BC,CAAUA,MAAA;AACpD,QAAM,CAACC,GAAgBC,CAAiB,IAAIP,EAAS,EAAK,GACpD,CAACQ,GAAuBC,CAAwB,IAAIT,EAAwB,OAAMK,KAAAA,gBAAAA,EAAOK,yBAAwB,EAAE,GACnHC,IAAaV,EAAuC,IAAI,GAExD;AAAA,IAAEW,UAAAA,IAAW;AAAA,IAAIC,iBAAAA,IAAkB;AAAA,IAAIC,iBAAAA,IAAkB;AAAA,IAAOC,iBAAAA;AAAAA,IAAiBC,aAAAA,IAAc;AAAA,EAAA,IAAaX,GAE5GY,IAA4BA,CAACC,MAAwB;AAPtD,QAAAC,GAAAC;AAQHX,IAAAA,EAAyBS,CAAc,IACvCP,IAAAA,EAAWU,YAAXV,QAAAA,EAAoBW,gBACpBjB,IAAAA,KAAAA,gBAAAA,EAAOkB,kBAAPlB,QAAAA,EAAAA,KAAAA,GAAuBa;AAAAA,EACzB,GAEMM,IAAaA,CAACC,MACfpB,KAAAA,QAAAA,EAAOqB,mBACDrB,KAAAA,gBAAAA,EAAOqB,iBAAiBD,KAE1BE,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAW;AAAA,EAAA,GAAgBJ,EAAOb,CAAQ,KAAKI,CAAkB,GAG1Ec,IAAoBA,CAACZ,MAAkC;AACrDa,UAAAA,IAAYb,EAAeN,CAAQ,GACnCoB,IAAwBxB,EAAsBI,CAAQ,KAAKI,GAC3DiB,IAAmBpB,KAAAA,QAAAA,EAAiBqB,SACtChB,EAAeL,CAAe,KAAKL,EAAsBK,CAAe,IACxE,IACEsB,IAAmBrB,KAAmBiB,MAAcC,KAAyBC;AAC5EN,WAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACLQ,KAAK,gBAAgBL,CAAS;AAAA,MAC9BF,WAAW,uFAAuFM,IAAmB,aAAa,EAAE;AAAA,MACpIE,SAASA,MAAMpB,EAA0BC,CAAc;AAAA,OAEtDM,EAAWc,EAAAC,EAAA,IAAIrB,IAAJ;AAAA,MAAoBiB,kBAAAA;AAAAA,IAAAA,EAAiB,GAChDA,KAAoBR,gBAAAA,EAAAC,cAAA,OAAA,MAAK,GAAa,CACpC;AAAA,EACP,GAEMY,IAAyBA,MACtBb,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GAAqCd,KAAAA,gBAAAA,EAAiB0B,IAAKvB,OAAmBY,EAAkBZ,CAAc,EAAQ,GAGxIwB,IAAuBA,MAAM;AAE3BC,UAAAA,IAAsB,yDADRrC,IAAiB,mCAAmC,gCACwB;AAEzFqB,WAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKC,WAAWc;AAAAA,OAClBnB,EAAWhB,CAAqB,GACjCmB,gBAAAA,EAAAC,cAACzB,GAAI;AAAA,MAACyC,MAAK;AAAA,MAAOf,WAAW,WAAWvB,IAAiB,eAAe,EAAE;AAAA,IAAA,CAA0B,CACjG;AAAA,EACT;AAGEqB,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAqBgB,OAAOxC,KAAAA,gBAAAA,EAAOwC;AAAAA,EAAAA,GAChDjB,gBAAAA,EAAAA,cAAC1B,GAAO;AAAA,IAAC4C,KAAKnC;AAAAA,IAAYoC,uBAAuBP;AAAAA,IAAwBQ,cAAc;AAAA,IAAQC,yBAAyBP;AAAAA,IAAsBQ,iBAAkBC,CAAU5C,MAAAA,EAAkB4C,CAAK;AAAA,EAAA,CAAI,CAClM;AAET;"}
+{"version":3,"file":"index19.js","sources":["../src/components/Dropdown/index.tsx"],"sourcesContent":["import React, { FC, useState, useRef } from 'react';\n\nimport { Popover, PopoverHandle  } from 'src/components/Popover';\nimport { Icon } from 'components/Icon';\n\ntype DropdownValue = {\n  [key: string]: any;\n};\n\ntype DropdownProps = {\n  label?: string;\n  type: 'select';\n  dropDownOptions?: DropdownValue[];\n  defaultText?: string;\n  selectBy?: string;\n  optionsUniqueBy?: string;\n  displaySelected?: boolean;\n  defaultSelectedValue?: DropdownValue;\n  onOptionClick?: (selectedValue: DropdownValue) => void;\n  style?: React.CSSProperties;\n  renderOptionChip?: (option: DropdownValue) => React.ReactNode;\n};\n\nexport const Dropdown: FC<DropdownProps> = (props) => {\n  const [isDropDownOpen, setIsDropDownOpen] = useState(false);\n  const [selectedDropDownValue, setSelectedDropDownValue] = useState<DropdownValue>(() => props?.defaultSelectedValue || {});\n  const popoverRef = useRef<HTMLDivElement & PopoverHandle>(null);\n\n  const { selectBy = '', optionsUniqueBy = '', displaySelected = false, dropDownOptions, defaultText = 'Select' } = props;\n\n  const handleDropDownOptionClick = (dropDownOption: any) => {\n    setSelectedDropDownValue(dropDownOption);\n    popoverRef.current?.togglePopover();\n    props?.onOptionClick?.(dropDownOption);\n  };\n\n  const optionChip = (option: DropdownValue) => {\n    if(props?.renderOptionChip) {\n      return props?.renderOptionChip(option);\n    }\n    return <span className={`option-chip`}>{option[selectBy] || defaultText}</span>\n  }\n\n  const dropDownOptionJsx = (dropDownOption: DropdownValue) => {\n    const optionTxt = dropDownOption[selectBy];\n    const dropDownSelectedValue = selectedDropDownValue[selectBy] || defaultText;\n    const selectByUniqueId = optionsUniqueBy?.length\n      ? dropDownOption[optionsUniqueBy] == selectedDropDownValue[optionsUniqueBy]\n      : true;\n    const isOptionSelected = displaySelected && optionTxt === dropDownSelectedValue && selectByUniqueId;\n    return <div\n      key={`$drop-option-${optionTxt}`}\n      className={`option px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center justify-between ${isOptionSelected ? 'selected' : ''}`}\n      onClick={() => handleDropDownOptionClick(dropDownOption)}\n    >\n      {optionChip({...dropDownOption, isOptionSelected})}\n      {isOptionSelected && <div>&#10003;</div>}\n    </div>;\n  }\n\n  const renderDropdownContents = () => {\n    return <div className=\"dropdown-content dropdown-options\">{dropDownOptions?.map((dropDownOption) => dropDownOptionJsx(dropDownOption))}</div>;\n  };\n\n  const renderDropdownSelect = () => {\n    const borderColor = isDropDownOpen ? 'border-[var(--color-gray-900)]' : 'border-[var(--color-gray-200)]';\n    const drowDownSelectClass = `dropdown-src-element flex px-3 py-2 border rounded-md ${borderColor}`;\n\n    return <div className={drowDownSelectClass}>\n        {optionChip(selectedDropDownValue)}\n        <Icon name=\"down\" className={`ml-auto ${isDropDownOpen ? 'rotate-180' : ''} transition-transform`} />\n      </div>;\n  };\n\n  return (\n    <div className=\"se-design-dropdown-container\" style={props?.style}>\n      <Popover ref={popoverRef} renderPopoverContents={renderDropdownContents} contentWidth={'full'} renderPopoverSrcElement={renderDropdownSelect} onPopoverToggle={(value) => setIsDropDownOpen(value)} />\n    </div>\n  );\n};\n"],"names":["React__default","useState","useRef","Popover","Icon","Dropdown","props","isDropDownOpen","setIsDropDownOpen","selectedDropDownValue","setSelectedDropDownValue","defaultSelectedValue","popoverRef","selectBy","optionsUniqueBy","displaySelected","dropDownOptions","defaultText","handleDropDownOptionClick","dropDownOption","_a","_b","current","togglePopover","onOptionClick","optionChip","option","renderOptionChip","React","createElement","className","dropDownOptionJsx","optionTxt","dropDownSelectedValue","selectByUniqueId","length","isOptionSelected","key","onClick","__spreadProps","__spreadValues","renderDropdownContents","map","renderDropdownSelect","drowDownSelectClass","name","style","ref","renderPopoverContents","contentWidth","renderPopoverSrcElement","onPopoverToggle","value"],"mappings":";;;;;;;;;;;;AAuBO,OAAAA,KAAA,YAAAC,GAAA,UAAAC,SAAA;AAAA,SAAA,WAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,MAAMC,IAA+BC,CAAUA,MAAA;AACpD,QAAM,CAACC,GAAgBC,CAAiB,IAAIP,EAAS,EAAK,GACpD,CAACQ,GAAuBC,CAAwB,IAAIT,EAAwB,OAAMK,KAAAA,gBAAAA,EAAOK,yBAAwB,EAAE,GACnHC,IAAaV,EAAuC,IAAI,GAExD;AAAA,IAAEW,UAAAA,IAAW;AAAA,IAAIC,iBAAAA,IAAkB;AAAA,IAAIC,iBAAAA,IAAkB;AAAA,IAAOC,iBAAAA;AAAAA,IAAiBC,aAAAA,IAAc;AAAA,EAAA,IAAaX,GAE5GY,IAA4BA,CAACC,MAAwB;AAPtD,QAAAC,GAAAC;AAQHX,IAAAA,EAAyBS,CAAc,IACvCP,IAAAA,EAAWU,YAAXV,QAAAA,EAAoBW,kBACpBjB,IAAAA,KAAAA,gBAAAA,EAAOkB,kBAAPlB,QAAAA,EAAAA,KAAAA,GAAuBa;AAAAA,EACzB,GAEMM,IAAaA,CAACC,MACfpB,KAAAA,QAAAA,EAAOqB,mBACDrB,KAAAA,gBAAAA,EAAOqB,iBAAiBD,KAE1BE,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAW;AAAA,EAAA,GAAgBJ,EAAOb,CAAQ,KAAKI,CAAkB,GAG1Ec,IAAoBA,CAACZ,MAAkC;AACrDa,UAAAA,IAAYb,EAAeN,CAAQ,GACnCoB,IAAwBxB,EAAsBI,CAAQ,KAAKI,GAC3DiB,IAAmBpB,KAAAA,QAAAA,EAAiBqB,SACtChB,EAAeL,CAAe,KAAKL,EAAsBK,CAAe,IACxE,IACEsB,IAAmBrB,KAAmBiB,MAAcC,KAAyBC;AAC5EN,WAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACLQ,KAAK,gBAAgBL,CAAS;AAAA,MAC9BF,WAAW,uFAAuFM,IAAmB,aAAa,EAAE;AAAA,MACpIE,SAASA,MAAMpB,EAA0BC,CAAc;AAAA,OAEtDM,EAAWc,EAAAC,EAAA,IAAIrB,IAAJ;AAAA,MAAoBiB,kBAAAA;AAAAA,IAAAA,EAAiB,GAChDA,KAAoBR,gBAAAA,EAAAC,cAAA,OAAA,MAAK,GAAa,CACpC;AAAA,EACP,GAEMY,IAAyBA,MACtBb,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GAAqCd,KAAAA,gBAAAA,EAAiB0B,IAAKvB,OAAmBY,EAAkBZ,CAAc,EAAQ,GAGxIwB,IAAuBA,MAAM;AAE3BC,UAAAA,IAAsB,yDADRrC,IAAiB,mCAAmC,gCACwB;AAEzFqB,WAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKC,WAAWc;AAAAA,OAClBnB,EAAWhB,CAAqB,GACjCmB,gBAAAA,EAAAC,cAACzB,GAAI;AAAA,MAACyC,MAAK;AAAA,MAAOf,WAAW,WAAWvB,IAAiB,eAAe,EAAE;AAAA,IAAA,CAA0B,CACjG;AAAA,EACT;AAGEqB,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAA+BgB,OAAOxC,KAAAA,gBAAAA,EAAOwC;AAAAA,EAAAA,GAC1DjB,gBAAAA,EAAAA,cAAC1B,GAAO;AAAA,IAAC4C,KAAKnC;AAAAA,IAAYoC,uBAAuBP;AAAAA,IAAwBQ,cAAc;AAAA,IAAQC,yBAAyBP;AAAAA,IAAsBQ,iBAAkBC,CAAU5C,MAAAA,EAAkB4C,CAAK;AAAA,EAAA,CAAI,CAClM;AAET;"}

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,4 +1,4 @@
-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";
+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/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/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/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%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/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/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;"}

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='240'%20height='150'%20viewBox='0%200%20240%20150'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_960_1151)'%3e%3crect%20x='159.789'%20y='2'%20width='60.7392'%20height='109.607'%20rx='8.2826'%20fill='%231088E7'/%3e%3crect%20x='182.156'%20y='5.58984'%20width='16.0125'%20height='2.20862'%20rx='1.10431'%20fill='white'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6609'%20fill='%23DAE9FB'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6603'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M176.077%2044.2553C175.082%2044.3146%20174.305%2045.1424%20174.305%2046.1442V54.9831C174.305%2064.6478%20180.446%2073.2345%20189.567%2076.3208C189.957%2076.4529%20190.38%2076.4529%20190.77%2076.3208C199.89%2073.2345%20206.032%2064.6478%20206.032%2054.9831V46.1442C206.032%2045.1424%20205.254%2044.3145%20204.259%2044.2552L204.248%2044.2545C204.233%2044.2534%20204.207%2044.2513%20204.169%2044.2477C204.092%2044.2406%20203.97%2044.2277%20203.805%2044.2056C203.476%2044.1614%20202.983%2044.0807%20202.363%2043.9374C201.122%2043.6505%20199.39%2043.1152%20197.47%2042.1266C195.536%2041.1303%20194.041%2040.0318%20193.036%2039.1887C192.535%2038.7679%20192.158%2038.413%20191.912%2038.1699C191.79%2038.0484%20191.7%2037.9551%20191.644%2037.8958C191.616%2037.8661%20191.597%2037.8449%20191.586%2037.833L191.578%2037.8241C191.22%2037.4192%20190.707%2037.1875%20190.168%2037.1875C189.63%2037.1875%20189.118%2037.4182%20188.76%2037.8222L188.758%2037.8245L188.751%2037.833C188.74%2037.8449%20188.72%2037.8661%20188.692%2037.8958C188.637%2037.9551%20188.547%2038.0484%20188.424%2038.1699C188.179%2038.413%20187.802%2038.7679%20187.3%2039.1887C186.295%2040.0318%20184.8%2041.1303%20182.866%2042.1266C181.089%2043.0423%20179.471%2043.5691%20178.256%2043.8698C178.159%2043.8938%20178.065%2043.9163%20177.973%2043.9374C177.354%2044.0807%20176.86%2044.1614%20176.531%2044.2056C176.367%2044.2277%20176.244%2044.2406%20176.168%2044.2477C176.13%2044.2513%20176.103%2044.2534%20176.089%2044.2545L176.077%2044.2553Z'%20fill='%231088E7'/%3e%3cpath%20d='M195.894%2054.165H184.433C184.053%2054.165%20183.689%2054.3146%20183.42%2054.581C183.151%2054.8474%20183%2055.2086%20183%2055.5854V64.103C183%2064.4797%20183.151%2064.841%20183.42%2065.1074C183.689%2065.3738%20184.053%2065.5234%20184.433%2065.5234H195.896C196.276%2065.5234%20196.64%2065.3738%20196.909%2065.1074C197.178%2064.841%20197.329%2064.4797%20197.329%2064.103V55.5854C197.329%2055.2086%20197.178%2054.8474%20196.909%2054.581C196.64%2054.3146%20196.276%2054.165%20195.896%2054.165H195.894Z'%20fill='white'%20stroke='white'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M195.055%2054.1645V52.015C195.055%2050.685%20194.53%2049.4094%20193.596%2048.4689C192.662%2047.5284%20191.395%2047%20190.074%2047C188.754%2047%20187.487%2047.5284%20186.553%2048.4689C185.619%2049.4094%20185.094%2050.685%20185.094%2052.015V54.1645'%20stroke='white'%20stroke-width='1.58454'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M190.165%2061.6287C190.662%2061.6287%20191.139%2061.4311%20191.491%2061.0795C191.843%2060.7279%20192.04%2060.251%20192.04%2059.7537C192.04%2059.2564%20191.843%2058.7795%20191.491%2058.4278C191.139%2058.0762%20190.662%2057.8787%20190.165%2057.8787C189.668%2057.8787%20189.191%2058.0762%20188.839%2058.4278C188.488%2058.7795%20188.29%2059.2564%20188.29%2059.7537C188.29%2060.251%20188.488%2060.7279%20188.839%2061.0795C189.191%2061.4311%20189.668%2061.6287%20190.165%2061.6287Z'%20fill='%231088E7'%20stroke='%231088E7'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M79.8662%20104.325C80.0261%20104.196%20108.297%20104.568%20124.752%20121.693C141.206%20138.818%20139.159%20151.964%20139.159%20151.964L15.6779%20151.909C15.6779%20151.909%207.69057%20133.341%2046.551%20109.367L79.8662%20104.325Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M100.204%2088.1076C100.965%2087.0277%20102.375%2086.6832%20103.587%2086.1564C104.599%2085.7179%20105.636%2084.8716%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1436%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8592%2083.6308%2058.4408%2085.4325%2058.5164%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9165%20106.612C87.3885%20108.419%2091.9332%20109.451%2095.398%20105.079C98.481%20101.19%2099.0883%2095.5649%2099.4852%2090.7804C99.5626%2089.8507%2099.6581%2088.8757%20100.195%2088.1101L100.204%2088.1076Z'%20fill='white'/%3e%3cpath%20d='M100.204%2088.1076C101.541%2086.2212%20105.28%2086.4551%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3825%2063.6991C69.1436%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8592%2083.6308%2058.4408%2085.4325%2058.5164%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9165%20106.612C95.4845%20112.341%2098.8652%20101.09%2099.4895%2090.7813C99.5669%2089.8515%2099.6624%2088.8766%20100.199%2088.111L100.204%2088.1076Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.7732%2063.816C81.0717%2063.0895%2077.9917%2064.0248%2076.1558%2066.1347'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.8328%2076.999C93.5066%2076.7858%2093.028%2077.2339%2093.1933%2077.5819C93.3587%2077.93%2093.9721%2077.8864%2094.1113%2077.521C94.2505%2077.1556%2093.872%2076.7249%2093.4892%2076.7815C93.1063%2076.838%2092.8584%2077.3122%2093.0063%2077.6733C93.202%2078.1518%2093.9938%2078.204%2094.2505%2077.7516C94.3505%2077.5732%2094.3679%2077.347%2094.2766%2077.1643C94.1461%2076.9033%2093.8067%2076.7771%2093.5327%2076.8685C93.2977%2076.9468%2093.1107%2077.2252%2093.2194%2077.4514C93.3282%2077.6776%2093.7632%2077.608%2093.7371%2077.3601C93.4892%2077.2121%2093.1803%2077.6472%2093.3978%2077.8342'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.3931%2094.916C89.0245%2097.0651%2092.1132%2097.9612%2094.6408%2097.0259'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.7775%2099.7675C56.4761%20102.604%2050.981%20107.576%2048.123%20109.85C52.9562%20117.914%2060.8252%20124.556%2066.6866%20131.904C69.8496%20127.401%2073.1558%20123.002%2076.5956%20118.71L58.7775%2099.7675Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.7317%20118.501C76.6641%20118.594%2086.2382%20127.401%2085.9793%20126.554C85.7203%20125.707%2083.1611%20106.488%2083.1611%20106.488L76.7317%20118.501Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M89.7389%2057.58C87.1561%2052.9774%2078.5558%2050.449%2073.8458%2050.9549C66.9443%2051.6958%2060.1427%2055.098%2057.2613%2061.585C57.1051%2061.9396%2057.4172%2062.3268%2057.7971%2062.2485C57.9311%2062.2223%2058.0643%2062.2005%2058.2034%2062.1932C58.8101%2062.1563%2058.8777%2063.0711%2058.2717%2063.1481C53.4191%2063.7449%2048.9054%2066.9183%2046.7818%2071.3306C46.6145%2071.674%2046.8968%2072.0553%2047.2766%2072.0212C48.7435%2071.8791%2050.252%2072.167%2051.5625%2072.8409C51.8999%2073.0159%2051.926%2073.4783%2051.6056%2073.6797C50.5383%2074.3468%2049.7778%2075.4932%2049.4274%2076.7183C48.9996%2078.2162%2049.115%2079.8154%2049.4037%2081.3476C50.5737%2087.6213%2055.0764%2093.4608%2061.1276%2095.273C61.5547%2095.3995%2061.9108%2094.9345%2061.6763%2094.5585C60.3465%2092.4248%2060.3649%2089.53%2061.0564%2087.038C61.3853%2085.8529%2061.8601%2084.6708%2062.7061%2083.7813C64.7755%2081.6084%2068.232%2081.8339%2071.1119%2080.9838C74.0584%2080.1117%2076.5859%2077.9118%2077.8592%2075.1115C78.9651%2072.6768%2079.5138%2069.9472%2080.9504%2067.6328C81.6101%2066.568%2082.4804%2065.5149%2083.7092%2065.1025C84.2429%2064.9221%2084.4909%2064.3554%2088.865%2065.7478C89.0022%2065.7934%2089.1524%2065.775%2089.2746%2065.6976C90.066%2065.1877%2092.7634%2062.9601%2089.7457%2057.5903L89.7389%2057.58Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.8875%2078.424C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.5351C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0682C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0966C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5109C64.8547%2081.2519%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.0091%2071.6657%2086.3383'%20fill='white'/%3e%3cpath%20d='M76.8875%2078.424C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.5351C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0682C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0966C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5109C64.8547%2081.2519%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.0091%2071.6657%2086.3383'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M69.0261%2076.2249C71.4972%2076.7568%2073.6307%2078.6388%2074.4601%2081.0235'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M72.468%2078.3499C71.6255%2079.0323%2070.9293%2079.8925%2070.4399%2080.8643'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.2853%2083.1018C95.4617%2082.7591%2096.779%2079.6433%2096.2277%2076.1426C95.6764%2072.6419%2093.4651%2070.0819%2091.2888%2070.4246C89.1124%2070.7674%2087.795%2073.8831%2088.3463%2077.3838C88.8977%2080.8845%2091.1089%2083.4446%2093.2853%2083.1018Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.9007%2077.6247L76.7639%2077.8335'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M71.0514%20126.027C71.0514%20126.027%2071.3977%20129.049%2074.5966%20129.571L69.5019%20142.672L78.1302%20150.157L85.1939%20150.135L88.6296%20145.078L80.1423%20130.053C80.1423%20130.053%2083.0334%20127.933%2083.3381%20124.953L76.4662%20118.353L71.0487%20126.023L71.0514%20126.027Z'%20fill='%231088E7'/%3e%3cpath%20d='M94.2024%2074.5685C91.4811%2073.3196%2088.0637%2073.7569%2085.7497%2075.6559'%20stroke='%231088E7'%20stroke-width='0.937456'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20clip-path='url(%23clip1_960_1151)'%3e%3cpath%20d='M161.19%20119.089C161.349%20118.973%20187.606%20121.05%20203.843%20136.604C220.08%20152.158%20217.286%20157.025%20217.286%20157.025H95.5639C95.5639%20157.025%2093.9829%20136.95%20132.328%20115.176L161.186%20119.093L161.19%20119.089Z'%20fill='%23CDE9FC'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.615%2079.5903C148.837%2077.134%20155.204%2077.2714%20160.314%2079.9484C164.729%2082.2632%20168.47%2086.4098%20173.368%2086.9552C173.705%2086.9927%20174.009%2087.2092%20174.092%2087.5381C174.337%2088.4956%20173.742%2089.6281%20173.014%2090.3941C172.144%2091.3142%20171.037%2092.1469%20170.775%2093.3834C170.588%2094.2577%20170.875%2095.1528%20171.154%2095.9979C172.602%20100.361%20174.179%20105.54%20172.931%20110.12C171.524%20115.266%20167.138%20116.069%20162.528%20116.161L162.174%20136.599L138.93%20120.037L143.615%2079.5903Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.681%2079.7577C137.343%2080.6778%20133.332%2087.0351%20131.193%2093.0719C129.054%2099.1087%20127.702%20105.799%20123.174%20110.329C120.037%20113.464%20115.697%20115.192%20112.622%20118.385C110.816%20120.258%20109.505%20122.606%20108.856%20125.125C108.04%20128.289%20108.506%20132.145%20111.153%20134.056C113.803%20135.967%20118.58%20134.093%20118.222%20130.841C118.177%20130.429%20118.044%20130.009%20117.752%20129.713C117.419%20129.38%20116.937%20129.264%20116.471%20129.184C113.033%20128.622%20109.359%20129.796%20106.883%20132.249C104.411%20134.701%20103.201%20138.369%20103.733%20141.812C104.195%20144.793%20105.86%20147.478%20107.911%20149.693C110.766%20152.774%20114.507%20155.126%20118.639%20155.863C123.345%20156.704%20128.401%20155.322%20132.033%20152.208C135.662%20149.093%20137.793%20144.301%20137.68%20139.518C137.643%20138.002%20137.36%20136.416%20136.399%20135.242C135.437%20134.068%20133.644%20133.481%20132.346%20134.264C133.12%20137.503%20134.218%20140.738%20136.257%20143.369C138.296%20146%20141.421%20147.957%20144.75%20147.907C148.366%20147.857%20151.724%20145.346%20153.168%20142.032C154.612%20138.714%20154.254%20134.763%20152.598%20131.549C151.47%20129.359%20149.061%20127.274%20146.777%20128.198C144.184%20129.247%20144.334%20133.123%20145.865%20135.463C149.569%20141.121%20158.732%20141.92%20163.492%20137.12C168.257%20132.319%20167.529%20123.352%20162.177%20119.222C158.257%20116.195%20152.461%20115.45%20149.873%20111.228C147.184%20106.84%20149.419%20101.265%20150.089%2096.1611C150.884%2090.1035%20149.032%2083.4755%20144.338%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20fill='white'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M145.414%2097.1353C147.312%2096.1319%20149.733%2096.1902%20151.577%2097.2893'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.83%2096.6406C148.655%2097.5441%20148.672%2098.4891%20148.884%2099.3884'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M156.865%2079.9375C154.352%2080.8534%20152.458%2083.2848%20152.18%2085.9452'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M159.22%2083.3452C158.874%2083.2078%20158.512%2083.7198%20158.737%2084.0154C158.962%2084.311%20159.527%2084.1487%20159.582%2083.7823C159.636%2083.4159%20159.203%2083.0829%20158.853%2083.2119C158.504%2083.341%20158.367%2083.8323%20158.575%2084.1403C158.849%2084.5525%20159.602%2084.4443%20159.756%2083.9738C159.815%2083.7865%20159.785%2083.5741%20159.665%2083.4201C159.494%2083.1994%20159.149%2083.1453%20158.907%2083.2869C158.704%2083.4076%20158.583%2083.7032%20158.724%2083.8905C158.866%2084.0779%20159.265%2083.9322%20159.19%2083.7032C158.928%2083.6116%20158.724%2084.0779%20158.966%2084.2111'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M161.852%20102.555C163.795%20104.253%20166.862%20104.495%20169.05%20103.129'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_960_1151'%3e%3crect%20width='240'%20height='150'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_960_1151'%3e%3crect%20width='122.09'%20height='79.0696'%20fill='white'%20transform='translate(95.7031%2077.4258)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 export {
   e as default
 };