@factorialco/f0-react-native 0.23.0 → 0.24.0

package/src/components/experimental/Lists/DetailsItem/__snapshots__/index.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`DetailsItem Snapshot type company 1`] = `
   className="flex gap-0.5"
 >
   <View
-    className="min-w-32 max-w-72"
+    className="max-w-72 min-w-32"
   >
     <Text
       className="px-1.5 text-f1-foreground-secondary"
@@ -62,7 +62,7 @@ exports[`DetailsItem Snapshot type company 1`] = `
               >
                 <View
                   aria-hidden={true}
-                  className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-xs dark:bg-f1-background-inverse-secondary bg-f1-background"
+                  className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-xs bg-f1-background dark:bg-f1-background-inverse-secondary"
                   data-a11y-color-contrast-ignore={true}
                   role="img"
                 >
@@ -193,7 +193,7 @@ exports[`DetailsItem Snapshot type dot-tag 1`] = `
   className="flex gap-0.5"
 >
   <View
-    className="min-w-32 max-w-72"
+    className="max-w-72 min-w-32"
   >
     <Text
       className="px-1.5 text-f1-foreground-secondary"
@@ -263,7 +263,7 @@ exports[`DetailsItem Snapshot type dot-tag 1`] = `
               }
             />
             <Text
-              className="text-f1-foreground line-clamp-1 text-base font-medium"
+              className="line-clamp-1 text-base font-medium text-f1-foreground"
             >
               Activity
             </Text>
@@ -280,7 +280,7 @@ exports[`DetailsItem Snapshot type item 1`] = `
   className="flex gap-0.5"
 >
   <View
-    className="min-w-32 max-w-72"
+    className="max-w-72 min-w-32"
   >
     <Text
       className="px-1.5 text-f1-foreground-secondary"
@@ -435,7 +435,7 @@ exports[`DetailsItem Snapshot type person 1`] = `
   className="flex gap-0.5"
 >
   <View
-    className="min-w-32 max-w-72"
+    className="max-w-72 min-w-32"
   >
     <Text
       className="px-1.5 text-f1-foreground-secondary"
@@ -611,7 +611,7 @@ exports[`DetailsItem Snapshot type team 1`] = `
   className="flex gap-0.5"
 >
   <View
-    className="min-w-32 max-w-72"
+    className="max-w-72 min-w-32"
   >
     <Text
       className="px-1.5 text-f1-foreground-secondary"

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

@@ -1,11 +1,12 @@
-import { render } from "@testing-library/react-native";
-import React from "react";
-import { Content, DetailsItem } from ".";
+import { render } from "@testing-library/react-native"
+import React from "react"
+
+import { Content, DetailsItem } from "."
 
 jest.mock("expo-clipboard", () => ({
   setString: jest.fn(),
   getString: jest.fn(),
-}));
+}))
 
 describe("DetailsItem", () => {
   it("Snapshot type item", () => {
@@ -15,11 +16,11 @@ describe("DetailsItem", () => {
       action: {
         type: "copy",
       },
-    };
+    }
 
-    const { toJSON } = render(<DetailsItem title="Email" content={content} />);
-    expect(toJSON()).toMatchSnapshot();
-  });
+    const { toJSON } = render(<DetailsItem title="Email" content={content} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
 
   it("Snapshot type person", () => {
     const content: Content = {
@@ -29,13 +30,13 @@ describe("DetailsItem", () => {
       action: {
         type: "copy",
       },
-    };
+    }
 
     const { toJSON } = render(
-      <DetailsItem title="Datos personales" content={content} />,
-    );
-    expect(toJSON()).toMatchSnapshot();
-  });
+      <DetailsItem title="Datos personales" content={content} />
+    )
+    expect(toJSON()).toMatchSnapshot()
+  })
 
   it("Snapshot type company", () => {
     const content: Content = {
@@ -45,13 +46,11 @@ describe("DetailsItem", () => {
       action: {
         type: "copy",
       },
-    };
+    }
 
-    const { toJSON } = render(
-      <DetailsItem title="Company" content={content} />,
-    );
-    expect(toJSON()).toMatchSnapshot();
-  });
+    const { toJSON } = render(<DetailsItem title="Company" content={content} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
 
   it("Snapshot type team", () => {
     const content: Content = {
@@ -60,22 +59,20 @@ describe("DetailsItem", () => {
       action: {
         type: "copy",
       },
-    };
+    }
 
-    const { toJSON } = render(<DetailsItem title="Team" content={content} />);
-    expect(toJSON()).toMatchSnapshot();
-  });
+    const { toJSON } = render(<DetailsItem title="Team" content={content} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
 
   it("Snapshot type dot-tag", () => {
     const content: Content = {
       type: "dot-tag",
       text: "Activity",
       customColor: "#07A2AD",
-    };
+    }
 
-    const { toJSON } = render(
-      <DetailsItem title="Dot Tag" content={content} />,
-    );
-    expect(toJSON()).toMatchSnapshot();
-  });
-});
+    const { toJSON } = render(<DetailsItem title="Dot Tag" content={content} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
+})

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

@@ -1,31 +1,32 @@
-import { ComponentProps, FC } from "react";
-import { DataList } from "../DataList";
-import { cn } from "../../../../lib/utils";
-import { View } from "react-native";
+import { ComponentProps, FC } from "react"
+import { View } from "react-native"
+
+import { cn } from "../../../../lib/utils"
+import { DataList } from "../DataList"
 
 export type Content =
   | (ComponentProps<typeof DataList.Item> & {
-      type: "item";
+      type: "item"
     })
   | (ComponentProps<typeof DataList.PersonItem> & {
-      type: "person";
+      type: "person"
     })
   | (ComponentProps<typeof DataList.CompanyItem> & {
-      type: "company";
+      type: "company"
     })
   | (ComponentProps<typeof DataList.TeamItem> & {
-      type: "team";
+      type: "team"
     })
   | (ComponentProps<typeof DataList.DotTagItem> & {
-      type: "dot-tag";
-    });
+      type: "dot-tag"
+    })
 
 export interface DetailsItemType {
-  title: string;
-  content: Content | Content[];
-  spacingAtTheBottom?: boolean;
-  isHorizontalItem?: boolean;
-  tableView?: boolean;
+  title: string
+  content: Content | Content[]
+  spacingAtTheBottom?: boolean
+  isHorizontalItem?: boolean
+  tableView?: boolean
 }
 
 const ItemContent: FC<{ content: Content }> = ({ content }) => (
@@ -36,7 +37,7 @@ const ItemContent: FC<{ content: Content }> = ({ content }) => (
     {content.type === "company" && <DataList.CompanyItem {...content} />}
     {content.type === "dot-tag" && <DataList.DotTagItem {...content} />}
   </>
-);
+)
 
 export const DetailsItem = ({
   title,
@@ -45,13 +46,13 @@ export const DetailsItem = ({
   tableView = false,
   spacingAtTheBottom,
 }: DetailsItemType) => {
-  const contentArray = Array.isArray(content) ? content : [content];
+  const contentArray = Array.isArray(content) ? content : [content]
 
   return (
     <View
       className={cn(
         "flex gap-0.5",
-        spacingAtTheBottom && !isHorizontalItem && "pb-3",
+        spacingAtTheBottom && !isHorizontalItem && "pb-3"
       )}
     >
       <DataList
@@ -64,5 +65,5 @@ export const DetailsItem = ({
         ))}
       </DataList>
     </View>
-  );
-};
+  )
+}

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

@@ -16,7 +16,7 @@ exports[`DetailsItemsList Snapshot  1`] = `
       className="flex gap-0.5"
     >
       <View
-        className="min-w-32 max-w-72"
+        className="max-w-72 min-w-32"
       >
         <Text
           className="px-1.5 text-f1-foreground-secondary"
@@ -168,7 +168,7 @@ exports[`DetailsItemsList Snapshot  1`] = `
       className="flex gap-0.5"
     >
       <View
-        className="min-w-32 max-w-72"
+        className="max-w-72 min-w-32"
       >
         <Text
           className="px-1.5 text-f1-foreground-secondary"
@@ -200,7 +200,7 @@ exports[`DetailsItemsList Snapshot  1`] = `
                 }
               }
               accessible={true}
-              className="group justify-between rounded text-f1-foreground no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
+              className="group justify-between rounded text-inherit no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
               collapsable={false}
               focusable={true}
               handlePress={[Function]}
@@ -226,7 +226,7 @@ exports[`DetailsItemsList Snapshot  1`] = `
                   >
                     <View
                       aria-hidden={true}
-                      className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-full dark:bg-f1-background-inverse-secondary bg-f1-background"
+                      className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-5 h-5 rounded-full bg-f1-background dark:bg-f1-background-inverse-secondary"
                       data-a11y-color-contrast-ignore={true}
                       role="img"
                     >
@@ -329,7 +329,7 @@ exports[`DetailsItemsList Snapshot  1`] = `
       className="flex gap-0.5"
     >
       <View
-        className="min-w-32 max-w-72"
+        className="max-w-72 min-w-32"
       >
         <Text
           className="px-1.5 text-f1-foreground-secondary"
@@ -361,7 +361,7 @@ exports[`DetailsItemsList Snapshot  1`] = `
                 }
               }
               accessible={true}
-              className="group justify-between rounded text-f1-foreground no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
+              className="group justify-between rounded text-inherit no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
               collapsable={false}
               focusable={true}
               handlePress={[Function]}
@@ -493,7 +493,7 @@ exports[`DetailsItemsList Snapshot  1`] = `
                 }
               }
               accessible={true}
-              className="group justify-between rounded text-f1-foreground no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
+              className="group justify-between rounded text-inherit no-underline hover:bg-f1-background-hover focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover flex flex-row items-center gap-1.5 p-1.5"
               collapsable={false}
               focusable={true}
               handlePress={[Function]}
@@ -610,7 +610,7 @@ exports[`DetailsItemsList Snapshot  1`] = `
       className="flex gap-0.5"
     >
       <View
-        className="min-w-32 max-w-72"
+        className="max-w-72 min-w-32"
       >
         <Text
           className="px-1.5 text-f1-foreground-secondary"
@@ -680,7 +680,7 @@ exports[`DetailsItemsList Snapshot  1`] = `
                   }
                 />
                 <Text
-                  className="text-f1-foreground line-clamp-1 text-base font-medium"
+                  className="line-clamp-1 text-base font-medium text-f1-foreground"
                 >
                   Holidays
                 </Text>

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

@@ -1,11 +1,12 @@
-import { render } from "@testing-library/react-native";
-import React from "react";
-import { DetailsItemsList, DetailsItemsListProps } from ".";
+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 ", () => {
@@ -65,9 +66,9 @@ describe("DetailsItemsList", () => {
           },
         },
       ],
-    };
+    }
 
-    const { toJSON } = render(<DetailsItemsList {...content} />);
-    expect(toJSON()).toMatchSnapshot();
-  });
-});
+    const { toJSON } = render(<DetailsItemsList {...content} />)
+    expect(toJSON()).toMatchSnapshot()
+  })
+})

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

@@ -1,13 +1,14 @@
-import React from "react";
-import { Text, View } from "react-native";
-import { cn } from "../../../../lib/utils";
-import { DetailsItem, DetailsItemType } from "../DetailsItem";
+import React from "react"
+import { Text, View } from "react-native"
+
+import { cn } from "../../../../lib/utils"
+import { DetailsItem, DetailsItemType } from "../DetailsItem"
 
 export interface DetailsItemsListProps {
-  title?: string;
-  tableView?: boolean;
-  isHorizontalItem?: boolean;
-  details: DetailsItemType[];
+  title?: string
+  tableView?: boolean
+  isHorizontalItem?: boolean
+  details: DetailsItemType[]
 }
 
 export const DetailsItemsList = function DetailsItemList({
@@ -28,7 +29,7 @@ export const DetailsItemsList = function DetailsItemList({
           "flex",
           tableView
             ? "rounded-[16px] border border-solid border-f1-border-secondary"
-            : "gap-3",
+            : "gap-3"
         )}
       >
         {details?.map((item, index) => (
@@ -48,5 +49,5 @@ export const DetailsItemsList = function DetailsItemList({
         ))}
       </View>
     </View>
-  );
-};
+  )
+}

package/src/components/exports.ts

@@ -1,16 +1,16 @@
 // Export components
-export * from "./Activity/ActivityItem";
-export * from "./Avatars/exports";
-export * from "./Badge";
-export * from "./Button";
-export * from "./Counter";
-export * from "./ExampleComponent";
-export * from "./Icon";
-export * from "./Navigation/PageHeader";
-export * from "./OneChip";
-export * from "./OnePreset";
-export * from "./PressableFeedback";
-export * from "./Tags/exports";
-export * from "./experimental/Lists/DataList";
-export * from "./experimental/Lists/DetailsItem";
-export * from "./experimental/Lists/DetailsItemsList";
+export * from "./Activity/ActivityItem"
+export * from "./Avatars/exports"
+export * from "./Badge"
+export * from "./Button"
+export * from "./Counter"
+export * from "./ExampleComponent"
+export * from "./Icon"
+export * from "./Navigation/PageHeader"
+export * from "./OneChip"
+export * from "./OnePreset"
+export * from "./PressableFeedback"
+export * from "./Tags/exports"
+export * from "./experimental/Lists/DataList"
+export * from "./experimental/Lists/DetailsItem"
+export * from "./experimental/Lists/DetailsItemsList"

package/src/icons/app/AcademicCap.tsx

@@ -1,6 +1,6 @@
-import Svg, { Path } from "react-native-svg";
-import type { SvgProps } from "react-native-svg";
-import { Ref, forwardRef } from "react";
+import { Ref, forwardRef } from "react"
+import Svg, { Path } from "react-native-svg"
+import type { SvgProps } from "react-native-svg"
 const SvgAcademicCap = (props: SvgProps, ref: Ref<Svg>) => (
   <Svg
     fill="none"
@@ -26,6 +26,6 @@ const SvgAcademicCap = (props: SvgProps, ref: Ref<Svg>) => (
       d="m12 9 4 2v2.5"
     />
   </Svg>
-);
-const ForwardRef = forwardRef(SvgAcademicCap);
-export default ForwardRef;
+)
+const ForwardRef = forwardRef(SvgAcademicCap)
+export default ForwardRef

package/src/icons/app/Add.tsx

@@ -1,6 +1,6 @@
-import Svg, { Path } from "react-native-svg";
-import type { SvgProps } from "react-native-svg";
-import { Ref, forwardRef } from "react";
+import { Ref, forwardRef } from "react"
+import Svg, { Path } from "react-native-svg"
+import type { SvgProps } from "react-native-svg"
 const SvgAdd = (props: SvgProps, ref: Ref<Svg>) => (
   <Svg
     fill="none"
@@ -16,6 +16,6 @@ const SvgAdd = (props: SvgProps, ref: Ref<Svg>) => (
       d="M12 5v14M12 12H5h14"
     />
   </Svg>
-);
-const ForwardRef = forwardRef(SvgAdd);
-export default ForwardRef;
+)
+const ForwardRef = forwardRef(SvgAdd)
+export default ForwardRef

package/src/icons/app/Ai.tsx

@@ -1,6 +1,6 @@
-import Svg, { Path } from "react-native-svg";
-import type { SvgProps } from "react-native-svg";
-import { Ref, forwardRef } from "react";
+import { Ref, forwardRef } from "react"
+import Svg, { Path } from "react-native-svg"
+import type { SvgProps } from "react-native-svg"
 const SvgAi = (props: SvgProps, ref: Ref<Svg>) => (
   <Svg
     fill="none"
@@ -19,6 +19,6 @@ const SvgAi = (props: SvgProps, ref: Ref<Svg>) => (
       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;
+)
+const ForwardRef = forwardRef(SvgAi)
+export default ForwardRef

package/src/icons/app/Alert.tsx

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

package/src/icons/app/AlertCircle.tsx

@@ -1,6 +1,6 @@
-import Svg, { Path } from "react-native-svg";
-import type { SvgProps } from "react-native-svg";
-import { Ref, forwardRef } from "react";
+import { Ref, forwardRef } from "react"
+import Svg, { Path } from "react-native-svg"
+import type { SvgProps } from "react-native-svg"
 const SvgAlertCircle = (props: SvgProps, ref: Ref<Svg>) => (
   <Svg
     fill="none"
@@ -14,6 +14,6 @@ const SvgAlertCircle = (props: SvgProps, ref: Ref<Svg>) => (
       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;
+)
+const ForwardRef = forwardRef(SvgAlertCircle)
+export default ForwardRef

package/src/icons/app/AlertCircleLine.tsx

@@ -1,6 +1,6 @@
-import Svg, { Circle, Path } from "react-native-svg";
-import type { SvgProps } from "react-native-svg";
-import { Ref, forwardRef } from "react";
+import { Ref, forwardRef } from "react"
+import Svg, { Circle, Path } from "react-native-svg"
+import type { SvgProps } from "react-native-svg"
 const SvgAlertCircleLine = (props: SvgProps, ref: Ref<Svg>) => (
   <Svg
     fill="none"
@@ -12,6 +12,6 @@ const SvgAlertCircleLine = (props: SvgProps, ref: Ref<Svg>) => (
     <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;
+)
+const ForwardRef = forwardRef(SvgAlertCircleLine)
+export default ForwardRef

package/src/icons/app/AlignTextCenter.tsx

@@ -1,6 +1,6 @@
-import Svg, { Path } from "react-native-svg";
-import type { SvgProps } from "react-native-svg";
-import { Ref, forwardRef } from "react";
+import { Ref, forwardRef } from "react"
+import Svg, { Path } from "react-native-svg"
+import type { SvgProps } from "react-native-svg"
 const SvgAlignTextCenter = (props: SvgProps, ref: Ref<Svg>) => (
   <Svg
     fill="none"
@@ -16,6 +16,6 @@ const SvgAlignTextCenter = (props: SvgProps, ref: Ref<Svg>) => (
       d="M5 8h14M5 12h14M9 16h6"
     />
   </Svg>
-);
-const ForwardRef = forwardRef(SvgAlignTextCenter);
-export default ForwardRef;
+)
+const ForwardRef = forwardRef(SvgAlignTextCenter)
+export default ForwardRef

package/src/icons/app/AlignTextJustify.tsx

@@ -1,6 +1,6 @@
-import Svg, { Path } from "react-native-svg";
-import type { SvgProps } from "react-native-svg";
-import { Ref, forwardRef } from "react";
+import { Ref, forwardRef } from "react"
+import Svg, { Path } from "react-native-svg"
+import type { SvgProps } from "react-native-svg"
 const SvgAlignTextJustify = (props: SvgProps, ref: Ref<Svg>) => (
   <Svg
     fill="none"
@@ -16,6 +16,6 @@ const SvgAlignTextJustify = (props: SvgProps, ref: Ref<Svg>) => (
       d="M5 8h14M5 12h14M5 16h14"
     />
   </Svg>
-);
-const ForwardRef = forwardRef(SvgAlignTextJustify);
-export default ForwardRef;
+)
+const ForwardRef = forwardRef(SvgAlignTextJustify)
+export default ForwardRef

package/src/icons/app/AlignTextLeft.tsx

@@ -1,6 +1,6 @@
-import Svg, { Path } from "react-native-svg";
-import type { SvgProps } from "react-native-svg";
-import { Ref, forwardRef } from "react";
+import { Ref, forwardRef } from "react"
+import Svg, { Path } from "react-native-svg"
+import type { SvgProps } from "react-native-svg"
 const SvgAlignTextLeft = (props: SvgProps, ref: Ref<Svg>) => (
   <Svg
     fill="none"
@@ -16,6 +16,6 @@ const SvgAlignTextLeft = (props: SvgProps, ref: Ref<Svg>) => (
       d="M5 8h14M5 12h14M5 16h6"
     />
   </Svg>
-);
-const ForwardRef = forwardRef(SvgAlignTextLeft);
-export default ForwardRef;
+)
+const ForwardRef = forwardRef(SvgAlignTextLeft)
+export default ForwardRef

package/src/icons/app/AlignTextRight.tsx

@@ -1,6 +1,6 @@
-import Svg, { Path } from "react-native-svg";
-import type { SvgProps } from "react-native-svg";
-import { Ref, forwardRef } from "react";
+import { Ref, forwardRef } from "react"
+import Svg, { Path } from "react-native-svg"
+import type { SvgProps } from "react-native-svg"
 const SvgAlignTextRight = (props: SvgProps, ref: Ref<Svg>) => (
   <Svg
     fill="none"
@@ -16,6 +16,6 @@ const SvgAlignTextRight = (props: SvgProps, ref: Ref<Svg>) => (
       d="M5 8h14M5 12h14M13 16h6"
     />
   </Svg>
-);
-const ForwardRef = forwardRef(SvgAlignTextRight);
-export default ForwardRef;
+)
+const ForwardRef = forwardRef(SvgAlignTextRight)
+export default ForwardRef

package/src/icons/app/Appearance.tsx

@@ -1,6 +1,6 @@
-import Svg, { Mask, Path } from "react-native-svg";
-import type { SvgProps } from "react-native-svg";
-import { Ref, forwardRef } from "react";
+import { Ref, forwardRef } from "react"
+import Svg, { Mask, Path } from "react-native-svg"
+import type { SvgProps } from "react-native-svg"
 const SvgAppearance = (props: SvgProps, ref: Ref<Svg>) => (
   <Svg
     fill="none"
@@ -28,6 +28,6 @@ const SvgAppearance = (props: SvgProps, ref: Ref<Svg>) => (
       mask="url(#appearance_svg__a)"
     />
   </Svg>
-);
-const ForwardRef = forwardRef(SvgAppearance);
-export default ForwardRef;
+)
+const ForwardRef = forwardRef(SvgAppearance)
+export default ForwardRef