@factorialco/f0-react-native 0.19.1

package/src/icons/app/Windows.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgWindows = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="m20 4-8.537 1.247v6.16H20zm0 16.25v-7.524l-8.537-.016v6.19zm-9.671-7.587v6.129l-6.324-.885v-5.275zm0-7.307L4 6.24l.003 5.244h6.326z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgWindows);
+export default ForwardRef;

package/src/icons/app/index.ts

@@ -0,0 +1,186 @@
+export { default as ArrowCycle } from "./ArrowCycle";
+export { default as ChartPie } from "./ChartPie";
+export { default as CheckDouble } from "./CheckDouble";
+export { default as FileFilled } from "./FileFilled";
+export { default as Maximize } from "./Maximize";
+export { default as MicrophoneNegative } from "./MicrophoneNegative";
+export { default as Minimize } from "./Minimize";
+export { default as Record } from "./Record";
+export { default as VideoRecorder } from "./VideoRecorder";
+export { default as VideoRecorderNegative } from "./VideoRecorderNegative";
+export { default as AcademicCap } from "./AcademicCap";
+export { default as Add } from "./Add";
+export { default as Ai } from "./Ai";
+export { default as AlertCircleLine } from "./AlertCircleLine";
+export { default as AlertCircle } from "./AlertCircle";
+export { default as Alert } from "./Alert";
+export { default as AlignTextCenter } from "./AlignTextCenter";
+export { default as AlignTextJustify } from "./AlignTextJustify";
+export { default as AlignTextLeft } from "./AlignTextLeft";
+export { default as AlignTextRight } from "./AlignTextRight";
+export { default as Appearance } from "./Appearance";
+export { default as ArchiveOpen } from "./ArchiveOpen";
+export { default as Archive } from "./Archive";
+export { default as ArrowDown } from "./ArrowDown";
+export { default as ArrowLeft } from "./ArrowLeft";
+export { default as ArrowRight } from "./ArrowRight";
+export { default as ArrowUp } from "./ArrowUp";
+export { default as Bank } from "./Bank";
+export { default as BarGraph } from "./BarGraph";
+export { default as Bell } from "./Bell";
+export { default as Bold } from "./Bold";
+export { default as BookOpen } from "./BookOpen";
+export { default as Briefcase } from "./Briefcase";
+export { default as Bucket } from "./Bucket";
+export { default as Building } from "./Building";
+export { default as Bullet } from "./Bullet";
+export { default as Calculator } from "./Calculator";
+export { default as CalendarArrowDown } from "./CalendarArrowDown";
+export { default as CalendarArrowLeft } from "./CalendarArrowLeft";
+export { default as CalendarArrowRight } from "./CalendarArrowRight";
+export { default as Calendar } from "./Calendar";
+export { default as CameraPlus } from "./CameraPlus";
+export { default as ChartLine } from "./ChartLine";
+export { default as CheckCircleLine } from "./CheckCircleLine";
+export { default as CheckCircle } from "./CheckCircle";
+export { default as Check } from "./Check";
+export { default as ChevronDown } from "./ChevronDown";
+export { default as ChevronLeft } from "./ChevronLeft";
+export { default as ChevronRight } from "./ChevronRight";
+export { default as ChevronUp } from "./ChevronUp";
+export { default as Circle } from "./Circle";
+export { default as Clock } from "./Clock";
+export { default as Code } from "./Code";
+export { default as Coffee } from "./Coffee";
+export { default as Comment } from "./Comment";
+export { default as Completed } from "./Completed";
+export { default as CreditCard } from "./CreditCard";
+export { default as Cross } from "./Cross";
+export { default as CrossedCircle } from "./CrossedCircle";
+export { default as Crown } from "./Crown";
+export { default as Delete } from "./Delete";
+export { default as Deny } from "./Deny";
+export { default as Desktop } from "./Desktop";
+export { default as DollarBill } from "./DollarBill";
+export { default as DottedCircle } from "./DottedCircle";
+export { default as Download } from "./Download";
+export { default as DropdownDefault } from "./DropdownDefault";
+export { default as DropdownOpen } from "./DropdownOpen";
+export { default as EllipsisHorizontal } from "./EllipsisHorizontal";
+export { default as Ellipsis } from "./Ellipsis";
+export { default as EnvelopeOpen } from "./EnvelopeOpen";
+export { default as Envelope } from "./Envelope";
+export { default as Exit } from "./Exit";
+export { default as ExternalLink } from "./ExternalLink";
+export { default as EyeInvisible } from "./EyeInvisible";
+export { default as EyeVisible } from "./EyeVisible";
+export { default as FaceNegative } from "./FaceNegative";
+export { default as FaceNeutral } from "./FaceNeutral";
+export { default as FacePositive } from "./FacePositive";
+export { default as FaceSuperNegative } from "./FaceSuperNegative";
+export { default as FaceSuperPositive } from "./FaceSuperPositive";
+export { default as Feed } from "./Feed";
+export { default as File } from "./File";
+export { default as Filter } from "./Filter";
+export { default as Flag } from "./Flag";
+export { default as Folder } from "./Folder";
+export { default as Folders } from "./Folders";
+export { default as Globe } from "./Globe";
+export { default as Graph } from "./Graph";
+export { default as Handshake } from "./Handshake";
+export { default as Heading1 } from "./Heading1";
+export { default as Heading2 } from "./Heading2";
+export { default as Heading3 } from "./Heading3";
+export { default as Heart } from "./Heart";
+export { default as HoldHeart } from "./HoldHeart";
+export { default as Home } from "./Home";
+export { default as Hub } from "./Hub";
+export { default as Image } from "./Image";
+export { default as InProgressTask } from "./InProgressTask";
+export { default as Inbox } from "./Inbox";
+export { default as InfoCircleLine } from "./InfoCircleLine";
+export { default as InfoCircle } from "./InfoCircle";
+export { default as Info } from "./Info";
+export { default as Italic } from "./Italic";
+export { default as Kanban } from "./Kanban";
+export { default as Laptop } from "./Laptop";
+export { default as LayersFront } from "./LayersFront";
+export { default as Lightbulb } from "./Lightbulb";
+export { default as LinkRemove } from "./LinkRemove";
+export { default as Link } from "./Link";
+export { default as List } from "./List";
+export { default as LockLocked } from "./LockLocked";
+export { default as LockUnlocked } from "./LockUnlocked";
+export { default as LogoAvatar } from "./LogoAvatar";
+export { default as LogoEruditai } from "./LogoEruditai";
+export { default as LogoTravelperk } from "./LogoTravelperk";
+export { default as Masonry } from "./Masonry";
+export { default as Megaphone } from "./Megaphone";
+export { default as Menu } from "./Menu";
+export { default as MessageFrown } from "./MessageFrown";
+export { default as MessageHeart } from "./MessageHeart";
+export { default as Messages } from "./Messages";
+export { default as Microphone } from "./Microphone";
+export { default as Minus } from "./Minus";
+export { default as Mobile } from "./Mobile";
+export { default as MoneyBag } from "./MoneyBag";
+export { default as Money } from "./Money";
+export { default as MoveDown } from "./MoveDown";
+export { default as MoveTop } from "./MoveTop";
+export { default as MoveUp } from "./MoveUp";
+export { default as Office } from "./Office";
+export { default as OlList } from "./OlList";
+export { default as PalmTree } from "./PalmTree";
+export { default as Paperclip } from "./Paperclip";
+export { default as PartiallyCompleted } from "./PartiallyCompleted";
+export { default as PauseCircle } from "./PauseCircle";
+export { default as Pencil } from "./Pencil";
+export { default as People } from "./People";
+export { default as Person } from "./Person";
+export { default as Phone } from "./Phone";
+export { default as Pin } from "./Pin";
+export { default as PixBrazil } from "./PixBrazil";
+export { default as Placeholder } from "./Placeholder";
+export { default as Plane } from "./Plane";
+export { default as Plus } from "./Plus";
+export { default as Present } from "./Present";
+export { default as Printer } from "./Printer";
+export { default as Proyector } from "./Proyector";
+export { default as Question } from "./Question";
+export { default as Quote } from "./Quote";
+export { default as Reaction } from "./Reaction";
+export { default as Receipt } from "./Receipt";
+export { default as RemoveFavorite } from "./RemoveFavorite";
+export { default as Replace } from "./Replace";
+export { default as Reset } from "./Reset";
+export { default as Rocket } from "./Rocket";
+export { default as Salad } from "./Salad";
+export { default as Save } from "./Save";
+export { default as Schedule } from "./Schedule";
+export { default as SearchPerson } from "./SearchPerson";
+export { default as Search } from "./Search";
+export { default as Settings } from "./Settings";
+export { default as Share } from "./Share";
+export { default as Sliders } from "./Sliders";
+export { default as SolidPause } from "./SolidPause";
+export { default as SolidPlay } from "./SolidPlay";
+export { default as SolidStop } from "./SolidStop";
+export { default as Sort } from "./Sort";
+export { default as Sparkles } from "./Sparkles";
+export { default as Spinner } from "./Spinner";
+export { default as Split } from "./Split";
+export { default as StarFilled } from "./StarFilled";
+export { default as Star } from "./Star";
+export { default as Strikethrough } from "./Strikethrough";
+export { default as Suitcase } from "./Suitcase";
+export { default as Table } from "./Table";
+export { default as Target } from "./Target";
+export { default as TextSize } from "./TextSize";
+export { default as Timer } from "./Timer";
+export { default as Underline } from "./Underline";
+export { default as Upload } from "./Upload";
+export { default as Video } from "./Video";
+export { default as Wallet } from "./Wallet";
+export { default as Warning } from "./Warning";
+export { default as WhatsappChat } from "./WhatsappChat";
+export { default as Windows } from "./Windows";

package/src/icons/index.ts

@@ -0,0 +1,5 @@
+import * as AppIcons from "./app";
+import * as ModuleIcons from "./modules";
+export { AppIcons, ModuleIcons };
+export * from "./types";
+export { Icon } from "../components/Icon";

package/src/icons/modules/Benefits.tsx

@@ -0,0 +1,25 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgBenefits = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M6.25 6.5A3.25 3.25 0 0 1 12 4.423 3.25 3.25 0 1 1 16.577 9h.756c.62 0 .93 0 1.185.068a2 2 0 0 1 1.414 1.414c.068.255.068.565.068 1.185 0 .31 0 .465-.034.592a1 1 0 0 1-.707.707c-.127.034-.282.034-.592.034H5.333c-.31 0-.465 0-.592-.034a1 1 0 0 1-.707-.707C4 12.132 4 11.977 4 11.667c0-.62 0-.93.068-1.185a2 2 0 0 1 1.414-1.414C5.737 9 6.047 9 6.667 9h.756A3.24 3.24 0 0 1 6.25 6.5M9.5 4.75c.966 0 1.75.784 1.75 1.75v1.75H9.5a1.75 1.75 0 1 1 0-3.5m5 3.5h-1.75V6.5a1.75 1.75 0 1 1 1.75 1.75"
+      clipRule="evenodd"
+    />
+    <Path
+      fill="currentColor"
+      d="M5 14.5a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H8a3 3 0 0 1-3-3zM12.5 14.5a.5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .5.5V17a3 3 0 0 1-3 3h-3a.5.5 0 0 1-.5-.5z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgBenefits);
+export default ForwardRef;

package/src/icons/modules/Calendar.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCalendar = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M10 4a1 1 0 1 0-2 0v1h-.5A3.5 3.5 0 0 0 4 8.5v9A3.5 3.5 0 0 0 7.5 21h9a3.5 3.5 0 0 0 3.5-3.5v-9A3.5 3.5 0 0 0 16.5 5H16V4a1 1 0 1 0-2 0v1h-4zm-2.4 6h8.8c.56 0 .84 0 1.054.109a1 1 0 0 1 .437.437C18 10.76 18 11.04 18 11.6v4.2c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C16.48 19 15.92 19 14.8 19H9.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C6 17.48 6 16.92 6 15.8v-4.2c0-.56 0-.84.109-1.054a1 1 0 0 1 .437-.437C6.76 10 7.04 10 7.6 10"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCalendar);
+export default ForwardRef;

package/src/icons/modules/Cards.tsx

@@ -0,0 +1,25 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgCards = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M3.022 8.125h17.956c-.032-.655-.11-1.106-.305-1.487a3 3 0 0 0-1.311-1.311C18.72 5 17.88 5 16.2 5H7.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311c-.194.381-.273.832-.305 1.487"
+    />
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M21 9.875H3V14.2c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C5.28 19 6.12 19 7.8 19h8.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 16.72 21 15.88 21 14.2zM13.125 15c0-.483.392-.875.875-.875h3a.875.875 0 0 1 0 1.75h-3a.875.875 0 0 1-.875-.875"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgCards);
+export default ForwardRef;

package/src/icons/modules/ClockIn.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgClockIn = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0m-7-3a1 1 0 1 0-2 0v2.465a2 2 0 0 0 .89 1.664l2.555 1.703a1 1 0 0 0 1.11-1.664L13 11.465z"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgClockIn);
+export default ForwardRef;

package/src/icons/modules/Discover.tsx

@@ -0,0 +1,25 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgDiscover = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M11.715 3.332c.18-.09.39-.09.57 0a.66.66 0 0 1 .27.263c.03.051.06.112.08.157l.005.01.413.878.914.14.011.002c.047.007.114.017.172.032a.65.65 0 0 1 .33.191.65.65 0 0 1 .162.518.66.66 0 0 1-.151.336 2 2 0 0 1-.119.128l-.008.009-.675.69.16.98.002.011c.008.05.02.116.024.175a.642.642 0 0 1-.514.696.65.65 0 0 1-.385-.05 2 2 0 0 1-.156-.079l-.01-.005-.81-.447-.81.447-.01.005a2 2 0 0 1-.156.08.65.65 0 0 1-.385.049.64.64 0 0 1-.514-.696c.005-.059.016-.125.024-.175l.002-.011.16-.98-.675-.69-.008-.009c-.034-.034-.082-.083-.119-.128a.66.66 0 0 1-.15-.336.65.65 0 0 1 .161-.518.65.65 0 0 1 .33-.191c.058-.015.125-.025.172-.032l.011-.002.914-.14.413-.877.005-.01c.02-.046.05-.107.08-.158a.66.66 0 0 1 .27-.263M5.362 6.509c.18-.09.39-.09.57 0a.66.66 0 0 1 .27.263c.03.05.06.112.08.157l.005.01.413.878.914.14.011.002c.047.007.114.017.172.031a.65.65 0 0 1 .33.192.65.65 0 0 1 .162.517.66.66 0 0 1-.15.336c-.038.046-.085.094-.12.129l-.008.008-.675.69.16.98.002.012c.008.05.02.116.024.175a.642.642 0 0 1-.514.696.65.65 0 0 1-.385-.05 2 2 0 0 1-.156-.08l-.01-.005-.81-.447-.81.447-.01.005a2 2 0 0 1-.156.08.65.65 0 0 1-.385.05.64.64 0 0 1-.514-.697 2 2 0 0 1 .026-.186l.16-.98-.675-.69-.008-.008a2 2 0 0 1-.119-.129.66.66 0 0 1-.15-.336.65.65 0 0 1 .161-.517.65.65 0 0 1 .33-.192 2 2 0 0 1 .183-.033l.914-.14.413-.878.005-.01c.02-.045.05-.106.08-.157a.66.66 0 0 1 .27-.263M12 10.147c.585 0 1.059.474 1.059 1.059v8.47a1.059 1.059 0 0 1-2.118 0v-8.47c0-.585.474-1.059 1.059-1.059M4.643 14.048a1.06 1.06 0 0 1 1.339-.67c1.46.486 3.9 2.634 3.9 6.299a1.059 1.059 0 0 1-2.117 0c0-2.689-1.795-4.07-2.453-4.29a1.06 1.06 0 0 1-.67-1.34M19.357 14.048a1.06 1.06 0 0 0-1.339-.67c-1.46.486-3.9 2.634-3.9 6.299a1.059 1.059 0 0 0 2.117 0c0-2.689 1.795-4.07 2.453-4.29.555-.185.854-.785.67-1.34"
+      clipRule="evenodd"
+    />
+    <Path
+      fill="currentColor"
+      d="M18.638 6.509a.64.64 0 0 0-.57 0 .66.66 0 0 0-.27.263c-.03.05-.06.112-.08.157l-.005.01-.413.878-.914.14-.011.002a2 2 0 0 0-.172.031.65.65 0 0 0-.33.192.65.65 0 0 0-.162.517.66.66 0 0 0 .15.336c.038.046.085.094.12.129l.008.008.675.69-.16.98-.002.012c-.008.05-.02.116-.024.175a.642.642 0 0 0 .514.696.65.65 0 0 0 .385-.05c.054-.024.114-.056.156-.08l.01-.005.81-.447.81.447.01.005c.042.024.102.056.156.08.05.022.2.085.385.05a.64.64 0 0 0 .514-.697 2 2 0 0 0-.024-.174l-.002-.012-.16-.98.675-.69.008-.008c.034-.035.082-.083.119-.129a.66.66 0 0 0 .15-.336.65.65 0 0 0-.161-.517.65.65 0 0 0-.33-.192 2 2 0 0 0-.172-.031l-.011-.002-.914-.14-.413-.878-.005-.01a2 2 0 0 0-.08-.157.66.66 0 0 0-.27-.263"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgDiscover);
+export default ForwardRef;

package/src/icons/modules/Documents.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgDocuments = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M5.7 3.85A2.7 2.7 0 0 0 3 6.55v9a3.6 3.6 0 0 0 3.6 3.6h10.8a3.6 3.6 0 0 0 3.6-3.6v-5.4a3.6 3.6 0 0 0-3.6-3.6h-4.243a.257.257 0 0 1-.257-.257 2.443 2.443 0 0 0-2.443-2.443z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgDocuments);
+export default ForwardRef;

package/src/icons/modules/Engagement.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgEngagement = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M7.2 4.03A3.2 3.2 0 0 0 4 7.23v6.4a3.2 3.2 0 0 0 3.2 3.2v2.234c0 1.069 1.293 1.604 2.049.848l2.848-2.848a.8.8 0 0 1 .566-.235H16.8a3.2 3.2 0 0 0 3.2-3.2v-6.4a3.2 3.2 0 0 0-3.2-3.2zm1.349 6.953q.4.747 1.097 1.44c.779.696 1.21 1.047 1.956 1.515h.002c.126.07.262.122.398.122s.27-.052.394-.122q.174-.096.357-.216v-.001a10.7 10.7 0 0 0 1.605-1.299 6 6 0 0 0 1.093-1.439q.406-.757.408-1.543.001-.578-.189-1.063a2.5 2.5 0 0 0-.525-.824 2.3 2.3 0 0 0-.763-.528c-.177-.094-.545-.187-.907-.195-.623-.013-1.22.251-1.474.557a2 2 0 0 0-.465-.33c-.286-.15-.626-.22-1.007-.22q-.476 0-.908.189-.428.186-.762.527-.335.348-.525.823v.001q-.191.485-.19 1.063c0 .524.138 1.04.405 1.543"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgEngagement);
+export default ForwardRef;

package/src/icons/modules/Finance.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgFinance = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M9.2 2.899a.933.933 0 0 0-.897 1.19l.708 2.478c-.641.36-1.507 1.031-2.27 2.257C5.767 10.384 5 12.776 5 16.432c0 1.157.43 2.301 1.15 3.165.723.87 1.786 1.504 3.05 1.504h5.6c1.264 0 2.327-.635 3.05-1.504A5 5 0 0 0 19 16.432c0-3.656-.768-6.048-1.74-7.608-.764-1.226-1.63-1.898-2.27-2.257l.707-2.478a.933.933 0 0 0-.897-1.19zm3.963 3.267.4-1.4h-3.126l.4 1.4zM12.115 9.5c.479 0 .867.388.867.866v.263c.483.185 1.044.515 1.015 1.107-.025.507-.4.857-.864.816-.176 0-.323-.104-.482-.217-.187-.134-.391-.28-.68-.28-.45 0-.62.191-.62.553 0 .433.529.614 1.144.824.856.293 1.88.643 1.88 1.81 0 .958-.49 1.68-1.393 2.061v.33a.866.866 0 1 1-1.733 0v-.228a2.66 2.66 0 0 1-1.31-.819.866.866 0 0 1 1.304-1.14l.028.031c.125.146.342.4.7.4.262 0 .627-.208.627-.551 0-.409-.468-.535-1.033-.687-.856-.232-1.935-.523-1.935-1.953a2.22 2.22 0 0 1 1.62-2.135v-.185c0-.478.387-.866.865-.866"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgFinance);
+export default ForwardRef;

package/src/icons/modules/Goals.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgGoals = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M5.9 3a.9.9 0 0 1 .9.9v.357c.655-.202 1.537-.357 2.7-.357 1.62 0 2.48.571 3.2 1.051l.003.002c.628.42 1.12.747 2.197.747 1.249 0 2.033-.208 2.478-.386.223-.089.365-.172.44-.222l.066-.048A.9.9 0 0 1 19.4 5.7v7.984c0 .027.004.172-.041.33a1.1 1.1 0 0 1-.403.577l-.005.003c-.46.347-1.658 1.006-4.051 1.006-1.62 0-2.48-.571-3.2-1.051l-.003-.002c-.628-.42-1.12-.747-2.197-.747-1.249 0-2.034.208-2.478.386q-.129.051-.222.098V20.1a.9.9 0 1 1-1.8 0V3.9a.9.9 0 0 1 .9-.9"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgGoals);
+export default ForwardRef;

package/src/icons/modules/Home.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgHome = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M9.675 3.932a4 4 0 0 1 4.65 0l4 2.857A4 4 0 0 1 20 10.044V16a4 4 0 0 1-4 4h-1a2 2 0 0 1-2-2v-2.5a1 1 0 1 0-2 0V18a2 2 0 0 1-2 2H8a4 4 0 0 1-4-4v-5.956a4 4 0 0 1 1.675-3.255z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgHome);
+export default ForwardRef;

package/src/icons/modules/Hub.tsx

@@ -0,0 +1,20 @@
+import Svg, { G, Path, Defs } from "react-native-svg";
+/* SVGR has dropped some elements not supported by react-native-svg: filter */
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgHub = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <G fill="currentColor" filter="url(#Hub_svg__a)">
+      <Path d="M4.5 7.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0M4.5 15A1.5 1.5 0 0 1 6 13.5h3a1.5 1.5 0 0 1 1.5 1.5v3A1.5 1.5 0 0 1 9 19.5H6A1.5 1.5 0 0 1 4.5 18zM13.5 6A1.5 1.5 0 0 1 15 4.5h3A1.5 1.5 0 0 1 19.5 6v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 13.5 9zM13.5 15a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a1.5 1.5 0 0 1-1.5-1.5z" />
+    </G>
+    <Defs></Defs>
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgHub);
+export default ForwardRef;

package/src/icons/modules/Inbox.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgInbox = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M5.004 6.749A4 4 0 0 1 8.31 5h6.993a4 4 0 0 1 3.094 1.465l2.377 2.901A1 1 0 0 1 21 10v5a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4v-5a1 1 0 0 1 .173-.563zM8.31 7a2 2 0 0 0-1.653.874L5.891 9h1.088c1.367 0 2.533.988 2.757 2.336a.795.795 0 0 0 .784.664h2.96c.388 0 .72-.281.783-.664A2.795 2.795 0 0 1 17.02 9h.868L16.85 7.733A2 2 0 0 0 15.303 7z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgInbox);
+export default ForwardRef;

package/src/icons/modules/Kudos.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgKudos = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="m11.895 5.955.105.082.105-.082C12.747 5.465 13.72 5 15.062 5c1.434 0 2.676.702 3.539 1.677C19.46 7.648 20 8.95 20 10.286c0 1.338-.542 2.608-1.253 3.711-.716 1.111-1.654 2.13-2.563 2.982a27.5 27.5 0 0 1-3.623 2.85l-.018.011-.006.003-.002.002a1 1 0 0 1-1.07 0L12 19c-.535.845-.536.844-.536.844h-.001l-.006-.004-.018-.012a12 12 0 0 1-.3-.198 27.48 27.48 0 0 1-3.323-2.65c-.91-.854-1.847-1.872-2.563-2.983C4.543 12.894 4 11.624 4 10.286 4 7.143 6.655 5 8.938 5c1.34 0 2.315.465 2.957.955"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgKudos);
+export default ForwardRef;

package/src/icons/modules/MyDocuments.tsx

@@ -0,0 +1,21 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgMyDocuments = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M3 6.55a2.7 2.7 0 0 1 2.7-2.7h4.757A2.443 2.443 0 0 1 12.9 6.293c0 .142.115.257.257.257H17.4a3.6 3.6 0 0 1 3.6 3.6v5.4a3.6 3.6 0 0 1-3.6 3.6H6.6a3.6 3.6 0 0 1-3.6-3.6zm11.118 4.394a2.144 2.144 0 1 1-4.289 0 2.144 2.144 0 0 1 4.289 0m-2.145 2.919c-1.203 0-2.264.567-3.081 1.21-.847.668-.284 1.827.795 1.827h4.573c1.079 0 1.642-1.159.795-1.826-.817-.644-1.878-1.211-3.081-1.211"
+      clipRule="evenodd"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgMyDocuments);
+export default ForwardRef;

package/src/icons/modules/Organization.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgOrganization = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M14.506 8.99c0 .647-.124 1.265-.35 1.833a3.403 3.403 0 1 0-.978-5.21 4.94 4.94 0 0 1 1.328 3.376M12.22 13.814c1.028-.62 2.23-1.075 3.545-1.075 2.173 0 4.037 1.239 5.32 2.422.89.818.246 2.116-.962 2.116h-3.19a2.6 2.6 0 0 0-.65-.916c-1.013-.933-2.4-1.965-4.064-2.547M13.356 8.99a3.81 3.81 0 1 1-7.621 0 3.81 3.81 0 0 1 7.621 0M9.545 14.494c-2.433 0-4.52 1.387-5.958 2.712-.995.916-.275 2.37 1.078 2.37h9.761c1.353 0 2.073-1.454 1.078-2.37-1.438-1.325-3.525-2.712-5.959-2.712"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgOrganization);
+export default ForwardRef;

package/src/icons/modules/Overviews.tsx

@@ -0,0 +1,23 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgOverviews = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M11 12.2a.8.8 0 0 0 .8.8H17c.552 0 1.008.45.93.997A7.001 7.001 0 0 1 4 13a7 7 0 0 1 6.003-6.93c.547-.078.997.378.997.93z"
+    />
+    <Path
+      fill="currentColor"
+      d="M14 4c0-.552.45-1.007.997-.93a7 7 0 0 1 5.933 5.933c.078.547-.378.997-.93.997h-5.5a.5.5 0 0 1-.5-.5z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgOverviews);
+export default ForwardRef;

package/src/icons/modules/Payroll.tsx

@@ -0,0 +1,25 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgPayroll = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M6.046 4.51A3.046 3.046 0 0 0 3 7.556v6.092a3.046 3.046 0 0 0 3.046 3.045h9.137a3.046 3.046 0 0 0 3.046-3.046V7.557a3.046 3.046 0 0 0-3.046-3.046zm4.569 2.284c.42 0 .761.341.761.762h.761a.761.761 0 0 1 0 1.523h-1.903a.38.38 0 0 0 0 .761h.761a1.904 1.904 0 0 1 .381 3.77v.038a.761.761 0 0 1-1.523 0h-.761a.761.761 0 1 1 0-1.523h1.903a.38.38 0 0 0 0-.762h-.761a1.904 1.904 0 0 1-.38-3.77v-.037c0-.42.34-.762.76-.762"
+      clipRule="evenodd"
+    />
+    <Path
+      fill="currentColor"
+      d="M21 9.586a.761.761 0 1 0-1.523 0v4.57a3.807 3.807 0 0 1-3.807 3.806H8.055a.761.761 0 1 0 0 1.523h7.615a5.33 5.33 0 0 0 5.33-5.33z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgPayroll);
+export default ForwardRef;

package/src/icons/modules/Performance.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgPerformance = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M15.333 8.667a1.333 1.333 0 0 1 0-2.667h5.334C21.403 6 22 6.597 22 7.333v5.334a1.333 1.333 0 0 1-2.667 0v-2.115l-4.991 4.992a7 7 0 0 1-.374.355 2 2 0 0 1-.683.394 2 2 0 0 1-1.236 0c-.31-.101-.535-.268-.683-.394-.128-.109-.262-.243-.375-.355l-2.324-2.325-4.39 4.39a1.333 1.333 0 0 1-1.886-1.885l4.6-4.601c.113-.112.247-.246.375-.355.148-.126.372-.293.683-.394.401-.13.834-.13 1.236 0 .31.1.535.268.683.394.128.108.262.243.374.355l2.325 2.325 4.78-4.781z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgPerformance);
+export default ForwardRef;

package/src/icons/modules/Profile.tsx

@@ -0,0 +1,19 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgProfile = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M12 12.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9M4.965 17.702C6.663 16.138 9.127 14.5 12 14.5s5.337 1.638 7.035 3.202c1.175 1.082.325 2.798-1.272 2.798H6.237c-1.597 0-2.447-1.716-1.272-2.798"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgProfile);
+export default ForwardRef;