@croquiscom/pds 1.0.1 → 1.2.1

package/assets/icons/LoadingDonuts.svg

@@ -0,0 +1,25 @@
+<svg
+  x='0px'
+  y='0px'
+  width='30'
+  height='30'
+  viewBox='0 0 50 50'
+  color='#363644'
+  version='1.1'
+  xmlSpace='preserve'
+>
+  <path
+    fill='#363644'
+    d='M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z'
+  >
+    <animateTransform
+      attributeType='xml'
+      attributeName='transform'
+      type='rotate'
+      from='0 25 25'
+      to='360 25 25'
+      dur='0.6s'
+      repeatCount='indefinite'
+    />
+  </path>
+</svg>

package/assets/icons/LoadingDots.svg

@@ -0,0 +1,21 @@
+<svg
+  version='1.1'
+  id='L4'
+  height='8'
+  width='30'
+  x='10'
+  y='10'
+  viewBox='0 0 40 8'
+  enableBackground='new 0 0 0 0'
+  xmlSpace='preserve'
+>
+  <circle fill='#363644' stroke='none' cx='4.8' cy='4' r='4.8'>
+    <animate attributeName='opacity' dur='1s' values='0;1;0' repeatCount='indefinite' begin='0.1' />
+  </circle>
+  <circle fill='#363644' stroke='none' cx='20' cy='4' r='4.8'>
+    <animate attributeName='opacity' dur='1s' values='0;1;0' repeatCount='indefinite' begin='0.2' />
+  </circle>
+  <circle fill='#363644' stroke='none' cx='35.2' cy='4' r='4.8'>
+    <animate attributeName='opacity' dur='1s' values='0;1;0' repeatCount='indefinite' begin='0.3' />
+  </circle>
+</svg>

package/assets/icons/Lock.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 fill-rule="evenodd" clip-rule="evenodd" d="M19.5 10H4.5V21H19.5V10ZM3 8.5V22.5H21V8.5H3Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 16.25H9V14.75H15V16.25Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.25C10.1815 2.25 8.75 3.67001 8.75 5.36988V8.5H7.25V5.36988C7.25 2.79521 9.40022 0.75 12 0.75C14.5998 0.75 16.75 2.79521 16.75 5.36988V8.5H15.25V5.36988C15.25 3.67001 13.8185 2.25 12 2.25Z" fill="#363644"/>
+</svg>

package/assets/icons/Megaphone.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 fill-rule="evenodd" clip-rule="evenodd" d="M4 14.9605L17 19.8355V4.1645L4 9.0395V14.9605ZM2.5 8V16L18.5 22V2L2.5 8Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.29517 22.2563L5.29517 16.7563L6.70486 16.2437L8.70486 21.7437L7.29517 22.2563Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.75 12C20.75 10.2051 19.2949 8.75 17.5 8.75V7.25C20.1234 7.25 22.25 9.37665 22.25 12C22.25 14.6234 20.1234 16.75 17.5 16.75V15.25C19.2949 15.25 20.75 13.7949 20.75 12Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.75 17V7H9.25V17H7.75Z" fill="#363644"/>
+</svg>

package/assets/icons/Message.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 fill-rule="evenodd" clip-rule="evenodd" d="M4.54258 16.1083L3.95278 20.0479L7.85163 19.4358L8.2759 19.6429C9.40026 20.1917 10.6639 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 13.3232 3.80237 14.5754 4.34136 15.6916L4.54258 16.1083ZM2.16677 21.8467L2.9906 16.3439C2.35556 15.0288 2 13.554 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C10.4308 22 8.94258 21.6375 7.61788 20.9908L2.16677 21.8467Z" fill="#363644"/>
+<path d="M8 13C8.55228 13 9 12.5523 9 12C9 11.4477 8.55228 11 8 11C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13Z" fill="#363644"/>
+<path d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z" fill="#363644"/>
+<path d="M16 13C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11C15.4477 11 15 11.4477 15 12C15 12.5523 15.4477 13 16 13Z" fill="#363644"/>
+</svg>

package/assets/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 fill-rule="evenodd" clip-rule="evenodd" d="M21 12.75H3V11.25H21V12.75Z" fill="#363644"/>
+</svg>

package/assets/icons/Move.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 d="M16 5C16 3.34315 17.3431 2 19 2C20.6569 2 22 3.34315 22 5C22 6.65685 20.6569 8 19 8C17.3431 8 16 6.65685 16 5Z" fill="#363644"/>
+<path d="M2 5C2 3.34315 3.34315 2 5 2C6.65685 2 8 3.34315 8 5C8 6.65685 6.65685 8 5 8C3.34315 8 2 6.65685 2 5Z" fill="#363644"/>
+<path d="M2 19C2 17.3431 3.34315 16 5 16C6.65685 16 8 17.3431 8 19C8 20.6569 6.65685 22 5 22C3.34315 22 2 20.6569 2 19Z" fill="#363644"/>
+<path d="M16 19C16 17.3431 17.3431 16 19 16C20.6569 16 22 17.3431 22 19C22 20.6569 20.6569 22 19 22C17.3431 22 16 20.6569 16 19Z" fill="#363644"/>
+</svg>

package/assets/icons/New.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="M2 22H7.48885V9.52976H7.62607L15.8594 22H22V2H16.5112V13.1905H16.4082L8.96398 2H2V22Z" fill="#363644"/>
+</svg>

package/assets/icons/NumEightFill.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="M2 5.33333C2 3.49238 3.49238 2 5.33333 2H18.6667C20.5076 2 22 3.49238 22 5.33333V18.6667C22 20.5076 20.5076 22 18.6667 22H5.33333C3.49238 22 2 20.5076 2 18.6667V5.33333Z" fill="#363644"/>
+<path d="M11.9934 16.5747C14.1419 16.5747 15.6914 15.4419 15.6914 13.9054C15.6914 12.7205 14.7669 11.757 13.6211 11.5747V11.5096C14.6106 11.3143 15.3333 10.4614 15.3398 9.42627C15.3333 7.96143 13.9205 6.88721 11.9934 6.88721C10.0664 6.88721 8.65361 7.96143 8.66012 9.42627C8.65361 10.4614 9.35673 11.3143 10.3789 11.5096V11.5747C9.20699 11.757 8.29553 12.7205 8.29553 13.9054C8.29553 15.4419 9.8385 16.5747 11.9934 16.5747ZM10.3398 13.7101C10.3333 12.8898 11.0364 12.2974 11.9934 12.2909C12.9505 12.2974 13.6536 12.8963 13.6471 13.7101C13.6536 14.5174 12.9895 15.0838 11.9934 15.0773C10.9974 15.0838 10.3333 14.5174 10.3398 13.7101ZM10.5742 9.62158C10.5677 8.88591 11.1471 8.37158 11.9934 8.37158C12.8333 8.37158 13.4192 8.88591 13.4257 9.62158C13.4192 10.3768 12.8203 10.9041 11.9934 10.9106C11.1601 10.9041 10.5677 10.3768 10.5742 9.62158Z" fill="white"/>
+</svg>

package/assets/icons/NumFiveFill.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="M2 5.33333C2 3.49238 3.49238 2 5.33333 2H18.6667C20.5076 2 22 3.49238 22 5.33333V18.6667C22 20.5076 20.5076 22 18.6667 22H5.33333C3.49238 22 2 20.5076 2 18.6667V5.33333Z" fill="#363644"/>
+<path d="M12.026 16.5746C14.1484 16.5746 15.5937 15.2139 15.5937 13.3064C15.5937 11.4965 14.3046 10.2009 12.5729 10.2074C11.7461 10.2009 11.0299 10.5395 10.6849 11.0017H10.6067L10.8671 8.6189H15.0599V7.01733H9.25256L8.74475 12.447H10.5156C10.7955 11.9197 11.2903 11.6528 12 11.6528C12.9895 11.6593 13.6992 12.3559 13.6927 13.3585C13.6992 14.3416 13.0026 15.0317 12.026 15.0251C11.2057 15.0317 10.5351 14.5238 10.4895 13.7882H8.5885C8.62105 15.4158 10.0599 16.5746 12.026 16.5746Z" fill="white"/>
+</svg>

package/assets/icons/NumFourFill.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="M2 5.33333C2 3.49238 3.49238 2 5.33333 2H18.6667C20.5076 2 22 3.49238 22 5.33333V18.6667C22 20.5076 20.5076 22 18.6667 22H5.33333C3.49238 22 2 20.5076 2 18.6667V5.33333Z" fill="#363644"/>
+<path d="M8.20447 14.7778H12.7878V16.4444H14.6498V14.7778H15.8477V13.2022H14.6498V7.01733H12.1888L8.20447 13.2283V14.7778ZM10.1836 13.2022V13.1241L12.7227 9.16577H12.8138V13.2022H10.1836Z" fill="white"/>
+</svg>

package/assets/icons/NumNineFill.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="M2 5.33333C2 3.49238 3.49238 2 5.33333 2H18.6667C20.5076 2 22 3.49238 22 5.33333V18.6667C22 20.5076 20.5076 22 18.6667 22H5.33333C3.49238 22 2 20.5076 2 18.6667V5.33333Z" fill="#363644"/>
+<path d="M11.8958 6.88711C9.76693 6.8806 8.32812 8.26081 8.32812 10.1553C8.34115 11.9131 9.59115 13.1892 11.2839 13.1892C12.332 13.1892 13.263 12.6944 13.7057 11.8611H13.7839C13.7773 13.7426 13.1003 14.8949 11.8177 14.8949C11.0625 14.8949 10.5221 14.4848 10.3594 13.7881H8.43229C8.62109 15.3832 9.92318 16.5746 11.8177 16.5746C14.1875 16.5746 15.7044 14.6866 15.6979 11.4835C15.6979 8.05898 13.849 6.89362 11.8958 6.88711ZM10.2422 10.1033C10.2292 9.16575 10.9453 8.43008 11.9089 8.42357C12.8724 8.43008 13.5755 9.1918 13.5885 10.0902C13.5885 10.9952 12.8529 11.7569 11.8958 11.7569C10.9258 11.7569 10.2422 11.0342 10.2422 10.1033Z" fill="white"/>
+</svg>

package/assets/icons/NumOneFill.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="M2 5.33333C2 3.49238 3.49238 2 5.33333 2H18.6667C20.5076 2 22 3.49238 22 5.33333V18.6667C22 20.5076 20.5076 22 18.6667 22H5.33333C3.49238 22 2 20.5076 2 18.6667V5.33333Z" fill="#363644"/>
+<path d="M13.6797 7.01733H11.8307L9.5 8.50171V10.2335L11.6615 8.87931H11.7135V16.4444H13.6797V7.01733Z" fill="white"/>
+</svg>

package/assets/icons/NumSevenFill.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="M2 5.33333C2 3.49238 3.49238 2 5.33333 2H18.6667C20.5076 2 22 3.49238 22 5.33333V18.6667C22 20.5076 20.5076 22 18.6667 22H5.33333C3.49238 22 2 20.5076 2 18.6667V5.33333Z" fill="#363644"/>
+<path d="M9.27214 16.4444H11.3034L15.2747 8.64494V7.01733H8.62109V8.6189H13.2435V8.684L9.27214 16.4444Z" fill="white"/>
+</svg>

package/assets/icons/NumSixFill.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="M2 5.33333C2 3.49238 3.49238 2 5.33333 2H18.6667C20.5076 2 22 3.49238 22 5.33333V18.6667C22 20.5076 20.5076 22 18.6667 22H5.33333C3.49238 22 2 20.5076 2 18.6667V5.33333Z" fill="#363644"/>
+<path d="M12.1042 16.5747C14.2331 16.5812 15.6784 15.2075 15.6719 13.2935C15.6784 11.5161 14.4154 10.2466 12.7162 10.2466C11.6745 10.2466 10.7435 10.7349 10.3073 11.5747H10.2162C10.2292 9.71924 10.8998 8.56689 12.1823 8.56689C12.9441 8.56689 13.4844 8.97705 13.6407 9.6346H15.5678C15.379 8.08512 14.0769 6.88721 12.1823 6.88721C9.82558 6.88721 8.30865 8.76872 8.30214 11.9523C8.29563 15.4028 10.1576 16.5682 12.1042 16.5747ZM10.4115 13.3455C10.4245 12.4276 11.1537 11.6724 12.1172 11.6659C13.0743 11.6724 13.7709 12.4015 13.7709 13.3455C13.7709 14.2961 13.0613 15.0317 12.0912 15.0252C11.1277 15.0317 10.4245 14.27 10.4115 13.3455Z" fill="white"/>
+</svg>

package/assets/icons/NumTenFill.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 d="M2 5.33333C2 3.49238 3.49238 2 5.33333 2H18.6667C20.5076 2 22 3.49238 22 5.33333V18.6667C22 20.5076 20.5076 22 18.6667 22H5.33333C3.49238 22 2 20.5076 2 18.6667V5.33333Z" fill="#363644"/>
+<path d="M9.27869 7.01742H7.42973L5.099 8.50179V10.2336L7.26046 8.87939H7.31254V16.4445H9.27869V7.01742Z" fill="white"/>
+<path d="M15.125 16.5747C17.4818 16.5747 18.9141 14.8299 18.9141 11.731C18.9141 8.65153 17.4753 6.88721 15.125 6.88721C12.7748 6.88721 11.336 8.65153 11.336 11.731C11.336 14.8169 12.7618 16.5747 15.125 16.5747ZM13.3412 11.731C13.3412 9.57601 14.0378 8.49528 15.125 8.48877C16.2123 8.49528 16.9154 9.57601 16.9089 11.731C16.9154 13.9054 16.2188 14.9601 15.125 14.9601C14.0313 14.9601 13.3282 13.9054 13.3412 11.731Z" fill="white"/>
+</svg>

package/assets/icons/NumThreeFill.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="M2 5.33333C2 3.49238 3.49238 2 5.33333 2H18.6667C20.5076 2 22 3.49238 22 5.33333V18.6667C22 20.5076 20.5076 22 18.6667 22H5.33333C3.49238 22 2 20.5076 2 18.6667V5.33333Z" fill="#363644"/>
+<path d="M11.974 16.5747C14.1029 16.5747 15.6329 15.4159 15.6198 13.8013C15.6329 12.6229 14.8711 11.783 13.4844 11.6138V11.5356C14.5391 11.3468 15.2748 10.5981 15.2683 9.54346C15.2748 8.05257 13.9662 6.88721 12 6.88721C10.0664 6.88721 8.60811 8.01351 8.57556 9.6346H10.4506C10.4831 8.91195 11.1667 8.4432 12 8.44971C12.8334 8.4432 13.3868 8.93799 13.3802 9.66064C13.3868 10.4028 12.7357 10.9106 11.8047 10.9106H10.9323V12.356H11.8047C12.9115 12.3625 13.5951 12.9028 13.5886 13.6711C13.5951 14.4328 12.9245 14.9536 11.987 14.9601C11.0756 14.9536 10.392 14.4914 10.3594 13.7882H8.38025C8.41931 15.4354 9.90369 16.5747 11.974 16.5747Z" fill="white"/>
+</svg>

package/assets/icons/NumTwoFill.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="M2 5.33333C2 3.49238 3.49238 2 5.33333 2H18.6667C20.5076 2 22 3.49238 22 5.33333V18.6667C22 20.5076 20.5076 22 18.6667 22H5.33333C3.49238 22 2 20.5076 2 18.6667V5.33333Z" fill="#363644"/>
+<path d="M8.6732 16.4445H15.418V14.8299H11.3946V14.7778L12.8268 13.3846C14.7669 11.6268 15.2878 10.7479 15.2878 9.67367C15.2878 8.03955 13.9466 6.88721 11.9284 6.88721C9.94273 6.88721 8.57554 8.06559 8.58205 9.90804H10.444C10.4375 9.00309 11.0169 8.4432 11.9024 8.44971C12.7683 8.4432 13.3998 8.96403 13.3998 9.80387C13.3998 10.5526 12.9245 11.0734 12.0456 11.9132L8.66018 15.0252L8.6732 16.4445Z" fill="white"/>
+</svg>

package/assets/icons/PauseFill.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="M14.3333 20H19V4H14.3333M5 20H9.66667V4H5V20Z" fill="#363644"/>
+</svg>

package/assets/icons/Picture.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 fill-rule="evenodd" clip-rule="evenodd" d="M16.5 8.75C16.0858 8.75 15.75 9.08579 15.75 9.5C15.75 9.91421 16.0858 10.25 16.5 10.25C16.9142 10.25 17.25 9.91421 17.25 9.5C17.25 9.08579 16.9142 8.75 16.5 8.75ZM14.25 9.5C14.25 8.25736 15.2574 7.25 16.5 7.25C17.7426 7.25 18.75 8.25736 18.75 9.5C18.75 10.7426 17.7426 11.75 16.5 11.75C15.2574 11.75 14.25 10.7426 14.25 9.5Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.53365 9.84148L10.5119 14.8142L12.9696 11.865L20.0496 19.4897L18.9504 20.5103L13.0304 14.135L10.4881 17.1858L6.46635 12.1585L2.55747 16.5017L1.44253 15.4983L6.53365 9.84148Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5 4.5H2.5V19.5H21.5V4.5ZM1 3V21H23V3H1Z" fill="#363644"/>
+</svg>

package/assets/icons/Pin.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="M13.7656 2.4696L21.5303 10.2343L20.4697 11.295L19.4808 10.3061L13.859 15.9279L13.6309 19.6342C13.6128 19.9287 13.4238 20.1851 13.1479 20.2896C12.8721 20.394 12.5606 20.3271 12.352 20.1185L8.64704 16.4135L3.53031 21.5303L2.46965 20.4696L7.58638 15.3529L3.88141 11.6479C3.67283 11.4393 3.60589 11.1279 3.71034 10.852C3.8148 10.5761 4.07126 10.3871 4.36568 10.369L8.072 10.1409L13.6938 4.51912L12.7049 3.53026L13.7656 2.4696ZM14.7545 5.57978L8.93185 11.4024C8.80245 11.5318 8.63022 11.6094 8.44758 11.6206L6.11878 11.764L12.236 17.8811L12.3793 15.5523C12.3905 15.3697 12.4681 15.1975 12.5975 15.0681L18.4201 9.24546L14.7545 5.57978Z" fill="#363644"/>
+</svg>

package/assets/icons/PinColor.svg

@@ -0,0 +1,14 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_574_8)">
+<path d="M4.94118 15.247L10.7153 6.55762L11.6824 7.19291L6.30353 15.2753L4.94118 15.247Z" fill="#363644"/>
+<path d="M4.94118 15.3106L10.7153 24L11.6824 23.3647L6.30353 15.2753L4.94118 15.3106Z" fill="#F1F1F3"/>
+<path d="M11.6785 7.19053L10.7205 6.55322L8.44883 9.96786L9.40681 10.6052L11.6785 7.19053Z" fill="#363644"/>
+<path d="M13.1647 10.3765C16.0301 10.3765 18.3529 8.05362 18.3529 5.18824C18.3529 2.32285 16.0301 0 13.1647 0C10.2993 0 7.97646 2.32285 7.97646 5.18824C7.97646 8.05362 10.2993 10.3765 13.1647 10.3765Z" fill="#FF4177"/>
+<path d="M15.5791 4.3976C16.0586 4.3976 16.4473 4.00888 16.4473 3.52937C16.4473 3.04985 16.0586 2.66113 15.5791 2.66113C15.0996 2.66113 14.7108 3.04985 14.7108 3.52937C14.7108 4.00888 15.0996 4.3976 15.5791 4.3976Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_574_8">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/assets/icons/PlayFill.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="M19 12L6 20L6 4L19 12Z" fill="#363644"/>
+</svg>

package/assets/icons/Plus.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="M11.25 11.25V3H12.75V11.25H21V12.75H12.75V21H11.25V12.75H3V11.25H11.25Z" fill="#363644"/>
+</svg>

package/assets/icons/Refresh.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="M19.2427 6.25L19.1871 6.17645C17.49 4.08471 14.9011 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C16.7607 21.25 20.6823 17.6529 21.1935 13.0287C21.2308 12.6912 21.25 12.348 21.25 12H22.75C22.75 12.4031 22.7278 12.8014 22.6844 13.1935C22.0902 18.5693 17.5338 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C15.3146 1.25 18.2792 2.75098 20.25 5.1076V1H21.75V7.75H15V6.25H19.2427Z" fill="#363644"/>
+</svg>

package/assets/icons/Rocket.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="M17.7493 3.77759C16.1305 3.91804 13.8441 4.64635 11.3599 7.13056C9.43116 9.05928 8.25544 11.1872 7.52707 13.0634C7.3806 13.468 7.48045 13.9183 7.79552 14.2334L8.20434 14.6422L10.2519 12.5947L11.3126 13.6553L9.265 15.7029L9.76659 16.2045C10.082 16.5199 10.5329 16.6196 10.9379 16.4725C12.8169 15.7519 14.939 14.5706 16.8695 12.6401C19.3537 10.1559 20.082 7.86949 20.2224 6.25069C20.2933 5.43342 20.2157 4.76992 20.1235 4.31814C20.095 4.17834 20.0651 4.05905 20.038 3.96205C19.941 3.93486 19.8217 3.905 19.6819 3.87648C19.2301 3.78431 18.5666 3.70669 17.7493 3.77759ZM20.6301 3.36986L20.9276 2.68136L21.2007 2.79933L21.3187 3.07244L20.6301 3.36986ZM19.9408 3.66544L19.9404 3.66441L19.9399 3.66315C19.9398 3.66285 19.9401 3.66362 19.9408 3.66544ZM10.0888 17.9958C9.57475 17.9005 9.0912 17.6504 8.70593 17.2652L8.20434 16.7636L6.90533 18.0626L5.84467 17.0019L7.14368 15.7029L6.73486 15.2941C6.34959 14.9088 6.09954 14.4253 6.0042 13.9112L1.14093 11.818L8.15969 8.64955C8.75617 7.77724 9.46229 6.90682 10.2992 6.0699C13.0274 3.34172 15.6413 2.45485 17.6197 2.28321C18.601 2.19807 19.4103 2.29018 19.9817 2.40675C20.2675 2.46505 20.4943 2.52958 20.6543 2.5815C20.7343 2.60747 20.7978 2.63032 20.8436 2.64773C20.8665 2.65643 20.8851 2.66378 20.8991 2.66948L20.9167 2.67676L20.923 2.67941L20.9255 2.68047L20.9266 2.68094C20.9271 2.68115 20.9276 2.68136 20.6301 3.36986C21.3187 3.07244 21.3189 3.07292 21.3191 3.07342L21.3195 3.0745L21.3206 3.07699L21.3233 3.08326L21.3305 3.10092C21.3362 3.11495 21.3436 3.13349 21.3523 3.15641C21.3697 3.20225 21.3925 3.26567 21.4185 3.3457C21.4704 3.50568 21.535 3.73254 21.5933 4.01829C21.7098 4.58969 21.8019 5.39902 21.7168 6.38034C21.5452 8.35875 20.6583 10.9726 17.9301 13.7008C17.0922 14.5387 16.2215 15.2468 15.3484 15.8449L12.182 22.8591L10.0888 17.9958ZM11.6676 17.8697L12.2147 19.1409L13.0835 17.2164C12.6227 17.4515 12.1507 17.6695 11.6676 17.8697ZM6.78357 10.9165L4.85909 11.7853L6.13031 12.3324C6.33049 11.8494 6.54849 11.3773 6.78357 10.9165ZM13.5734 6.73787C14.5872 5.7241 16.2398 5.7374 17.2512 6.74882C18.2626 7.76025 18.2759 9.41286 17.2621 10.4266C16.2484 11.4404 14.5958 11.4271 13.5843 10.4157C12.5729 9.40425 12.5596 7.75165 13.5734 6.73787ZM16.1905 7.80948C15.7565 7.37546 15.0537 7.3789 14.634 7.79853C14.2144 8.21817 14.211 8.92099 14.645 9.35502C15.079 9.78904 15.7818 9.7856 16.2015 9.36597C16.6211 8.94633 16.6246 8.24351 16.1905 7.80948Z" fill="#363644"/>
+</svg>

package/assets/icons/Search.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="M15.8116 16.8723C14.2436 18.1996 12.2153 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10C19 12.2153 18.1996 14.2436 16.8723 15.8116L23.5303 22.4697L22.4697 23.5303L15.8116 16.8723ZM17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z" fill="#363644"/>
+</svg>

package/assets/icons/Sort.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="M12 4.5L16.5 10.5H7.5L12 4.5Z" fill="#363644"/>
+<path d="M12 19.5L7.5 13.5L16.5 13.5L12 19.5Z" fill="#363644"/>
+</svg>

package/assets/icons/Spoid.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="M16.75 16L8 7.25L9.34615 5.90385L11.0962 7.65385L16.75 2H18.5L22 5.5V7.25L16.3462 12.9038L18.0962 14.6538L16.75 16Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.7416 18.2584L6.16216 18.0842H9.03357L13.8787 13.2391L10.7609 10.1213L5.9158 14.9664V17.8378L5.7416 18.2584ZM4.4158 14.3451L10.7609 8L16 13.2391L9.65489 19.5842H6.16216L3.74636 22L2 20.2536L4.4158 17.8378V14.3451Z" fill="#363644"/>
+</svg>

package/assets/icons/Star.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 17.27L18.18 21L16.54 13.97L22 9.24L14.81 8.62L12 2L9.19 8.62L2 9.24L7.45 13.97L5.82 21L12 17.27Z" fill="#363644"/>
+</svg>

package/assets/icons/Store.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 fill-rule="evenodd" clip-rule="evenodd" d="M5.75 20.25V12.5H4.25V21.75H19.75V12.5H18.25V20.25H5.75Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.20858 2.25H18.7914L18.9446 2.7982L18.2222 3C18.9446 2.7982 18.9445 2.79814 18.9446 2.7982L18.9648 2.87078L19.0215 3.07531C19.0703 3.25179 19.14 3.50476 19.2235 3.81109C19.3907 4.42355 19.6137 5.25032 19.8368 6.10623C20.0597 6.96103 20.2841 7.84981 20.4531 8.58468C20.5375 8.95162 20.6096 9.2862 20.6609 9.5619C20.7085 9.81732 20.75 10.0805 20.75 10.2727C20.75 11.3538 20.3897 12.2457 19.7332 12.8641C19.0849 13.4748 18.2209 13.75 17.3333 13.75C16.2486 13.75 15.2902 13.2388 14.6667 12.4464C14.0431 13.2388 13.0848 13.75 12 13.75C10.9152 13.75 9.95687 13.2388 9.33333 12.4464C8.7098 13.2388 7.75143 13.75 6.66667 13.75C5.77911 13.75 4.91513 13.4748 4.26681 12.8641C3.61027 12.2457 3.25 11.3538 3.25 10.2727C3.25 10.0805 3.2915 9.81732 3.33907 9.5619C3.39041 9.2862 3.46245 8.95162 3.54687 8.58468C3.71594 7.84981 3.94027 6.96103 4.16315 6.10623C4.38632 5.25032 4.60933 4.42355 4.77645 3.81109C4.86004 3.50476 4.92972 3.25179 4.97852 3.07531L5.03522 2.87078L5.05541 2.7983C5.05543 2.79824 5.05544 2.7982 5.77778 3L5.05541 2.7983L5.20858 2.25ZM6.34845 3.75C6.31194 3.88277 6.2699 4.03609 6.22355 4.20596C6.05733 4.81509 5.8359 5.63604 5.61462 6.48468C5.39306 7.33442 5.17295 8.20701 5.00868 8.921C4.92644 9.2785 4.85959 9.59022 4.81371 9.83654C4.79076 9.95977 4.77402 10.0615 4.76324 10.1415C4.75787 10.1812 4.75437 10.2128 4.75228 10.2368C4.75014 10.2615 4.75 10.2724 4.75 10.2727C4.75 11.0098 4.98668 11.4816 5.29529 11.7722C5.61211 12.0707 6.08146 12.25 6.66667 12.25C7.70941 12.25 8.58333 11.3807 8.58333 10.2727H10.0833C10.0833 11.3807 10.9573 12.25 12 12.25C13.0427 12.25 13.9167 11.3807 13.9167 10.2727H15.4167C15.4167 11.3807 16.2906 12.25 17.3333 12.25C17.9185 12.25 18.3879 12.0707 18.7047 11.7722C19.0133 11.4816 19.25 11.0098 19.25 10.2727C19.25 10.2728 19.2499 10.2619 19.2477 10.2368C19.2456 10.2128 19.2421 10.1812 19.2368 10.1415C19.226 10.0615 19.2092 9.95977 19.1863 9.83654C19.1404 9.59022 19.0736 9.2785 18.9913 8.921C18.8271 8.20701 18.6069 7.33442 18.3854 6.48468C18.1641 5.63604 17.9427 4.81509 17.7765 4.20596C17.7301 4.03609 17.6881 3.88277 17.6515 3.75H6.34845Z" fill="#363644"/>
+</svg>

package/assets/icons/Subscription.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 d="M18.1783 6.84694H10.9172V8.39796H18.1783V6.84694Z" fill="#363644"/>
+<path d="M10.9172 10.7245H18.1783V12.2755H10.9172V10.7245Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.09554 2H22V17.3469C22 19.9168 19.9468 22 17.414 22H5.15287V21.9962C3.39759 21.9119 2 20.4413 2 18.6395V7.84694H7.09554V2ZM8.6242 18.6395C8.6242 19.3057 8.43312 19.9266 8.10353 20.449H17.414C19.1025 20.449 20.4713 19.0601 20.4713 17.3469V3.55102H8.6242L8.6242 18.6395ZM7.09554 9.39796H3.52866V18.6395C3.52866 19.6388 4.32714 20.449 5.3121 20.449C6.29707 20.449 7.09554 19.6388 7.09554 18.6395V9.39796Z" fill="#363644"/>
+</svg>

package/assets/icons/ThreeBars.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 fill-rule="evenodd" clip-rule="evenodd" d="M20 7.75H4V6.25H20V7.75Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 12.75H4V11.25H20V12.75Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20 17.75H4V16.25H20V17.75Z" fill="#363644"/>
+</svg>

package/assets/icons/ThumbsUp.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="M11.8365 2.25H12.264C12.968 2.25 13.9714 2.36416 14.7434 2.97397C15.5877 3.6409 15.9678 4.73957 15.7034 6.2771L15.6922 6.34255L14.5687 9.45H19.1429C20.5605 9.45 21.75 10.5698 21.75 12V12.0577L20.25 21.75H2.25V9.25H7.69096L11.8365 2.25ZM8.75 10.4054L12.6802 3.769C13.1262 3.81153 13.532 3.92859 13.8136 4.15103C14.1033 4.37982 14.4134 4.84302 14.2356 5.95955L12.4313 10.95H19.1429C19.7577 10.95 20.2217 11.4132 20.2488 11.9504L18.9643 20.25H8.75V10.4054ZM7.25 20.25V10.75H3.75V20.25H7.25Z" fill="#363644"/>
+</svg>

package/assets/icons/TriangleWarning.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 fill-rule="evenodd" clip-rule="evenodd" d="M12 2.02075L23.3113 21.25H0.688687L12 2.02075ZM3.31131 19.75H20.6887L12 4.97921L3.31131 19.75Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 15V9.49998H12.75V15H11.25Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 18V16.5H12.75V18H11.25Z" fill="#363644"/>
+</svg>

package/assets/icons/Unlock.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 fill-rule="evenodd" clip-rule="evenodd" d="M19.5 10H4.5V21H19.5V10ZM3 8.5V22.5H21V8.5H3Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 16.25H9V14.75H15V16.25Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.25C10.1815 2.25 8.75 3.67001 8.75 5.36988V8.5H7.25V5.36988C7.25 2.79521 9.40022 0.75 12 0.75C14.5998 0.75 16.75 2.79521 16.75 5.36988H15.25C15.25 3.67001 13.8185 2.25 12 2.25Z" fill="#363644"/>
+</svg>

package/assets/icons/Upload.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 fill-rule="evenodd" clip-rule="evenodd" d="M12 8.93933L16.0303 12.9697L14.9697 14.0303L12.75 11.8107V19.5H11.25V11.8107L9.03033 14.0303L7.96967 12.9697L12 8.93933Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.75C10.5834 4.75 9.32637 5.17326 8.20405 6.02694C7.09097 6.87217 6.35051 7.97122 5.97335 9.34814L5.85379 9.78464L5.41188 9.88232C4.31608 10.1245 3.44312 10.6779 2.76481 11.5568C2.08682 12.444 1.75 13.443 1.75 14.58C1.75 15.893 2.20642 16.9827 3.1344 17.8938C4.06534 18.8013 5.17298 19.25 6.5 19.25H18.5C19.5577 19.25 20.4293 18.89 21.1597 18.1597C21.89 17.4293 22.25 16.5577 22.25 15.5C22.25 14.5366 21.9371 13.7143 21.2999 12.9988L21.2939 12.9921C20.6649 12.2684 19.8835 11.8571 18.9139 11.745L18.25 11.6683V11C18.25 9.24216 17.6467 7.78137 16.431 6.57163L16.4284 6.56903C15.2186 5.35333 13.7578 4.75 12 4.75ZM7.29619 4.83288C8.68048 3.78001 10.2567 3.25 12 3.25C14.1482 3.25 15.9936 4.00622 17.4903 5.5096C18.8438 6.85699 19.5917 8.48702 19.7274 10.3662C20.7846 10.6139 21.6901 11.1626 22.4231 12.0046C23.3039 12.9951 23.75 14.1716 23.75 15.5C23.75 16.9489 23.2366 18.204 22.2203 19.2203C21.204 20.2366 19.9489 20.75 18.5 20.75H6.5C4.78739 20.75 3.30195 20.1523 2.08638 18.967L2.08468 18.9653C0.866613 17.7699 0.25 16.2933 0.25 14.58C0.25 13.1175 0.692864 11.797 1.57423 10.6444L1.5761 10.642C2.37926 9.60058 3.41214 8.8927 4.65433 8.52886C5.14981 7.03045 6.03306 5.79212 7.29619 4.83288Z" fill="#363644"/>
+</svg>

package/assets/icons/Video.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="M18 14.5V19H2V5H18V9.5L22.5 6.5V17.5L18 14.5ZM3.5 6.5H16.5V17.5H3.5V6.5ZM18 12.7791L21 14.6914V9.30469L18 11.2209V12.7791Z" fill="#363644"/>
+</svg>

package/assets/icons/Vvip.svg

@@ -0,0 +1,8 @@
+<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="M11.25 6V2H12.75V6H11.25Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 21.5C16.1421 21.5 19.5 18.1421 19.5 14C19.5 9.85786 16.1421 6.5 12 6.5C7.85786 6.5 4.5 9.85786 4.5 14C4.5 18.1421 7.85786 21.5 12 21.5ZM12 23C16.9706 23 21 18.9706 21 14C21 9.02944 16.9706 5 12 5C7.02944 5 3 9.02944 3 14C3 18.9706 7.02944 23 12 23Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.25 1.25H17.75V7H16.25V2.75H7.75V7H6.25V1.25Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.92763 14.6031L7.11918 12H6L7.35075 16H8.50404L9.77192 12.2304L11.0449 16H12.1982L13.5435 12H12.4348L11.6218 14.6031L10.8133 12H8.74067L7.92763 14.6031Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6465 16H14.6577V12H13.6465V16Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5696 12H15.0135V16H16.0248V14.7822H16.5495C16.9947 14.7822 17.3597 14.6456 17.6141 14.3957C17.869 14.1453 18 13.7939 18 13.3911C18 12.9937 17.8711 12.6429 17.6204 12.3914C17.3698 12.14 17.0098 12 16.5696 12ZM16.4285 12.8989C16.6294 12.9001 16.7601 12.9565 16.8399 13.0356C16.919 13.1141 16.9647 13.2314 16.9636 13.3902L16.9636 13.392C16.9647 13.554 16.9186 13.675 16.8389 13.7556C16.7591 13.8365 16.6288 13.8937 16.4289 13.8937H16.0248V12.8989H16.4285Z" fill="#363644"/>
+</svg>

package/assets/icons/Warning.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 fill-rule="evenodd" clip-rule="evenodd" d="M11 14V4H13V14H11Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 20V17H13V20H11Z" fill="#363644"/>
+</svg>

package/assets/icons/X.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="M10.9393 12.0001L4.46967 5.53039L5.53033 4.46973L12 10.9394L18.4697 4.46973L19.5303 5.53039L13.0607 12.0001L19.5303 18.4697L18.4697 19.5304L12 13.0607L5.53033 19.5304L4.46967 18.4697L10.9393 12.0001Z" fill="#363644"/>
+</svg>

package/assets/icons/ZDelivery.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 fill-rule="evenodd" clip-rule="evenodd" d="M14.25 5.75H5V4.25H15.75V9.25H20.6746L23.75 12.1735V17.75H20.9897C20.9965 17.8324 21 17.9158 21 18C21 19.6569 19.6569 21 18 21C16.3431 21 15 19.6569 15 18C15 17.9158 15.0035 17.8324 15.0103 17.75H11.9897C11.9965 17.8324 12 17.9158 12 18C12 19.6569 10.6569 21 9 21C7.34315 21 6 19.6569 6 18C6 17.9158 6.00347 17.8324 6.01027 17.75H4V16.25H6.56302C7.10761 15.493 7.99624 15 9 15C10.0038 15 10.8924 15.493 11.437 16.25H14.25V5.75ZM15.75 16.0156V10.75H20.0754L22.25 12.8172V16.25H20.437C19.8924 15.493 19.0038 15 18 15C17.104 15 16.2997 15.3928 15.75 16.0156ZM9 19.5C9.82843 19.5 10.5 18.8284 10.5 18C10.5 17.1716 9.82843 16.5 9 16.5C8.17157 16.5 7.5 17.1716 7.5 18C7.5 18.8284 8.17157 19.5 9 19.5ZM19.5 18C19.5 18.8284 18.8284 19.5 18 19.5C17.1716 19.5 16.5 18.8284 16.5 18C16.5 17.1716 17.1716 16.5 18 16.5C18.8284 16.5 19.5 17.1716 19.5 18Z" fill="#363644"/>
+<path d="M3 9.75H6V8.25H3V9.75Z" fill="#363644"/>
+<path d="M5 13.75H0V12.25H5V13.75Z" fill="#363644"/>
+<path d="M8.09883 9.40227V8H12L10.2163 12.5946H11.901V14H8L9.79671 9.40227H8.09883Z" fill="#363644"/>
+</svg>

package/assets/icons/ZigzagWeb.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 d="M2 5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5C3.34315 22 2 20.6569 2 19V5Z" fill="#FFD1E9"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 3.5H5C4.17157 3.5 3.5 4.17157 3.5 5V19C3.5 19.8284 4.17157 20.5 5 20.5H19C19.8284 20.5 20.5 19.8284 20.5 19V5C20.5 4.17157 19.8284 3.5 19 3.5ZM5 2C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5Z" fill="#FFC2E1"/>
+<path d="M8.11687 16.5H10.6307L12.0066 10.9554H12.0463L13.3693 16.5H15.8699L18 7.5H15.8302L14.5865 13.1652H14.5469L13.1444 7.5H11.1334L9.71775 13.1652H9.66483L8.50055 7.5H6L8.11687 16.5Z" fill="#FF349C"/>
+</svg>

package/assets/icons/ZoomIn.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="M9.25 5V9.24996H5V10.75H9.25V15H10.75V10.75H15V9.24996H10.75V5H9.25Z" fill="#363644"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 19C12.2153 19 14.2436 18.1996 15.8116 16.8723L22.4697 23.5303L23.5303 22.4697L16.8723 15.8116C18.1996 14.2436 19 12.2153 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19ZM10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z" fill="#363644"/>
+</svg>

package/dist/components/banner/NormalBanner.d.ts

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 import { IconProps } from '../icons/generated';
 export type NormalBannerKind = 'neutral' | 'info' | 'error' | 'success';
+export type NormalBannerSize = 'small' | 'medium';
 export interface NormalBannerProps {
     className?: string;
     /**
@@ -8,12 +9,17 @@ export interface NormalBannerProps {
      */
     kind?: NormalBannerKind;
     /**
-     * 타이블 좌측에 렌더링 될 아이콘 요소
+     * @default medium
+     */
+    size?: NormalBannerSize;
+    /**
+     * title 좌측에 렌더링 될 아이콘 요소
+     *  - title이 없을 경우 렌더되지 않습니다.
      *  - Icon 컴포넌트 color props가 있더라도 kind 따라 currentColor가 지정됩니다.
-     *  - Icon 컴포넌트 size props가 있더라도 Icon 사이즈는 16으로 고정됩니다.
+     *  - Icon 컴포넌트 size props가 있더라도 Icon 사이즈는 banner size 'medium'일경우 16, 'small'일경우 12로 고정됩니다.
      */
     iconComponent?: React.ComponentType<IconProps>;
-    title: string;
+    title?: string;
     message?: ReactNode;
 }
-export declare const NormalBanner: ({ className, kind, iconComponent, title, message }: NormalBannerProps) => JSX.Element;
+export declare const NormalBanner: ({ className, kind, size, iconComponent, title, message, }: NormalBannerProps) => JSX.Element;

package/dist/components/banner/NormalBanner.stories.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ className, kind, iconComponent, title, message }: import("./NormalBanner").NormalBannerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ className, kind, size, iconComponent, title, message, }: import("./NormalBanner").NormalBannerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
+export declare const NoTitle: any;
 export declare const Kind: () => JSX.Element;
+export declare const Size: () => JSX.Element;
 export declare const CustomIcon: () => JSX.Element;

package/dist/components/bottom-sheet/BottomSheet.d.ts

@@ -1,7 +1,11 @@
 import { ReactNode } from 'react';
-type BottomSheetContentWithCloseAction = (action: {
+import { SpaceProps } from '../../styles';
+export type BottomSheetContentWithCloseAction = (action: {
     close(): void;
 }) => ReactNode;
+export interface BottomSheetContentProps extends SpaceProps {
+    maxHeight?: number;
+}
 export interface BottomSheetProps {
     className?: string;
     opened?: boolean;
@@ -13,6 +17,12 @@ export interface BottomSheetProps {
     title?: ReactNode;
     subTitle?: ReactNode;
     content?: ReactNode | BottomSheetContentWithCloseAction;
+    /**
+     * 콘텐츠 영역 space, maxHeight 속성 커스텀이 가능합니다.
+     *  - [SpaceProps](https://github.com/croquiscom/pds/blob/main/src/styles/space.ts)
+     *  - maxHeight
+     */
+    contentProps?: BottomSheetContentProps;
     /**
      * outside 영역 클릭시 닫힘 사용 여부
      * @default true
@@ -30,5 +40,6 @@ export interface BottomSheetProps {
     canDragClose?: boolean;
     onClose?: () => void;
 }
-export declare const BottomSheet: ({ className, zIndex, opened: openProp, canClickOutside, canCloseEscapeKey, canDragClose, title, subTitle, content, onClose, }: BottomSheetProps) => JSX.Element;
-export {};
+export declare const MIN_BOTTOM_SHEET_Y = 44;
+export declare const HANDLE_AREA_HEIGHT = 28;
+export declare const BottomSheet: ({ className, zIndex, opened: openProp, canClickOutside, canCloseEscapeKey, canDragClose, title, subTitle, content, contentProps, onClose, }: BottomSheetProps) => JSX.Element;

package/dist/components/bottom-sheet/BottomSheet.stories.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { BottomSheet } from './BottomSheet';
-declare const _default: ComponentMeta<({ className, zIndex, opened: openProp, canClickOutside, canCloseEscapeKey, canDragClose, title, subTitle, content, onClose, }: import("./BottomSheet").BottomSheetProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ className, zIndex, opened: openProp, canClickOutside, canCloseEscapeKey, canDragClose, title, subTitle, content, contentProps, onClose, }: import("./BottomSheet").BottomSheetProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const MaxHeight: ComponentStory<typeof BottomSheet>;

package/dist/components/date-picker/Caption.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { Locale } from 'date-fns';
 import { CaptionProps } from 'react-day-picker';
+import { DisplayMode } from './DatePicker';
 export declare const captionColor: (disabled: boolean) => string;
-export declare const CAPTION_SIZE = 24;
 export interface DatePickerCaptionProps extends CaptionProps {
     /**
      * @default false
@@ -11,5 +11,6 @@ export interface DatePickerCaptionProps extends CaptionProps {
     className?: string;
     currentMonth?: Date;
     locale: Locale;
+    displayMode: DisplayMode;
 }
-export declare const Caption: ({ multipleMonths, currentMonth: controlledMonth, className, locale, ...props }: DatePickerCaptionProps) => JSX.Element;
+export declare const Caption: ({ multipleMonths, currentMonth: controlledMonth, displayMode, className, locale, ...props }: DatePickerCaptionProps) => JSX.Element;

package/dist/components/date-picker/DatePicker.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import { Matcher } from 'react-day-picker';
 import { CSSValueWithLength } from '../../styles';
-export type displayTimeFormat = 'hourMinute' | 'hourMinuteSecond';
+export type DisplayTimeFormat = 'hourMinute' | 'hourMinuteSecond';
+export type DisplayMode = 'popover' | 'bottomSheet';
 export declare const DATE_FORMAT = "yyyy.MM.dd";
 export declare const DATE_HOUR_MINUTE_FORMAT = "yyyy.MM.dd HH:mm";
 export declare const DATE_HOUR_MINUTE_SECOND_FORMAT = "yyyy.MM.dd HH:mm:ss";
@@ -29,6 +30,12 @@ export interface DatePickerBaseProps {
      * @default 1035
      */
     zIndex?: number;
+    /**
+     * 달력이 노출되는 모드를 지정할 수 있습니다.
+     *   - 'bottomSheet'일 경우 Footer 영역(취소/확인)은 고정 노출됩니다.
+     * @default popover
+     */
+    displayMode?: DisplayMode;
 }
 export interface DatePickerProps extends DatePickerBaseProps {
     /**
@@ -52,7 +59,7 @@ export interface DatePickerProps extends DatePickerBaseProps {
      *  - 'hourMinuteSecond' 일 경우 yyyy.MM.dd HH:mm:ss
      *  - showTimePicker 속성이 true일 경우 displayTimeFormat은 hourMinute으로 적용됩니다.
      */
-    displayTimeFormat?: displayTimeFormat;
+    displayTimeFormat?: DisplayTimeFormat;
     /**
      * 달력 하단 TimePicker를 노출합니다. onChange value에 시간 정보를 포함하여 전달합니다.
      * @default false
@@ -65,4 +72,4 @@ export interface DatePickerProps extends DatePickerBaseProps {
     showFooter?: boolean;
     onChange?: (value: Date | null) => void;
 }
-export declare const DatePicker: ({ width, error, disabled, className, placeholder, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, onChange, opened: openProp, onOpen, onClose, }: DatePickerProps) => JSX.Element;
+export declare const DatePicker: ({ width, error, disabled, className, placeholder, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, }: DatePickerProps) => JSX.Element;

package/dist/components/date-picker/DatePicker.stories.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ width, error, disabled, className, placeholder, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, onChange, opened: openProp, onOpen, onClose, }: import("./DatePicker").DatePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ width, error, disabled, className, placeholder, displayTimeFormat, value, disabledDays, showRemoveButton, showTodayButton, showTimePicker, showFooter, zIndex, displayMode, onChange, opened: openProp, onOpen, onClose, }: import("./DatePicker").DatePickerProps) => JSX.Element>;
 export default _default;
 export declare const Base: any;
 export declare const Disabled: any;
@@ -12,3 +12,4 @@ export declare const ShowTimePicker: any;
 export declare const ShowTimeHourMinute: any;
 export declare const ShowTimeHourMinuteSecond: any;
 export declare const DisableDays: any;
+export declare const BottomSheetPicker: any;