@factorialco/f0-react-native 0.19.1

package/src/components/experimental/Lists/DetailsItemsList/index.spec.tsx

@@ -0,0 +1,73 @@
+import { render } from "@testing-library/react-native";
+import React from "react";
+import { DetailsItemsList, DetailsItemsListProps } from ".";
+
+jest.mock("expo-clipboard", () => ({
+  setString: jest.fn(),
+  getString: jest.fn(),
+}));
+
+describe("DetailsItemsList", () => {
+  it("Snapshot ", () => {
+    const content: DetailsItemsListProps = {
+      title: "Details",
+      details: [
+        {
+          title: "Legal entity",
+          content: {
+            type: "item",
+            text: "Everyday Software SL",
+            action: {
+              type: "copy",
+            },
+          },
+        },
+        {
+          title: "Manager",
+          content: {
+            type: "person",
+            firstName: "Saul",
+            lastName: "Dominguez",
+            avatarUrl: "https://github.com/sauldom102.png",
+            action: {
+              type: "generic",
+              handlePress: () => console.log("Its work"),
+            },
+          },
+        },
+        {
+          title: "Teams",
+          content: [
+            {
+              type: "team",
+              name: "Management",
+              action: {
+                type: "generic",
+                handlePress: () => console.log("Its work"),
+              },
+            },
+            {
+              type: "team",
+              name: "Engineering",
+              action: {
+                type: "generic",
+                handlePress: () => console.log("Its work"),
+              },
+            },
+          ],
+        },
+        {
+          title: "Type",
+          content: {
+            type: "dot-tag",
+            text: "Holidays",
+            customColor: "#07A2AD",
+          },
+        },
+      ],
+    };
+
+    const { toJSON } = render(<DetailsItemsList {...content} />);
+    expect(toJSON()).toMatchSnapshot();
+  });
+});

package/src/components/experimental/Lists/DetailsItemsList/index.tsx

@@ -0,0 +1,52 @@
+import React from "react";
+import { DetailsItem, DetailsItemType } from "../DetailsItem";
+import { cn } from "../../../../lib/utils";
+import { View, Text } from "react-native";
+
+export interface DetailsItemsListProps {
+  title?: string;
+  tableView?: boolean;
+  isHorizontalItem?: boolean;
+  details: DetailsItemType[];
+}
+
+export const DetailsItemsList = function DetailsItemList({
+  title,
+  tableView = false,
+  isHorizontalItem = false,
+  details,
+}: DetailsItemsListProps) {
+  return (
+    <View className="flex gap-4">
+      {!!title && (
+        <Text className="mb-1 pl-1.5 text-sm font-semibold text-f1-foreground-secondary">
+          {title.toLocaleUpperCase()}
+        </Text>
+      )}
+      <View
+        className={cn(
+          "flex",
+          tableView
+            ? "rounded-[16px] border border-solid border-f1-border-secondary"
+            : "gap-3",
+        )}
+      >
+        {details?.map((item, index) => (
+          <React.Fragment key={item.title}>
+            <DetailsItem
+              title={item.title}
+              key={item.title}
+              content={item.content}
+              spacingAtTheBottom={item.spacingAtTheBottom}
+              tableView={tableView}
+              isHorizontalItem={isHorizontalItem}
+            />
+            {tableView && index !== details.length - 1 && (
+              <View className="h-[1px] w-full bg-f1-border-secondary" />
+            )}
+          </React.Fragment>
+        ))}
+      </View>
+    </View>
+  );
+};

package/src/icons/app/AcademicCap.tsx

@@ -0,0 +1,31 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgAcademicCap = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinejoin="round"
+      d="m3.16 8.536 8.654-3.462a.5.5 0 0 1 .372 0l8.653 3.462a.5.5 0 0 1 0 .928l-8.653 3.462a.5.5 0 0 1-.372 0L3.161 9.464a.5.5 0 0 1 0-.928Z"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinejoin="round"
+      d="M19 10v5.67a.5.5 0 0 1-.303.46l-6.5 2.786a.5.5 0 0 1-.394 0l-6.5-2.786A.5.5 0 0 1 5 15.67V10"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m12 9 4 2v2.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgAcademicCap);
+export default ForwardRef;

package/src/icons/app/Add.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 SvgAdd = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 5v14M12 12H5h14"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgAdd);
+export default ForwardRef;

package/src/icons/app/Ai.tsx

@@ -0,0 +1,24 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgAi = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinejoin="round"
+      d="M4 13c3.314 0 6-3.134 6-7 0 3.866 2.686 7 6 7-3.314 0-6 3.134-6 7 0-3.866-2.686-7-6-7Z"
+    />
+    <Path
+      fill="currentColor"
+      d="M17.5 3.35a.65.65 0 0 1 .65.65A1.85 1.85 0 0 0 20 5.85a.65.65 0 1 1 0 1.3A1.85 1.85 0 0 0 18.15 9a.65.65 0 1 1-1.3 0A1.85 1.85 0 0 0 15 7.15a.65.65 0 1 1 0-1.3A1.85 1.85 0 0 0 16.85 4a.65.65 0 0 1 .65-.65"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgAi);
+export default ForwardRef;

package/src/icons/app/Alert.tsx

@@ -0,0 +1,16 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgAlert = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path stroke="currentColor" strokeLinecap="round" d="M12 14V7M12 17.1V17" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgAlert);
+export default ForwardRef;

package/src/icons/app/AlertCircle.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 SvgAlertCircle = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      fill="currentColor"
+      d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16m-.967-11.94a.97.97 0 1 1 1.935 0l-.303 3.9a.667.667 0 0 1-1.33 0zM13 15a1 1 0 1 1-2 0 1 1 0 0 1 2 0"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgAlertCircle);
+export default ForwardRef;

package/src/icons/app/AlertCircleLine.tsx

@@ -0,0 +1,17 @@
+import Svg, { Circle, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgAlertCircleLine = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Circle cx={12} cy={12} r={8} stroke="currentColor" />
+    <Path stroke="currentColor" strokeLinecap="round" d="M12 12V9M12 15.1V15" />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgAlertCircleLine);
+export default ForwardRef;

package/src/icons/app/AlignTextCenter.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 SvgAlignTextCenter = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M5 8h14M5 12h14M9 16h6"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgAlignTextCenter);
+export default ForwardRef;

package/src/icons/app/AlignTextJustify.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 SvgAlignTextJustify = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M5 8h14M5 12h14M5 16h14"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgAlignTextJustify);
+export default ForwardRef;

package/src/icons/app/AlignTextLeft.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 SvgAlignTextLeft = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M5 8h14M5 12h14M5 16h6"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgAlignTextLeft);
+export default ForwardRef;

package/src/icons/app/AlignTextRight.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 SvgAlignTextRight = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M5 8h14M5 12h14M13 16h6"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgAlignTextRight);
+export default ForwardRef;

package/src/icons/app/Appearance.tsx

@@ -0,0 +1,33 @@
+import Svg, { Mask, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgAppearance = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Mask id="appearance_svg__a" fill="currentColor">
+      <Path
+        fillRule="evenodd"
+        d="M12 18.7V5.3a6.7 6.7 0 1 0 0 13.4m1.612-14.537a8 8 0 0 0-.614-.101h-.001a8 8 0 1 0 .615.101"
+        clipRule="evenodd"
+      />
+    </Mask>
+    <Path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 18.7V5.3a6.7 6.7 0 1 0 0 13.4m1.612-14.537a8 8 0 0 0-.614-.101h-.001a8 8 0 1 0 .615.101"
+      clipRule="evenodd"
+    />
+    <Path
+      fill="currentColor"
+      d="M12 5.3h1.3V4H12zm0 13.4V20h1.3v-1.3zm1.612-14.537-.26 1.273zm-.614-.101-.16 1.29zm-.001 0-.16 1.29zm.001 15.876-.16-1.29zM10.7 5.3v13.4h2.6V5.3zM12 4a8 8 0 0 0-8 8h2.6A5.4 5.4 0 0 1 12 6.6zm-8 8a8 8 0 0 0 8 8v-2.6A5.4 5.4 0 0 1 6.6 12zm9.873-9.111a9 9 0 0 0-.714-.117l-.322 2.58q.261.032.515.084zm-.714-.117h-.003l-.318 2.58zm-.002 0A9 9 0 0 0 12 2.7v2.6q.426 0 .837.052zM12 2.7A9.3 9.3 0 0 0 2.7 12h2.6c0-3.7 3-6.7 6.7-6.7zM2.7 12a9.3 9.3 0 0 0 9.3 9.3v-2.6c-3.7 0-6.7-3-6.7-6.7zm9.3 9.3a9 9 0 0 0 1.159-.072l-.322-2.58A7 7 0 0 1 12 18.7zm1.159-.072c4.59-.57 8.141-4.484 8.141-9.228h-2.6a6.7 6.7 0 0 1-5.862 6.648zM21.3 12c0-4.496-3.189-8.244-7.427-9.111l-.521 2.547A6.7 6.7 0 0 1 18.7 12z"
+      mask="url(#appearance_svg__a)"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgAppearance);
+export default ForwardRef;

package/src/icons/app/Archive.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 SvgArchive = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M4 9V7a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1M5 15v-5h14v5a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3M14 14h-4"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgArchive);
+export default ForwardRef;

package/src/icons/app/ArchiveOpen.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 SvgArchiveOpen = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m3.876 10.008-.252-2.016a1 1 0 0 1 .868-1.116l14.016-1.752a1 1 0 0 1 1.116.868l.252 2.016a1 1 0 0 1-.868 1.116L4.992 10.876a1 1 0 0 1-1.116-.868M19 12v3a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3v-4M14 14h-4"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgArchiveOpen);
+export default ForwardRef;

package/src/icons/app/ArrowCycle.tsx

@@ -0,0 +1,27 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgArrowCycle = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12.038 4.998a7.002 7.002 0 0 0-4.932 12.01m9.788-10.015a7 7 0 0 1 1.345 1.833 7.002 7.002 0 0 1-6.277 10.176"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m8.516 15.426-.58 2.769-2.768-.58M16.14 9.236l.58-2.769 2.768.579"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgArrowCycle);
+export default ForwardRef;

package/src/icons/app/ArrowDown.tsx

@@ -0,0 +1,27 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgArrowDown = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m18 13-6 6-6-6"
+    />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 5v13.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgArrowDown);
+export default ForwardRef;

package/src/icons/app/ArrowLeft.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 SvgArrowLeft = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m11 18-6-6 6-6M19 12H5.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgArrowLeft);
+export default ForwardRef;

package/src/icons/app/ArrowRight.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 SvgArrowRight = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m13 6 6 6-6 6M5 12h13.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgArrowRight);
+export default ForwardRef;

package/src/icons/app/ArrowUp.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 SvgArrowUp = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m6 11 6-6 6 6M12 19V5.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgArrowUp);
+export default ForwardRef;

package/src/icons/app/Bank.tsx

@@ -0,0 +1,20 @@
+import Svg, { Rect, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgBank = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Rect width={16} height={4} x={4} y={16} stroke="currentColor" rx={1} />
+    <Path
+      stroke="currentColor"
+      d="M4 5.78a1 1 0 0 1 .757-.97l7-1.75a1 1 0 0 1 .486 0l7 1.75a1 1 0 0 1 .757.97V8a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zM6 9v7M18 9v7M14 9v7M10 9v7"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgBank);
+export default ForwardRef;

package/src/icons/app/BarGraph.tsx

@@ -0,0 +1,21 @@
+import Svg, { Rect, Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgBarGraph = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Rect width={16} height={12} x={4} y={6} stroke="currentColor" rx={3} />
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M8 13v2M12 9v6M16 11v4"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgBarGraph);
+export default ForwardRef;

package/src/icons/app/Bell.tsx

@@ -0,0 +1,24 @@
+import Svg, { Path } from "react-native-svg";
+import type { SvgProps } from "react-native-svg";
+import { Ref, forwardRef } from "react";
+const SvgBell = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      d="M9.764 18c.549.614 1.347 1 2.236 1 .888 0 1.687-.386 2.236-1"
+    />
+    <Path
+      stroke="currentColor"
+      d="M12 4a5 5 0 0 0-5 5v.726c0 .175-.07.344-.194.468l-.774.774A2.362 2.362 0 0 0 7.702 15h8.596a2.362 2.362 0 0 0 1.67-4.032l-.774-.774A.66.66 0 0 1 17 9.726V9a5 5 0 0 0-5-5Z"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgBell);
+export default ForwardRef;

package/src/icons/app/Bold.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 SvgBold = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      d="M12.5 11.5a3 3 0 1 0 0-6H9a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h6"
+    />
+    <Path
+      stroke="currentColor"
+      d="M14.833 18.5c2.025 0 3.667-1.567 3.667-3.5s-1.642-3.5-3.667-3.5H7.5"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgBold);
+export default ForwardRef;

package/src/icons/app/BookOpen.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 SvgBookOpen = (props: SvgProps, ref: Ref<Svg>) => (
+  <Svg
+    fill="none"
+    viewBox="0 0 24 24"
+    className={props.className}
+    ref={ref}
+    {...props}
+  >
+    <Path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 7.5c3-2.005 5.5-2 8 0v9.42c0 .838-.998 1.324-1.771 1-1.933-.811-3.935-.453-6.229 1.08m0-11.5c-3-2.005-5.5-2-8 0v9.42c0 .838.998 1.324 1.771 1C7.704 17.109 9.706 17.467 12 19m0-11.5V19"
+    />
+  </Svg>
+);
+const ForwardRef = forwardRef(SvgBookOpen);
+export default ForwardRef;