stream-chat-react-native-core 9.0.0-beta.2 → 9.0.0-beta.21

package/src/icons/Retry.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Resend = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg viewBox='0 0 20 20' fill='none' height={height ?? size} width={width ?? size} {...rest}>
+      <Path
+        d='M14.3751 8.12481H18.1251M18.1251 8.12481V4.37481M18.1251 8.12481L14.8618 5.13809C13.9063 4.18263 12.6904 3.52991 11.3661 3.26151C10.0418 2.9931 8.66771 3.12091 7.41561 3.62896C6.1635 4.137 5.08887 5.00276 4.32599 6.11806C3.5631 7.23336 3.1458 8.54875 3.12621 9.89986C3.10662 11.251 3.48562 12.5779 4.21585 13.7148C4.94609 14.8518 5.99517 15.7483 7.23202 16.2925C8.46887 16.8366 9.83865 17.0042 11.1702 16.7743C12.5018 16.5444 13.736 15.9272 14.7188 14.9998'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/archive.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Archive: React.FC<IconProps> = ({ height, size, width, ...props }) => (
+  <Svg viewBox={'0 0 20 20'} fill='none' height={height ?? size} width={width ?? size} {...props}>
+    <Path
+      d='M16.875 7.5V15C16.875 15.1658 16.8092 15.3247 16.6919 15.4419C16.5747 15.5592 16.4158 15.625 16.25 15.625H3.75C3.58424 15.625 3.42527 15.5592 3.30806 15.4419C3.19085 15.3247 3.125 15.1658 3.125 15V7.5M8.125 10.625H11.875M2.5 4.375H17.5C17.8452 4.375 18.125 4.65482 18.125 5V6.875C18.125 7.22018 17.8452 7.5 17.5 7.5H2.5C2.15482 7.5 1.875 7.22018 1.875 6.875V5C1.875 4.65482 2.15482 4.375 2.5 4.375Z'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/arrow-up-right.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ArrowUpRight = ({ height, size, width, ...rest }: IconProps) => {
+  return (
+    <Svg
+      height={height ?? size ?? 16}
+      viewBox={'0 0 20 20'}
+      width={width ?? size ?? 16}
+      fill={'none'}
+      {...rest}
+    >
+      <Path
+        d='M5 15L15 5M15 5H6.875M15 5V13.125'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+        {...rest}
+      />
+    </Svg>
+  );
+};

package/src/icons/arrow-up.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ArrowUp = ({ height, size, width, ...rest }: IconProps) => (
+  <Svg height={height ?? size} viewBox={'0 0 20 20'} fill='none' width={width ?? size}>
+    <Path
+      d='M10 16.875V3.125M10 3.125L4.375 8.75M10 3.125L15.625 8.75'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      {...rest}
+    />
+  </Svg>
+);
+
+export const Down = ({ height, size, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height ?? size} viewBox={'0 0 20 20'} width={width ?? size} {...rest}>
+    <Path
+      d='M10 16.875V3.125M10 3.125L4.375 8.75M10 3.125L15.625 8.75'
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      transform='rotate(180 10 10)'
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/audio.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Sound = ({ fill, height, pathFill, size, stroke, width, ...props }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg viewBox='0 0 20 20' fill='none' height={height ?? size} width={width ?? size} {...props}>
+      <Path
+        d='M15.625 8.125V11.875M18.125 6.875V13.125M6.875 13.125H3.125C2.95924 13.125 2.80027 13.0592 2.68306 12.9419C2.56585 12.8247 2.5 12.6658 2.5 12.5V7.5C2.5 7.33424 2.56585 7.17527 2.68306 7.05806C2.80027 6.94085 2.95924 6.875 3.125 6.875H6.875L12.5 2.5V17.5L6.875 13.125Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/bell.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Bell = ({ height, size, width, ...rest }: IconProps) => {
+  return (
+    <Svg
+      height={height ?? size ?? 16}
+      viewBox={'0 0 20 20'}
+      width={width ?? size ?? 16}
+      fill={'none'}
+      {...rest}
+    >
+      <Path
+        d='M7.50015 15C7.50015 15.663 7.76354 16.2989 8.23238 16.7678C8.70122 17.2366 9.33711 17.5 10.0001 17.5C10.6632 17.5 11.2991 17.2366 11.7679 16.7678C12.2368 16.2989 12.5001 15.663 12.5001 15M4.37515 8.125C4.37515 6.63316 4.96778 5.20242 6.02267 4.14752C7.07756 3.09263 8.5083 2.5 10.0001 2.5C11.492 2.5 12.9227 3.09263 13.9776 4.14752C15.0325 5.20242 15.6251 6.63316 15.6251 8.125C15.6251 10.9234 16.2736 13.1719 16.7892 14.0625C16.844 14.1574 16.8728 14.2649 16.8729 14.3745C16.873 14.484 16.8444 14.5916 16.7898 14.6865C16.7352 14.7815 16.6566 14.8604 16.5619 14.9154C16.4672 14.9705 16.3597 14.9996 16.2501 15H3.75015C3.64076 14.9993 3.53345 14.97 3.43896 14.9149C3.34448 14.8597 3.26611 14.7808 3.2117 14.6859C3.15729 14.591 3.12874 14.4835 3.12891 14.3741C3.12907 14.2647 3.15795 14.1572 3.21265 14.0625C3.72749 13.1719 4.37515 10.9227 4.37515 8.125Z'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+        {...rest}
+      />
+    </Svg>
+  );
+};

package/src/icons/bolt.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Lightning = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = fill ?? pathFill ?? stroke ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M16.7071 9.80157L7.95711 19.1766C7.86438 19.2755 7.74198 19.3416 7.60839 19.3649C7.47479 19.3882 7.33724 19.3674 7.2165 19.3057C7.09576 19.244 6.99837 19.1446 6.93904 19.0227C6.8797 18.9007 6.86164 18.7628 6.88757 18.6297L8.03289 12.9008L3.53054 11.2102C3.43385 11.174 3.34762 11.1144 3.27956 11.0368C3.2115 10.9592 3.16373 10.8659 3.14052 10.7653C3.1173 10.6647 3.11937 10.5599 3.14653 10.4603C3.17369 10.3607 3.2251 10.2694 3.29617 10.1945L12.0462 0.819538C12.1389 0.720581 12.2613 0.654468 12.3949 0.631176C12.5285 0.607884 12.666 0.628675 12.7868 0.690414C12.9075 0.752152 13.0049 0.851488 13.0642 0.97343C13.1236 1.09537 13.1416 1.2333 13.1157 1.36641L11.9673 7.10157L16.4696 8.78985C16.5656 8.82626 16.6511 8.88576 16.7187 8.96307C16.7862 9.04039 16.8336 9.13315 16.8568 9.23316C16.88 9.33317 16.8781 9.43734 16.8515 9.53648C16.8248 9.63562 16.7742 9.72666 16.704 9.80157H16.7071Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};

package/src/icons/camera.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Camera = ({ height, size, width, ...props }: IconProps) => (
+  <Svg
+    fill='none'
+    height={height ?? size}
+    width={width ?? size}
+    viewBox={'0 0 20 20'}
+    strokeWidth={1.5}
+    strokeLinejoin='round'
+    {...props}
+  >
+    <Path
+      d='M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z'
+      {...props}
+    />
+    <Path
+      d='M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z'
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/checkmark-1.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Checkmark = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg viewBox={'0 0 20 20'} fill='none' height={height ?? size} width={width ?? size} {...rest}>
+      <Path
+        d='M3.125 11.25L7.5 15.625L17.5 5.625'
+        fill='none'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/checkmark.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Check = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg viewBox={'0 0 20 20'} fill='none' height={height ?? size} width={width ?? size} {...rest}>
+      <Path
+        d='M3.125 11.25L7.5 15.625L17.5 5.625'
+        fill='none'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};
+
+export const Tick = (props: IconProps) => <Check {...props} />;

package/src/icons/checks.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const CheckAll = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg viewBox={'0 0 20 20'} fill='none' height={height ?? size} width={width ?? size} {...rest}>
+      <Path
+        d='M1.5 10.5724L4.98387 13.9936L13.1129 6.00977M10.371 13.9936L18.5 6.00977'
+        fill='none'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/chevron-left.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ChevronLeft = ({ height, size, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height ?? size} viewBox={'0 0 20 20'} width={width ?? size} {...rest}>
+    <Path
+      d='M12.5 16.25L6.25 10L12.5 3.75'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/chevron-up.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ChevronUp = ({ height, width, ...rest }: IconProps) => (
+  <Svg fill={'none'} height={height} viewBox={'0 0 20 20'} width={width} {...rest}>
+    <Path
+      d='M16.25 12.5L10 6.25L3.75 12.5'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+      strokeWidth={1.5}
+      {...rest}
+    />
+  </Svg>
+);

package/src/icons/clock.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Time = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg viewBox={'0 0 20 20'} fill='none' height={height ?? size} width={width ?? size} {...rest}>
+      <Path
+        d='M10 5.625V10H14.375M17.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='none'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/command.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const CommandsIcon = ({ height, size, width, ...props }: IconProps) => (
+  <Svg fill='none' height={height ?? size} width={width ?? size} viewBox={'0 0 20 20'} {...props}>
+    <Path
+      d='M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z'
+      strokeLinecap='round'
+      strokeWidth={1.5}
+      strokeLinejoin='round'
+      {...props}
+    />
+  </Svg>
+);

package/src/icons/copy.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Copy = ({ height, size, width, ...props }: IconProps) => (
+  <Svg viewBox={'0 0 20 20'} fill='none' height={height ?? size} width={width ?? size} {...props}>
+    <Path
+      d='M13.125 13.125H16.875V3.125H6.875V6.875M3.125 6.875H13.125V16.875H3.125V6.875Z'
+      {...props}
+      strokeWidth={1.5}
+      strokeLinecap='round'
+      strokeLinejoin='round'
+    />
+  </Svg>
+);

package/src/icons/delete.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Delete = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg viewBox='0 0 20 20' fill='none' height={height ?? size} width={width ?? size} {...rest}>
+      <Path
+        d='M16.875 4.375H3.125M8.125 8.125V13.125M11.875 8.125V13.125M15.625 4.375V16.25C15.625 16.4158 15.5592 16.5747 15.4419 16.6919C15.3247 16.8092 15.1658 16.875 15 16.875H5C4.83424 16.875 4.67527 16.8092 4.55806 16.6919C4.44085 16.5747 4.375 16.4158 4.375 16.25V4.375M13.125 4.375V3.125C13.125 2.79348 12.9933 2.47554 12.7589 2.24112C12.5245 2.0067 12.2065 1.875 11.875 1.875H8.125C7.79348 1.875 7.47554 2.0067 7.24112 2.24112C7.0067 2.47554 6.875 2.79348 6.875 3.125V4.375'
+        stroke={color}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+      />
+    </Svg>
+  );
+};

package/src/icons/edit.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Edit = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg width={width ?? size} height={height ?? size} viewBox='0 0 20 20' fill='none' {...rest}>
+      <Path
+        d='M10.625 5.0001L15 9.3751M7.24141 16.8751H3.75C3.58424 16.8751 3.42527 16.8093 3.30806 16.692C3.19085 16.5748 3.125 16.4159 3.125 16.2501V12.7587C3.12508 12.5932 3.19082 12.4344 3.30781 12.3173L12.9422 2.68291C13.0594 2.56579 13.2183 2.5 13.384 2.5C13.5497 2.5 13.7086 2.56579 13.8258 2.68291L17.3172 6.17198C17.4343 6.28917 17.5001 6.44808 17.5001 6.61377C17.5001 6.77946 17.4343 6.93837 17.3172 7.05557L7.68281 16.6923C7.56569 16.8093 7.40695 16.875 7.24141 16.8751Z'
+        stroke={color}
+        strokeWidth={1.5}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+      />
+    </Svg>
+  );
+};

package/src/icons/emoji-add-1.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const MoreEmojis = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = pathFill ?? fill ?? stroke ?? 'black';
+
+  return (
+    <Svg viewBox={'0 0 20 20'} fill='none' height={height ?? size} width={width ?? size} {...rest}>
+      <Path
+        d='M1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C10.4142 1.75 10.75 2.08579 10.75 2.5C10.75 2.91421 10.4142 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10C16.75 9.58579 17.0858 9.25 17.5 9.25C17.9142 9.25 18.25 9.58579 18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10Z'
+        fill={color}
+      />
+      <Path
+        d='M7.1875 9.375C7.70527 9.375 8.125 8.95527 8.125 8.4375C8.125 7.91973 7.70527 7.5 7.1875 7.5C6.66973 7.5 6.25 7.91973 6.25 8.4375C6.25 8.95527 6.66973 9.375 7.1875 9.375Z'
+        fill={color}
+      />
+      <Path
+        d='M12.8125 9.375C13.3303 9.375 13.75 8.95527 13.75 8.4375C13.75 7.91973 13.3303 7.5 12.8125 7.5C12.2947 7.5 11.875 7.91973 11.875 8.4375C11.875 8.95527 12.2947 9.375 12.8125 9.375Z'
+        fill={color}
+      />
+      <Path
+        d='M12.4756 11.499C12.683 11.1407 13.1425 11.0182 13.501 11.2256C13.8593 11.433 13.9818 11.8925 13.7744 12.251C13.0125 13.568 11.6947 14.5 10 14.5C8.30531 14.5 6.98748 13.568 6.22559 12.251C6.01825 11.8925 6.14067 11.433 6.49902 11.2256C6.85749 11.0182 7.31695 11.1407 7.52441 11.499C8.05942 12.424 8.91824 13 10 13C11.0818 13 11.9406 12.424 12.4756 11.499Z'
+        fill={color}
+      />
+      <Path
+        d='M15.083 6.87524V4.91626H13.125C12.7108 4.91626 12.375 4.58047 12.375 4.16626C12.3752 3.7522 12.7109 3.41626 13.125 3.41626H15.083V1.45825C15.083 1.04415 15.4189 0.708427 15.833 0.708252C16.2472 0.708252 16.583 1.04404 16.583 1.45825V3.41626H18.542C18.9559 3.41644 19.2918 3.7523 19.292 4.16626C19.292 4.58036 18.9561 4.91608 18.542 4.91626H16.583V6.87524C16.5828 7.28931 16.2471 7.62524 15.833 7.62524C15.4191 7.62507 15.0832 7.2892 15.083 6.87524Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};

package/src/icons/emoji.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Smile = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = pathFill ?? fill ?? stroke ?? 'black';
+
+  return (
+    <Svg fill='none' height={height ?? size} viewBox='0 0 20 20' width={width ?? size} {...rest}>
+      <Path
+        d='M16.75 10C16.75 6.27208 13.7279 3.25 10 3.25C6.27208 3.25 3.25 6.27208 3.25 10C3.25 13.7279 6.27208 16.75 10 16.75C13.7279 16.75 16.75 13.7279 16.75 10ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25C5.44365 18.25 1.75 14.5563 1.75 10C1.75 5.44365 5.44365 1.75 10 1.75C14.5563 1.75 18.25 5.44365 18.25 10Z'
+        fill={color}
+      />
+      <Path
+        d='M7.1875 9.375C7.70527 9.375 8.125 8.95527 8.125 8.4375C8.125 7.91973 7.70527 7.5 7.1875 7.5C6.66973 7.5 6.25 7.91973 6.25 8.4375C6.25 8.95527 6.66973 9.375 7.1875 9.375Z'
+        fill={color}
+      />
+      <Path
+        d='M12.8125 9.375C13.3303 9.375 13.75 8.95527 13.75 8.4375C13.75 7.91973 13.3303 7.5 12.8125 7.5C12.2947 7.5 11.875 7.91973 11.875 8.4375C11.875 8.95527 12.2947 9.375 12.8125 9.375Z'
+        fill={color}
+      />
+      <Path
+        d='M12.4756 11.499C12.683 11.1407 13.1425 11.0182 13.501 11.2256C13.8593 11.433 13.9818 11.8925 13.7744 12.251C13.0125 13.568 11.6947 14.5 10 14.5C8.30531 14.5 6.98748 13.568 6.22559 12.251C6.01825 11.8925 6.14067 11.433 6.49902 11.2256C6.85749 11.0182 7.31695 11.1407 7.52441 11.499C8.05942 12.424 8.91824 13 10 13C11.0818 13 11.9406 12.424 12.4756 11.499Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};

package/src/icons/exclamation-circle-fill.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ExclamationCircle = ({
+  fill,
+  height,
+  pathFill,
+  size,
+  stroke,
+  width,
+  ...rest
+}: IconProps) => {
+  const color = fill ?? stroke ?? pathFill ?? 'black';
+
+  return (
+    <Svg fill='none' height={height ?? size} viewBox='0 0 20 20' width={width ?? size} {...rest}>
+      <Path
+        d='M10 1.875C8.39303 1.875 6.82214 2.35152 5.486 3.24431C4.14985 4.1371 3.10844 5.40605 2.49348 6.8907C1.87852 8.37535 1.71762 10.009 2.03112 11.5851C2.34463 13.1612 3.11846 14.6089 4.25476 15.7452C5.39106 16.8815 6.8388 17.6554 8.41489 17.9689C9.99099 18.2824 11.6247 18.1215 13.1093 17.5065C14.594 16.8916 15.8629 15.8502 16.7557 14.514C17.6485 13.1779 18.125 11.607 18.125 10C18.1227 7.84581 17.266 5.78051 15.7427 4.25727C14.2195 2.73403 12.1542 1.87727 10 1.875ZM9.375 6.25C9.375 6.08424 9.44085 5.92527 9.55806 5.80806C9.67527 5.69085 9.83424 5.625 10 5.625C10.1658 5.625 10.3247 5.69085 10.4419 5.80806C10.5592 5.92527 10.625 6.08424 10.625 6.25V10.625C10.625 10.7908 10.5592 10.9497 10.4419 11.0669C10.3247 11.1842 10.1658 11.25 10 11.25C9.83424 11.25 9.67527 11.1842 9.55806 11.0669C9.44085 10.9497 9.375 10.7908 9.375 10.625V6.25ZM10 14.375C9.81458 14.375 9.63333 14.32 9.47916 14.217C9.32499 14.114 9.20482 13.9676 9.13387 13.7963C9.06291 13.625 9.04434 13.4365 9.08052 13.2546C9.11669 13.0727 9.20598 12.9057 9.33709 12.7746C9.4682 12.6435 9.63525 12.5542 9.81711 12.518C9.99896 12.4818 10.1875 12.5004 10.3588 12.5714C10.5301 12.6423 10.6765 12.7625 10.7795 12.9167C10.8825 13.0708 10.9375 13.2521 10.9375 13.4375C10.9375 13.6861 10.8387 13.9246 10.6629 14.1004C10.4871 14.2762 10.2486 14.375 10 14.375Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};

package/src/icons/exclamation-mark-fill.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Exclamation = ({
+  fill,
+  height,
+  pathFill,
+  size,
+  stroke,
+  width,
+  ...rest
+}: IconProps) => {
+  const color = pathFill ?? fill ?? stroke ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M10 16.875C10.6904 16.875 11.25 16.3154 11.25 15.625C11.25 14.9346 10.6904 14.375 10 14.375C9.30964 14.375 8.75 14.9346 8.75 15.625C8.75 16.3154 9.30964 16.875 10 16.875Z'
+        fill={color}
+      />
+      <Path
+        d='M9 11.875V3.75C9 3.19772 9.44772 2.75 10 2.75C10.5523 2.75 11 3.19772 11 3.75V11.875C11 12.4273 10.5523 12.875 10 12.875C9.44772 12.875 9 12.4273 9 11.875Z'
+        fill={color}
+      />
+    </Svg>
+  );
+};

package/src/icons/exclamation-triangle-fill.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Warning = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = fill ?? stroke ?? pathFill ?? 'black';
+
+  return (
+    <Svg fill='none' height={height ?? size} viewBox='0 0 20 20' width={width ?? size} {...rest}>
+      <Path
+        d='M18.4999 14.6946L11.6678 2.82974C11.4971 2.53906 11.2534 2.29803 10.9608 2.13057C10.6682 1.9631 10.337 1.875 9.99986 1.875C9.66275 1.875 9.33149 1.9631 9.03892 2.13057C8.74635 2.29803 8.50262 2.53906 8.33189 2.82974L1.49986 14.6946C1.33559 14.9757 1.24902 15.2955 1.24902 15.6211C1.24902 15.9468 1.33559 16.2665 1.49986 16.5477C1.6684 16.8401 1.91171 17.0825 2.20483 17.2498C2.49795 17.4172 2.83032 17.5036 3.16783 17.5001H16.8319C17.1691 17.5033 17.5012 17.4168 17.794 17.2494C18.0868 17.0821 18.3299 16.8399 18.4983 16.5477C18.6628 16.2667 18.7496 15.947 18.7499 15.6214C18.7502 15.2957 18.6639 14.9759 18.4999 14.6946ZM9.37486 8.12505C9.37486 7.95929 9.44071 7.80032 9.55792 7.68311C9.67513 7.5659 9.8341 7.50005 9.99986 7.50005C10.1656 7.50005 10.3246 7.5659 10.4418 7.68311C10.559 7.80032 10.6249 7.95929 10.6249 8.12505V11.2501C10.6249 11.4158 10.559 11.5748 10.4418 11.692C10.3246 11.8092 10.1656 11.8751 9.99986 11.8751C9.8341 11.8751 9.67513 11.8092 9.55792 11.692C9.44071 11.5748 9.37486 11.4158 9.37486 11.2501V8.12505ZM9.99986 15.0001C9.81444 15.0001 9.63319 14.9451 9.47901 14.8421C9.32484 14.739 9.20468 14.5926 9.13372 14.4213C9.06277 14.25 9.0442 14.0615 9.08038 13.8797C9.11655 13.6978 9.20584 13.5308 9.33695 13.3996C9.46806 13.2685 9.63511 13.1792 9.81696 13.1431C9.99882 13.1069 10.1873 13.1255 10.3586 13.1964C10.5299 13.2674 10.6764 13.3875 10.7794 13.5417C10.8824 13.6959 10.9374 13.8771 10.9374 14.0626C10.9374 14.3112 10.8386 14.5496 10.6628 14.7255C10.487 14.9013 10.2485 15.0001 9.99986 15.0001Z'
+        fill={color}
+        fillRule='evenodd'
+        clipRule='evenodd'
+      />
+    </Svg>
+  );
+};

package/src/icons/file.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+
+import { Path, Svg } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const File = ({ fill, height, pathFill, size, stroke, width, ...rest }: IconProps) => {
+  const color = stroke ?? pathFill ?? fill ?? 'black';
+
+  return (
+    <Svg
+      fill={'none'}
+      height={height ?? size}
+      viewBox={'0 0 20 20'}
+      width={width ?? size}
+      {...rest}
+    >
+      <Path
+        d='M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25'
+        fill='none'
+        stroke={color}
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+      />
+    </Svg>
+  );
+};
+
+export const FilePickerIcon = (props: IconProps) => <File {...props} />;

package/src/icons/filetype-audio-xl.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Audio = ({ height, width, ...rest }: IconProps) => (
+  <Svg width={width} height={height} viewBox='0 0 40 48' fill='none' {...rest}>
+    <Path
+      d='M0 4C0 1.79086 1.79086 0 4 0H28L40 12V44C40 46.2091 38.2091 48 36 48H4C1.79086 48 0 46.2091 0 44V4Z'
+      fill='#2727B0'
+    />
+    <Path
+      d='M25.625 20.125V23.875M28.125 18.875V25.125M16.875 25.125H13.125C12.9592 25.125 12.8003 25.0592 12.6831 24.9419C12.5658 24.8247 12.5 24.6658 12.5 24.5V19.5C12.5 19.3342 12.5658 19.1753 12.6831 19.0581C12.8003 18.9408 12.9592 18.875 13.125 18.875H16.875L22.5 14.5V29.5L16.875 25.125Z'
+      stroke='white'
+      strokeWidth='1.5'
+      strokeLinecap='round'
+      strokeLinejoin='round'
+    />
+    <Path opacity='0.5' d='M40 12L31 12C29.3431 12 28 10.6569 28 9V0L40 12Z' fill='white' />
+    <Path
+      d='M11.5938 40V35.6992H12.7344V36.3711H12.8047C12.8958 36.1289 13.0469 35.9414 13.2578 35.8086C13.4688 35.6732 13.7148 35.6055 13.9961 35.6055C14.1914 35.6055 14.3685 35.638 14.5273 35.7031C14.6862 35.7656 14.8216 35.8555 14.9336 35.9727C15.0456 36.0898 15.1315 36.2318 15.1914 36.3984H15.2617C15.3268 36.2396 15.4232 36.1016 15.5508 35.9844C15.6784 35.8646 15.8281 35.7721 16 35.707C16.1719 35.6393 16.3581 35.6055 16.5586 35.6055C16.8451 35.6055 17.0911 35.6641 17.2969 35.7812C17.5052 35.8984 17.6654 36.0651 17.7773 36.2812C17.8919 36.4948 17.9492 36.75 17.9492 37.0469V40H16.8086V37.332C16.8086 37.1576 16.7826 37.013 16.7305 36.8984C16.6784 36.7839 16.599 36.6979 16.4922 36.6406C16.388 36.5807 16.2565 36.5508 16.0977 36.5508C15.944 36.5508 15.8099 36.5859 15.6953 36.6562C15.5833 36.7266 15.4961 36.8216 15.4336 36.9414C15.3711 37.0612 15.3398 37.1992 15.3398 37.3555V40H14.1992V37.2812C14.1992 37.1276 14.1706 36.9961 14.1133 36.8867C14.0586 36.7773 13.9779 36.694 13.8711 36.6367C13.7669 36.5794 13.6406 36.5508 13.4922 36.5508C13.3438 36.5508 13.2122 36.5885 13.0977 36.6641C12.9857 36.737 12.8971 36.8385 12.832 36.9688C12.7669 37.0964 12.7344 37.2422 12.7344 37.4062V40H11.5938ZM19.0547 41.4258V35.6992H20.1953V36.3633H20.2656C20.3411 36.2096 20.4401 36.0781 20.5625 35.9688C20.6875 35.8594 20.8333 35.776 21 35.7188C21.1667 35.6589 21.3516 35.6289 21.5547 35.6289C21.9141 35.6289 22.224 35.7188 22.4844 35.8984C22.7448 36.0781 22.9453 36.3333 23.0859 36.6641C23.2292 36.9922 23.3008 37.3854 23.3008 37.8438V37.8516C23.3008 38.3125 23.2305 38.7083 23.0898 39.0391C22.9492 39.3698 22.7487 39.6237 22.4883 39.8008C22.2279 39.9779 21.9167 40.0664 21.5547 40.0664C21.3568 40.0664 21.1732 40.0365 21.0039 39.9766C20.8372 39.9141 20.6901 39.8268 20.5625 39.7148C20.4375 39.6029 20.3385 39.4688 20.2656 39.3125H20.1953V41.4258H19.0547ZM21.1641 39.1211C21.3672 39.1211 21.5404 39.0703 21.6836 38.9688C21.8294 38.8672 21.9414 38.7214 22.0195 38.5312C22.1003 38.3411 22.1406 38.1146 22.1406 37.8516V37.8438C22.1406 37.5807 22.1003 37.3542 22.0195 37.1641C21.9414 36.974 21.8294 36.8281 21.6836 36.7266C21.5404 36.625 21.3672 36.5742 21.1641 36.5742C20.9635 36.5742 20.7891 36.625 20.6406 36.7266C20.4948 36.8281 20.3815 36.974 20.3008 37.1641C20.2227 37.3516 20.1836 37.5781 20.1836 37.8438V37.8516C20.1836 38.112 20.224 38.3385 20.3047 38.5312C20.3854 38.7214 20.4987 38.8672 20.6445 38.9688C20.793 39.0703 20.9661 39.1211 21.1641 39.1211ZM26.3008 40.125C25.8763 40.125 25.5039 40.0547 25.1836 39.9141C24.8659 39.7708 24.6146 39.5729 24.4297 39.3203C24.2448 39.0651 24.138 38.7695 24.1094 38.4336L24.1055 38.3828H25.2344L25.2383 38.4258C25.2565 38.5716 25.3099 38.7018 25.3984 38.8164C25.4896 38.9284 25.612 39.0169 25.7656 39.082C25.9193 39.1445 26.0977 39.1758 26.3008 39.1758C26.5013 39.1758 26.6758 39.1419 26.8242 39.0742C26.9753 39.0039 27.0911 38.9076 27.1719 38.7852C27.2552 38.6628 27.2969 38.5221 27.2969 38.3633V38.3555C27.2969 38.0846 27.2005 37.8776 27.0078 37.7344C26.8177 37.5911 26.5521 37.5195 26.2109 37.5195H25.5664V36.6797H26.1953C26.3932 36.6797 26.5651 36.6471 26.7109 36.582C26.8568 36.5169 26.9701 36.4271 27.0508 36.3125C27.1315 36.1953 27.1719 36.0612 27.1719 35.9102V35.9023C27.1719 35.7461 27.1367 35.612 27.0664 35.5C26.9987 35.3854 26.8984 35.2982 26.7656 35.2383C26.6354 35.1758 26.4779 35.1445 26.293 35.1445C26.1081 35.1445 25.9453 35.1758 25.8047 35.2383C25.6641 35.3008 25.5521 35.3906 25.4688 35.5078C25.3854 35.6224 25.3359 35.7578 25.3203 35.9141L25.3164 35.9492H24.2305L24.2344 35.9023C24.263 35.5638 24.3646 35.2708 24.5391 35.0234C24.7161 34.7734 24.9531 34.5807 25.25 34.4453C25.5495 34.3073 25.8971 34.2383 26.293 34.2383C26.6966 34.2383 27.0482 34.3021 27.3477 34.4297C27.6471 34.5547 27.8776 34.7305 28.0391 34.957C28.2031 35.181 28.2852 35.444 28.2852 35.7461V35.7539C28.2852 35.9883 28.2331 36.194 28.1289 36.3711C28.0247 36.5482 27.8841 36.694 27.707 36.8086C27.5299 36.9232 27.3307 37.0039 27.1094 37.0508V37.0742C27.5286 37.1133 27.8646 37.2487 28.1172 37.4805C28.3698 37.7122 28.4961 38.0195 28.4961 38.4023V38.4102C28.4961 38.7513 28.4036 39.0508 28.2188 39.3086C28.0365 39.5664 27.7812 39.7669 27.4531 39.9102C27.125 40.0534 26.7409 40.125 26.3008 40.125Z'
+      fill='white'
+    />
+  </Svg>
+);