jornada-ui 0.2.4

package/src/common/constants/index.ts

@@ -0,0 +1,5 @@
+const IMAGES = {
+  IMAGE_ANONIMA:
+    "https://static.vakinha.com.br/uploads/user/avatar/2251959/download.png?ims=225x225",
+};
+export { IMAGES };

package/src/common/icons-svg/arrow-drop-down/index.tsx

@@ -0,0 +1,28 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+/**
+ * typings
+ */
+import { type ISvgProps } from "../interface";
+
+const SvgIconArrowDropDown: React.FC<ISvgProps> = ({ size, color, ...res }) => (
+  <Svg
+    // @ts-expect-error
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "10"}
+    height={size ?? "6"}
+    fill="none"
+    viewBox="0 0 10 6"
+    {...res}
+  >
+    <Path fill={color ?? "#868686"} d="M5 5.813L0 0h10L5 5.813z"></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconArrowDropDown };

package/src/common/icons-svg/arrow-left/index.tsx

@@ -0,0 +1,32 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { type ISvgProps } from "../interface";
+
+const SvgIconArrowLeft: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 21}
+    height={size ?? 11}
+    fill="none"
+    viewBox="0 0 21 10"
+  >
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      d="M5.078 9L1.067 5m0 0l4.01-4m-4.01 4h18.05"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconArrowLeft };

package/src/common/icons-svg/bell/index.tsx

@@ -0,0 +1,26 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { type ISvgProps } from "../interface";
+
+const SvgIconBell: React.FC<ISvgProps> = ({ size, color }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 32}
+    height={size ?? 32}
+    fill="none"
+    viewBox="0 0 32 32"
+  >
+    <Path
+      fill={color ?? "#2D3748"}
+      d="M28 8.888a1 1 0 0 1-1.348-.428 11.77 11.77 0 0 0-4.182-4.614 1.002 1.002 0 0 1 1.067-1.692 13.93 13.93 0 0 1 4.89 5.386A1 1 0 0 1 28 8.888M4.464 9a1 1 0 0 0 .887-.54c.955-1.886 2.4-3.48 4.183-4.614a1 1 0 0 0-1.068-1.692 13.93 13.93 0 0 0-4.89 5.386A1 1 0 0 0 4.464 9m23.262 12.993A2 2 0 0 1 26 25h-5.1a5 5 0 0 1-9.8 0H6a2 2 0 0 1-1.724-3.008C5.402 20.05 6 17.286 6 14a10 10 0 0 1 20 0c0 3.284.597 6.047 1.726 7.993M18.827 25h-5.655a3 3 0 0 0 5.655 0M26 23c-1.33-2.284-2-5.311-2-9a8 8 0 1 0-16 0c0 3.69-.673 6.718-2 9z"
+    ></Path>
+  </Svg>
+);
+
+export { SvgIconBell };

package/src/common/icons-svg/bluetooth/index.tsx

@@ -0,0 +1,39 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+
+// typing
+import { type ISvgProps } from "../interface";
+
+const SvgIconBluetooth: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    // @ts-expect-error
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox={`0 0  ${size ?? 24} ${size ?? 24}`}
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_9131_659)"
+    >
+      <Path d="M12 3l6 4.5-6 4.5V3zM12 12l6 4.5-6 4.5v-9zM6 7.5l6 4.5M6 16.5l6-4.5"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_9131_659">
+        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconBluetooth };

package/src/common/icons-svg/bluetooth-connected/index.tsx

@@ -0,0 +1,43 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+
+// typing
+import { type ISvgProps } from "../interface";
+
+const SvgIconBluetoothConnected: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox={`0 0  ${size ?? 24} ${size ?? 24}`}
+  >
+    <G clipPath="url(#clip0_9125_243)">
+      <Path
+        stroke={color ?? "#fff"}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth="2"
+        d="M12 3l6 4.5-6 4.5V3zM12 12l6 4.5-6 4.5v-9zM6 7.5l6 4.5M6 16.5l6-4.5"
+      ></Path>
+      <Path
+        fill={color ?? "#fff"}
+        d="M5.625 13.125a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25zM19.125 13.125a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25z"
+      ></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_9125_243">
+        <Path fill={color ?? "#fff"} d="M0 0H24V24H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconBluetoothConnected };

package/src/common/icons-svg/calendar/index.tsx

@@ -0,0 +1,40 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+
+// typings
+import { type ISvgProps } from "../interface";
+
+const SvgIconCalendar: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox="0 0 16 16"
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      clipPath="url(#clip0_686_587)"
+    >
+      <Path d="M13 2.5H3a.5.5 0 00-.5.5v10a.5.5 0 00.5.5h10a.5.5 0 00.5-.5V3a.5.5 0 00-.5-.5zM11 1.5v2M5 1.5v2M2.5 5.5h11"></Path>
+      <Path d="M5.5 8l1-.5v4M8.634 8a1 1 0 111.665 1.102L8.5 11.5h2"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_686_587">
+        <Path fill="#fff" d="M0 0H16V16H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCalendar };

package/src/common/icons-svg/call-bell/index.tsx

@@ -0,0 +1,29 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { type ISvgProps } from "../interface";
+
+const SvgIconCallBell: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox="0 0 24 24"
+  >
+    <Path
+      fill={color ?? "#050022"}
+      d="M2.25 17.25h19.5a.75.75 0 1 0 0-1.5H21v-1.5a9.01 9.01 0 0 0-8.25-8.968V3.75h1.5a.75.75 0 1 0 0-1.5h-4.5a.75.75 0 0 0 0 1.5h1.5v1.532A9.01 9.01 0 0 0 3 14.25v1.5h-.75a.75.75 0 1 0 0 1.5m2.25-3a7.5 7.5 0 0 1 15 0v1.5h-15zm18 5.25a.75.75 0 0 1-.75.75H2.25a.75.75 0 1 1 0-1.5h19.5a.75.75 0 0 1 .75.75"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCallBell };

package/src/common/icons-svg/camera-plus/index.tsx

@@ -0,0 +1,40 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
+
+//typings
+import { type ISvgProps } from "../interface";
+
+const SvgIconCameraPlus: React.FC<ISvgProps> = ({ color, size, ...res }) => (
+  <Svg
+    {...res}
+    // @ts-expect-error
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 24}
+    height={size ?? 24}
+    fill="none"
+    viewBox="0 0 24 24"
+  >
+    <G
+      stroke={color ?? "#050022"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_862_99)"
+    >
+      <Path d="M19.5 19.5h-15A1.5 1.5 0 013 18V7.5A1.5 1.5 0 014.5 6h3L9 3.75h6L16.5 6h3A1.5 1.5 0 0121 7.5V18a1.5 1.5 0 01-1.5 1.5zM12 9.75v6M9 12.75h6"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_862_99">
+        <Path fill="#fff" d="M0 0H24V24H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCameraPlus };

package/src/common/icons-svg/chart-bar/index.tsx

@@ -0,0 +1,29 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { type ISvgProps } from "../interface";
+
+const SvgChartBar: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "32"}
+    height={size ?? "32"}
+    fill="none"
+    viewBox={`0 0 ${size ?? "32"} ${size ?? "32"}`}
+  >
+    <Path
+      fill={color ?? "#fff"}
+      d="M29 26a1 1 0 0 1-1 1H4a1 1 0 0 1 0-2h1v-8a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v8h2V11a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14h2V5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v20h1a1 1 0 0 1 1 1"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgChartBar };

package/src/common/icons-svg/check-box-fill/index.tsx

@@ -0,0 +1,30 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+/**
+ * typings
+ */
+import { type ISvgProps } from "../interface";
+
+const SvgIconCheckBoxFill: React.FC<ISvgProps> = ({ color, size, ...res }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ? size : 24}
+    height={size ? size : 24}
+    fill="none"
+    {...res}
+  >
+    <Path
+      fill={color ? color : "#F3F3F3"}
+      d="M16.28 9.22a.748.748 0 0 1 0 1.06l-5.25 5.25a.747.747 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l1.72 1.72 4.72-4.72a.749.749 0 0 1 1.06 0ZM21 4.5v15a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 19.5v-15A1.5 1.5 0 0 1 4.5 3h15A1.5 1.5 0 0 1 21 4.5Zm-1.5 15v-15h-15v15h15Z"
+    />
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCheckBoxFill };

package/src/common/icons-svg/check-box-outline/index.tsx

@@ -0,0 +1,30 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+/**
+ * typings
+ */
+import { type ISvgProps } from "../interface";
+
+const SvgIconCheckBoxOutline: React.FC<ISvgProps> = ({ color, size, ...res }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ? size : 24}
+    height={size ? size : 24}
+    fill="none"
+    {...res}
+  >
+    <Path
+      fill={color ? color : "#F3F3F3"}
+      d="M19.5 3h-15A1.5 1.5 0 0 0 3 4.5v15A1.5 1.5 0 0 0 4.5 21h15a1.5 1.5 0 0 0 1.5-1.5v-15A1.5 1.5 0 0 0 19.5 3Zm-3.22 7.28-5.25 5.25a.747.747 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l1.72 1.72 4.72-4.72a.751.751 0 0 1 1.06 1.06Z"
+    />
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCheckBoxOutline };

package/src/common/icons-svg/check-circle/index.tsx

@@ -0,0 +1,40 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+// typings
+import { type ISvgProps } from "../interface";
+
+const SvgIconCheckCircle: React.FC<ISvgProps> = ({ color, size, background }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "40"}
+    height={size ?? "40"}
+    fill="none"
+    viewBox="0 0 40 40"
+  >
+    <Path
+      fill={background ?? "#38A238"}
+      stroke={background ?? "#38A238"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      d="M20 35c8.284 0 15-6.716 15-15S28.284 5 20 5 5 11.716 5 20s6.716 15 15 15"
+    ></Path>
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="1.5"
+      d="M26.875 16.25 17.703 25l-4.578-4.375"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCheckCircle };

package/src/common/icons-svg/closed/index.tsx

@@ -0,0 +1,34 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
+/**
+ * typings
+ */
+import { type ISvgProps } from "../interface";
+
+const SvgIconClosed: React.FC<ISvgProps> = ({ color, size }) => (
+  // @ts-expect-error
+  <Svg xmlns="http://www.w3.org/2000/svg" width={size ?? 24} height={size ?? 24} fill="none">
+    <G
+      stroke={color ?? "#1e1e1e"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      clipPath="url(#a)"
+    >
+      <Path d="M17.562 4.813 4.917 17.188M17.562 17.188 4.917 4.813" />
+    </G>
+    <Defs>
+      <ClipPath id="a">
+        <Path fill="#1e1e1e" d="M0 0h22.48v22H0z" />
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconClosed };

package/src/common/icons-svg/constants/index.ts

@@ -0,0 +1,53 @@
+/**
+ * IMPORTS
+ */
+
+const SVG_NAME = {
+  CAMERA_PLUS: "camera-plus",
+  STEERING_WHEEL: "steering-wheel",
+  CHECK_BOX_FILL: "check-box-fill",
+  CHECK_BOX_OUTLINE: "check-box-outline",
+  MOON_STARS: "moon-stars",
+  CALL_BELL: "call-bell",
+  STEERING_WHEEL_FILL: "steering-wheel-fill",
+  TROPHY: "trophy",
+  SHOPPING_CART: "Pedido Realizado",
+  CREDIT_CARD: "Pagamento Aprovado",
+  FILE_TEXT: "Pedido Faturado",
+  TRUCK: "Pedido Enviado",
+  PACKAGE_CHECK: "Pedido Entregue",
+  PLUS: "plus",
+  EYE_SLASH: "eye-slash",
+  EYE: "eye",
+  CALENDAR: "calendar",
+  TIMER: "timer",
+  GEAR: "gear",
+  CURRENCY: "currency",
+  GAUGE: "gauge",
+  GAS_PUMP: "gas-pump",
+  ARROW_LEFT: "arrow-left",
+  BLUETOOTH: "bluetooth",
+  BLUETOOTH_CONNECTED: "bluetooth-connected",
+  LIST: "list",
+  WIFI_X: "wifi-x",
+  WIFI_HIGH: "wifi-high",
+  NOTE_PINCEL: "note-pincel",
+  CHECK_CIRCLE: "check-circle",
+  ARROW_DROP_DOWN: "arrow-drop-down",
+  CLOSED: "closed",
+  LOADING: "currency-circle-dollar",
+  COIL: "package",
+  HISTORY: "chart-bar",
+  BELL: "bell",
+  FILES: "files",
+  LIFEBUOY: "lifebuoy",
+  RECUSED: "recused",
+  EXCLAMATION_CIRCLE: "exclamation-circle",
+  X_CIRCLE: "x-circle",
+};
+
+/**
+ * EXPORTS
+ */
+
+export { SVG_NAME };

package/src/common/icons-svg/credit-card/index.tsx

@@ -0,0 +1,32 @@
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+/**
+ * typings
+ */
+import { type ISvgProps } from "../interface";
+
+const IconCreditCard: React.FC<ISvgProps> = ({ size, color }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "24"}
+    height={size ?? "24"}
+    fill="none"
+    viewBox="0 0 24 24"
+  >
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M20 5H4a2 2 0 00-2 2v10a2 2 0 002 2h16a2 2 0 002-2V7a2 2 0 00-2-2zM2 10h20"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { IconCreditCard };

package/src/common/icons-svg/currency/index.tsx

@@ -0,0 +1,39 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
+
+//typings
+import { type ISvgProps } from "../interface";
+
+const SvgIconCurrency: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 18}
+    height={size ?? 18}
+    fill="none"
+    viewBox="0 0 18 18"
+  >
+    <G
+      stroke={color ?? "#393939"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      clipPath="url(#clip0_689_608)"
+    >
+      <Path d="M9 1.688v14.624M12.938 6.188a2.811 2.811 0 00-2.813-2.813h-2.25a2.813 2.813 0 000 5.625h2.813a2.812 2.812 0 110 5.625H7.312A2.812 2.812 0 014.5 11.812"></Path>
+    </G>
+    <Defs>
+      <ClipPath id="clip0_689_608">
+        <Path fill="#fff" d="M0 0H18V18H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconCurrency };

package/src/common/icons-svg/currency-circle-dollar/index.tsx

@@ -0,0 +1,29 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { type ISvgProps } from "../interface";
+
+const SvgCurrencyCircleDollar: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "32"}
+    height={size ?? "32"}
+    fill="none"
+    viewBox={`0 0 ${size ?? "32"} ${size ?? "32"}`}
+  >
+    <Path
+      fill={color ?? "#fff"}
+      d="M16 3a13 13 0 1 0 13 13A13.013 13.013 0 0 0 16 3m1.5 19H17v1a1 1 0 0 1-2 0v-1h-2a1 1 0 0 1 0-2h4.5a1.5 1.5 0 1 0 0-3h-3a3.5 3.5 0 1 1 0-7h.5V9a1 1 0 0 1 2 0v1h2a1 1 0 0 1 0 2h-4.5a1.5 1.5 0 1 0 0 3h3a3.5 3.5 0 1 1 0 7"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgCurrencyCircleDollar };

package/src/common/icons-svg/exclamation-circle/index.tsx

@@ -0,0 +1,33 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, G, Defs, ClipPath } from "react-native-svg";
+
+// typings
+import { type ISvgProps } from "../interface";
+
+const SvgIconExclamationCircle: React.FC<ISvgProps> = ({ color, size, background }) => (
+  <Svg
+    // @ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "36"}
+    height={size ?? "36"}
+    fill="none"
+    viewBox="0 0 36 36"
+  >
+    <G clipPath="url(#a)">
+      <Path
+        fill={background ?? "#F4B31D"}
+        d="M36 18a18 18 0 1 1-36 0 18 18 0 0 1 36 0M18 9a2.036 2.036 0 0 0-2.025 2.239l.787 7.89a1.242 1.242 0 0 0 2.476 0l.787-7.89A2.035 2.035 0 0 0 18 9m.005 13.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5"
+      ></Path>
+    </G>
+    <Defs>
+      <ClipPath id="a">
+        <Path fill={color ?? "#fff"} d="M0 0h36v36H0z"></Path>
+      </ClipPath>
+    </Defs>
+  </Svg>
+);
+
+export { SvgIconExclamationCircle };

package/src/common/icons-svg/eye/index.tsx

@@ -0,0 +1,31 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path, G } from "react-native-svg";
+
+//typings
+import { type ISvgProps } from "../interface";
+
+const SvgIconEye: React.FC<ISvgProps> = ({ color, size, ...res }) => (
+  <Svg
+    // @ts-expect-error
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 26}
+    height={size ?? 26}
+    fill="none"
+    {...res}
+  >
+    <G filter="url(#a)">
+      <Path
+        fill={color ?? "#050022"}
+        d="M23.185 12.196c-.032-.074-.827-1.835-2.592-3.6C18.241 6.242 15.27 5 12 5 8.73 5 5.76 6.243 3.407 8.595 1.642 10.361.844 12.125.815 12.196a.75.75 0 0 0 0 .61c.032.074.827 1.834 2.592 3.6C5.759 18.756 8.73 20 12 20c3.27 0 6.24-1.243 8.593-3.594 1.765-1.766 2.56-3.526 2.592-3.6a.75.75 0 0 0 0-.61ZM12 18.5c-2.886 0-5.407-1.05-7.493-3.117A12.511 12.511 0 0 1 2.344 12.5a12.499 12.499 0 0 1 2.163-2.883C6.593 7.55 9.114 6.5 12 6.5s5.407 1.05 7.493 3.117a12.507 12.507 0 0 1 2.168 2.883c-.676 1.262-3.62 6-9.661 6ZM12 8a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm0 7.5a3 3 0 1 1 0-5.999 3 3 0 0 1 0 5.999Z"
+      />
+    </G>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconEye };