@app-brew/brewery 1.0.0

package/src/icons/src/svgs/address.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export function AddressIcon(
+  props: JSX.IntrinsicAttributes &
+    JSX.IntrinsicClassAttributes<React.Component<SvgProps, any, any>> &
+    Readonly<SvgProps> &
+    Readonly<{ children?: React.ReactNode }>
+) {
+  return (
+    <Svg width="26" height="26" viewBox="0 0 26 26" fill="none" {...props}>
+      <Path
+        d="M13.0007 14.0832C14.7956 14.0832 16.2507 12.6281 16.2507 10.8332C16.2507 9.03825 14.7956 7.58317 13.0007 7.58317C11.2057 7.58317 9.75065 9.03825 9.75065 10.8332C9.75065 12.6281 11.2057 14.0832 13.0007 14.0832Z"
+        stroke="black"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <Path
+        d="M13.0007 23.8332C17.334 19.4998 21.6673 15.6196 21.6673 10.8332C21.6673 6.0467 17.7871 2.1665 13.0007 2.1665C8.21418 2.1665 4.33398 6.0467 4.33398 10.8332C4.33398 15.6196 8.66732 19.4998 13.0007 23.8332Z"
+        stroke="black"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/afterpay.tsx

@@ -0,0 +1,110 @@
+import * as React from 'react'
+import Svg, { Circle, Path, Rect, SvgProps } from 'react-native-svg'
+
+export function AfterpayIcon(props: SvgProps) {
+  return (
+    <Svg
+      width={1150}
+      height={36}
+      viewBox="0 0 1150 222"
+      fill="black"
+      {...props}
+    >
+      <Path d="M1132 45.3l-34.6-19.8-35.1-20.1a34.9 34.9 0 00-52.2 30.2V40c0 2.5 1.3 4.8 3.5 6l16.3 9.3a6.8 6.8 0 0010.1-6V38.9c0-5.3 5.7-8.6 10.3-6l32 18.4 31.9 18.3a6.9 6.9 0 010 11.9l-31.9 18.3-32 18.4a6.9 6.9 0 01-10.3-6v-5.3c0-26.8-29-43.6-52.2-30.2l-35.1 20-34.6 19.9a35 35 0 000 60.5l34.6 19.8 35.1 20a34.9 34.9 0 0052.2-30.1v-4.5c0-2.5-1.3-4.8-3.5-6l-16.3-9.3a6.8 6.8 0 00-10.1 5.9v10.7c0 5.3-5.7 8.6-10.3 6l-32-18.4-31.9-18.3a6.9 6.9 0 010-12l31.9-18.2 32-18.4a6.9 6.9 0 0110.3 6v5.3c0 26.8 29 43.6 52.2 30.2l35.1-20.1 34.6-19.8a35 35 0 000-60.5zm-227 6.6l-81 167.3h-33.6l30.3-62.5L773 51.9h34.5l30.6 70.2 33.4-70.2H905zM95.1 111.3c0-20-14.5-34-32.3-34s-32.3 14.3-32.3 34c0 19.5 14.5 34 32.3 34s32.3-14 32.3-34m.3 59.4v-15.4a47.6 47.6 0 01-37.5 17.3C25.3 172.6.6 146.5.6 111.3c0-35 25.7-61.5 58-61.5 15.2 0 28 6.7 36.8 17v-15h29.2v118.9H95.4zm171.2-26.4c-10.2 0-13.1-3.8-13.1-13.8V77.8h18.8v-26h-18.8v-29h-29.9v29H185V40.2c0-10 3.8-13.8 14.3-13.8h6.6v-23h-14.4c-24.7 0-36.4 8-36.4 32.8V52h-16.6v25.8h16.6v92.9H185v-93h38.6V136c0 24.2 9.3 34.7 33.5 34.7h15.4v-26.4h-5.9zM374 100.6c-2.1-15.4-14.7-24.7-29.5-24.7-14.7 0-26.9 9-29.9 24.7H374zM314.3 119a29.6 29.6 0 0030.7 27.6c12.6 0 22.3-6 28-15.4h30.7c-7.1 25.2-29.7 41.3-59.4 41.3a58.5 58.5 0 01-61.1-61.1A60 60 0 01345 49.7a59.5 59.5 0 0160.4 69.4h-91.1zm282.2-7.8a33 33 0 00-32.3-34c-17.8 0-32.3 14.3-32.3 34 0 19.5 14.5 34 32.3 34a32.9 32.9 0 0032.3-34m-94.1 107.9V51.9h29.2v15.4a47.2 47.2 0 0137.5-17.6c32.1 0 57.3 26.4 57.3 61.3s-25.7 61.5-58 61.5a46 46 0 01-35.9-16v62.6h-30.1zm229.3-108c0-20-14.5-34-32.3-34-17.8 0-32.3 14.4-32.3 34s14.5 34 32.3 34c17.8 0 32.3-14 32.3-34m.3 59.5v-15.4a47.6 47.6 0 01-37.5 17.3c-32.6 0-57.3-26.1-57.3-61.3 0-35 25.7-61.5 58-61.5 15.2 0 28 6.7 36.8 17v-15h29.2v118.9H732zM449.7 63.5s7.4-13.8 25.7-13.8c7.8 0 12.8 2.7 12.8 2.7v30.3s-11-6.8-21.1-5.4c-10.1 1.4-16.5 10.6-16.5 23v70.3h-30.2V51.9h29.2v11.6h.1z" />
+    </Svg>
+  )
+}
+
+export function AfterpayShoppingCart(props: SvgProps) {
+  return (
+    <Svg
+      width={52}
+      height={72}
+      viewBox="0 0 52 72"
+      stroke={'black'}
+      strokeWidth={2}
+      {...props}
+    >
+      <Path d="M26 55.47a27.28 27.28 0 01-4-3c-2.13-1.87-4.52-4.49-4.44-7.36a5 5 0 01.37-1.75 4.27 4.27 0 018.13.25 4.27 4.27 0 018.13-.25 5 5 0 01.37 1.75c.08 2.87-2.31 5.49-4.44 7.36a27.28 27.28 0 01-4 3" />
+      <Path d="M10.5 35V17a15.5 15.5 0 0131 0v18" />
+      <Path
+        transform={'rotate(90 85.5 -4.5)'}
+        d="M110.5 30.5h45.79a4.21 4.21 0 014.21 4.21v40.58a4.21 4.21 0 01-4.21 4.21H110.5v-49z"
+      />
+    </Svg>
+  )
+}
+
+export function AfterpayMobile(props: SvgProps) {
+  return (
+    <Svg
+      width={52}
+      height={72}
+      viewBox="0 0 52 82"
+      stroke={'black'}
+      strokeWidth={2}
+      {...props}
+    >
+      <Rect
+        width="79"
+        height="49"
+        x="86.5"
+        y="16.5"
+        rx="4.21"
+        transform="rotate(90 76 -9)"
+      />
+      <Path d="M1.49 10.5h49" />
+      <Path d="M1.49 75.5h49" />
+      <Path d="M21.49 6.5h9" />
+      <Path
+        d="M39.75 32.52L35.3 30l-4.51-2.59a4.48 4.48 0 00-6.71 3.89v.58a.89.89 0 00.44.77l2.1 1.2a.86.86 0 001.3-.75v-1.41a.89.89 0 011.33-.77l4.12 2.37 4.11 2.36a.88.88 0 010 1.53l-4.11 2.36-4.12 2.36a.88.88 0 01-1.33-.76v-.69a4.48 4.48 0 00-6.71-3.89l-4.51 2.59-4.45 2.55a4.49 4.49 0 000 7.78L16.7 52l4.51 2.59a4.48 4.48 0 006.71-3.89v-.58a.88.88 0 00-.44-.77l-2.1-1.2a.86.86 0 00-1.3.75v1.38a.89.89 0 01-1.33.77l-4.12-2.37-4.11-2.36a.88.88 0 010-1.53l4.11-2.36 4.12-2.36a.88.88 0 011.33.76v.69a4.48 4.48 0 006.71 3.89l4.51-2.59 4.45-2.55a4.49 4.49 0 000-7.75z"
+        fill={'black'}
+        strokeWidth={0}
+      />
+    </Svg>
+  )
+}
+
+export function AfterpaySignupMobile(props: SvgProps) {
+  return (
+    <Svg
+      width={52}
+      height={72}
+      viewBox="0 0 52 82"
+      stroke={'black'}
+      strokeWidth={2}
+      {...props}
+    >
+      <Rect
+        width="79"
+        height="49"
+        x="86.5"
+        y="16.5"
+        rx="4.21"
+        transform="rotate(90 76 -9)"
+      />
+      <Path d="M21.46 58.06l4.43 4.45 8.55-8.58M1.5 10.5h48.99M1.5 75.5h48.99M21.5 6.5h9" />
+      <Circle cx="26" cy="34" r="14.5" />
+      <Circle cx="26" cy="29.8" r="6.09" />
+      <Path d="M15.93 44.42a8.43 8.43 0 018-5.8h4.2a8.45 8.45 0 018 5.79" />
+    </Svg>
+  )
+}
+
+export function AfterpayFourPayments(props: SvgProps) {
+  return (
+    <Svg
+      width={79}
+      height={79}
+      viewBox="14 7 79 79"
+      stroke={'black'}
+      strokeWidth={2}
+      {...props}
+    >
+      <Path d="M50,15.5A34.5,34.5,0,0,0,15.5,50H50Z" />
+      <Path d="M15.5,50A34.5,34.5,0,0,0,50,84.5V50Z" />
+      <Path d="M50,84.5h0A34.5,34.5,0,0,0,84.5,50H50Z" />
+      <Path d="M57,8.5h0V43h34.5A34.5,34.5,0,0,0,57,8.5Z" />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/apple.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function Apple(props: SvgProps) {
+  return (
+    <Svg
+      width={props.width}
+      height={props.height}
+      viewBox="0 0 22 25"
+      fill="none"
+      {...props}
+    >
+      <Path
+        d="M16.2177 0.302919C16.1441 0.291591 16.0605 0.298671 15.9699 0.32888C14.7616 0.570546 13.4338 1.29555 12.588 2.14138C11.863 2.86638 11.2593 4.07471 11.2593 5.16221C11.2593 5.40388 11.4991 5.64602 11.7407 5.64602C13.0699 5.52519 14.3995 4.79971 15.2454 3.95388C15.9704 2.98721 16.5741 1.90019 16.5741 0.812685C16.5741 0.54081 16.4386 0.336904 16.2177 0.302919ZM16.5741 5.52566C14.3991 5.52566 13.4338 6.85435 11.9838 6.85435C10.413 6.85435 8.96297 5.64602 7.15047 5.64602C4.61297 5.64602 0.745363 8.06221 0.745363 13.6205C0.62453 18.6955 5.21667 24.3752 7.875 24.3752C9.44584 24.3752 9.80881 23.4076 11.9838 23.4076C14.1588 23.4076 14.6421 24.3752 16.213 24.3752C18.0255 24.3752 19.3546 22.4414 20.4421 20.8705C20.9255 20.0247 21.288 19.5423 21.6505 18.8173C21.8921 18.334 21.65 17.8507 21.1667 17.609C18.025 16.0382 17.4218 10.9632 20.9259 9.15066C21.5301 8.78816 21.65 8.06174 21.1667 7.69924C19.8375 6.49091 17.9032 5.52566 16.5741 5.52566Z"
+        fill={props.fill}
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/back.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function BackIcon({ width, height, fill }: SvgProps) {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none">
+      <Path d="M19 8.875H5.30875L11.5975 2.58625L10 1L1 10L10 19L11.5863 17.4137L5.30875 11.125H19V8.875Z" />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/badge.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function Badge({
+  height,
+  width,
+  stroke,
+  color,
+  fill = '#fff',
+}: SvgProps) {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 24 28" fill="none">
+      <Path
+        d="M7.34108 18.0442C8.65564 18.9792 10.2634 19.529 11.9995 19.529C13.7356 19.529 15.3434 18.9792 16.658 18.0442V27.1518C16.658 27.8282 15.9038 28.2316 15.3412 27.8562L11.9995 25.6286L8.65782 27.8562C8.09516 28.2316 7.34108 27.8282 7.34108 27.1518V18.0442ZM17.9286 16.9226C19.2434 15.4902 20.046 13.5803 20.046 11.4829C20.046 7.03902 16.4436 3.4364 11.9999 3.4364C7.55626 3.4364 3.9539 7.03896 3.9539 11.4829C3.9539 13.5804 4.75648 15.4904 6.07124 16.9226V20.3328L4.11836 20.11C3.72668 20.0654 3.41754 19.7562 3.3728 19.3646L3.06226 16.6429L0.860598 15.0133C0.543718 14.7787 0.430718 14.3566 0.587858 13.9949L1.6796 11.4827L0.587858 8.97054C0.430718 8.60894 0.543718 8.18676 0.860598 7.95202L3.06226 6.32234L3.3728 3.60094C3.41752 3.20906 3.72668 2.9001 4.11836 2.85536L6.83998 2.54484L8.46964 0.343181C8.70418 0.026301 9.12636 -0.0869089 9.48796 0.0702411L12.0002 1.16218L14.5124 0.0702411C14.874 -0.0869089 15.2961 0.026301 15.5307 0.343181L17.1604 2.54484L19.882 2.85536C20.2736 2.9001 20.5828 3.20906 20.6276 3.60094L20.938 6.32234L23.1398 7.95202C23.4566 8.18676 23.5696 8.60892 23.4124 8.97054L22.3208 11.4827L23.4124 13.9949C23.5696 14.3565 23.4566 14.7787 23.1398 15.0133L20.938 16.6429L20.6276 19.3646C20.5828 19.7562 20.2736 20.0654 19.882 20.11L17.929 20.3328L17.9286 16.9226ZM11.9995 18.2586C8.2572 18.2586 5.22368 15.2248 5.22368 11.4828C5.22368 7.7405 8.2572 4.70698 11.9995 4.70698C15.7417 4.70698 18.7752 7.7407 18.7752 11.4828C18.7752 15.2248 15.7417 18.2586 11.9995 18.2586ZM14.6645 9.4895C14.499 9.32404 14.231 9.32404 14.0656 9.4895L11.5759 11.9789L10.3569 10.7599C10.1915 10.5945 9.92326 10.5945 9.75802 10.7599L9.15914 11.3588C8.99368 11.5243 8.99368 11.7923 9.15914 11.9577L10.977 13.7756C11.308 14.1065 11.8441 14.1065 12.1749 13.7756L15.2634 10.6873C15.4289 10.5218 15.4289 10.2536 15.2634 10.0884L14.6645 9.4895Z"
+        fill={fill}
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/bag.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function Bag({
+  height,
+  width,
+  stroke,
+  color,
+  fill = '#fff',
+}: SvgProps) {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 16 16" fill="none">
+      <Path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M1.18857 4.78524V14.9296H14.8114V4.78524H1.18857ZM0.914286 3.71307C0.409339 3.71307 0 4.08233 0 4.53781V15.177C0 15.6325 0.409339 16.0017 0.914286 16.0017H15.0857C15.5907 16.0017 16 15.6325 16 15.177V4.53781C16 4.08233 15.5907 3.71307 15.0857 3.71307H0.914286Z"
+        fill={fill}
+      />
+      <Path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M8 1.11513C7.36917 1.11727 6.76544 1.34319 6.32035 1.7428C5.8751 2.14254 5.62471 2.68355 5.62286 3.24755V5.93988C5.62286 6.23594 5.35679 6.47596 5.02857 6.47596C4.70035 6.47596 4.43429 6.23594 4.43429 5.93988V3.24538C4.43679 2.39606 4.81377 1.58271 5.48189 0.982878C6.14991 0.38313 7.05462 0.045531 7.99821 0.0429688L8 0.579049L8.00179 0.0429688C8.94538 0.045531 9.85006 0.38313 10.5181 0.982878C11.1862 1.58271 11.5632 2.39606 11.5657 3.24538V5.93988C11.5657 6.23594 11.2997 6.47596 10.9714 6.47596C10.6432 6.47596 10.3771 6.23594 10.3771 5.93988V3.24755C10.3753 2.68355 10.1249 2.14254 9.67964 1.7428C9.23456 1.34319 8.63083 1.11727 8 1.11513Z"
+        fill={fill}
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/cake.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function Cake({ width, height, fill }: SvgProps) {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 24 29" fill="none">
+      <Path
+        d="M12.7058 8.47054H13.4117C13.8015 8.47054 14.1175 8.78677 14.1175 9.1765V14.1178H20.4704C22.4188 14.1178 24 15.6987 24 17.6471V27.5293C24 27.9192 23.6838 28.2352 23.294 28.2352H0.705964C0.315996 28.2352 0 27.9192 0 27.5293V17.6471C0 15.6987 1.58092 14.1178 3.52934 14.1178H9.88229V9.1765C9.88229 8.78677 10.1985 8.47054 10.5883 8.47054H11.2942V6.96973C10.0766 6.6561 9.17657 5.55048 9.17657 4.23524C9.17657 3.1173 9.64311 2.10621 10.4053 1.2171C10.8499 0.698327 11.2942 0.327992 11.6086 0.118587C11.8457 -0.039529 12.1546 -0.039529 12.3916 0.118587C12.7057 0.327986 13.1502 0.698339 13.5948 1.2171C14.3568 2.10621 14.8236 3.1173 14.8236 4.23524C14.8236 5.55048 13.9234 6.65614 12.706 6.96973L12.7058 8.47054ZM12.7058 5.45785C13.1277 5.2137 13.4117 4.75733 13.4117 4.23524C13.4117 3.50041 13.0842 2.79094 12.5229 2.1358C12.3423 1.92545 12.162 1.74583 11.9998 1.6019C11.838 1.74583 11.6574 1.92546 11.4771 2.1358C10.9155 2.79094 10.5882 3.50047 10.5882 4.23524C10.5882 4.75732 10.8723 5.21371 11.2942 5.45785V4.9412C11.2942 4.55146 11.6101 4.23523 11.9999 4.23523C12.3898 4.23523 12.7058 4.55146 12.7058 4.9412L12.7058 5.45785ZM11.2941 14.1178H12.7058V9.88253H11.2941V14.1178ZM22.5878 22.5437C21.603 22.4054 20.9372 21.936 19.971 20.9701C19.033 20.0318 18.5882 19.7649 17.6468 19.7649C16.7052 19.7649 16.2607 20.0318 15.3224 20.9701C14.143 22.1494 13.411 22.5886 11.9996 22.5886C10.5884 22.5886 9.85639 22.1494 8.67704 20.9701C7.73874 20.0318 7.29422 19.7649 6.35259 19.7649C5.41096 19.7649 4.96644 20.0318 4.02813 20.9701C3.06218 21.936 2.39639 22.4054 1.41132 22.5437V26.8239H22.5878V22.5437ZM22.5878 21.1027V17.6473C22.5878 16.4786 21.6389 15.5297 20.4702 15.5297H3.52897C2.36027 15.5297 1.41132 16.4786 1.41132 17.6473V21.1027C1.94003 20.9706 2.35858 20.643 3.02981 19.9718C4.20941 18.7925 4.94114 18.3533 6.35259 18.3533C7.76403 18.3533 8.49577 18.7924 9.67536 19.9718C10.6134 20.9101 11.0582 21.1767 11.9996 21.1767C12.9411 21.1767 13.3857 20.9101 14.324 19.9718C15.5034 18.7925 16.2354 18.3533 17.6468 18.3533C19.058 18.3533 19.79 18.7924 20.9693 19.9718C21.6406 20.643 22.0594 20.9706 22.5878 21.1027Z"
+        fill={fill}
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/calendar.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function Calendar({ width, height, fill }: SvgProps) {
+  return (
+    <Svg
+      width={width ?? 19}
+      height={height ?? 21}
+      viewBox="0 0 19 21"
+      fill="none"
+    >
+      <Path
+        d="M18.5 8.5H.5m13-8v4m-8-4v4m-.2 16h8.4c1.68 0 2.52 0 3.162-.327a3 3 0 001.311-1.311c.327-.642.327-1.482.327-3.162V7.3c0-1.68 0-2.52-.327-3.162a3 3 0 00-1.311-1.311C16.22 2.5 15.38 2.5 13.7 2.5H5.3c-1.68 0-2.52 0-3.162.327A3 3 0 00.827 4.138C.5 4.78.5 5.62.5 7.3v8.4c0 1.68 0 2.52.327 3.162a3 3 0 001.311 1.311c.642.327 1.482.327 3.162.327"
+        stroke={fill ?? '#0c0b0b'}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/cancel.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function Cancel({ height, width, stroke, color, fill = '#fff' }: SvgProps) {
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 10 10"
+      fill="none"
+      stroke={stroke}
+      color={color}
+    >
+      <Path
+        d="M5.84851 4.99998L9.62431 1.22418C9.73681 1.11168 9.80001 0.959089 9.80001 0.799983C9.80001 0.640877 9.73681 0.488288 9.62431 0.375783C9.5118 0.263278 9.35921 0.200073 9.20011 0.200073C9.041 0.200073 8.88841 0.263278 8.7759 0.375783L5.0001 4.15158L1.2243 0.375783C1.1686 0.320076 1.10246 0.275887 1.02968 0.245739C0.956896 0.21559 0.878886 0.200073 0.800105 0.200073C0.721324 0.200073 0.643314 0.21559 0.570529 0.245739C0.497745 0.275887 0.431611 0.320076 0.375905 0.375783C0.2634 0.488288 0.200195 0.640877 0.200195 0.799983C0.200195 0.959089 0.2634 1.11168 0.375905 1.22418L4.15171 4.99998L0.375905 8.77578C0.2634 8.88829 0.200195 9.04088 0.200195 9.19998C0.200195 9.35909 0.2634 9.51168 0.375905 9.62418C0.48841 9.73669 0.640999 9.79989 0.800105 9.79989C0.959211 9.79989 1.1118 9.73669 1.2243 9.62418L5.0001 5.84838L8.7759 9.62418C8.8315 9.68009 8.89759 9.72446 8.97039 9.75474C9.04319 9.78502 9.12126 9.8006 9.20011 9.8006C9.27895 9.8006 9.35702 9.78502 9.42982 9.75474C9.50262 9.72446 9.56871 9.68009 9.62431 9.62418C9.68007 9.56851 9.72432 9.50239 9.7545 9.4296C9.78469 9.35681 9.80023 9.27878 9.80023 9.19998C9.80023 9.12118 9.78469 9.04316 9.7545 8.97037C9.72432 8.89758 9.68007 8.83146 9.62431 8.77578L5.84851 4.99998Z"
+        fill={fill}
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/cart-cancel.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function CartCancel({
+  height,
+  width,
+  stroke,
+  color,
+  ...props
+}: SvgProps) {
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 24 24"
+      stroke={stroke ?? 'currentColor'}
+      color={color}
+      fill="none"
+      {...props}
+    >
+      <Path
+        d="M5 14h13.136c1.013 0 1.52 0 1.922-.189a2 2 0 00.858-.768c.232-.38.288-.883.4-1.89l.585-5.265c.035-.307.052-.46.002-.58a.5.5 0 00-.22-.246C21.57 5 21.416 5 21.106 5H4.5M2 2h1.248c.265 0 .397 0 .5.05a.5.5 0 01.217.204c.057.1.065.232.082.496l.906 14.5c.017.264.025.396.082.496a.5.5 0 00.216.204c.104.05.236.05.5.05H19M7.5 21.5h.01m8.99 0h.01M8 21.5a.5.5 0 11-1 0 .5.5 0 011 0zm9 0a.5.5 0 11-1 0 .5.5 0 011 0z"
+        strokeWidth={1}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <Path
+        d="M4 20.444L23.28 3"
+        strokeWidth={1}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/cart.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+export default function Deals({ height, width, fill }: SvgProps) {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 20 20" fill="none">
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M1 1C1 0.447715 1.44932 0 2.00358 0H3.50894C4.34034 0 5.01431 0.671572 5.01431 1.5V2.06055L17.5883 2.96818C18.4651 3.02278 19.1089 3.81081 18.9846 4.67739L18.1194 10.7121C18.0135 11.4511 17.3783 12 16.6292 12H5.01431V14H15.0572C16.72 14 18.068 15.3431 18.068 17C18.068 18.6569 16.72 20 15.0572 20C13.3945 20 12.0465 18.6569 12.0465 17C12.0465 16.6494 12.1069 16.3128 12.2178 16H6.85015C6.9611 16.3128 7.02147 16.6494 7.02147 17C7.02147 18.6569 5.67352 20 4.01073 20C2.34795 20 1 18.6569 1 17C1 15.6938 1.83779 14.5825 3.00716 14.1707V3.00923C3.00711 3.00372 3.00711 2.99821 3.00716 2.99268V2H2.00358C1.44932 2 1 1.55228 1 1ZM5.01431 4.06445V10H16.194L16.9208 4.93051L5.01431 4.06445ZM14.0537 17C14.0537 16.4477 14.503 16 15.0572 16C15.6115 16 16.0608 16.4477 16.0608 17C16.0608 17.5523 15.6115 18 15.0572 18C14.503 18 14.0537 17.5523 14.0537 17ZM3.00716 17C3.00716 16.4477 3.45647 16 4.01073 16C4.56499 16 5.01431 16.4477 5.01431 17C5.01431 17.5523 4.56499 18 4.01073 18C3.45647 18 3.00716 17.5523 3.00716 17Z"
+        fill={fill}
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/categories.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+import { Path, Svg, SvgProps } from 'react-native-svg'
+
+export default function Categories(props: SvgProps) {
+  return (
+    <Svg width={15} height={15} fill="none" {...props}>
+      <Path
+        d="M3.775.1a1.2 1.2 0 0 0-1.2 1.2v.4h9.6v-.4a1.2 1.2 0 0 0-1.2-1.2h-7.2ZM.975 4.5a1.2 1.2 0 0 1 1.2-1.2h10.4a1.2 1.2 0 0 1 1.2 1.2v.4H.975v-.4ZM.175 7.7a1.2 1.2 0 0 1 1.2-1.2h12a1.2 1.2 0 0 1 1.2 1.2v5.6a1.2 1.2 0 0 1-1.2 1.2h-12a1.2 1.2 0 0 1-1.2-1.2V7.7Z"
+        fill={props.fill ?? '#101213'}
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/checked.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import Svg, { Circle, Rect, SvgProps } from 'react-native-svg'
+export default function Checked({ height, width, fill = '#171717' }: SvgProps) {
+  return (
+    <Svg width={16} height={17} viewBox="0 0 16 17" fill="none">
+      <Rect
+        x={1}
+        y={1.5}
+        width={14}
+        height={14}
+        rx={7}
+        stroke="#3D7EDC"
+        strokeWidth={2}
+      />
+      <Circle cx={8} cy={8.5} r={4} fill="#3D7EDC" />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/checkedCircle.tsx

@@ -0,0 +1,26 @@
+import React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+export default function CheckedCircle({
+  height,
+  width,
+  stroke,
+  color,
+  fill = '#616161',
+}: SvgProps) {
+  return (
+    <Svg
+      width={width}
+      height={height}
+      color={color}
+      viewBox="0 0 16 16"
+      fill={fill}
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M0 8c0 4.411 3.589 8 8 8s8-3.589 8-8-3.589-8-8-8-8 3.589-8 8Zm12.166-1.434a.8.8 0 0 0-1.132-1.132L7.2 9.27 5.366 7.434a.8.8 0 0 0-1.132 1.132l2.4 2.4a.8.8 0 0 0 1.132 0l4.4-4.4Z"
+        fill={fill}
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/chevron-down.tsx

@@ -0,0 +1,26 @@
+import React from 'react'
+import Svg, { ClipPath, Defs, G, Path, Rect, SvgProps } from 'react-native-svg'
+
+export function ChevronDown({ width, height, fill }: SvgProps) {
+  return (
+    <Svg
+      width={width ?? '24'}
+      height={height ?? '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <G clipPath="url(#clip0_1381_2351)">
+        <Path
+          d="M11.9998 15L7.75684 10.757L9.17184 9.34302L11.9998 12.172L14.8278 9.34302L16.2428 10.757L11.9998 15Z"
+          fill={fill ?? '#141519'}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_1381_2351">
+          <Rect width="24" height="24" fill="white" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}

package/src/icons/src/svgs/chevron-left.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function ChevronLeft({ fill, ...rest }: SvgProps) {
+  return (
+    <Svg width="6" height="10" viewBox="0 0 6 10" fill="none" {...rest}>
+      <Path
+        d="M2.21883 4.99999L5.51883 8.29999L4.57616 9.24266L0.333496 4.99999L4.57616 0.757324L5.51883 1.69999L2.21883 4.99999Z"
+        fill={fill || 'white'}
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/chevron-right.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+export default function ChevronRight(props: SvgProps) {
+  const { height, width, stroke, color, fill = '#616161' } = props
+  return (
+    <Svg
+      width={width}
+      height={height}
+      viewBox="0 0 16 16"
+      fill="none"
+      {...props}
+    >
+      <Path
+        d="M3.2 2.492L5.02672 0.800003L12.8 8L5.02672 15.2L3.2 13.508L9.13361 8L3.2 2.492Z"
+        fill={fill}
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/chevron-up.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import Svg, { ClipPath, Defs, G, Path, Rect, SvgProps } from 'react-native-svg'
+
+export function ChevronUp({ width, height, fill, ...props }: SvgProps) {
+  return (
+    <Svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? '24'}
+      height={height ?? '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+    >
+      <G clip-path="url(#clip0_1381_12863)">
+        <Path
+          d="M11.9998 11.828L9.17184 14.657L7.75684 13.243L11.9998 9L16.2428 13.243L14.8278 14.657L11.9998 11.828Z"
+          fill={fill ?? '#000'}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_1381_12863">
+          <Rect width="24" height="24" fill="white" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}

package/src/icons/src/svgs/chevron.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function Chevron({
+  height = 12,
+  width = 12,
+  stroke,
+  color,
+  fill = '#fff',
+  style,
+}: SvgProps) {
+  return (
+    <Svg
+      style={style}
+      width={width}
+      height={height}
+      stroke={stroke}
+      color={color}
+      fill={fill}
+      viewBox="0 0 12 09"
+    >
+      <Path
+        d="M1.8691 0.899998L0.600097 2.27004L6.0001 8.1L11.4001 2.27004L10.1311 0.899998L6.0001 5.3502L1.8691 0.899998Z"
+        fill="#5C5F62"
+      />
+    </Svg>
+  )
+}
+;<svg
+  width="12"
+  height="9"
+  viewBox="0 0 12 9"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+></svg>

package/src/icons/src/svgs/circled-arrow.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function CircledArrow({
+  height = 12,
+  width = 12,
+  stroke,
+  color,
+  fill = '#fff',
+  style,
+}: SvgProps) {
+  return (
+    <Svg
+      style={style}
+      width={width}
+      height={height}
+      stroke={stroke}
+      color={color}
+      fill={fill}
+      viewBox="0 0 21 21"
+    >
+      <Path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.5.5c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm1 8.414l1.293 1.293a.999.999 0 101.414-1.414l-3-3a.998.998 0 00-1.414 0l-3 3a1 1 0 001.414 1.414L9.5 8.914V14.5a1 1 0 102 0V8.914z"
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/clear.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react'
+import Svg, { ClipPath, Defs, G, Path, SvgProps } from 'react-native-svg'
+
+export default function Clear({
+  width,
+  height,
+  fill,
+  stroke,
+  strokeWidth,
+  ...props
+}: SvgProps) {
+  return (
+    <Svg
+      width={width ?? 20}
+      height={height ?? 21}
+      viewBox="0 0 20 21"
+      fill="none"
+      {...props}
+    >
+      <G clipPath="url(#clip0_2131_3617)">
+        <Path
+          d="M10 9.322l4.125-4.125 1.178 1.178-4.125 4.125 4.125 4.125-1.178 1.178L10 11.678l-4.125 4.125-1.178-1.178L8.822 10.5 4.697 6.375l1.178-1.178L10 9.322z"
+          fill={fill ?? '#373943'}
+          stroke={stroke}
+          strokeWidth={strokeWidth}
+        />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_2131_3617">
+          <Path fill="#fff" transform="translate(0 .5)" d="M0 0H20V20H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  )
+}

package/src/icons/src/svgs/clipboard.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function Clipboard({
+  height = 20,
+  width = 20,
+  stroke,
+  color,
+  fill = '#fff',
+}: SvgProps) {
+  return (
+    <Svg width={width} height={height} viewBox="0 0 14 14" fill="none">
+      <Path
+        d="M3.29474 3.96852C3.29474 3.59645 3.59636 3.29483 3.96843 3.29483H12.7263C13.0984 3.29483 13.4 3.59645 13.4 3.96852V12.7264C13.4 13.0985 13.0984 13.4001 12.7263 13.4001H3.96843C3.59636 13.4001 3.29474 13.0985 3.29474 12.7264V3.96852Z"
+        fill={fill}
+      />
+      <Path
+        d="M10.7053 1.27378C10.7053 0.901716 10.4037 0.600098 10.0316 0.600098H1.27369C0.901625 0.600098 0.600006 0.901716 0.600006 1.27378V10.0317C0.600006 10.4037 0.901625 10.7054 1.27369 10.7054H1.94737C2.31944 10.7054 2.62106 10.4037 2.62106 10.0317V3.29483C2.62106 2.92277 2.92268 2.62115 3.29474 2.62115H10.0316C10.4037 2.62115 10.7053 2.31953 10.7053 1.94747V1.27378Z"
+        fill={fill}
+      />
+    </Svg>
+  )
+}

package/src/icons/src/svgs/close.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import Svg, { Path, SvgProps } from 'react-native-svg'
+
+export default function Search({
+  height = 20,
+  width = 20,
+  stroke,
+  color,
+  fill = '#fff',
+}: SvgProps) {
+  return (
+    <Svg
+      width={width}
+      height={height}
+      stroke={stroke}
+      color={color}
+      fill={fill}
+      viewBox="0 0 16 16"
+    >
+      <Path
+        d="M9.41385 8L15.7069 1.707C15.8944 1.51949 15.9997 1.26518 15.9997 1C15.9997 0.734825 15.8944 0.48051 15.7069 0.293002C15.5193 0.105494 15.265 0.000152588 14.9998 0.000152588C14.7347 0.000152588 14.4804 0.105494 14.2928 0.293002L7.99985 6.586L1.70685 0.293002C1.614 0.200157 1.50378 0.126509 1.38247 0.0762618C1.26117 0.0260146 1.13115 0.000152588 0.999849 0.000152588C0.868547 0.000152588 0.738531 0.0260146 0.617224 0.0762618C0.495916 0.126509 0.385694 0.200157 0.292849 0.293002C0.105341 0.48051 0 0.734825 0 1C0 1.26518 0.105341 1.51949 0.292849 1.707L6.58585 8L0.292849 14.293C0.105341 14.4805 0 14.7348 0 15C0 15.2652 0.105341 15.5195 0.292849 15.707C0.480357 15.8945 0.734673 15.9999 0.999849 15.9999C1.26503 15.9999 1.51934 15.8945 1.70685 15.707L7.99985 9.414L14.2928 15.707C14.3855 15.8002 14.4957 15.8741 14.617 15.9246C14.7383 15.9751 14.8684 16.001 14.9998 16.001C15.1313 16.001 15.2614 15.9751 15.3827 15.9246C15.504 15.8741 15.6142 15.8002 15.7069 15.707C15.7998 15.6142 15.8735 15.504 15.9238 15.3827C15.9742 15.2614 16 15.1313 16 15C16 14.8687 15.9742 14.7386 15.9238 14.6173C15.8735 14.496 15.7998 14.3858 15.7069 14.293L9.41385 8Z"
+        fill={fill}
+      />
+    </Svg>
+  )
+}