stream-chat-react-native-core 9.0.0-beta.8 → 9.0.0

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,24 @@
+import React from 'react';
+import { I18nManager } from 'react-native';
+
+import Svg, { G, 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}>
+      <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+        <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'
+        />
+      </G>
+    </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,20 @@
+import React from 'react';
+import { I18nManager } from 'react-native';
+
+import { G, 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}>
+    <G transform={I18nManager.isRTL ? 'matrix(-1 0 0 1 20 0)' : undefined}>
+      <Path
+        d='M12.5 16.25L6.25 10L12.5 3.75'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth={1.5}
+        {...rest}
+      />
+    </G>
+  </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>
+);

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

@@ -0,0 +1,26 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const Code = ({ 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='#00ACA1'
+    />
+    <Path
+      d='M18.125 28.875L21.875 15.125M25.2084 18.4583L27.4666 20.8577C28.0706 21.4995 28.0706 22.5005 27.4666 23.1422L25.2084 25.5417M14.7917 25.5417L12.5334 23.1422C11.9294 22.5005 11.9294 21.4995 12.5334 20.8577L14.7917 18.4583'
+      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.5156 40V34.0547H12.6562V36.3633H12.7266C12.8255 36.1289 12.9792 35.944 13.1875 35.8086C13.3958 35.6732 13.6536 35.6055 13.9609 35.6055C14.2812 35.6055 14.5495 35.6693 14.7656 35.7969C14.9844 35.9219 15.1497 36.1042 15.2617 36.3438C15.3763 36.5833 15.4336 36.875 15.4336 37.2188V40H14.293V37.4766C14.293 37.1719 14.2292 36.9414 14.1016 36.7852C13.974 36.6289 13.7747 36.5508 13.5039 36.5508C13.3294 36.5508 13.1784 36.5911 13.0508 36.6719C12.9258 36.75 12.8281 36.8607 12.7578 37.0039C12.6901 37.1471 12.6562 37.3164 12.6562 37.5117V40H11.5156ZM18.3242 40.0156C17.8034 40.0156 17.4284 39.9245 17.1992 39.7422C16.9701 39.5573 16.8555 39.2565 16.8555 38.8398V36.5586H16.1914V35.6992H16.8555V34.6719H18.0078V35.6992H18.8945V36.5586H18.0078V38.5781C18.0078 38.7708 18.0508 38.9128 18.1367 39.0039C18.2253 39.0924 18.3659 39.1367 18.5586 39.1367C18.6315 39.1367 18.6914 39.1354 18.7383 39.1328C18.7878 39.1276 18.8398 39.1224 18.8945 39.1172V39.9648C18.8242 39.9779 18.7396 39.9896 18.6406 40C18.5417 40.0104 18.4362 40.0156 18.3242 40.0156ZM19.8438 40V35.6992H20.9844V36.3711H21.0547C21.1458 36.1289 21.2969 35.9414 21.5078 35.8086C21.7188 35.6732 21.9648 35.6055 22.2461 35.6055C22.4414 35.6055 22.6185 35.638 22.7773 35.7031C22.9362 35.7656 23.0716 35.8555 23.1836 35.9727C23.2956 36.0898 23.3815 36.2318 23.4414 36.3984H23.5117C23.5768 36.2396 23.6732 36.1016 23.8008 35.9844C23.9284 35.8646 24.0781 35.7721 24.25 35.707C24.4219 35.6393 24.6081 35.6055 24.8086 35.6055C25.0951 35.6055 25.3411 35.6641 25.5469 35.7812C25.7552 35.8984 25.9154 36.0651 26.0273 36.2812C26.1419 36.4948 26.1992 36.75 26.1992 37.0469V40H25.0586V37.332C25.0586 37.1576 25.0326 37.013 24.9805 36.8984C24.9284 36.7839 24.849 36.6979 24.7422 36.6406C24.638 36.5807 24.5065 36.5508 24.3477 36.5508C24.194 36.5508 24.0599 36.5859 23.9453 36.6562C23.8333 36.7266 23.7461 36.8216 23.6836 36.9414C23.6211 37.0612 23.5898 37.1992 23.5898 37.3555V40H22.4492V37.2812C22.4492 37.1276 22.4206 36.9961 22.3633 36.8867C22.3086 36.7773 22.2279 36.694 22.1211 36.6367C22.0169 36.5794 21.8906 36.5508 21.7422 36.5508C21.5938 36.5508 21.4622 36.5885 21.3477 36.6641C21.2357 36.737 21.1471 36.8385 21.082 36.9688C21.0169 37.0964 20.9844 37.2422 20.9844 37.4062V40H19.8438ZM27.3438 40V34.0547H28.4844V40H27.3438Z'
+      fill='white'
+    />
+  </Svg>
+);

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

@@ -0,0 +1,25 @@
+import React from 'react';
+
+import Svg, { Path } from 'react-native-svg';
+
+import { IconProps } from './utils/base';
+
+export const ZIP = ({ 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='#E59E34'
+    />
+    <Path
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M11.7647 0H9.41174V2.4H11.7647V4.8H9.41174V7.2H11.7647V9.6H9.41174V12H11.7647V14.4H9.41174V16.8H11.7647V14.4H14.1176V12H11.7647V9.6H14.1176V7.2H11.7647V4.8H14.1176V2.4H11.7647V0ZM9.41174 20.4C9.41174 19.7373 9.93847 19.2 10.5882 19.2H12.9412C13.5909 19.2 14.1176 19.7373 14.1176 20.4V27.6C14.1176 28.2627 13.5909 28.8 12.9412 28.8H10.5882C9.93847 28.8 9.41174 28.2627 9.41174 27.6V20.4ZM10.5882 27.6V24H12.9412V27.6H10.5882Z'
+      fill='white'
+    />
+    <Path opacity='0.5' d='M40 12L31 12C29.3431 12 28 10.6569 28 9V0L40 12Z' fill='white' />
+    <Path
+      d='M14.4688 40V39.3438L16.6602 36.6289V36.5586H14.5V35.6992H18.0078V36.4258L15.9414 39.0703V39.1406H18.0586V40H14.4688ZM19.1055 40V35.6992H20.2461V40H19.1055ZM19.6797 35.0391C19.5052 35.0391 19.3542 34.9779 19.2266 34.8555C19.099 34.7305 19.0352 34.5807 19.0352 34.4062C19.0352 34.2292 19.099 34.0794 19.2266 33.957C19.3542 33.832 19.5052 33.7695 19.6797 33.7695C19.8568 33.7695 20.0078 33.832 20.1328 33.957C20.2578 34.0794 20.3203 34.2292 20.3203 34.4062C20.3203 34.5807 20.2578 34.7305 20.1328 34.8555C20.0078 34.9779 19.8568 35.0391 19.6797 35.0391ZM21.3945 41.4258V35.6992H22.5352V36.3633H22.6055C22.681 36.2096 22.7799 36.0781 22.9023 35.9688C23.0273 35.8594 23.1732 35.776 23.3398 35.7188C23.5065 35.6589 23.6914 35.6289 23.8945 35.6289C24.2539 35.6289 24.5638 35.7188 24.8242 35.8984C25.0846 36.0781 25.2852 36.3333 25.4258 36.6641C25.569 36.9922 25.6406 37.3854 25.6406 37.8438V37.8516C25.6406 38.3125 25.5703 38.7083 25.4297 39.0391C25.2891 39.3698 25.0885 39.6237 24.8281 39.8008C24.5677 39.9779 24.2565 40.0664 23.8945 40.0664C23.6966 40.0664 23.513 40.0365 23.3438 39.9766C23.1771 39.9141 23.0299 39.8268 22.9023 39.7148C22.7773 39.6029 22.6784 39.4688 22.6055 39.3125H22.5352V41.4258H21.3945ZM23.5039 39.1211C23.707 39.1211 23.8802 39.0703 24.0234 38.9688C24.1693 38.8672 24.2812 38.7214 24.3594 38.5312C24.4401 38.3411 24.4805 38.1146 24.4805 37.8516V37.8438C24.4805 37.5807 24.4401 37.3542 24.3594 37.1641C24.2812 36.974 24.1693 36.8281 24.0234 36.7266C23.8802 36.625 23.707 36.5742 23.5039 36.5742C23.3034 36.5742 23.1289 36.625 22.9805 36.7266C22.8346 36.8281 22.7214 36.974 22.6406 37.1641C22.5625 37.3516 22.5234 37.5781 22.5234 37.8438V37.8516C22.5234 38.112 22.5638 38.3385 22.6445 38.5312C22.7253 38.7214 22.8385 38.8672 22.9844 38.9688C23.1328 39.0703 23.306 39.1211 23.5039 39.1211Z'
+      fill='white'
+    />
+  </Svg>
+);