phx-react 1.3.1361 → 1.3.1362

package/dist/esm/components/MainWrapV4/assets/Icon.ts

@@ -3,6 +3,7 @@ import ARROW_RIGHT_SUB_MENU from './icon/arrow-right-submenu.svg'
 import ARROW_SUB_MENU_HOVER from './icon/arrow-submenu-hover.svg'
 import CLOSE_SIDEBAR from './icon/close-sidebar.svg'
 import OHTER_MENU from './icon/other-menu.svg'
+import OHTER_MENU_HOVER from './icon/other-menu-hover.svg'
 import PIN from './icon/pin.svg'
 import SEARCH from './icon/search.svg'
 import SETTING_OTHER_MENU from './icon/setting-other-menu.svg'
@@ -262,7 +263,15 @@ import PBF_STONE_SETTING from './icon/pbf/child/PBF_STONE_SETTING.svg'
 
 import SEARCH_NOT_FOUND_ICON from './icon/search-not-found.svg'
 
+import NAV1 from './icon/nav-1.svg'
+import NAV2 from './icon/nav-2.svg'
+import NAV3 from './icon/nav-3.svg'
+
 export const IconV2 = {
+  OHTER_MENU_HOVER,
+  NAV1,
+  NAV2,
+  NAV3,
   SEARCH_NOT_FOUND_ICON,
   ROBOT_MOTION_OUTLINE_SIDEBAR,
   ROBOT_MOTION_OUTLINE,

package/dist/esm/components/MainWrapV4/assets/icon/nav-1.svg

@@ -0,0 +1,55 @@
+<svg width="162" height="112" viewBox="0 0 162 112" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_994_32065)">
+<rect x="1" y="1" width="160" height="110" rx="12" fill="#F9FAFB"/>
+<g filter="url(#filter0_diiii_994_32065)">
+<path d="M17 25C17 19.4772 21.4772 15 27 15H169V113H17V25Z" fill="#EBEBEB"/>
+</g>
+<rect x="45" y="23" width="152" height="96" rx="6" fill="white"/>
+<rect x="26" y="29" width="12" height="12" rx="4" fill="#030712"/>
+<rect x="26" y="47" width="12" height="12" rx="4" fill="#111827" fill-opacity="0.25"/>
+<rect x="57" y="34" width="47" height="8" rx="4" fill="#111827" fill-opacity="0.25"/>
+<rect x="69" y="54" width="83" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="57" y="54" width="8" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="57" y="66" width="83" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="144" y="66" width="8" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="106" y="91" width="45" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="57" y="91" width="45" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="26" y="104" width="12" height="12" rx="4" fill="#111827" fill-opacity="0.25"/>
+<rect x="26" y="86" width="12" height="12" rx="4" fill="#111827" fill-opacity="0.25"/>
+</g>
+<rect x="0.5" y="0.5" width="161" height="111" rx="12.5" stroke="#D1D5DB"/>
+<defs>
+<filter id="filter0_diiii_994_32065" x="17" y="15" width="152" height="99" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.101961 0 0 0 0 0.101961 0 0 0 0 0.101961 0 0 0 0.07 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_994_32065"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_994_32065" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.8 0 0 0 0 0.8 0 0 0 0 0.8 0 0 0 0.5 0"/>
+<feBlend mode="multiply" in2="shape" result="effect2_innerShadow_994_32065"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0"/>
+<feBlend mode="multiply" in2="effect2_innerShadow_994_32065" result="effect3_innerShadow_994_32065"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/>
+<feBlend mode="multiply" in2="effect3_innerShadow_994_32065" result="effect4_innerShadow_994_32065"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/>
+<feBlend mode="multiply" in2="effect4_innerShadow_994_32065" result="effect5_innerShadow_994_32065"/>
+</filter>
+<clipPath id="clip0_994_32065">
+<rect x="1" y="1" width="160" height="110" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/nav-2.svg

@@ -0,0 +1,59 @@
+<svg width="162" height="112" viewBox="0 0 162 112" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_994_32063)">
+<rect x="1" y="1" width="160" height="110" rx="12" fill="#F9FAFB"/>
+<g filter="url(#filter0_diiii_994_32063)">
+<path d="M17 25C17 19.4772 21.4772 15 27 15H169V113H17V25Z" fill="#EBEBEB"/>
+</g>
+<rect x="59" y="23" width="152" height="96" rx="6" fill="white"/>
+<rect x="71" y="33" width="47" height="8" rx="4" fill="#111827" fill-opacity="0.25"/>
+<rect x="83" y="53" width="83" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="71" y="53" width="8" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="71" y="65" width="83" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="158" y="65" width="8" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="120" y="90" width="45" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="71" y="90" width="45" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="25" y="24" width="9" height="9" rx="3" fill="#030712"/>
+<rect x="37" y="26.5" width="14" height="4" rx="2" fill="#030712"/>
+<rect x="25" y="40" width="9" height="9" rx="3" fill="#111827" fill-opacity="0.25"/>
+<rect x="37" y="42.5" width="14" height="4" rx="2" fill="#111827" fill-opacity="0.25"/>
+<rect x="25" y="86" width="9" height="9" rx="3" fill="#111827" fill-opacity="0.25"/>
+<rect x="37" y="88.5" width="14" height="4" rx="2" fill="#111827" fill-opacity="0.25"/>
+<rect x="25" y="101" width="9" height="9" rx="3" fill="#111827" fill-opacity="0.25"/>
+<rect x="37" y="103.5" width="14" height="4" rx="2" fill="#111827" fill-opacity="0.25"/>
+</g>
+<rect x="0.5" y="0.5" width="161" height="111" rx="12.5" stroke="#D1D5DB"/>
+<defs>
+<filter id="filter0_diiii_994_32063" x="17" y="15" width="152" height="99" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.101961 0 0 0 0 0.101961 0 0 0 0 0.101961 0 0 0 0.07 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_994_32063"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_994_32063" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.8 0 0 0 0 0.8 0 0 0 0 0.8 0 0 0 0.5 0"/>
+<feBlend mode="multiply" in2="shape" result="effect2_innerShadow_994_32063"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0"/>
+<feBlend mode="multiply" in2="effect2_innerShadow_994_32063" result="effect3_innerShadow_994_32063"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/>
+<feBlend mode="multiply" in2="effect3_innerShadow_994_32063" result="effect4_innerShadow_994_32063"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/>
+<feBlend mode="multiply" in2="effect4_innerShadow_994_32063" result="effect5_innerShadow_994_32063"/>
+</filter>
+<clipPath id="clip0_994_32063">
+<rect x="1" y="1" width="160" height="110" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/nav-3.svg

@@ -0,0 +1,57 @@
+<svg width="162" height="112" viewBox="0 0 162 112" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_994_32064)">
+<rect x="1" y="1" width="160" height="110" rx="12" fill="#F9FAFB"/>
+<g filter="url(#filter0_diiii_994_32064)">
+<path d="M17 25C17 19.4772 21.4772 15 27 15H169V113H17V25Z" fill="#EBEBEB"/>
+</g>
+<rect x="45" y="23" width="152" height="96" rx="6" fill="white"/>
+<rect x="57" y="34" width="47" height="8" rx="4" fill="#111827" fill-opacity="0.25"/>
+<rect x="69" y="54" width="83" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="57" y="54" width="8" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="57" y="66" width="83" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="144" y="66" width="8" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="106" y="91" width="45" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="57" y="91" width="45" height="8" rx="4" fill="#111827" fill-opacity="0.08"/>
+<rect x="25" y="38" width="12" height="4" rx="2" fill="#030712"/>
+<rect x="25" y="23" width="12" height="12" rx="4" fill="#030712"/>
+<rect x="25" y="63" width="12" height="4" rx="2" fill="#111827" fill-opacity="0.25"/>
+<rect x="25" y="48" width="12" height="12" rx="4" fill="#111827" fill-opacity="0.25"/>
+<rect x="25" y="103" width="12" height="4" rx="2" fill="#111827" fill-opacity="0.25"/>
+<rect x="25" y="88" width="12" height="12" rx="4" fill="#111827" fill-opacity="0.25"/>
+</g>
+<rect x="0.5" y="0.5" width="161" height="111" rx="12.5" stroke="#D1D5DB"/>
+<defs>
+<filter id="filter0_diiii_994_32064" x="17" y="15" width="152" height="99" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.101961 0 0 0 0 0.101961 0 0 0 0 0.101961 0 0 0 0.07 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_994_32064"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_994_32064" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.8 0 0 0 0 0.8 0 0 0 0 0.8 0 0 0 0.5 0"/>
+<feBlend mode="multiply" in2="shape" result="effect2_innerShadow_994_32064"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="-1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.17 0"/>
+<feBlend mode="multiply" in2="effect2_innerShadow_994_32064" result="effect3_innerShadow_994_32064"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="-1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/>
+<feBlend mode="multiply" in2="effect3_innerShadow_994_32064" result="effect4_innerShadow_994_32064"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"/>
+<feBlend mode="multiply" in2="effect4_innerShadow_994_32064" result="effect5_innerShadow_994_32064"/>
+</filter>
+<clipPath id="clip0_994_32064">
+<rect x="1" y="1" width="160" height="110" rx="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/esm/components/MainWrapV4/assets/icon/other-menu-hover.svg

@@ -0,0 +1,33 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1226_23255)">
+<path d="M12.5255 4.82572L12.0727 3.58162C11.9587 3.26831 11.9373 2.69451 12.7305 2.40579C12.8343 2.36923 12.9404 2.33988 13.0482 2.31794C13.2264 2.30618 13.4035 2.35242 13.5532 2.44975C13.7028 2.54707 13.817 2.69024 13.8785 2.85783L14.6316 4.92698C14.8189 4.90888 14.9986 4.8435 15.1537 4.73697L14.4006 2.66782C14.34 2.49987 14.3354 2.31683 14.3875 2.14607C14.4396 1.97531 14.5456 1.82603 14.6896 1.72054C14.7864 1.6684 14.8867 1.62299 14.9898 1.58465C15.7827 1.29489 16.1351 1.74822 16.2491 2.06153L16.7019 3.30563C16.7838 3.53258 16.7899 3.77995 16.7193 4.01063C16.6487 4.24131 16.5052 4.44286 16.3104 4.58504L15.5034 5.1706C15.2511 5.35333 14.9527 5.46192 14.642 5.48412L13.6479 5.5541C13.4072 5.57043 13.1678 5.50827 12.9654 5.37695C12.763 5.24562 12.6087 5.0522 12.5255 4.82572ZM16.8522 2.09423L17.224 3.11562C17.3468 3.45617 17.3559 3.82736 17.2498 4.17347C17.1438 4.51958 16.9283 4.82193 16.6359 5.03515L15.8293 5.62026C15.4935 5.86376 15.0962 6.00837 14.6824 6.03771L13.6875 6.10798C13.3265 6.13252 12.9672 6.03934 12.6636 5.84241C12.36 5.64548 12.1284 5.35542 12.0035 5.01573L11.6317 3.99434C11.5141 4.17372 11.4398 4.37801 11.4148 4.59107C11.3897 4.80413 11.4145 5.02011 11.4873 5.22193L12.1525 7.04956C12.2789 7.39551 12.5373 7.67723 12.8711 7.8329C13.2048 7.98858 13.5866 8.00552 13.9328 7.87999L15.499 7.30996L15.689 7.83214L14.9059 8.11716C14.8367 8.14235 14.7803 8.19403 14.7492 8.26081C14.7181 8.32759 14.7147 8.40401 14.7399 8.47325C14.7651 8.5425 14.8168 8.5989 14.8836 8.63005C14.9504 8.66119 15.0268 8.66454 15.096 8.63934L17.1842 7.87929C17.2534 7.8541 17.3098 7.80242 17.3409 7.73564C17.3721 7.66886 17.3754 7.59244 17.3502 7.5232C17.325 7.45395 17.2733 7.39755 17.2066 7.3664C17.1398 7.33526 17.0634 7.33191 16.9941 7.35711L16.2111 7.64213L16.021 7.11995L17.5872 6.54991C17.933 6.42356 18.2146 6.16515 18.3702 5.83137C18.5258 5.49758 18.5427 5.11568 18.4171 4.76943L17.7519 2.94179C17.678 2.74041 17.5582 2.55899 17.402 2.41188C17.2459 2.26478 17.0577 2.15603 16.8522 2.09423Z" fill="#FFBA00"/>
+</g>
+<g clip-path="url(#clip1_1226_23255)">
+<path d="M3.18957 15.3104C3.04436 15.3354 2.89518 15.3016 2.77485 15.2166C2.65452 15.1316 2.57289 15.0023 2.54793 14.8572L2.50087 14.5835C2.47591 14.4383 2.50966 14.2892 2.59468 14.1688C2.67971 14.0485 2.80906 13.9669 2.95427 13.942L2.81309 13.1209L5.27694 12.6972L5.65341 14.8868L3.18957 15.3104ZM7.04578 10.9363C5.8546 10.8297 4.6562 11.0358 3.56902 11.5341C3.36814 11.6315 3.19338 11.7754 3.05921 11.9538C2.92505 12.1322 2.83535 12.34 2.79754 12.56L8.11561 11.6456C8.00651 11.4509 7.85255 11.285 7.66649 11.1616C7.48044 11.0382 7.26766 10.961 7.04578 10.9363ZM7.71091 15.3783C7.7234 15.4509 7.70652 15.5255 7.66401 15.5856C7.62149 15.6458 7.55682 15.6866 7.48421 15.6991C7.41161 15.7116 7.33702 15.6947 7.27685 15.6522C7.21669 15.6097 7.17587 15.545 7.16339 15.4725L7.11633 15.1988L4.92625 15.5753L4.97331 15.849C4.98579 15.9216 4.96892 15.9962 4.9264 16.0564C4.88389 16.1165 4.81922 16.1573 4.74661 16.1698C4.674 16.1823 4.59941 16.1654 4.53925 16.1229C4.47908 16.0804 4.43827 16.0158 4.42579 15.9432L4.37873 15.6695L3.28369 15.8578L3.33075 16.1315C3.36773 16.3427 3.45335 16.5425 3.58084 16.7149C3.70833 16.8874 3.87419 17.0279 4.06533 17.1252L4.09004 17.2689C4.11933 17.4383 4.21047 17.5909 4.3458 17.6969C4.48113 17.803 4.65102 17.8551 4.82258 17.8432C4.99414 17.8312 5.15517 17.756 5.27448 17.6322C5.39378 17.5083 5.46289 17.3447 5.46841 17.1728L7.13835 16.8857C7.20047 17.0465 7.32024 17.1785 7.47433 17.2559C7.62842 17.3333 7.80581 17.3506 7.97198 17.3044C8.13815 17.2583 8.2812 17.152 8.37329 17.0062C8.46539 16.8604 8.49993 16.6856 8.4702 16.5158L8.4455 16.3721C8.59314 16.2165 8.70256 16.0287 8.76512 15.8235C8.82768 15.6184 8.84166 15.4015 8.80596 15.19L8.7589 14.9163L7.66386 15.1046L7.71091 15.3783ZM8.42948 13.0005L8.2883 12.1795L5.82446 12.6031L6.20093 14.7926L8.66478 14.369C8.80999 14.344 8.93934 14.2624 9.02437 14.1421C9.1094 14.0218 9.14314 13.8726 9.11818 13.7274L9.07112 13.4538C9.04616 13.3086 8.96453 13.1793 8.8442 13.0943C8.72387 13.0093 8.57469 12.9756 8.42948 13.0005Z" fill="#FF7578"/>
+</g>
+<g clip-path="url(#clip2_1226_23255)">
+<mask id="mask0_1226_23255" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="11" y="10" width="8" height="8">
+<path d="M18.5 10.7935H11.5V17.7935H18.5V10.7935Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1226_23255)">
+<path d="M15 11.377C13.393 11.377 12.0834 12.6865 12.0834 14.2936C12.0834 15.9007 13.393 17.2103 15 17.2103C16.6071 17.2103 17.9167 15.9007 17.9167 14.2936C17.9167 12.6865 16.6071 11.377 15 11.377ZM16.1667 14.5124H15.2188V15.4603C15.2188 15.5799 15.1196 15.679 15 15.679C14.8805 15.679 14.7813 15.5799 14.7813 15.4603V14.5124H13.8334C13.7138 14.5124 13.6146 14.4132 13.6146 14.2936C13.6146 14.174 13.7138 14.0749 13.8334 14.0749H14.7813V13.127C14.7813 13.0074 14.8805 12.9082 15 12.9082C15.1196 12.9082 15.2188 13.0074 15.2188 13.127V14.0749H16.1667C16.2863 14.0749 16.3855 14.174 16.3855 14.2936C16.3855 14.4132 16.2863 14.5124 16.1667 14.5124Z" fill="white"/>
+</g>
+</g>
+<g clip-path="url(#clip3_1226_23255)">
+<path d="M9.50389 4.18427C9.56985 3.92087 9.4703 3.65426 9.24991 3.50488L7.31508 2.19266C6.90928 1.91779 6.41824 1.79422 5.93137 1.84566L3.58015 2.09211C3.31496 2.12013 3.10108 2.3086 3.03566 2.57213C2.9699 2.83587 3.0706 3.10248 3.29173 3.25119L5.24152 4.56313C5.44324 4.69898 5.66635 4.79725 5.8992 4.8553C6.13206 4.91336 6.37492 4.93128 6.61653 4.90596L8.80764 4.67825L8.52863 5.79732C8.49155 5.94603 8.5822 6.09682 8.73096 6.13391C8.87973 6.171 9.03056 6.08042 9.06764 5.93171C9.06764 5.93171 9.50356 4.18562 9.50389 4.18427ZM2.92176 5.55596C3.44909 5.83709 4.44184 6.40767 5.1647 6.66001L4.88864 7.76723C4.13193 7.65066 2.98717 7.68859 2.38993 7.68904C2.06894 7.68942 1.83456 7.38719 1.91221 7.07577L2.21205 5.87318C2.28969 5.56176 2.63852 5.40494 2.92176 5.55596ZM8.68014 7.48586L8.3803 8.68844C8.30266 8.99987 7.95383 9.15669 7.67059 9.00566C7.14326 8.72453 6.15051 8.15395 5.42765 7.90162L5.70371 6.7944C6.46042 6.91096 7.60518 6.87304 8.20242 6.87258C8.52341 6.87221 8.75779 7.17444 8.68014 7.48586ZM3.76584 5.38184L4.00973 4.40366L4.93117 5.0237C5.43955 5.36592 6.06338 5.52175 6.67406 5.45825L7.78285 5.34297L7.53869 6.32223C6.97843 6.3259 6.23646 6.37869 5.5627 6.2107C4.88894 6.04271 4.2586 5.64777 3.76564 5.3815L3.76584 5.38184Z" fill="#51A2FF"/>
+</g>
+<defs>
+<clipPath id="clip0_1226_23255">
+<rect width="8" height="8" fill="white" transform="translate(9.87317 2.73633) rotate(-20)"/>
+</clipPath>
+<clipPath id="clip1_1226_23255">
+<rect width="8" height="8" fill="white" transform="translate(1.21326 11.0293) rotate(-9.75633)"/>
+</clipPath>
+<clipPath id="clip2_1226_23255">
+<rect width="7" height="7" fill="white" transform="translate(11.5 10.7935)"/>
+</clipPath>
+<clipPath id="clip3_1226_23255">
+<rect width="8" height="8" fill="white" transform="translate(2.9198 0.278809) rotate(14)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/esm/components/MainWrapV4/components/nav-item.d.ts

@@ -1,5 +1,6 @@
+import { TSidebarType } from '../types';
 import React from 'react';
-export default function NavItem({ bgActiveColor, child, code, delayHover, href, icon, isActive, isShowOtherMenu, name, parentPath, perCodes, showSubMenu, }: {
+export default function NavItem({ bgActiveColor, child, code, delayHover, href, icon, isActive, isShowOtherMenu, name, parentPath, perCodes, showSubMenu, sideBarType, }: {
     isActive: boolean;
     name: string;
     href: string;
@@ -12,4 +13,5 @@ export default function NavItem({ bgActiveColor, child, code, delayHover, href,
     isShowOtherMenu?: boolean;
     delayHover?: boolean;
     perCodes?: Array<string>;
+    sideBarType: TSidebarType;
 }): React.JSX.Element;

package/dist/esm/components/MainWrapV4/components/nav-item.js

@@ -1,23 +1,27 @@
 import Image from 'next/image';
 import { IconV2 } from '../assets/Icon';
+import { SIDEBAR_TYPE } from '../constant';
 import React from 'react';
 import { classNames } from '../../types';
 export default function NavItem(_a) {
     var _b;
-    var bgActiveColor = _a.bgActiveColor, child = _a.child, code = _a.code, _c = _a.delayHover, delayHover = _c === void 0 ? false : _c, href = _a.href, icon = _a.icon, isActive = _a.isActive, _d = _a.isShowOtherMenu, isShowOtherMenu = _d === void 0 ? false : _d, name = _a.name, parentPath = _a.parentPath, _e = _a.perCodes, perCodes = _e === void 0 ? [] : _e, _f = _a.showSubMenu, showSubMenu = _f === void 0 ? false : _f;
+    var bgActiveColor = _a.bgActiveColor, child = _a.child, code = _a.code, _c = _a.delayHover, delayHover = _c === void 0 ? false : _c, href = _a.href, icon = _a.icon, isActive = _a.isActive, _d = _a.isShowOtherMenu, isShowOtherMenu = _d === void 0 ? false : _d, name = _a.name, parentPath = _a.parentPath, _e = _a.perCodes, perCodes = _e === void 0 ? [] : _e, _f = _a.showSubMenu, showSubMenu = _f === void 0 ? false : _f, sideBarType = _a.sideBarType;
     var basePath = (_b = parentPath === null || parentPath === void 0 ? void 0 : parentPath.split('/')) === null || _b === void 0 ? void 0 : _b[1];
     var isShowSubMenuWhenHover = child && !showSubMenu && !isShowOtherMenu && !delayHover;
-    return (React.createElement("div", { className: "".concat(classNames(!isActive && ' bg-opacity-25'), " group mb-4 flex w-[3.1rem]  flex-col items-center gap-y-2") },
-        React.createElement("a", { className: 'relative flex h-full w-full flex-col items-center justify-center gap-y-2', href: href },
-            React.createElement("div", { className: ' absolute -top-4 left-0 right-0 h-4 ' }),
+    var isIconOnly = sideBarType === SIDEBAR_TYPE.ONLY_ICON;
+    var isIconWithLabelHorizontal = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
+    var isIconWithLabelVertical = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL;
+    return (React.createElement("div", { className: classNames(!isActive && 'bg-opacity-25', 'group mb-4 flex w-[3.1rem] flex-col  items-center gap-y-2', isIconOnly ? 'my-[0.25rem]' : '', isIconWithLabelHorizontal ? 'my-[0.25rem] w-[8.5rem]' : '') },
+        React.createElement("a", { className: classNames('relative flex h-full w-full items-center  gap-y-2', isIconWithLabelHorizontal ? 'flex-row gap-x-2' : 'flex-col justify-center'), href: href },
+            React.createElement("div", { className: 'absolute -top-4 left-0 right-0 h-4 ' }),
             React.createElement(Image, { alt: 'icon', className: " z-10 h-5 w-5  ".concat(isActive ? '' : 'brightness-75 group-hover:brightness-200'), height: 20, src: icon, width: 20 }),
-            isActive ? (React.createElement("div", { className: 'absolute -top-1 h-8 w-8 rounded-full blur-[10px]', style: {
+            isActive ? (React.createElement("div", { className: classNames('absolute -top-1 h-8 w-8 rounded-full blur-[10px]', isIconWithLabelHorizontal ? '-left-[0.45rem]' : ''), style: {
                     backgroundColor: bgActiveColor,
-                } })) : (React.createElement("div", { className: 'absolute -top-1 h-8 w-8 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[19px]' })),
-            isShowSubMenuWhenHover && (React.createElement("div", { className: 'absolute -right-[0.5rem] top-1 z-[9999] hidden h-5 w-3 overflow-hidden pl-1 group-hover:block' },
+                } })) : (React.createElement("div", { className: classNames('absolute -top-1 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[19px]', isIconWithLabelHorizontal ? '-left-2 h-7 w-7' : 'h-8 w-8') })),
+            isShowSubMenuWhenHover && (React.createElement("div", { className: classNames('absolute -right-[0.5rem] top-1 z-[9999] hidden h-5 w-3 overflow-hidden pl-1 group-hover:block', isIconWithLabelHorizontal ? '-right-[1rem]' : '', isIconOnly ? '-right-[0.45rem]' : '') },
                 React.createElement("div", { className: ' h-4 w-4  -rotate-[37.5deg] skew-x-[12deg] rounded-[3px]  border border-gray-300 bg-white' }))),
-            React.createElement("p", { className: "text-center text-[10px]  ".concat(isActive ? 'text-white' : 'text-gray-300 brightness-75 group-hover:brightness-200') }, name.length > 7 ? "".concat(name.slice(0, 7), "..") : name)),
-        isShowSubMenuWhenHover && (React.createElement("div", { className: 'shadow-soft absolute left-[3.75rem] top-[0.05rem] z-[50] hidden h-[calc(100vh-8rem)] w-[17.25rem] rounded-2xl bg-white pl-4 pr-2 group-hover:block' },
+            React.createElement("p", { className: classNames('text-center text-[10px]', isActive ? 'text-white' : 'text-gray-300 brightness-75 group-hover:brightness-200', isIconOnly ? 'hidden' : '', isIconWithLabelHorizontal ? 'text-xxs' : '') }, name.length > 7 && sideBarType !== SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL ? "".concat(name.slice(0, 7), "..") : name)),
+        isShowSubMenuWhenHover && (React.createElement("div", { className: classNames('shadow-soft absolute top-[0.05rem] z-[50] hidden h-[calc(100vh-8rem)] w-[17.25rem] rounded-2xl bg-white pl-4 pr-2 group-hover:block', isIconWithLabelHorizontal ? 'left-[10.25rem]' : '', isIconOnly ? 'left-[3.65rem]' : '', isIconWithLabelVertical ? 'left-[3.8rem]' : '') },
             React.createElement("div", { className: ' absolute -left-4 bottom-0 top-0 z-30 w-5 ' }),
             React.createElement("h2", { className: 'mb-1 mt-[0.631rem] py-1.5 pr-1 text-sm font-[650] text-gray-900' }, name),
             React.createElement("div", { className: 'flex flex-col gap-1' }, child === null || child === void 0 ? void 0 : child.map(function (c) {

package/dist/esm/components/MainWrapV4/components/nav-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/nav-item.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/nav-item.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MainWrapV4/components/other-menu.d.ts

@@ -1,11 +1,13 @@
 import { Dispatch, SetStateAction } from 'react';
-import { INavItem } from '../types';
+import { INavItem, TSidebarType } from '../types';
 import React from 'react';
-export default function OtherMenu({ active, handleChangePined, noPined, onOrder, pined, setActive, }: {
+export default function OtherMenu({ active, handleChangePined, noPined, onChangeSideBarType, onOrder, pined, setActive, sideBarType, }: {
     pined: Array<INavItem>;
     noPined: Array<INavItem>;
     handleChangePined(navItem: INavItem): void;
     onOrder(newArr: Array<INavItem>): void;
     active: boolean;
     setActive: Dispatch<SetStateAction<boolean>>;
+    onChangeSideBarType(type: TSidebarType): void;
+    sideBarType: TSidebarType;
 }): React.JSX.Element;

package/dist/esm/components/MainWrapV4/components/other-menu.js

@@ -2,12 +2,13 @@ import { __awaiter, __generator } from "tslib";
 import Image from 'next/image';
 import { useEffect, useRef, useState } from 'react';
 import { IconV2 } from '../assets/Icon';
-import { MENU_CODE } from '../constant';
+import { LOCALSTORAGE_SHOW_SIDEBAR_TYPE, MENU_CODE, SIDEBAR_TYPE } from '../constant';
 import { delay, normalizeString } from '../helper';
 import React from 'react';
 import { PHXButton } from '../../Button';
 import { PHXModal } from '../../Modal';
 import { PHXSortable, PHXSortItem } from '../../..';
+import { classNames } from '../../types';
 function PinList(_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, handleChangePined = _a.handleChangePined, list = _a.list, searchKeyword = _a.searchKeyword, title = _a.title;
     var filteredList = list
@@ -55,11 +56,29 @@ function SearchBar(_a) {
 }
 function ModalCustomPin(_a) {
     var _this = this;
-    var data = _a.data, onOpen = _a.onOpen, onOrder = _a.onOrder;
+    var data = _a.data, onChangeSideBarType = _a.onChangeSideBarType, onOpen = _a.onOpen, onOrder = _a.onOrder;
     var _b = useState(false), show = _b[0], setShow = _b[1];
     var searchValue = useState('')[0];
     var _c = useState(data), orderData = _c[0], setOrderData = _c[1];
     var _d = useState(false), loading = _d[0], setLoading = _d[1];
+    var _e = useState(SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL), sideBarType = _e[0], setSideBarType = _e[1];
+    var arrSideBarType = [
+        {
+            name: 'Biểu tượng và Nhãn ngang',
+            image: IconV2.NAV2,
+            code: SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL,
+        },
+        {
+            name: 'Chỉ biểu tượng',
+            image: IconV2.NAV1,
+            code: SIDEBAR_TYPE.ONLY_ICON,
+        },
+        {
+            name: 'Biểu tượng và Nhãn dọc',
+            image: IconV2.NAV3,
+            code: SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL,
+        },
+    ];
     var onSubmit = function () { return __awaiter(_this, void 0, void 0, function () {
         var e_1;
         return __generator(this, function (_a) {
@@ -69,10 +88,11 @@ function ModalCustomPin(_a) {
                     _a.label = 1;
                 case 1:
                     _a.trys.push([1, 3, 4, 5]);
-                    onOrder(orderData);
                     return [4 /*yield*/, delay(400)];
                 case 2:
                     _a.sent();
+                    onOrder(orderData);
+                    onChangeSideBarType(sideBarType);
                     onHide();
                     return [3 /*break*/, 5];
                 case 3:
@@ -92,6 +112,14 @@ function ModalCustomPin(_a) {
     useEffect(function () {
         setOrderData(data);
     }, [data.length]);
+    useEffect(function () {
+        if (show) {
+            var savedSideBarType = localStorage.getItem(LOCALSTORAGE_SHOW_SIDEBAR_TYPE);
+            if (savedSideBarType) {
+                setSideBarType(savedSideBarType);
+            }
+        }
+    }, [show]);
     return (React.createElement(React.Fragment, null,
         React.createElement(PHXButton
         // @ts-ignore
@@ -105,9 +133,17 @@ function ModalCustomPin(_a) {
                 setShow(true);
                 onOpen();
             }, secondary: true, size: 'micro', type: 'button' }),
-        React.createElement(PHXModal, { inCard: false, onHide: onHide, onSubmit: onSubmit, primaryActionText: 'L\u01B0u l\u1EA1i', primaryLoading: loading, show: show, title: 'Tu\u1EF3 ch\u1EC9nh thanh b\u00EAn' },
+        React.createElement(PHXModal, { inCard: false, onHide: onHide, onSubmit: onSubmit, primaryActionText: 'L\u01B0u l\u1EA1i', primaryLoading: loading, show: show, size: 'medium', title: 'Tu\u1EF3 ch\u1EC9nh thanh b\u00EAn' },
+            React.createElement("h2", { className: 'mb-2 text-xs font-[650] text-gray-900' }, "B\u1ED1 c\u1EE5c"),
+            React.createElement("div", { className: 'mb-5 flex items-center gap-x-5' }, arrSideBarType.map(function (type) { return (React.createElement("button", { key: type.code, onClick: function () {
+                    setSideBarType(type.code);
+                }, type: 'button' },
+                React.createElement(Image, { alt: 'icon', className: " border-2 ".concat(sideBarType === type.code ? 'rounded-[16px] border-[#1A1A1A]' : 'border-white'), height: 110, quality: 100, 
+                    // @ts-ignore
+                    src: type.image, width: 160 }),
+                React.createElement("p", { className: "mt-2 ".concat(sideBarType === type.code ? 'text-gray-900' : '') }, type.name))); })),
             React.createElement("div", { className: 'space-y-2' },
-                React.createElement("h2", { className: 'text-xs font-[650] text-gray-900' }, "C\u00E1c ph\u00E2n h\u1EC7 \u0111\u00E3 ghim"),
+                React.createElement("h2", { className: 'text-xs font-[650] text-gray-900' }, "Ph\u00E2n h\u1EC7 \u0111\u00E3 ghim"),
                 React.createElement(PHXSortable, { className: 'max-h-[30rem] space-y-1 overflow-y-auto p-2', enableBorder: true, 
                     // @ts-ignore
                     list: orderData.filter(function (item) { return item.name.toLowerCase().includes(searchValue.toLowerCase()); }), renderItem: function (item, index) {
@@ -117,7 +153,7 @@ function ModalCustomPin(_a) {
                             React.createElement(Image, { alt: 'icon', height: 18, quality: 100, 
                                 // @ts-ignore
                                 src: IconV2["".concat(item.code, "_OUTLINE")], width: 18 }),
-                            React.createElement("p", { className: 'text-xs font-[450] text-gray-900' }, item.name))) : (React.createElement(PHXSortItem, { className: 'group rounded-lg !px-3 !py-2 hover:bg-gray-100', dragIconPosition: 'right', title: React.createElement("div", { className: 'relative flex items-center gap-x-1.5' },
+                            React.createElement("p", { className: 'text-xs font-[450] text-gray-900' }, item.name))) : (React.createElement(PHXSortItem, { className: 'group rounded-lg !px-3 !py-2 hover:bg-gray-100', dragIconPosition: 'left', title: React.createElement("div", { className: 'relative ml-2 flex items-center gap-x-1.5' },
                                 isDisabled && React.createElement("div", { className: ' absolute inset-0 bg-white opacity-60' }),
                                 React.createElement(Image, { alt: 'icon', className: 'brightness-0 invert-[40%] group-hover:brightness-100 group-hover:invert-0', height: 18, quality: 100, 
                                     // @ts-ignore
@@ -128,13 +164,16 @@ function ModalCustomPin(_a) {
                     setList: function (sortedData) { return setOrderData(sortedData); } })))));
 }
 export default function OtherMenu(_a) {
-    var active = _a.active, handleChangePined = _a.handleChangePined, noPined = _a.noPined, onOrder = _a.onOrder, pined = _a.pined, setActive = _a.setActive;
+    var active = _a.active, handleChangePined = _a.handleChangePined, noPined = _a.noPined, onChangeSideBarType = _a.onChangeSideBarType, onOrder = _a.onOrder, pined = _a.pined, setActive = _a.setActive, sideBarType = _a.sideBarType;
     var pinedLength = pined.length;
     var noPinedLength = noPined.length;
     var countMenu = pinedLength + noPinedLength;
     var otherMenuRef = useRef(null);
     var containerRef = useRef(null);
     var _b = useState(''), searchKeyword = _b[0], setSearchKeyWord = _b[1];
+    var isIconOnly = sideBarType === SIDEBAR_TYPE.ONLY_ICON;
+    var isIconWithLabelHorizontal = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_HORIZONTAL;
+    var isIconWithLabelVertical = sideBarType === SIDEBAR_TYPE.ICON_AND_LABEL_VERTICAL;
     useEffect(function () {
         function handleClickOutside(e) {
             if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -149,24 +188,28 @@ export default function OtherMenu(_a) {
             setSearchKeyWord('');
         }
     }, [active]);
-    return (React.createElement("div", { ref: containerRef, className: '' },
-        React.createElement("button", { className: 'group relative flex flex-col items-center gap-y-2', onClick: function () { return setActive(!active); }, type: 'button' },
-            active && (React.createElement(Image, { alt: 'icon', className: 'absolute left-[2.55rem] top-4 z-10 h-5 w-7', height: 18, quality: 100, 
-                // @ts-ignore
-                src: IconV2.ARROW_SUB_MENU_HOVER, width: 20 })),
-            active ? (React.createElement("div", { className: 'absolute left-2.5 top-3  h-7 w-7 rounded-full bg-[#E16F38] blur-[6px]' })) : (React.createElement("div", { className: 'absolute left-2.5 top-3  h-7 w-7 rounded-full py-1.5 group-hover:bg-white group-hover:blur-[17px]' })),
+    return (React.createElement("div", { ref: containerRef },
+        React.createElement("button", { className: classNames('group relative flex h-5 items-center', isIconWithLabelHorizontal ? 'w-[8.5rem] gap-x-2 pt-1' : 'flex-col gap-y-2'), onClick: function () { return setActive(!active); }, type: 'button' },
+            active && (React.createElement("div", { className: classNames('absolute z-[9999] h-5 w-3 overflow-hidden pl-1', isIconWithLabelHorizontal ? 'left-[8.95rem]' : '', isIconOnly ? 'left-[1.95rem] top-4' : '', isIconWithLabelVertical ? 'left-[2.9rem] top-[1.25rem]' : '') },
+                React.createElement("div", { className: ' h-4 w-4  -rotate-[37.5deg] skew-x-[12deg] rounded-[3px]  border border-gray-300 bg-white' }))),
+            active ? (React.createElement("div", { className: classNames('absolute  -top-1 h-7 w-7 rounded-full bg-white blur-[15px]', isIconWithLabelHorizontal ? '-left-1' : '', isIconOnly || isIconWithLabelVertical ? 'top-3' : '') })) : (React.createElement("div", { className: classNames('absolute -top-1  h-7  w-7 rounded-full py-1.5  group-hover:bg-white group-hover:blur-[15px]', isIconWithLabelHorizontal ? '-left-1' : '', isIconOnly || isIconWithLabelVertical ? 'top-3.5' : '') })),
             pinedLength > 0 && (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: 'absolute left-3.5 right-3.5 h-[1px] bg-gray-600' }),
-                React.createElement(Image, { alt: 'icon', className: "mt-4 h-[18px] w-[18px] ".concat(active ? 'brightness-200' : 'brightness-[0.75] group-hover:brightness-200'), height: 20, 
-                    // @ts-ignore
-                    src: IconV2.OHTER_MENU, width: 20 }),
-                ' ',
-                React.createElement("p", { className: "w-[7.5ch] truncate text-center text-[10px] text-gray-300 ".concat(active ? 'brightness-200' : 'group-hover:brightness-200') }, "M\u1EE5c kh\u00E1c")))),
-        React.createElement("div", { className: " absolute top-0 w-[25rem] z-[9999]  ".concat(active ? '-right-[25.53rem]' : '-left-[1000px] opacity-0') },
+                !isIconWithLabelHorizontal && React.createElement("div", { className: 'absolute h-[1px] w-[1.2rem] bg-gray-600' }),
+                React.createElement("div", { className: 'relative h-5 w-5' },
+                    !active && (React.createElement(Image, { alt: 'icon', className: classNames('absolute left-0 top-0 z-10  group-hover:hidden', !isIconWithLabelHorizontal ? 'mt-4' : ''), height: 20, 
+                        // @ts-ignore
+                        src: IconV2.OHTER_MENU, width: 20 })),
+                    React.createElement(Image, { alt: 'icon', className: classNames('absolute left-0 top-0 z-10', !isIconWithLabelHorizontal ? 'mt-4' : '', active
+                            ? 'scale-125'
+                            : 'scale-75 opacity-0 transition-all group-hover:scale-125 group-hover:opacity-100'), height: 20, 
+                        // @ts-ignore
+                        src: IconV2.OHTER_MENU_HOVER, width: 20 })),
+                !isIconOnly && (React.createElement("p", { className: classNames('text-center text-gray-300 ', active ? 'brightness-200' : 'brightness-75 group-hover:brightness-200', isIconWithLabelHorizontal ? 'text-xxs' : '', isIconWithLabelVertical ? 'mt-[2.25rem] text-[10px]' : '') }, "M\u1EE5c kh\u00E1c"))))),
+        React.createElement("div", { className: " absolute top-0 w-[25rem]  ".concat(active ? '-right-[25.45rem]' : '-left-[1000px] opacity-0') },
             React.createElement("div", { ref: otherMenuRef, className: 'shadow-soft rounded-xl border-r border-t bg-white' },
                 React.createElement("div", { className: 'flex items-center justify-between px-4 pt-4' },
                     React.createElement("h2", { className: 'text-base font-[650] text-gray-900' }, "M\u1EE5c kh\u00E1c"),
-                    React.createElement(ModalCustomPin, { data: pined, onOpen: function () { return setActive(false); }, onOrder: onOrder })),
+                    React.createElement(ModalCustomPin, { data: pined, onChangeSideBarType: onChangeSideBarType, onOpen: function () { return setActive(false); }, onOrder: onOrder })),
                 React.createElement(SearchBar, { className: 'mx-4 mt-4', currValue: searchKeyword, onChange: function (value) { return setSearchKeyWord(value); } }),
                 React.createElement("style", null, "/* custom scrollbar */\n              .custom-scrollbar::-webkit-scrollbar {\n                width: 6px;\n                height: 6px;\n              }\n              .custom-scrollbar::-webkit-scrollbar-thumb {\n                background: rgb(199 199 199); /* gray-400 */\n                border-radius: 16px; /* bo tr\u00F2n */\n              }\n            "),
                 React.createElement("div", { className: 'custom-scrollbar mr-[1px] mt-2 max-h-[calc(100vh-10.3rem)]  overflow-y-auto px-4 pb-4 pt-4' },

package/dist/esm/components/MainWrapV4/components/other-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"other-menu.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/other-menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"other-menu.js","sourceRoot":"","sources":["../../../../../src/components/MainWrapV4/components/other-menu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MainWrapV4/components/search/SearchBarDesktop.js

@@ -83,7 +83,7 @@ export default function SearchBarHeaderDesktop(_a) {
                         setIsEmptyResult(false);
                         return [2 /*return*/];
                     }
-                    return [4 /*yield*/, delay(300)];
+                    return [4 /*yield*/, delay(100)];
                 case 2:
                     _a.sent();
                     filteredData = flattenMenu
@@ -148,7 +148,7 @@ export default function SearchBarHeaderDesktop(_a) {
                             React.createElement("div", { className: 'sticky top-0 flex h-[3.25rem] items-center justify-between gap-x-4 border-b border-gray-100  bg-white px-4' },
                                 React.createElement("div", { className: 'flex flex-1 items-center gap-x-2 overflow-hidden' },
                                     loading ? (React.createElement(PHXSpinner, { className: ' h-[1.125rem] w-[1.125rem] !text-gray-500' })) : (React.createElement(MagnifyingGlassIcon, { "aria-hidden": 'true', className: 'pointer-events-none col-start-1 row-start-1 h-[1.125rem] w-[1.125rem] self-center text-gray-400 dark:text-gray-500' })),
-                                    React.createElement("input", { className: 'flex-1 border-none bg-transparent !p-0 text-xs text-gray-900 placeholder:text-gray-400 focus:ring-0', onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: 'G\u00F5 \u0111\u1EC3 truy c\u1EADp nhanh\u2026', type: 'text', value: searchValue })),
+                                    React.createElement("input", { autoFocus: show, className: 'flex-1 border-none bg-transparent !p-0 text-xs text-gray-900 placeholder:text-gray-400 focus:ring-0', onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: 'G\u00F5 \u0111\u1EC3 truy c\u1EADp nhanh\u2026', type: 'text', value: searchValue })),
                                 searchValue && (React.createElement("button", { className: 'flex h-7 w-7 items-center justify-center rounded-lg hover:bg-gray-100', onClick: function () { return setSearchValue(''); }, type: 'button' },
                                     React.createElement(XMarkIcon, { className: 'h-[1.125rem] w-[1.125rem] text-gray-600' })))),
                             result.length === 0 ? (React.createElement(React.Fragment, null, isEmptyResult ? (React.createElement("div", { className: 'flex h-[11.25rem] w-full items-center justify-center' },