@adobe-commerce/elsie 1.0.0-alpha1

package/src/icons/AddressBook.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.375 7.38672C3.09886 7.38672 2.875 7.61058 2.875 7.88672C2.875 8.16286 3.09886 8.38672 3.375 8.38672V7.38672ZM5.88409 8.38672C6.16023 8.38672 6.38409 8.16286 6.38409 7.88672C6.38409 7.61058 6.16023 7.38672 5.88409 7.38672V8.38672ZM3.375 11.1836C3.09886 11.1836 2.875 11.4075 2.875 11.6836C2.875 11.9597 3.09886 12.1836 3.375 12.1836V11.1836ZM5.88409 12.1836C6.16023 12.1836 6.38409 11.9597 6.38409 11.6836C6.38409 11.4075 6.16023 11.1836 5.88409 11.1836V12.1836ZM3.375 15.6133C3.09886 15.6133 2.875 15.8371 2.875 16.1133C2.875 16.3894 3.09886 16.6133 3.375 16.6133V15.6133ZM5.88409 16.6133C6.16023 16.6133 6.38409 16.3894 6.38409 16.1133C6.38409 15.8371 6.16023 15.6133 5.88409 15.6133V16.6133ZM8.52059 16.4182C8.51422 16.6942 8.73286 16.9232 9.00893 16.9296C9.285 16.9359 9.51396 16.7173 9.52032 16.4412L8.52059 16.4182ZM9.19302 14.8261L8.70612 14.7124C8.70434 14.72 8.70274 14.7277 8.70132 14.7354L9.19302 14.8261ZM11.2762 13.3887L11.4404 13.8611L11.4499 13.8576L11.2762 13.3887ZM12.3195 13.1013C12.4035 12.8382 12.2583 12.5569 11.9953 12.4729C11.7322 12.3889 11.4509 12.5341 11.3669 12.7971L12.3195 13.1013ZM15.7342 16.4412C15.7406 16.7173 15.9695 16.9359 16.2456 16.9296C16.5217 16.9232 16.7403 16.6942 16.734 16.4182L15.7342 16.4412ZM16.0615 14.8261L16.5532 14.7354C16.5518 14.7277 16.5502 14.72 16.5484 14.7124L16.0615 14.8261ZM13.9784 13.3887L13.8046 13.8577L13.8142 13.861L13.9784 13.3887ZM13.8877 12.7971C13.8037 12.5341 13.5223 12.3889 13.2593 12.4729C12.9962 12.5569 12.8511 12.8382 12.9351 13.1013L13.8877 12.7971ZM10.9023 10.418L11.4023 10.418V10.418H10.9023ZM11.2309 8.60993L11.6861 8.81678L11.6861 8.81678L11.2309 8.60993ZM12.0518 12.7684L11.7218 13.1441L11.7682 13.1848L11.823 13.213L12.0518 12.7684ZM13.202 12.7684L13.4308 13.213L13.4787 13.1884L13.5203 13.1541L13.202 12.7684ZM3.375 8.38672H5.88409V7.38672H3.375V8.38672ZM3.375 12.1836H5.88409V11.1836H3.375V12.1836ZM3.375 16.6133H5.88409V15.6133H3.375V16.6133ZM6.41058 2.375H18.844V1.375H6.41058V2.375ZM18.844 2.375C19.4866 2.375 20.125 2.99614 20.125 3.9225H21.125C21.125 2.57636 20.1627 1.375 18.844 1.375V2.375ZM20.125 3.9225V20.0775H21.125V3.9225H20.125ZM20.125 20.0775C20.125 20.9945 19.485 21.625 18.844 21.625V22.625C20.1643 22.625 21.125 21.4105 21.125 20.0775H20.125ZM18.844 21.625H6.41058V22.625H18.844V21.625ZM6.41058 21.625C5.76792 21.625 5.12955 21.0039 5.12955 20.0775H4.12955C4.12955 21.4236 5.09185 22.625 6.41058 22.625V21.625ZM5.12955 20.0775V3.9225H4.12955V20.0775H5.12955ZM5.12955 3.9225C5.12955 3.0055 5.76956 2.375 6.41058 2.375V1.375C5.0902 1.375 4.12955 2.5895 4.12955 3.9225H5.12955ZM9.52032 16.4412C9.53194 15.9373 9.59014 15.4295 9.68473 14.9168L8.70132 14.7354C8.59869 15.2917 8.53362 15.853 8.52059 16.4182L9.52032 16.4412ZM9.67993 14.9397C9.69157 14.8899 9.78099 14.7261 10.1128 14.496C10.4223 14.2813 10.8711 14.0589 11.4404 13.861L11.112 12.9165C10.4856 13.1343 9.94827 13.3931 9.54284 13.6743C9.15974 13.94 8.80542 14.2871 8.70612 14.7124L9.67993 14.9397ZM11.4499 13.8576C11.5852 13.8074 11.7547 13.7102 11.8933 13.6105C11.9656 13.5584 12.0441 13.4954 12.1133 13.4247C12.1723 13.3646 12.2709 13.2534 12.3195 13.1013L11.3669 12.7971C11.3809 12.7532 11.3985 12.7277 11.4022 12.7225C11.407 12.7157 11.4073 12.7164 11.3993 12.7246C11.3827 12.7416 11.3525 12.7676 11.3092 12.7988C11.2674 12.8288 11.222 12.8575 11.1805 12.8808C11.1363 12.9057 11.1089 12.9175 11.1024 12.9199L11.4499 13.8576ZM16.734 16.4182C16.7209 15.853 16.6559 15.2917 16.5532 14.7354L15.5698 14.9168C15.6644 15.4295 15.7226 15.9373 15.7342 16.4412L16.734 16.4182ZM16.5484 14.7124C16.4491 14.2871 16.0948 13.94 15.7117 13.6743C15.3063 13.3931 14.769 13.1343 14.1426 12.9165L13.8142 13.861C14.3834 14.0589 14.8322 14.2813 15.1417 14.496C15.4736 14.7261 15.563 14.8899 15.5746 14.9397L16.5484 14.7124ZM14.1521 12.9199C14.1456 12.9175 14.1183 12.9057 14.074 12.8808C14.0325 12.8575 13.9871 12.8288 13.9453 12.7988C13.9021 12.7676 13.8719 12.7416 13.8552 12.7246C13.8472 12.7164 13.8476 12.7157 13.8524 12.7225C13.856 12.7277 13.8736 12.7532 13.8877 12.7971L12.9351 13.1013C12.9836 13.2534 13.0823 13.3646 13.1412 13.4247C13.2105 13.4954 13.2889 13.5584 13.3612 13.6105C13.4999 13.7102 13.6694 13.8074 13.8046 13.8576L14.1521 12.9199ZM11.4023 10.418C11.4023 9.83385 11.4811 9.26803 11.6861 8.81678L10.7757 8.40309C10.4878 9.03666 10.4023 9.76284 10.4023 10.418H11.4023ZM11.6861 8.81678C11.8053 8.55448 12.0796 8.38672 12.5813 8.38672V7.38672C11.8704 7.38672 11.1213 7.6426 10.7757 8.40309L11.6861 8.81678ZM12.5813 8.38672C13.087 8.38672 13.4614 8.60522 13.5777 8.83539L14.4703 8.38448C14.1169 7.685 13.2884 7.38672 12.5813 7.38672V8.38672ZM13.5777 8.83539C13.7606 9.19738 13.8523 9.72518 13.8523 10.418H14.8523C14.8523 9.66433 14.757 8.95213 14.4703 8.38448L13.5777 8.83539ZM12.5813 12.4492C12.5364 12.4492 12.5158 12.4464 12.5087 12.4451C12.5046 12.4444 12.5042 12.4442 12.5008 12.4428C12.4922 12.4391 12.4782 12.4321 12.438 12.4096C12.4018 12.3893 12.3471 12.358 12.2805 12.3238L11.823 13.213C11.8698 13.2371 11.9055 13.2576 11.9494 13.2821C11.9893 13.3045 12.0449 13.3354 12.1079 13.3623C12.2569 13.426 12.403 13.4492 12.5813 13.4492V12.4492ZM12.3817 12.3927C11.8273 11.9058 11.4022 11.3083 11.4023 10.418L10.4023 10.4179C10.4022 11.6973 11.0412 12.5462 11.7218 13.1441L12.3817 12.3927ZM13.8523 10.418C13.8523 11.3319 13.4575 11.9093 12.8838 12.3828L13.5203 13.1541C14.2611 12.5427 14.8523 11.7035 14.8523 10.418H13.8523ZM12.9733 12.3238C12.7638 12.4316 12.717 12.4492 12.5813 12.4492V13.4492C12.9639 13.4492 13.1869 13.3385 13.4308 13.213L12.9733 12.3238Z" fill="currentColor"/>
+</svg>

package/src/icons/Bulk.svg

@@ -0,0 +1,24 @@
+<svg id="Icon_Bulk_Base" data-name="Icon – Bulk – Base" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_215980" data-name="Rectangle 215980" width="12" height="12" fill="none"/>
+    </clipPath>
+  </defs>
+  <g id="Large">
+    <rect id="Placement_area" data-name="Placement area" width="24" height="24" fill="#fff" opacity="0"/>
+    <g id="Bulk_icon" data-name="Bulk icon" transform="translate(-141 -10)">
+      <g id="Rectangle_215979" data-name="Rectangle 215979" transform="translate(144 13)" fill="none" stroke="currentColor">
+        <rect width="12" height="12" stroke="none"/>
+        <rect vector-effect="non-scaling-stroke" x="0.75" y="0.75" width="10.5" height="10.5" fill="none"/>
+      </g>
+      <path vector-effect="non-scaling-stroke" id="Path_884140" data-name="Path 884140" d="M149.76,16v6" transform="translate(0.24)" fill="none" stroke="currentColor"/>
+      <path vector-effect="non-scaling-stroke" id="Path_884141" data-name="Path 884141" d="M147.527,18.7h6" transform="translate(-0.527 0.305)" fill="none" stroke="currentColor"/>
+      <g id="Group_299364" data-name="Group 299364" transform="translate(147 16)" clip-path="url(#clip-path)">
+        <path vector-effect="non-scaling-stroke" id="Path_884142" data-name="Path 884142" d="M11.25.75v10.5H.75" fill="none" stroke="currentColor"/>
+      </g>
+      <g id="Group_299364-2" data-name="Group 299364" transform="translate(150 19)" clip-path="url(#clip-path)">
+        <path vector-effect="non-scaling-stroke" id="Path_884142-2" data-name="Path 884142" d="M11.25.75v10.5H.75" fill="none" stroke="currentColor"/>
+      </g>
+    </g>
+  </g>
+</svg>

package/src/icons/Burger.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" d="M3 12H21" stroke="currentColor"/>
+    <path vector-effect="non-scaling-stroke" d="M3 6H21" stroke="currentColor"/>
+    <path vector-effect="non-scaling-stroke" d="M3 18H21" stroke="currentColor"/>
+</svg>

package/src/icons/Card.svg

@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" d="M2.00718 5H22.1507C22.7047 5 23.1579 5.45323 23.1579 6.00718V7.51794C23.1579 7.51794 1.01007 7.58844 1 7.55823V6.00718C1 5.45323 1.45323 5 2.00718 5Z" stroke="currentColor" stroke-width="1"/>
+    <path vector-effect="non-scaling-stroke" d="M23.1579 9.78409V18.3451C23.1579 18.899 22.7047 19.3523 22.1507 19.3523H2.00718C1.45323 19.3523 1 18.899 1 18.3451V9.78409H23.1579Z" stroke="currentColor" stroke-width="1"/>
+    <path vector-effect="non-scaling-stroke" d="M3.01465 15.9682H8.40305" stroke="currentColor" stroke-width="1" stroke-linecap="round"/>
+    <path vector-effect="non-scaling-stroke" d="M17.6192 17.5897C18.4535 17.5897 19.1299 16.9133 19.1299 16.0789C19.1299 15.2446 18.4535 14.5682 17.6192 14.5682C16.7848 14.5682 16.1084 15.2446 16.1084 16.0789C16.1084 16.9133 16.7848 17.5897 17.6192 17.5897Z" stroke="currentColor" stroke-width="1"/>
+    <path vector-effect="non-scaling-stroke" d="M19.8848 17.5897C20.7192 17.5897 21.3956 16.9133 21.3956 16.0789C21.3956 15.2446 20.7192 14.5682 19.8848 14.5682C19.0504 14.5682 18.374 15.2446 18.374 16.0789C18.374 16.9133 19.0504 17.5897 19.8848 17.5897Z" stroke="currentColor" stroke-width="1"/>
+</svg>

package/src/icons/Cart.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_102_196)">
+        <path vector-effect="non-scaling-stroke" d="M18.3601 18.16H6.5601L4.8801 3H2.3501M19.6701 19.59C19.6701 20.3687 19.0388 21 18.2601 21C17.4814 21 16.8501 20.3687 16.8501 19.59C16.8501 18.8113 17.4814 18.18 18.2601 18.18C19.0388 18.18 19.6701 18.8113 19.6701 19.59ZM7.42986 19.59C7.42986 20.3687 6.79858 21 6.01986 21C5.24114 21 4.60986 20.3687 4.60986 19.59C4.60986 18.8113 5.24114 18.18 6.01986 18.18C6.79858 18.18 7.42986 18.8113 7.42986 19.59Z" stroke="currentColor" stroke-linejoin="round"/>
+        <path vector-effect="non-scaling-stroke" d="M5.25 6.37L20.89 8.06L20.14 14.8H6.19" stroke="currentColor" stroke-linejoin="round"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_102_196">
+            <rect vector-effect="non-scaling-stroke" width="19.29" height="19.5" fill="white" transform="translate(2.3501 2.25)"/>
+        </clipPath>
+    </defs>
+</svg>

package/src/icons/Check.svg

@@ -0,0 +1,8 @@
+<svg id="Icon_Check_Base" data-name="Icon – Check – Base" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <g id="Large">
+    <rect id="Placement_area" data-name="Placement area" width="24" height="24" fill="#fff" opacity="0"/>
+    <g id="Check_icon" data-name="Check icon" transform="translate(303.874 1434.583)">
+      <path vector-effect="non-scaling-stroke" id="Path_884137" data-name="Path 884137" d="M148,494.611l4.248,4.244,8.538-8.522" transform="translate(-446.265 -1917.177)" fill="none" stroke="currentColor"/>
+    </g>
+  </g>
+</svg>

package/src/icons/CheckWithCircle.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" d="M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z" stroke="currentColor"/>
+    <path vector-effect="non-scaling-stroke" d="M6.75 12.762L10.2385 15.75L17.25 9" stroke="currentColor" />
+</svg>

package/src/icons/ChevronDown.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.74512 9.87701L12.0001 14.132L16.2551 9.87701" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/>
+</svg>

package/src/icons/ChevronRight.svg

@@ -0,0 +1,8 @@
+<svg id="Icon_Chevron_right_Base" data-name="Icon – Chevron right – Base" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <g id="Large">
+    <rect id="Placement_area" data-name="Placement area" width="24" height="24" fill="#fff" opacity="0"/>
+    <g id="Chevron_right_icon" data-name="Chevron right icon">
+      <path vector-effect="non-scaling-stroke" id="chevron" d="M199.75,367.5l4.255,-4.255-4.255,-4.255" transform="translate(-189.25 -351.0)" fill="none" stroke="currentColor"/>
+    </g>
+  </g>
+</svg>

package/src/icons/ChevronUp.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.74512 14.132L12.0001 9.87701L16.2551 14.132" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/>
+</svg>

package/src/icons/Close.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" d="M18.3599 5.64001L5.62988 18.37" stroke="currentColor"/>
+    <path vector-effect="non-scaling-stroke" d="M18.3599 18.37L5.62988 5.64001" stroke="currentColor"/>
+</svg>

package/src/icons/Coupon.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path vector-effect="non-scaling-stroke" d="M22 6.25H22.75C22.75 5.83579 22.4142 5.5 22 5.5V6.25ZM22 9.27L22.2514 9.97663C22.5503 9.87029 22.75 9.58731 22.75 9.27H22ZM20.26 12.92L19.5534 13.1714L19.5539 13.1728L20.26 12.92ZM22 14.66H22.75C22.75 14.3433 22.551 14.0607 22.2528 13.9539L22 14.66ZM22 17.68V18.43C22.4142 18.43 22.75 18.0942 22.75 17.68H22ZM2 17.68H1.25C1.25 18.0942 1.58579 18.43 2 18.43V17.68ZM2 14.66L1.74865 13.9534C1.44969 14.0597 1.25 14.3427 1.25 14.66H2ZM3.74 11.01L4.44663 10.7586L4.44611 10.7572L3.74 11.01ZM2 9.27H1.25C1.25 9.58675 1.44899 9.86934 1.7472 9.97611L2 9.27ZM2 6.25V5.5C1.58579 5.5 1.25 5.83579 1.25 6.25H2ZM21.25 6.25V9.27H22.75V6.25H21.25ZM21.7486 8.56337C19.8706 9.23141 18.8838 11.2889 19.5534 13.1714L20.9666 12.6686C20.5762 11.5711 21.1494 10.3686 22.2514 9.97663L21.7486 8.56337ZM19.5539 13.1728C19.9195 14.1941 20.7259 15.0005 21.7472 15.3661L22.2528 13.9539C21.6541 13.7395 21.1805 13.2659 20.9661 12.6672L19.5539 13.1728ZM21.25 14.66V17.68H22.75V14.66H21.25ZM22 16.93H2V18.43H22V16.93ZM2.75 17.68V14.66H1.25V17.68H2.75ZM2.25135 15.3666C4.12941 14.6986 5.11623 12.6411 4.44663 10.7586L3.03337 11.2614C3.42377 12.3589 2.85059 13.5614 1.74865 13.9534L2.25135 15.3666ZM4.44611 10.7572C4.08045 9.73588 3.27412 8.92955 2.2528 8.56389L1.7472 9.97611C2.34588 10.1905 2.81955 10.6641 3.03389 11.2628L4.44611 10.7572ZM2.75 9.27V6.25H1.25V9.27H2.75ZM2 7H22V5.5H2V7ZM7.31 6.74V18.17H8.81V6.74H7.31ZM17.0997 8.39967L11.0397 14.4597L12.1003 15.5203L18.1603 9.46033L17.0997 8.39967ZM12.57 9.67C12.57 9.87231 12.4159 10 12.27 10V11.5C13.2839 11.5 14.07 10.6606 14.07 9.67H12.57ZM12.27 10C12.1241 10 11.97 9.87231 11.97 9.67H10.47C10.47 10.6606 11.2561 11.5 12.27 11.5V10ZM11.97 9.67C11.97 9.46769 12.1241 9.34 12.27 9.34V7.84C11.2561 7.84 10.47 8.67938 10.47 9.67H11.97ZM12.27 9.34C12.4159 9.34 12.57 9.46769 12.57 9.67H14.07C14.07 8.67938 13.2839 7.84 12.27 7.84V9.34ZM17.22 14.32C17.22 14.5223 17.0659 14.65 16.92 14.65V16.15C17.9339 16.15 18.72 15.3106 18.72 14.32H17.22ZM16.92 14.65C16.7741 14.65 16.62 14.5223 16.62 14.32H15.12C15.12 15.3106 15.9061 16.15 16.92 16.15V14.65ZM16.62 14.32C16.62 14.1177 16.7741 13.99 16.92 13.99V12.49C15.9061 12.49 15.12 13.3294 15.12 14.32H16.62ZM16.92 13.99C17.0659 13.99 17.22 14.1177 17.22 14.32H18.72C18.72 13.3294 17.9339 12.49 16.92 12.49V13.99Z" fill="currentColor"/>
+</svg>

package/src/icons/Date.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M14.35 1V0.25H12.85V1H14.35ZM12.85 4.6V5.35H14.35V4.6H12.85ZM7.15 1V0.25H5.65V1H7.15ZM5.65 4.6V5.35H7.15V4.6H5.65ZM1 7.45C0.585786 7.45 0.25 7.78579 0.25 8.2C0.25 8.61421 0.585786 8.95 1 8.95V7.45ZM19 8.95C19.4142 8.95 19.75 8.61421 19.75 8.2C19.75 7.78579 19.4142 7.45 19 7.45V8.95ZM2.8 3.55H17.2V2.05H2.8V3.55ZM17.2 3.55C17.7799 3.55 18.25 4.0201 18.25 4.6H19.75C19.75 3.19167 18.6083 2.05 17.2 2.05V3.55ZM18.25 4.6V17.2H19.75V4.6H18.25ZM18.25 17.2C18.25 17.7799 17.7799 18.25 17.2 18.25V19.75C18.6083 19.75 19.75 18.6083 19.75 17.2H18.25ZM17.2 18.25H2.8V19.75H17.2V18.25ZM2.8 18.25C2.2201 18.25 1.75 17.7799 1.75 17.2H0.25C0.25 18.6083 1.39167 19.75 2.8 19.75V18.25ZM1.75 17.2V4.6H0.25V17.2H1.75ZM1.75 4.6C1.75 4.0201 2.2201 3.55 2.8 3.55V2.05C1.39167 2.05 0.25 3.19167 0.25 4.6H1.75ZM12.85 1V4.6H14.35V1H12.85ZM5.65 1V4.6H7.15V1H5.65ZM1 8.95H19V7.45H1V8.95Z" fill="currentColor"/>
+</svg>
+    

package/src/icons/Delivery.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" d="M2.47266 4.90002H15.1851V10.9645H21.2495L23 12.715V17.6124H20.073" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M15.1758 5.87573H19.0019L21.0394 10.7636" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M9.76151 16.7898C9.76151 18.0525 8.72845 19.076 7.46582 19.076C6.20318 19.076 5.17969 18.0429 5.17969 16.7803C5.17969 15.5176 6.20318 14.4941 7.46582 14.4941C8.72845 14.4941 9.75195 15.5176 9.76151 16.7803C9.76151 16.7803 9.76151 16.7803 9.76151 16.7898Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M19.8726 16.7898C19.8726 18.062 18.8491 19.0855 17.5769 19.0855C16.3047 19.0855 15.2812 18.062 15.2812 16.7898C15.2812 15.5176 16.3047 14.4941 17.5769 14.4941C18.8491 14.4941 19.8726 15.5176 19.8726 16.7898Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M8.08792 7.63574H1.69824" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M7.11229 10.3619H1" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M5.16084 13.0402H1.92773" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M9.76172 16.7611H15.2809" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M2.38672 16.7611H5.17025" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/EmptyBox.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.002 21L11.8275 21.4686C11.981 21.5257 12.1528 21.5041 12.2873 21.4106C12.4218 21.3172 12.502 21.1638 12.502 21H12.002ZM3.89502 17.9823H3.39502C3.39502 18.1912 3.52485 18.378 3.72059 18.4509L3.89502 17.9823ZM3.89502 8.06421L4.07193 7.59655C3.91831 7.53844 3.74595 7.55948 3.61082 7.65284C3.47568 7.74619 3.39502 7.89997 3.39502 8.06421H3.89502ZM12.0007 21H11.5007C11.5007 21.1638 11.5809 21.3172 11.7154 21.4106C11.8499 21.5041 12.0216 21.5257 12.1751 21.4686L12.0007 21ZM20.1076 17.9823L20.282 18.4509C20.4778 18.378 20.6076 18.1912 20.6076 17.9823H20.1076ZM20.1076 8.06421H20.6076C20.6076 7.89997 20.527 7.74619 20.3918 7.65284C20.2567 7.55948 20.0843 7.53844 19.9307 7.59655L20.1076 8.06421ZM12.0007 11.1311L11.8238 10.6634C11.6293 10.737 11.5007 10.9232 11.5007 11.1311H12.0007ZM20.2858 8.53191C20.5441 8.43421 20.6743 8.14562 20.5766 7.88734C20.4789 7.62906 20.1903 7.49889 19.932 7.5966L20.2858 8.53191ZM12.002 4.94826L12.1775 4.48008C12.0605 4.43623 11.9314 4.43775 11.8154 4.48436L12.002 4.94826ZM5.87955 6.87106C5.62334 6.97407 5.49915 7.26528 5.60217 7.52149C5.70518 7.77769 5.99639 7.90188 6.2526 7.79887L5.87955 6.87106ZM18.1932 7.80315C18.4518 7.90008 18.74 7.76904 18.8369 7.51047C18.9338 7.2519 18.8028 6.96371 18.5442 6.86678L18.1932 7.80315ZM12 4.94827L11.5879 5.23148C11.6812 5.36719 11.8353 5.44827 12 5.44827C12.1647 5.44827 12.3188 5.36719 12.4121 5.23148L12 4.94827ZM14.0263 2L14.2028 1.53218C13.9875 1.45097 13.7446 1.52717 13.6143 1.71679L14.0263 2ZM21.8421 4.94827L22.2673 5.2113C22.3459 5.08422 22.3636 4.92863 22.3154 4.78717C22.2673 4.64571 22.1584 4.53319 22.0186 4.48045L21.8421 4.94827ZM9.97368 2L10.3857 1.71679C10.2554 1.52717 10.0125 1.45097 9.79721 1.53218L9.97368 2ZM2.15789 4.94827L1.98142 4.48045C1.84161 4.53319 1.73271 4.64571 1.68456 4.78717C1.63641 4.92863 1.65406 5.08422 1.73267 5.2113L2.15789 4.94827ZM12 11.1256L11.6702 11.5014C11.8589 11.667 12.1411 11.667 12.3298 11.5014L12 11.1256ZM15.0395 8.45812L14.8732 7.98659C14.8131 8.00779 14.7576 8.04028 14.7097 8.08232L15.0395 8.45812ZM23 5.65024L23.3288 6.0269C23.5095 5.86916 23.5527 5.60532 23.4318 5.39817C23.3109 5.19102 23.0599 5.09893 22.8337 5.17871L23 5.65024ZM8.96053 8.45812L9.29034 8.08232C9.24244 8.04028 9.18695 8.00779 9.12685 7.98659L8.96053 8.45812ZM1 5.65024L1.16632 5.17871C0.940115 5.09893 0.689119 5.19102 0.568192 5.39817C0.447264 5.60532 0.49048 5.86916 0.671176 6.0269L1 5.65024ZM12.1764 20.5314L4.06945 17.5137L3.72059 18.4509L11.8275 21.4686L12.1764 20.5314ZM4.39502 17.9823V8.06421H3.39502V17.9823H4.39502ZM3.71811 8.53187L11.8251 11.5987L12.1789 10.6634L4.07193 7.59655L3.71811 8.53187ZM11.502 11.1311V21H12.502V11.1311H11.502ZM12.1751 21.4686L20.282 18.4509L19.9332 17.5137L11.8262 20.5314L12.1751 21.4686ZM20.6076 17.9823V8.06421H19.6076V17.9823H20.6076ZM19.9307 7.59655L11.8238 10.6634L12.1776 11.5987L20.2845 8.53187L19.9307 7.59655ZM11.5007 11.1311V21H12.5007V11.1311H11.5007ZM19.932 7.5966L11.8251 10.6634L12.1789 11.5987L20.2858 8.53191L19.932 7.5966ZM11.8154 4.48436L5.87955 6.87106L6.2526 7.79887L12.1885 5.41217L11.8154 4.48436ZM11.8265 5.41645L18.1932 7.80315L18.5442 6.86678L12.1775 4.48008L11.8265 5.41645ZM11.502 4.94826V11.1311H12.502V4.94826H11.502ZM12.4121 5.23148L14.4384 2.28321L13.6143 1.71679L11.5879 4.66507L12.4121 5.23148ZM13.8498 2.46782L21.6656 5.4161L22.0186 4.48045L14.2028 1.53218L13.8498 2.46782ZM21.4169 4.68525L20.5485 6.08919L21.3989 6.61524L22.2673 5.2113L21.4169 4.68525ZM12.4121 4.66507L10.3857 1.71679L9.56162 2.28321L11.5879 5.23148L12.4121 4.66507ZM9.79721 1.53218L1.98142 4.48045L2.33437 5.4161L10.1502 2.46782L9.79721 1.53218ZM1.73267 5.2113L2.60109 6.61524L3.45154 6.08919L2.58312 4.68525L1.73267 5.2113ZM12.3298 11.5014L15.3693 8.83392L14.7097 8.08232L11.6702 10.7498L12.3298 11.5014ZM15.2058 8.92965L23.1663 6.12177L22.8337 5.17871L14.8732 7.98659L15.2058 8.92965ZM22.6712 5.27358L19.7764 7.80067L20.4341 8.554L23.3288 6.0269L22.6712 5.27358ZM12.3298 10.7498L9.29034 8.08232L8.63072 8.83392L11.6702 11.5014L12.3298 10.7498ZM9.12685 7.98659L1.16632 5.17871L0.83368 6.12177L8.79421 8.92965L9.12685 7.98659ZM0.671176 6.0269L3.56591 8.554L4.22356 7.80067L1.32882 5.27358L0.671176 6.0269Z" fill="currentColor"/>
+</svg>

package/src/icons/Eye.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9952 8.05896C7.85898 8.04913 4.04561 10.1916 1.96743 13.6609C4.04561 17.14 7.86907 19.2629 11.9952 19.2629C16.1314 19.2727 19.9447 17.1302 22.0229 13.6609C20.0153 10.3096 16.2827 8.05896 11.9952 8.05896ZM11.9952 8.05896V4.73709M20.5097 11.027L23.2335 9.0221M16.8174 8.88451L18.4618 6.0737M3.48067 11.027L0.756836 9.03193M7.17298 8.89434L5.52859 6.08353M14.8401 13.6609C14.8401 15.1843 13.5689 16.4226 12.0053 16.4226C10.4416 16.4226 9.17045 15.1843 9.17045 13.6609C9.17045 12.1376 10.4416 10.8993 12.0053 10.8993C13.5689 10.8993 14.8401 12.1376 14.8401 13.6609Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/EyeClose.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.11 18.12C19.13 17.16 20.85 15.62 22.02 13.67C20.01 10.32 16.28 8.07 11.99 8.07M11.99 8.07C11.09 8.07 10.21 8.17 9.35 8.36M11.99 8.07V4.75M20.5 11.03L23.22 9.03M16.81 8.89L18.45 6.08M3.47 11.03L0.75 9.03M11.3096 10.99C11.5296 10.94 11.7596 10.91 11.9996 10.91C13.5596 10.91 14.8296 12.15 14.8296 13.67C14.8296 14.05 14.7496 14.41 14.6096 14.74M11.9999 16.43C10.4399 16.43 9.16992 15.19 9.16992 13.67C9.16992 13.37 9.21992 13.09 9.30992 12.83M6.13996 9.60001C4.43996 10.57 2.98996 11.96 1.95996 13.67C4.03996 17.15 7.85996 19.27 11.99 19.27C12.57 19.27 13.15 19.23 13.71 19.14M20.4404 22.5L4.44043 2.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/Gift.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 6L10 21.5M10 6H12.25C13.4926 6 14.5 4.99264 14.5 3.75C14.5 2.50736 13.4926 1.5 12.25 1.5C11.0074 1.5 10 2.50736 10 3.75M10 6V3.75M10 6H7.75C6.50736 6 5.5 4.99264 5.5 3.75C5.5 2.50736 6.50736 1.5 7.75 1.5C8.99264 1.5 10 2.50736 10 3.75M3.25 10.75H16.75C17.9926 10.75 19 9.74264 19 8.5C19 7.25736 17.9926 6.25 16.75 6.25H3.25C2.00736 6.25 1 7.25736 1 8.5C1 9.74264 2.00736 10.75 3.25 10.75ZM4.75 21.5H15.25C16.4926 21.5 17.5 20.4926 17.5 19.25V13.25C17.5 12.0074 16.4926 11 15.25 11H4.75C3.50736 11 2.5 12.0074 2.5 13.25V19.25C2.5 20.4926 3.50736 21.5 4.75 21.5Z" stroke="currentColor" stroke-width="1.5"/>
+</svg>

package/src/icons/GiftCard.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.5364 9.8598V2.1658C22.5364 1.63583 22.099 1.20996 21.576 1.20996H2.42337C1.89083 1.20996 1.46289 1.64529 1.46289 2.1658V9.8598M22.5364 9.8598H1.46289M22.5364 9.8598V13.844C22.5364 14.3645 22.1085 14.7999 21.576 14.7999H2.42337C1.90034 14.7999 1.46289 14.374 1.46289 13.844V9.8598M3.9164 12.5191L7.5396 9.8598M7.5396 9.8598L11.1628 12.5191M7.5396 9.8598C7.5396 9.8598 6.96902 7.26674 6.40795 6.70838C5.84687 6.15002 4.93394 6.15002 4.37287 6.70838C3.81179 7.26674 3.81179 8.17526 4.37287 8.73362C4.93394 9.29198 7.5396 9.8598 7.5396 9.8598ZM7.5396 9.8598C7.5396 9.8598 10.1643 9.27305 10.7254 8.71469C11.2864 8.15633 11.2864 7.24782 10.7254 6.68946C10.1643 6.1311 9.25135 6.1311 8.69028 6.68946C8.12921 7.24782 7.5396 9.8598 7.5396 9.8598ZM7.5396 14.7904V1.20996" stroke="currentColor" stroke-linecap="round"/>
+</svg>

package/src/icons/Heart.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" d="M19.734 5.4175C17.8557 3.5275 14.7987 3.5275 12.9105 5.4175L11.9814 6.3475L11.0523 5.4175C9.15407 3.5475 6.09699 3.5775 4.22878 5.4875C2.39054 7.3675 2.39054 10.3675 4.22878 12.2475L5.15789 13.1775L11.9814 20.0075L18.8048 13.1775L19.734 12.2475C21.6221 10.3675 21.6221 7.3075 19.734 5.4175Z" stroke="currentColor" />
+</svg>

package/src/icons/HeartFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" d="M12,20.75h0c-.2,0-.39-.08-.53-.22L3.71,12.77c-2.12-2.16-2.12-5.66,0-7.82,1.04-1.06,2.44-1.66,3.93-1.67h.06c1.47,0,2.85,.57,3.9,1.6l.4,.4,.4-.4c1.05-1.05,2.45-1.63,3.94-1.63h0c1.49,0,2.89,.58,3.94,1.63,.02,.02,.03,.03,.05,.05,1.02,1.05,1.59,2.43,1.59,3.9s-.58,2.89-1.63,3.94l-7.76,7.76c-.14,.14-.33,.22-.53,.22Z" stroke="currentColor"/>
+</svg>

package/src/icons/InfoFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M0 12C0 5.37931 5.37931 0 12 0C18.6207 0 24 5.37931 24 12C24 18.6207 18.6207 24 12 24C5.37931 24 0 18.6207 0 12ZM11.8885 5.06101C11.1405 5.06101 10.5357 5.66579 10.5357 6.4138V6.57295C10.5835 7.27321 11.1882 7.81433 11.8885 7.76658H12.0795C12.7797 7.70292 13.289 7.09815 13.2413 6.4138C13.2413 5.66579 12.6365 5.06101 11.8885 5.06101ZM13.1935 16.8223H14.1007C14.2599 16.8223 14.4031 16.9655 14.4031 17.1247V17.7294C14.4031 17.9045 14.2599 18.0318 14.1007 18.0318H9.8832C9.70813 18.0318 9.58081 17.8886 9.58081 17.7294V17.1247C9.58081 16.9496 9.72405 16.8223 9.8832 16.8223H10.7904V10.7905H9.8832C9.70813 10.7905 9.58081 10.6472 9.58081 10.4881V9.88329C9.58081 9.70823 9.72405 9.58091 9.8832 9.58091H12.5888C12.923 9.58091 13.1935 9.85146 13.1935 10.1857V16.8223Z" fill="currentColor"/>
+</svg>

package/src/icons/Locker.svg

@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_3785_11045)">
+        <path vector-effect="non-scaling-stroke" d="M7.33 11H16.66C17.4 11 17.99 11.81 17.99 12.82V19.18C17.99 20.18 17.39 21 16.66 21H7.33C6.59 21 6 20.19 6 19.18V12.82C6 11.82 6.6 11 7.33 11Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+        <path vector-effect="non-scaling-stroke" d="M8.5 10.86V6.5C8.5 4.57 10.07 3 12 3C13.93 3 15.5 4.57 15.5 6.5V10.86" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_3785_11045">
+            <rect width="13.5" height="19.5" fill="white" transform="translate(5.25 2.25)"/>
+        </clipPath>
+    </defs>
+</svg>

package/src/icons/Minus.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.3332 11.75H6.6665" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round" vector-effect="non-scaling-stroke" fill="none" stroke="currentColor"/>
+</svg>

package/src/icons/Order.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" d="M12 22.2125L2 18.375V5.76245L12 9.66245V22.2125Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M12 22.2125L22 18.375V5.76245L12 9.66245V22.2125Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M2 5.76249L12 1.79999L22 5.76249L12 9.66249L2 5.76249Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M7.41309 3.61249L17.4131 7.52499V11.3625" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/icons/OrderError.svg

@@ -0,0 +1,15 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_4797_15331)">
+        <path vector-effect="non-scaling-stroke" d="M10.25 20.91L1.5 17.55V6.51996L10.25 9.92996V20.91Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+        <path vector-effect="non-scaling-stroke" d="M6.24023 4.64001L14.9902 8.06001V11.42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+        <path class="error-icon" vector-effect="non-scaling-stroke" d="M19 13.31L15.5 19.37H22.5L19 13.31Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+        <path class="error-icon" vector-effect="non-scaling-stroke" d="M19.0202 17.11H18.9802L18.9502 15.56H19.0502L19.0202 17.11ZM18.9602 18.29V18.06H19.0502V18.29H18.9602Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+        <path vector-effect="non-scaling-stroke" d="M19 12.16V6.51996L10.25 9.92996V20.91L14.27 19.37L14.4 19.32" stroke="currentColor" stroke-linejoin="round"/>
+        <path vector-effect="non-scaling-stroke" d="M1.5 6.51999L10.25 3.04999L19 6.51999L10.25 9.92999L1.5 6.51999Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_4797_15331">
+            <rect width="22" height="18.86" fill="white" transform="translate(1 2.54999)"/>
+        </clipPath>
+    </defs>
+</svg>

package/src/icons/OrderSuccess.svg

@@ -0,0 +1,15 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_4797_15077)">
+        <path vector-effect="non-scaling-stroke" d="M10.15 20.85L1.5 17.53V6.63L10.15 10V20.85Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+        <path vector-effect="non-scaling-stroke" d="M1.5 6.63001L10.15 3.20001L18.8 6.63001L10.15 10L1.5 6.63001Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+        <path vector-effect="non-scaling-stroke" d="M6.17969 4.77002L14.8297 8.15002V11.47" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+        <path vector-effect="non-scaling-stroke" d="M18.7896 12.64V6.63L10.1396 10V20.85L14.8296 19.05" stroke="currentColor" stroke-linejoin="round"/>
+        <path class="success-icon" vector-effect="non-scaling-stroke" d="M15.71 17.26C15.71 15.38 17.23 13.86 19.11 13.86C20.99 13.86 22.51 15.38 22.51 17.26C22.51 19.14 20.99 20.66 19.11 20.66C17.23 20.66 15.71 19.14 15.71 17.26Z" stroke="currentColor"/>
+        <path class="success-icon" vector-effect="non-scaling-stroke" d="M17.4805 17.49L18.5605 18.41L20.7205 16.33" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_4797_15077">
+            <rect width="22" height="18.65" fill="white" transform="translate(1 2.70001)"/>
+        </clipPath>
+    </defs>
+</svg>

package/src/icons/PaymentError.svg

@@ -0,0 +1,16 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_4797_15420)">
+        <path vector-effect="non-scaling-stroke" d="M2.3 4.76999H18.24C18.68 4.76999 19.04 5.12999 19.04 5.56999V6.76999L1.5 6.79999V5.56999C1.5 5.12999 1.86 4.76999 2.3 4.76999Z" stroke="currentColor" />
+        <path vector-effect="non-scaling-stroke" d="M3.86035 13.45H8.13035" stroke="currentColor" stroke-linecap="round"/>
+        <path vector-effect="non-scaling-stroke" d="M13.8904 14.74C14.5504 14.74 15.0904 14.2 15.0904 13.54C15.0904 12.88 14.5504 12.34 13.8904 12.34C13.2304 12.34 12.6904 12.88 12.6904 13.54C12.6904 14.2 13.2304 14.74 13.8904 14.74Z" stroke="currentColor" />
+        <path vector-effect="non-scaling-stroke" d="M15.6902 14.74C16.3502 14.74 16.8902 14.2 16.8902 13.54C16.8902 12.88 16.3502 12.34 15.6902 12.34C15.0302 12.34 14.4902 12.88 14.4902 13.54C14.4902 14.2 15.0302 14.74 15.6902 14.74Z" stroke="currentColor" />
+        <path vector-effect="non-scaling-stroke" d="M19.04 11.91V8.56H1.5V15.34C1.5 15.78 1.86 16.14 2.3 16.14H15.94" stroke="currentColor" />
+        <path class="error-icon" vector-effect="non-scaling-stroke" d="M18.9198 13.03L15.3398 19.23H22.4998L18.9198 13.03Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+        <path class="error-icon" vector-effect="non-scaling-stroke" d="M18.9401 16.92H18.9001L18.8701 15.33H18.9701L18.9401 16.92ZM18.8801 18.13V17.89H18.9701V18.13H18.8801Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_4797_15420">
+            <rect width="22" height="15.46" fill="white" transform="translate(1 4.26999)"/>
+        </clipPath>
+    </defs>
+</svg>

package/src/icons/Placeholder.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" data-name="placeholder_icon" xmlns="http://www.w3.org/2000/svg">
+    <circle vector-effect="non-scaling-stroke" cx="12" cy="12" r="8.25" stroke="currentColor"/>
+</svg>

package/src/icons/PlaceholderFilled.svg

@@ -0,0 +1,4 @@
+<!-- temporary SVG. needs UX validation. -->
+<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" data-name="placeholder_icon_filled" xmlns="http://www.w3.org/2000/svg">
+    <circle vector-effect="non-scaling-stroke" cx="12" cy="12" r="8.25" stroke="currentColor"/>
+</svg>

package/src/icons/Search.svg

@@ -0,0 +1,9 @@
+<svg id="Icon_Search_Base" data-name="Icon – Search – Base" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <g id="Large">
+    <rect id="Placement_area" data-name="Placement area" width="24" height="24" fill="#fff" opacity="0"/>
+    <g id="Search_icon" data-name="Search icon" transform="translate(3.75 3.75)">
+      <circle vector-effect="non-scaling-stroke" id="Ellipse_186" data-name="Ellipse 186" cx="6" cy="6" r="6" fill="none" stroke="currentColor"/>
+      <line vector-effect="non-scaling-stroke" id="Line_556" data-name="Line 556" x2="6" y2="6" transform="translate(10.5 10.5)" fill="none" stroke="currentColor"/>
+    </g>
+  </g>
+</svg>

package/src/icons/SearchFilled.svg

@@ -0,0 +1,10 @@
+<!-- temporary SVG. needs UX validation. -->
+<svg id="Icon_Search_Base_Filled" data-name="Icon – Search – Base" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <g id="Large">
+    <rect id="Placement_area" data-name="Placement area" width="24" height="24" fill="#fff" opacity="0"/>
+    <g id="Search_icon_filled" data-name="Search icon filled" transform="translate(3.75 3.75)">
+      <circle vector-effect="non-scaling-stroke" id="Ellipse_186" data-name="Ellipse 186" cx="6" cy="6" r="6" fill="#fff" stroke="currentColor"/>
+      <line vector-effect="non-scaling-stroke" id="Line_556" data-name="Line 556" x2="6" y2="6" transform="translate(10.5 10.5)" fill="none" stroke="currentColor"/>
+    </g>
+  </g>
+</svg>

package/src/icons/Sort.svg

@@ -0,0 +1,12 @@
+<svg id="Icon_Sort_Base" data-name="Icon – Sort – Base" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <g id="Large">
+    <rect id="Placement_area" data-name="Placement area" width="24" height="24" fill="#fff" opacity="0"/>
+    <g id="Sort_icon" data-name="Sort icon" transform="translate(-0.049 -3.509)">
+      <path vector-effect="non-scaling-stroke" id="Path_38562" data-name="Path 38562" d="M309.634,376.594l-1.5,1.5-1.5-1.5" transform="translate(-290.537 -358.082)" fill="none" stroke="currentColor"/>
+      <line vector-effect="non-scaling-stroke" id="Line_510" data-name="Line 510" x2="6.833" transform="translate(5 15.509)" fill="none" stroke="currentColor"/>
+      <line vector-effect="non-scaling-stroke" id="Line_511" data-name="Line 511" x2="8.121" transform="translate(5 11.645)" fill="none" stroke="currentColor"/>
+      <line vector-effect="non-scaling-stroke" id="Line_511-2" data-name="Line 511" y2="9.017" transform="translate(17.593 11)" fill="none" stroke="currentColor"/>
+      <line vector-effect="non-scaling-stroke" id="Line_512" data-name="Line 512" x2="5.545" transform="translate(5 19.373)" fill="none" stroke="currentColor"/>
+    </g>
+  </g>
+</svg>

package/src/icons/Star.svg

@@ -0,0 +1,8 @@
+<svg id="Icon_Star_Base" data-name="Icon – Star – Base" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <g id="Large">
+    <rect id="Placement_area" data-name="Placement area" width="24" height="24" fill="#fff" opacity="0"/>
+    <g id="Star_icon" data-name="Star icon" transform="translate(62.957 -41.621)">
+      <path vector-effect="non-scaling-stroke" id="Path_884138" data-name="Path 884138" d="M12.443,1.708l2.5,6.656a.285.285,0,0,0,.253.185l7.075.334a.431.431,0,0,1,.247.764L17,14.1a.286.286,0,0,0-.1.3l1.867,6.865a.427.427,0,0,1-.646.472L12.2,17.834a.285.285,0,0,0-.313,0L5.966,21.74a.428.428,0,0,1-.646-.472L7.187,14.4a.286.286,0,0,0-.1-.3L1.564,9.645a.431.431,0,0,1-.064-.6.427.427,0,0,1,.312-.159l7.075-.334a.285.285,0,0,0,.253-.185l2.5-6.653a.427.427,0,0,1,.8,0Z" transform="translate(-63 42)" fill="none" stroke="currentColor"/>
+    </g>
+  </g>
+</svg>

package/src/icons/Trash.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+<path d="M1 5H23" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
+<path d="M17.3674 22H6.63446C5.67952 22 4.88992 21.2688 4.8379 20.3338L4 5H20L19.1621 20.3338C19.1119 21.2688 18.3223 22 17.3655 22H17.3674Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
+<path d="M9.87189 2H14.1281C14.6085 2 15 2.39766 15 2.88889V5H9V2.88889C9 2.39912 9.39006 2 9.87189 2Z" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
+<path d="M8.87402 8.58057L9.39348 17.682" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
+<path d="M14.6673 8.58057L14.146 17.682" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
+</svg>

package/src/icons/User.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" d="M11.8052 14.4968C10.8552 14.4968 9.9752 14.0268 9.4452 13.2368L9.4152 13.1868L9.3852 13.1268C8.1352 11.2268 7.5352 8.96681 7.6852 6.68681C7.7552 4.42681 9.6052 2.61681 11.8652 2.60681H12.0052C14.2752 2.47681 16.2152 4.21681 16.3452 6.47681C16.3452 6.55681 16.3452 6.62681 16.3452 6.70681C16.4852 8.94681 15.9052 11.1768 14.6852 13.0568L14.6052 13.1768C14.0552 13.9868 13.1352 14.4668 12.1652 14.4768H12.0052C11.9352 14.4768 11.8652 14.4868 11.7952 14.4868L11.8052 14.4968Z" stroke="currentColor"/>
+    <path vector-effect="non-scaling-stroke" d="M4.3252 21.5469C4.3552 20.4169 4.4752 19.2869 4.6752 18.1769C4.8952 17.1669 6.4752 16.0269 8.9052 15.1569C9.2352 15.0369 9.4852 14.7869 9.5952 14.4569L9.8052 14.0269" stroke="currentColor"/>
+    <path vector-effect="non-scaling-stroke" d="M14.425 14.4069L14.165 14.1569C14.375 14.5969 14.725 14.9569 15.155 15.1869C16.945 15.7969 19.125 16.9569 19.375 18.2069C19.585 19.3069 19.685 20.4269 19.675 21.5369" stroke="currentColor"/>
+</svg>

package/src/icons/View.svg

@@ -0,0 +1,14 @@
+<svg id="Icon_View_Base" data-name="Icon – View – Base" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <g id="Small" transform="translate(314 1477)">
+    <rect id="Placement_area" data-name="Placement area" width="16" height="16" transform="translate(-310 -1473)" fill="#fff" opacity="0"/>
+  </g>
+  <g id="Large">
+    <rect id="Placement_area-2" data-name="Placement area" width="24" height="24" fill="#fff" opacity="0"/>
+    <g id="View_icon" data-name="View icon" transform="translate(3.75 3.75)">
+      <circle vector-effect="non-scaling-stroke" id="Ellipse_186" data-name="Ellipse 186" cx="6" cy="6" r="6" fill="none" stroke="currentColor"/>
+      <line vector-effect="non-scaling-stroke" id="Line_556" data-name="Line 556" x2="6" y2="6" transform="translate(10.5 10.5)" fill="none" stroke="currentColor"/>
+      <line vector-effect="non-scaling-stroke" id="Line_575" data-name="Line 575" x1="4.803" y2="4.803" transform="translate(6 2.604) rotate(45)" fill="none" stroke="currentColor"/>
+      <line vector-effect="non-scaling-stroke" id="Line_576" data-name="Line 576" x1="4.803" y1="4.803" transform="translate(6 2.604) rotate(45)" fill="none" stroke="currentColor"/>
+    </g>
+  </g>
+</svg>

package/src/icons/Wallet.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" d="M17.93 14.8V18.75H5.97C4.75 18.75 3.75 17.97 3.75 17V6.5M3.75 6.5C3.75 5.53 4.74 4.75 5.97 4.75H15.94V8.25H5.97C4.75 8.25 3.75 7.47 3.75 6.5Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M19.35 11.64H14.04V14.81H19.35V11.64Z" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+    <path vector-effect="non-scaling-stroke" d="M17.9304 11.64V8.25H15.1504" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+

package/src/icons/Warning.svg

@@ -0,0 +1,12 @@
+<svg id="Icon_Warning_Base" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_841_1324)">
+        <path vector-effect="non-scaling-stroke" d="M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+        <path vector-effect="non-scaling-stroke" d="M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_841_1324">
+        <rect width="24" height="21" fill="white" transform="translate(0 1.5)"/>
+        </clipPath>
+    </defs>
+</svg>
+

package/src/icons/WarningFilled.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" fill-rule="evenodd" clip-rule="evenodd" d="M1 20.8953L12.1922 1.5L23.395 20.8953H1ZM13.0278 13.9638L13.25 10.0377V9H11.25V10.0377L11.4722 13.9638H13.0278ZM11.2994 16V17.7509H13.2253V16H11.2994Z" fill="currentColor" />
+</svg>

package/src/icons/WarningWithCircle.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path vector-effect="non-scaling-stroke" d="M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z" stroke="currentColor" />
+    <path vector-effect="non-scaling-stroke" d="M11.75 5.88423V4.75H12.25V5.88423L12.0485 13.0713H11.9515L11.75 5.88423ZM11.7994 18.25V16.9868H12.2253V18.25H11.7994Z"  stroke="currentColor" />
+</svg>

package/src/icons/index.ts

@@ -0,0 +1,42 @@
+export { default as Add } from './Add.svg';
+export { default as Bulk } from './Bulk.svg';
+export { default as Burger } from './Burger.svg';
+export { default as Cart } from './Cart.svg';
+export { default as Check } from './Check.svg';
+export { default as ChevronDown } from './ChevronDown.svg';
+export { default as ChevronUp } from './ChevronUp.svg';
+export { default as ChevronRight } from './ChevronRight.svg';
+export { default as Close } from './Close.svg';
+export { default as Heart } from './Heart.svg';
+export { default as Minus } from './Minus.svg';
+export { default as Placeholder } from './Placeholder.svg';
+export { default as PlaceholderFilled } from './PlaceholderFilled.svg';
+export { default as Search } from './Search.svg';
+export { default as SearchFilled } from './SearchFilled.svg';
+export { default as Sort } from './Sort.svg';
+export { default as Star } from './Star.svg';
+export { default as View } from './View.svg';
+export { default as User } from './User.svg';
+export { default as Warning } from './Warning.svg';
+export { default as Locker } from './Locker.svg';
+export { default as Wallet } from './Wallet.svg';
+export { default as Card } from './Card.svg';
+export { default as Order } from './Order.svg';
+export { default as Delivery } from './Delivery.svg';
+export { default as OrderError } from './OrderError.svg';
+export { default as OrderSuccess } from './OrderSuccess.svg';
+export { default as PaymentError } from './PaymentError.svg';
+export { default as CheckWithCircle } from './CheckWithCircle.svg';
+export { default as WarningWithCircle } from './WarningWithCircle.svg';
+export { default as WarningFilled } from './WarningFilled.svg';
+export { default as InfoFilled } from './InfoFilled.svg';
+export { default as HeartFilled } from './HeartFilled.svg';
+export { default as Trash } from './Trash.svg';
+export { default as Eye } from './Eye.svg';
+export { default as EyeClose } from './EyeClose.svg';
+export { default as Date } from './Date.svg';
+export { default as AddressBook } from './AddressBook.svg';
+export { default as EmptyBox } from './EmptyBox.svg';
+export { default as Coupon } from './Coupon.svg';
+export { default as Gift } from './Gift.svg';
+export { default as GiftCard } from './GiftCard.svg';

package/src/lib/classes.ts

@@ -0,0 +1,25 @@
+// @ts-ignore
+import { JSXInternal } from 'preact/src/jsx';
+
+type ClassName = string | JSXInternal.SignalLike<string | undefined>;
+
+export const classes = (
+  classes: Array<ClassName | [ClassName, boolean] | undefined>
+) => {
+  const result = classes.reduce((result, item) => {
+    if (!item) return result;
+
+    if (typeof item === 'string') result += ` ${item}`;
+
+    if (Array.isArray(item)) {
+      const [className, isActive] = item;
+      if (className && isActive) {
+        result += ` ${className}`;
+      }
+    }
+
+    return result;
+  }, '') as string;
+
+  return result.trim();
+};

package/src/lib/config.ts

@@ -0,0 +1,15 @@
+export class Config<T> {
+  private config: T;
+
+  constructor(initialConfig: T) {
+    this.config = initialConfig;
+  }
+
+  getConfig(): T {
+    return this.config;
+  }
+
+  setConfig(newConfig: T): void {
+    this.config = newConfig;
+  }
+}

package/src/lib/debounce.ts

@@ -0,0 +1,7 @@
+export const debounce = (fn: Function, ms: number) => {
+  let timeoutId: ReturnType<typeof setTimeout>;
+  return function (this: any, ...args: any[]) {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => fn.apply(this, args), ms);
+  };
+};

package/src/lib/deepmerge.ts

@@ -0,0 +1,36 @@
+import deepmerge from 'deepmerge';
+
+export { default as deepmerge } from 'deepmerge';
+
+const mergeOptions = {
+  arrayMerge: (target: any, source: any, options: any) => {
+    const destination = target.slice();
+
+    source.forEach((item: any, index: number) => {
+      if (typeof destination[index] === 'undefined') {
+        destination[index] = options.cloneUnlessOtherwiseSpecified(
+          item,
+          options
+        );
+      } else if (options.isMergeableObject(item)) {
+        destination[index] = deepmerge(target[index], item, options);
+      } else if (target.indexOf(item) === -1) {
+        destination.push(item);
+      }
+    });
+    return destination;
+  },
+};
+
+export function merge<T>(
+  prev: T,
+  next?: { [key: string]: any }
+) {
+  if (!next) return prev;
+
+  return deepmerge<T, { [key: string]: any }>(
+    prev,
+    next,
+    mergeOptions
+  );
+}

package/src/lib/deviceUtils.ts

@@ -0,0 +1,7 @@
+export const isIOSMobileDevice = () => {
+  const userAgent = navigator.userAgent.toLowerCase();
+  const isIOS = /ipad|iphone|ipod/.test(userAgent);
+  const isMacWithTouch = userAgent.includes('mac') && 'ontouchend' in document;
+
+  return isIOS || isMacWithTouch;
+};

package/src/lib/form-values.ts

@@ -0,0 +1,22 @@
+export const getFormValues = (form: HTMLFormElement) => {
+  const formData: any = new FormData(form);
+  const result = Object.fromEntries(formData);
+  return result;
+};
+
+export const getFormErrors = (form: HTMLFormElement) => {
+  const formData: any = new FormData(form);
+
+  const data = Object.fromEntries(formData);
+
+  const result = Object.entries(data).reduce((result, [key]) => {
+    // @ts-ignore
+    const field = form.elements[key];
+
+    return field?.validationMessage
+      ? { ...result, [key]: field.validationMessage }
+      : { ...result };
+  }, {});
+
+  return result;
+};