From ef04a237fc7de277a7f29b63b73b3d496bfd5a99 Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Wed, 1 Jul 2026 20:15:26 +0500
Subject: [PATCH] mobile: update ui

---
 .../app/components/dialogs/vault/index.tsx    |  47 +++----
 .../components/side-menu/notebook-item.tsx    |  57 +++++---
 apps/mobile/app/components/ui/checkbox.tsx    |   7 +-
 .../app/components/ui/icon-button/index.tsx   |   1 -
 .../app/components/ui/input/form-input.tsx    |  24 ++--
 apps/mobile/app/hooks/use-actions.tsx         |   7 +-
 apps/mobile/app/screens/home/index.tsx        |   3 +
 .../app/screens/link-notebooks/index.tsx      | 131 ++++++++++++------
 .../fonts/notesnook-icons.glyphmap.json       |   2 +-
 apps/mobile/fonts/notesnook-icons.ttf         | Bin 35012 -> 34512 bytes
 .../ios/nanoicons-fonts/notesnook-icons.ttf   | Bin 35012 -> 34512 bytes
 packages/icons/svgs/eye-open.svg              |  11 +-
 12 files changed, 188 insertions(+), 102 deletions(-)
 mode change 100644 => 100755 packages/icons/svgs/eye-open.svg

diff --git a/apps/mobile/app/components/dialogs/vault/index.tsx b/apps/mobile/app/components/dialogs/vault/index.tsx
index fd73ff3ec..f009025a6 100644
--- a/apps/mobile/app/components/dialogs/vault/index.tsx
+++ b/apps/mobile/app/components/dialogs/vault/index.tsx
@@ -55,9 +55,7 @@ import FormInput, {
   createFormRef,
   validators
 } from "../../ui/input/form-input";
-import Paragraph from "../../ui/typography/paragraph";
 import { strings } from "@notesnook/intl";
-import { DefaultAppStyles } from "../../../utils/styles";
 import {
   isEncryptedContent,
   Note,
@@ -72,6 +70,7 @@ import { Radius, Spacing } from "../../../common/design/spacing";
 import { PASSWORD_PLACEHOLDER } from "../../../utils/constants";
 import { AppFontSize } from "../../../utils/size";
 import { useSettingStore } from "../../../stores/use-setting-store";
+import { Checkbox } from "../../ui/checkbox";
 
 export const VaultDialog: React.FC = () => {
   const { colors } = useThemeColors();
@@ -632,7 +631,7 @@ export const VaultDialog: React.FC = () => {
       descriptionRef.current = data.description || null;
       paragraphRef.current = data.paragraph || null;
       buttonTitleRef.current = data.buttonTitle || null;
-      positiveButtonTypeRef.current = data.positiveButtonType || "transparent";
+      positiveButtonTypeRef.current = data.positiveButtonType || "accent";
       customActionTitleRef.current = data.customActionTitle || null;
       customActionParagraphRef.current = data.customActionParagraph || null;
       onUnlockRef.current = data.onUnlock;
@@ -641,7 +640,7 @@ export const VaultDialog: React.FC = () => {
       // Set UI state
       setIsBiometryAvailable(available);
       setIsBiometryEnrolled(fingerprint);
-      setBiometricUnlock(fingerprint);
+      // setBiometricUnlock(fingerprint);
       setIcon(data.icon);
       setDeleteAll(false);
       setLoading(false);
@@ -719,7 +718,11 @@ export const VaultDialog: React.FC = () => {
         }}
       >
         <DialogHeader
-          title={titleRef.current}
+          title={
+            requestType === VaultRequestType.PermanentUnlock
+              ? noteRef.current?.title
+              : titleRef.current
+          }
           paragraph={
             paragraphRef.current || customActionParagraphRef.current || ""
           }
@@ -737,7 +740,7 @@ export const VaultDialog: React.FC = () => {
             paddingHorizontal: Spacing.LEVEL_3,
             gap: isDeleteVault ? 0 : Spacing.LEVEL_4,
             marginTop: Spacing.LEVEL_4,
-            marginBottom: Spacing.LEVEL_1
+            marginBottom: Spacing.LEVEL_4
           }}
         >
           {(isChangePassword ||
@@ -848,9 +851,14 @@ export const VaultDialog: React.FC = () => {
           ) : null}
 
           {isCreateVault ? (
-            <View>
+            <View
+              style={{
+                gap: Spacing.LEVEL_2
+              }}
+            >
               <FormInput
                 name="password"
+                label={strings.password()}
                 formRef={formRef}
                 fwdRef={passInputRef}
                 autoCapitalize="none"
@@ -893,12 +901,7 @@ export const VaultDialog: React.FC = () => {
             </View>
           ) : null}
 
-          {biometricUnlock && !isBiometryEnrolled && !isCreateVault ? (
-            <Paragraph>{strings.vaultEnableBiometrics()}</Paragraph>
-          ) : null}
-
-          {!biometricUnlock &&
-          !isBiometryEnrolled &&
+          {!isBiometryEnrolled &&
           isBiometryAvailable &&
           (requestType === VaultRequestType.CopyNote ||
             requestType === VaultRequestType.DeleteNote ||
@@ -907,20 +910,16 @@ export const VaultDialog: React.FC = () => {
             requestType === VaultRequestType.GoToEditor ||
             requestType === VaultRequestType.PermanentUnlock ||
             requestType === VaultRequestType.LockNote) ? (
-            <Button
+            <Checkbox
+              title={strings.vaultEnableBiometrics()}
+              checked={biometricUnlock}
+              iconSize={12}
+              style={{
+                marginTop: -Spacing.LEVEL_1
+              }}
               onPress={() => {
                 setBiometricUnlock(!biometricUnlock);
               }}
-              style={{
-                marginTop: DefaultAppStyles.GAP_VERTICAL
-              }}
-              icon="fingerprint"
-              width="100%"
-              title={strings.unlockWithBiometrics()}
-              iconColor={
-                biometricUnlock ? colors.selected.accent : colors.primary.icon
-              }
-              type={biometricUnlock ? "transparent" : "plain"}
             />
           ) : null}
         </View>
diff --git a/apps/mobile/app/components/side-menu/notebook-item.tsx b/apps/mobile/app/components/side-menu/notebook-item.tsx
index 17a570107..8db3099e1 100644
--- a/apps/mobile/app/components/side-menu/notebook-item.tsx
+++ b/apps/mobile/app/components/side-menu/notebook-item.tsx
@@ -57,7 +57,8 @@ export const NotebookItem = ({
   disableExpand,
   hideNoteCount,
   style,
-  subNotebookButtonStyle
+  subNotebookButtonStyle,
+  selectionCheckboxLocation = "right"
 }: {
   index: number;
   item: TreeItem;
@@ -76,6 +77,7 @@ export const NotebookItem = ({
   hideNoteCount?: boolean;
   style?: ViewStyle;
   subNotebookButtonStyle?: ViewStyle;
+  selectionCheckboxLocation?: "left" | "right";
 }) => {
   const notebook = item.notebook;
   const isFocused = focused;
@@ -194,7 +196,8 @@ export const NotebookItem = ({
               gap: Spacing.LEVEL_1
             }}
           >
-            {item.depth === 0 ? (
+            {item.depth === 0 &&
+            (!selectionEnabled || selectionCheckboxLocation === "right") ? (
               <AppIcon
                 size={AppFontSize.md}
                 color={
@@ -211,11 +214,34 @@ export const NotebookItem = ({
               />
             ) : null}
 
+            {selectionEnabled && selectionCheckboxLocation === "left" ? (
+              <View
+                style={{
+                  justifyContent: "center",
+                  alignItems: "center"
+                }}
+              >
+                <AppIcon
+                  name={selected ? "checkbox" : "box-empty"}
+                  iconFamily="notesnook"
+                  size={16}
+                  color={
+                    selected
+                      ? [
+                          colors.selected.accent,
+                          colors.selected.accentForeground
+                        ]
+                      : colors.primary.icon
+                  }
+                />
+              </View>
+            ) : null}
+
             <Paragraph
               color={
                 isFocused ? colors.selected.paragraph : colors.primary.paragraph
               }
-              size={AppFontSize.sm}
+              fontSize="SM"
             >
               {notebook?.title}
             </Paragraph>
@@ -229,7 +255,7 @@ export const NotebookItem = ({
               justifyContent: "center"
             }}
           >
-            {selectionEnabled ? (
+            {selectionEnabled && selectionCheckboxLocation === "right" ? (
               <View
                 style={{
                   justifyContent: "center",
@@ -239,7 +265,7 @@ export const NotebookItem = ({
                 <AppIcon
                   name={selected ? "checkbox" : "box-empty"}
                   iconFamily="notesnook"
-                  size={AppFontSize.md}
+                  size={16}
                   color={
                     selected
                       ? [
@@ -250,17 +276,15 @@ export const NotebookItem = ({
                   }
                 />
               </View>
-            ) : (
-              <>
-                {item.hasChildren || hideNoteCount ? null : (
-                  <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
-                    {totalNotes?.(notebook?.id) || 0}
-                  </Paragraph>
-                )}
-              </>
+            ) : null}
+
+            {item.hasChildren || hideNoteCount || selectionEnabled ? null : (
+              <Paragraph fontSize="SM" color={colors.secondary.paragraph}>
+                {totalNotes?.(notebook?.id) || 0}
+              </Paragraph>
             )}
 
-            {onAddNotebook ? (
+            {onAddNotebook && !item.hasChildren ? (
               <IconButton
                 name="plus"
                 iconFamily="notesnook"
@@ -303,7 +327,8 @@ export const NotebookItem = ({
                 style={{
                   borderRadius: defaultBorderRadius,
                   width: undefined,
-                  height: undefined
+                  height: undefined,
+                  marginRight: 1.5
                 }}
                 iconFamily="notesnook"
                 name={expanded ? "chevron-up" : "chevron-down"}
@@ -313,7 +338,7 @@ export const NotebookItem = ({
         </Pressable>
       </View>
 
-      {expanded && item.hasChildren && !selectionEnabled ? (
+      {expanded && item.hasChildren ? (
         <View
           style={{
             width: "100%",
diff --git a/apps/mobile/app/components/ui/checkbox.tsx b/apps/mobile/app/components/ui/checkbox.tsx
index 423de95eb..1b41804af 100644
--- a/apps/mobile/app/components/ui/checkbox.tsx
+++ b/apps/mobile/app/components/ui/checkbox.tsx
@@ -77,7 +77,7 @@ export const Checkbox = ({
       style={{
         width: width || undefined,
         flexDirection: "row",
-        alignItems: "center",
+        alignItems: "flex-start",
         justifyContent: "flex-start",
         flexShrink: 1,
         gap: Spacing.LEVEL_1,
@@ -92,6 +92,9 @@ export const Checkbox = ({
         name={checked ? "checkbox" : "box-empty"}
         iconFamily="notesnook"
         size={iconSize}
+        style={{
+          marginTop: 1.5
+        }}
         color={
           iconColor ||
           (checked
@@ -102,7 +105,7 @@ export const Checkbox = ({
 
       {title ? (
         <Paragraph
-          numberOfLines={1}
+          numberOfLines={2}
           size={fontSize}
           fontFamily={fontFamily}
           color={colors.primary.paragraph}
diff --git a/apps/mobile/app/components/ui/icon-button/index.tsx b/apps/mobile/app/components/ui/icon-button/index.tsx
index c70b58350..f9f1bce32 100644
--- a/apps/mobile/app/components/ui/icon-button/index.tsx
+++ b/apps/mobile/app/components/ui/icon-button/index.tsx
@@ -98,7 +98,6 @@ export const IconButton = ({
       style={{
         justifyContent: "center",
         alignItems: "center",
-        // borderRadius: 100,
         width: size,
         height: size,
         ...style
diff --git a/apps/mobile/app/components/ui/input/form-input.tsx b/apps/mobile/app/components/ui/input/form-input.tsx
index 2c7bcebb9..f5738344b 100644
--- a/apps/mobile/app/components/ui/input/form-input.tsx
+++ b/apps/mobile/app/components/ui/input/form-input.tsx
@@ -185,13 +185,13 @@ export function hasFormErrors(errors: FormErrors) {
 export const validators = {
   required:
     (message = "This field is required") =>
-      (value: string) =>
-        value?.trim() ? undefined : message,
+    (value: string) =>
+      value?.trim() ? undefined : message,
 
   email:
     (message = "Please enter a valid email") =>
-      (value: string) =>
-        !value?.trim() || isEmail(value.trim()) ? undefined : message,
+    (value: string) =>
+      !value?.trim() || isEmail(value.trim()) ? undefined : message,
 
   minLength: (length: number, message?: string) => (value: string) =>
     !value || value.length >= length
@@ -200,15 +200,15 @@ export const validators = {
 
   url:
     (message = "Please enter a valid URL") =>
-      (value: string) =>
-        !value?.trim() || isURL(value.trim(), { allow_underscores: true })
-          ? undefined
-          : message,
+    (value: string) =>
+      !value?.trim() || isURL(value.trim(), { allow_underscores: true })
+        ? undefined
+        : message,
 
   matchField:
     (fieldName: string, message = "Values do not match") =>
-      (value: string, values: FormValues) =>
-        value === values[fieldName] ? undefined : message
+    (value: string, values: FormValues) =>
+      value === values[fieldName] ? undefined : message
 };
 
 interface FormInputProps extends TextInputProps {
@@ -388,7 +388,7 @@ export function FormInput({
             <IconButton
               name={!secureEntry ? "eye-closed" : "eye-open"}
               iconFamily="notesnook"
-              size={20}
+              size={16}
               top={10}
               bottom={10}
               onPress={() => {
@@ -409,7 +409,7 @@ export function FormInput({
             <IconButton
               testID={button.testID}
               name={button.icon}
-              size={button.size || AppFontSize.xl}
+              size={button.size || 16}
               top={10}
               bottom={10}
               onPress={button.onPress}
diff --git a/apps/mobile/app/hooks/use-actions.tsx b/apps/mobile/app/hooks/use-actions.tsx
index d0f60e5b8..5e8dd0c6b 100644
--- a/apps/mobile/app/hooks/use-actions.tsx
+++ b/apps/mobile/app/hooks/use-actions.tsx
@@ -941,6 +941,7 @@ export const useActions = ({
           requestType: VaultRequestType.PermanentUnlock,
           item: item,
           title: strings.unlockNote(),
+          paragraph: strings.thisNoteLocked(),
           buttonTitle: strings.unlock()
         });
         return;
@@ -962,7 +963,8 @@ export const useActions = ({
               requestType: VaultRequestType.CreateVault,
               item: item,
               title: strings.createVault(),
-              buttonTitle: strings.lock()
+              buttonTitle: strings.lock(),
+              positiveButtonType: "accent"
             });
             break;
           case VAULT_ERRORS.vaultLocked:
@@ -970,7 +972,8 @@ export const useActions = ({
               requestType: VaultRequestType.LockNote,
               item: item,
               title: strings.lockNote(),
-              buttonTitle: strings.lock()
+              buttonTitle: strings.lock(),
+              positiveButtonType: "accent"
             });
             break;
         }
diff --git a/apps/mobile/app/screens/home/index.tsx b/apps/mobile/app/screens/home/index.tsx
index a444d6b24..72553e718 100755
--- a/apps/mobile/app/screens/home/index.tsx
+++ b/apps/mobile/app/screens/home/index.tsx
@@ -67,6 +67,9 @@ export const Home = ({ navigation, route }: NavigationProps<"Notes">) => {
           });
         }}
         id={route.name}
+        style={{
+          paddingHorizontal: Spacing.LEVEL_2
+        }}
         onPressDefaultRightButton={openEditor}
       />
 
diff --git a/apps/mobile/app/screens/link-notebooks/index.tsx b/apps/mobile/app/screens/link-notebooks/index.tsx
index 4de77c6b8..ff5087dbc 100644
--- a/apps/mobile/app/screens/link-notebooks/index.tsx
+++ b/apps/mobile/app/screens/link-notebooks/index.tsx
@@ -25,6 +25,7 @@ import { ActivityIndicator, View } from "react-native";
 import { FlatList } from "react-native-actions-sheet";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { db } from "../../common/database";
+import { Spacing } from "../../common/design/spacing";
 import Navigation, { NavigationProps } from "../../services/navigation";
 import {
   createNotebookTreeStores,
@@ -35,10 +36,9 @@ import { useNotebooks } from "../../stores/use-notebook-store";
 import { useRelationStore } from "../../stores/use-relation-store";
 import { updateNotebook } from "../../utils/notebooks";
 import { AppFontSize } from "../../utils/size";
-import { DefaultAppStyles } from "../../utils/styles";
-import { FloatingButton } from "../../components/container/floating-button";
 import { Header } from "../../components/header";
 import { NotebookItem } from "../../components/side-menu/notebook-item";
+import { Button } from "../../components/ui/button";
 import Input from "../../components/ui/input";
 import Paragraph from "../../components/ui/typography/paragraph";
 import { AddNotebookSheet } from "../../components/sheets/add-notebook";
@@ -206,10 +206,35 @@ const LinkNotebooks = (props: NavigationProps<"LinkNotebooks">) => {
     []
   );
 
+  const onCreateNotebook = async () => {
+    const notebooksFeature = await isFeatureAvailable("notebooks");
+    if (!notebooksFeature.isAllowed) {
+      ToastManager.show({
+        message: notebooksFeature.error,
+        type: "info",
+        context: "local",
+        actionText: strings.upgrade(),
+        func: () => {
+          ToastManager.hide();
+          PaywallSheet.present(notebooksFeature);
+        }
+      });
+      return;
+    }
+    AddNotebookSheet.present(
+      undefined,
+      undefined,
+      "global",
+      undefined,
+      false,
+      searchQuery.current
+    );
+  };
+
   return (
     <SafeAreaView
       style={{
-        gap: DefaultAppStyles.GAP_VERTICAL,
+        gap: Spacing.LEVEL_2,
         flex: 1,
         backgroundColor: colors.primary.background
       }}
@@ -217,14 +242,19 @@ const LinkNotebooks = (props: NavigationProps<"LinkNotebooks">) => {
       <Header
         title={strings.addToNotebook()}
         canGoBack
+        style={{
+          backgroundColor: colors.primary.background
+        }}
         rightButton={
           hasSelection
             ? {
-              name: "restore",
-              onPress: () => {
-                updateInitialSelectionState(noteIds);
+                name: "arrow-counter-clockwise",
+                iconFamily: "notesnook",
+                size: 20,
+                onPress: () => {
+                  updateInitialSelectionState(noteIds);
+                }
               }
-            }
             : undefined
         }
       />
@@ -238,9 +268,10 @@ const LinkNotebooks = (props: NavigationProps<"LinkNotebooks">) => {
         ListHeaderComponent={
           <View
             style={{
-              paddingHorizontal: DefaultAppStyles.GAP,
+              paddingHorizontal: Spacing.LEVEL_3,
               width: "100%",
-              paddingVertical: DefaultAppStyles.GAP_VERTICAL
+              paddingBottom: Spacing.LEVEL_3,
+              gap: Spacing.LEVEL_3
             }}
           >
             <Input
@@ -251,35 +282,33 @@ const LinkNotebooks = (props: NavigationProps<"LinkNotebooks">) => {
                   updateNotebooks();
                 }, 300);
               }}
-              button={{
-                icon: "plus",
-                onPress: async () => {
-                  const notebooksFeature =
-                    await isFeatureAvailable("notebooks");
-                  if (!notebooksFeature.isAllowed) {
-                    ToastManager.show({
-                      message: notebooksFeature.error,
-                      type: "info",
-                      context: "local",
-                      actionText: strings.upgrade(),
-                      func: () => {
-                        ToastManager.hide();
-                        PaywallSheet.present(notebooksFeature);
-                      }
-                    });
-                    return;
-                  }
-                  AddNotebookSheet.present(
-                    undefined,
-                    undefined,
-                    "global",
-                    undefined,
-                    false,
-                    searchQuery.current
-                  );
-                },
-                color: colors.primary.icon
+              containerStyle={{
+                backgroundColor: colors.secondary.background,
+                borderWidth: 0
               }}
+              button={{
+                icon: "search",
+                iconFamily: "notesnook",
+                onPress: () => {},
+                color: colors.secondary.icon,
+                size: 16
+              }}
+            />
+
+            <View
+              style={{
+                height: 1,
+                backgroundColor: colors.primary.border
+              }}
+            />
+
+            <Button
+              title={strings.createNotebook()}
+              icon="plus"
+              iconPosition="left"
+              type="accent-outline"
+              width="100%"
+              onPress={onCreateNotebook}
             />
 
             {!multiSelect ? (
@@ -315,14 +344,23 @@ const LinkNotebooks = (props: NavigationProps<"LinkNotebooks">) => {
         }
       />
 
-      {hasSelection ? (
-        <FloatingButton
+      <View
+        style={{
+          borderTopWidth: 1,
+          borderTopColor: colors.primary.border,
+          backgroundColor: colors.primary.background,
+          padding: Spacing.LEVEL_3
+        }}
+      >
+        <Button
           testID="floating-save-button"
-          icon="check"
-          alwaysVisible
+          title={strings.saveChanges()}
+          type="accent"
+          width="100%"
+          disabled={!hasSelection}
           onPress={() => onSave()}
         />
-      ) : null}
+      </View>
     </SafeAreaView>
   );
 };
@@ -370,12 +408,13 @@ const NotebookItemWrapper = React.memo(
     return (
       <View
         style={{
-          paddingHorizontal: DefaultAppStyles.GAP
+          paddingHorizontal: Spacing.LEVEL_3
         }}
       >
         <NotebookItem
           item={item}
           index={index}
+          selectionCheckboxLocation="left"
           expanded={expanded}
           onToggleExpanded={async () => {
             useNotebookExpandedStore.getState().setExpanded(item.notebook.id);
@@ -408,6 +447,12 @@ const NotebookItemWrapper = React.memo(
                     : "deselected"
               );
           }}
+          style={{
+            paddingVertical: Spacing.LEVEL_1
+          }}
+          subNotebookButtonStyle={{
+            paddingVertical: Spacing.LEVEL_1
+          }}
           canDisableSelectionMode={false}
           selected={selected}
           selectionEnabled={selectionEnabled}
diff --git a/apps/mobile/fonts/notesnook-icons.glyphmap.json b/apps/mobile/fonts/notesnook-icons.glyphmap.json
index 24637e420..e307391d3 100644
--- a/apps/mobile/fonts/notesnook-icons.glyphmap.json
+++ b/apps/mobile/fonts/notesnook-icons.glyphmap.json
@@ -1 +1 @@
-{"m":{"f":"notesnook-icons","u":1024,"z":1020,"s":59648,"h":"062b04ae5d347ff9df140348f63c4db60deae915c8111f816e25228ed8ac34f6"},"i":{"archive":[1024,[[59648,"#666666"]]],"arrow-back":[1024,[[59649,"rgba(255,255,255,0.7)"]]],"arrow-clockwise":[1024,[[59650,"#181818"]]],"arrow-counter-clockwise":[1024,[[59651,"#181818"]]],"arrow-fat-up":[1024,[[59652,"var(--fill-0, #181818)"]]],"arrow-right":[1024,[[59653,"#008836"]]],"arrow-square-out":[1024,[[59654,"#666666"]]],"arrow-u-up-left":[1024,[[59655,"var(--fill-0, #181818)"]]],"arrows-clockwise":[1024,[[59656,"var(--fill-0, #181818)"]]],"backspace":[1024,[[59657,"#181818"]]],"bag-simple":[1024,[[59658,"var(--fill-0, #181818)"]]],"bell-z":[1024,[[59659,"#181818"]]],"bell":[1024,[[59660,"#666666"]]],"bomb-off":[1024,[[59661,"currentColor"]]],"bomb":[1024,[[59662,"#666666"]]],"book-open":[1024,[[59663,"#666666"]]],"bookmark":[1024,[[59664,"#666666"]]],"box-empty":[1024,[[59665,"#B0B0B1"]]],"bug-droid":[1024,[[59666,"var(--fill-0, #181818)"]]],"calendar-check":[946,[[59667,"var(--fill-0, #181818)"]]],"calendar-day":[1024,[[59668,"#181818"]]],"calendar-dots":[946,[[59669,"var(--fill-0, #181818)"]]],"calendar":[1024,[[59670,"rgba(102,102,102,0.8)"]]],"chart-donut":[1024,[[59671,"#181818"]]],"chart-line-up":[1024,[[59672,"var(--fill-0, #181818)"]]],"chat":[1024,[[59673,"white"]]],"check-small":[951,[[59674,"#008836"]]],"check-square":[1024,[[59675,"#181818"]]],"check":[1024,[[59676,"#008836"]]],"checkbox-intermediate":[1024,[[59677,"currentColor"]]],"checkbox":[1024,[[59678,"#008836"],[59679,"white"]]],"checks":[1024,[[59680,"#181818"]]],"chevron-down":[1024,[[59681,"#181818"]]],"chevron-right":[1024,[[59682,"#181818"]]],"chevron-up":[1024,[[59683,"#181818"]]],"clock-counter-clockwise":[1024,[[59684,"var(--fill-0, #181818)"]]],"clock":[1024,[[59685,"#181818"]]],"close":[1024,[[59686,"#666666"]]],"cloud-check":[1024,[[59687,"var(--fill-0, #181818)"]]],"cloud":[1024,[[59688,"white"]]],"copy":[1024,[[59689,"#008836"]]],"crown-simple":[1024,[[59690,"#E0B637"]]],"dark-mode-outline":[1024,[[59691,"currentColor"]]],"delete-restore":[1024,[[59692,"currentColor"]]],"device-mobile-camera":[1024,[[59693,"var(--fill-0, #181818)"]]],"discord-logo":[1024,[[59694,"var(--fill-0, #181818)"]]],"dots-three":[1024,[[59695,"#202020"]]],"download-simple":[1024,[[59696,"var(--fill-0, #181818)"]]],"drive-file-move":[1088,[[59697,"#666666"]]],"duplicate":[1024,[[59698,"currentColor"]]],"edit-pencil":[1024,[[59699,"#181818"]]],"ellipse":[1024,[[59700,"#A6A6A6"]]],"envelope-simple":[1024,[[59701,"white"]]],"export":[1024,[[59702,"var(--fill-0, #181818)"]]],"eye-closed":[1024,[[59703,"white"]]],"eye-filled":[1024,[[59704,"#666666"]]],"eye-open":[1024,[[59705,"currentColor"]]],"eye-slash":[1024,[[59706,"var(--fill-0, #181818)"]]],"file-cloud":[1024,[[59707,"#181818"]]],"file-dashed":[1024,[[59708,"var(--fill-0, #181818)"]]],"file-html":[1024,[[59709,"#181818"]]],"file-pdf":[1024,[[59710,"#181818"]]],"file-text":[1024,[[59711,"var(--fill-0, #181818)"]]],"file":[1024,[[59712,"white"]]],"fingerprint-simple":[1024,[[59713,"#181818"]]],"folder":[1024,[[59714,"#181818"]]],"funnel":[1024,[[59715,"#666666"]]],"gift":[1024,[[59716,"#181818"]]],"git-pull-request":[1024,[[59717,"var(--fill-0, #181818)"]]],"github-logo":[1024,[[59718,"var(--fill-0, #181818)"]]],"hard-drives":[1024,[[59719,"var(--fill-0, #181818)"]]],"home":[1024,[[59720,"#181818"]]],"house":[1024,[[59721,"#6F6F6F"]]],"identifier":[1024,[[59722,"currentColor"]]],"image-outline":[1024,[[59723,"white"]]],"key":[1024,[[59724,"var(--fill-0, #181818)"]]],"link-alt":[1024,[[59725,"#666666"]]],"link":[560,[[59726,"#666666"]]],"list":[2190,[[59727,"#181818"]]],"lock-simple":[1024,[[59728,"white"]]],"lock":[1024,[[59729,"#181818"]]],"markdown":[1024,[[59730,"#181818"]]],"mastodon-logo":[1024,[[59731,"var(--fill-0, #181818)"]]],"menu":[1024,[[59732,"#181818"]]],"message-badge-outline":[1024,[[59733,"currentColor"]]],"minus":[1024,[[59734,"#181818"]]],"mode-edit":[1024,[[59735,"#181818"]]],"moon":[1024,[[59736,"var(--fill-0, #181818)"]]],"network":[1024,[[59737,"var(--fill-0, #181818)"]]],"note":[1024,[[59738,"#181818"]]],"notification":[1024,[[59739,"var(--fill-0, #181818)"]]],"numpad":[1024,[[59740,"#181818"]]],"nut":[1024,[[59741,"#181818"]]],"paint-brush-household":[1024,[[59742,"#181818"]]],"paint-roller":[1024,[[59743,"var(--fill-0, #181818)"]]],"palette":[1024,[[59744,"#666666"]]],"paperclip":[1024,[[59745,"#666666"]]],"pause":[1024,[[59746,"var(--fill-0, #181818)"]]],"pencil-ruler":[1024,[[59747,"#181818"]]],"pencil-simple-line":[1024,[[59748,"var(--fill-0, #181818)"]]],"pencil-simple-slash":[1024,[[59749,"#858585"]]],"pencil-simple":[1024,[[59750,"#181818"]]],"pin":[939,[[59751,"#666666"]]],"plus":[1024,[[59752,"#181818"]]],"radio-button":[1024,[[59753,"#008836"]]],"recovery-key-cloud-arrow-down":[1024,[[59754,"var(--fill-0, #181818)"]]],"recovery-key-copy":[1024,[[59755,"var(--stroke-0, #008836)"]]],"recovery-key-file":[1024,[[59756,"var(--fill-0, #181818)"]]],"recovery-key-key":[1024,[[59757,"var(--fill-0, #181818)"]]],"recovery-key-qr-code":[1024,[[59758,"var(--fill-0, #181818)"]]],"recovery-key-shield-check":[1024,[[59759,"var(--fill-0, #008836)"]]],"search":[1024,[[59760,"#181818"]]],"share":[1024,[[59761,"#666666"]]],"shield-check":[1024,[[59762,"#181818"]]],"shield-plus":[1024,[[59763,"#181818"]]],"shield":[1024,[[59764,"var(--fill-0, #181818)"]]],"shopping-mode":[1024,[[59765,"#666666"]]],"sliders-horizontal":[1024,[[59766,"var(--fill-0, #181818)"]]],"sliders":[1024,[[59767,"#181818"]]],"sort-ascending":[1024,[[59768,"#666666"]]],"sort-descending":[1024,[[59769,"currentColor"]]],"speaker-high":[1024,[[59770,"#181818"]]],"spellcheck":[1067,[[59771,"currentColor"]]],"square-out":[1024,[[59772,"#181818"]]],"squares-four":[1024,[[59773,"var(--fill-0, #181818)"]]],"star-filled":[1024,[[59774,"#E5C131"]]],"star":[1024,[[59775,"#666666"]]],"sun":[1024,[[59776,"#666666"]]],"swatches":[1024,[[59777,"var(--fill-0, #181818)"]]],"sync-disabled":[911,[[59778,"#858585"]]],"table":[1024,[[59779,"#181818"]]],"telegram-logo":[1024,[[59780,"var(--fill-0, #181818)"]]],"text-aa":[1024,[[59781,"#181818"]]],"toggle-off":[1725,[[59782,"#DADADA"]]],"toggle-on":[1725,[[59783,"#008836"]]],"trash-alt":[1024,[[59784,"#FB2C36"]]],"trash":[1024,[[59785,"#666666"]]],"tray-arrow-down":[1024,[[59786,"#181818"]]],"user-circle-minus":[1024,[[59787,"var(--fill-0, #FF242E)"]]],"user-sheet-docs":[1024,[[59788,"var(--fill-0, #181818)"]]],"user-sheet-logout":[1024,[[59789,"var(--fill-0, #FB2C36)"]]],"user-sheet-settings":[1024,[[59790,"var(--fill-0, #181818)"]]],"user-sheet-support":[1024,[[59791,"var(--fill-0, #181818)"]]],"user-sheet-sync":[1024,[[59792,"var(--fill-0, #181818)"]]],"user":[1024,[[59793,"var(--fill-0, #181818)"]]],"users-three":[1024,[[59794,"var(--fill-0, #181818)"]]],"view-list":[1024,[[59795,"#181818"]]],"warning-circle":[1024,[[59796,"#BB3431"]]],"warning":[1024,[[59797,"#FF242E"]]],"wifi-slash":[1024,[[59798,"var(--fill-0, #181818)"]]],"x-logo":[1024,[[59799,"var(--fill-0, #181818)"]]]}}
\ No newline at end of file
+{"m":{"f":"notesnook-icons","u":1024,"z":1020,"s":59648,"h":"25f25ad70bd419ff91fe49bb7b9d002d64462809aa5b1fd96ff6130cae259b5a"},"i":{"archive":[1024,[[59648,"#666666"]]],"arrow-back":[1024,[[59649,"rgba(255,255,255,0.7)"]]],"arrow-clockwise":[1024,[[59650,"#181818"]]],"arrow-counter-clockwise":[1024,[[59651,"#181818"]]],"arrow-fat-up":[1024,[[59652,"var(--fill-0, #181818)"]]],"arrow-right":[1024,[[59653,"#008836"]]],"arrow-square-out":[1024,[[59654,"#666666"]]],"arrow-u-up-left":[1024,[[59655,"var(--fill-0, #181818)"]]],"arrows-clockwise":[1024,[[59656,"var(--fill-0, #181818)"]]],"backspace":[1024,[[59657,"#181818"]]],"bag-simple":[1024,[[59658,"var(--fill-0, #181818)"]]],"bell-z":[1024,[[59659,"#181818"]]],"bell":[1024,[[59660,"#666666"]]],"bomb-off":[1024,[[59661,"currentColor"]]],"bomb":[1024,[[59662,"#666666"]]],"book-open":[1024,[[59663,"#666666"]]],"bookmark":[1024,[[59664,"#666666"]]],"box-empty":[1024,[[59665,"#B0B0B1"]]],"bug-droid":[1024,[[59666,"var(--fill-0, #181818)"]]],"calendar-check":[946,[[59667,"var(--fill-0, #181818)"]]],"calendar-day":[1024,[[59668,"#181818"]]],"calendar-dots":[946,[[59669,"var(--fill-0, #181818)"]]],"calendar":[1024,[[59670,"rgba(102,102,102,0.8)"]]],"chart-donut":[1024,[[59671,"#181818"]]],"chart-line-up":[1024,[[59672,"var(--fill-0, #181818)"]]],"chat":[1024,[[59673,"white"]]],"check-small":[951,[[59674,"#008836"]]],"check-square":[1024,[[59675,"#181818"]]],"check":[1024,[[59676,"#008836"]]],"checkbox-intermediate":[1024,[[59677,"currentColor"]]],"checkbox":[1024,[[59678,"#008836"],[59679,"white"]]],"checks":[1024,[[59680,"#181818"]]],"chevron-down":[1024,[[59681,"#181818"]]],"chevron-right":[1024,[[59682,"#181818"]]],"chevron-up":[1024,[[59683,"#181818"]]],"clock-counter-clockwise":[1024,[[59684,"var(--fill-0, #181818)"]]],"clock":[1024,[[59685,"#181818"]]],"close":[1024,[[59686,"#666666"]]],"cloud-check":[1024,[[59687,"var(--fill-0, #181818)"]]],"cloud":[1024,[[59688,"white"]]],"copy":[1024,[[59689,"#008836"]]],"crown-simple":[1024,[[59690,"#E0B637"]]],"dark-mode-outline":[1024,[[59691,"currentColor"]]],"delete-restore":[1024,[[59692,"currentColor"]]],"device-mobile-camera":[1024,[[59693,"var(--fill-0, #181818)"]]],"discord-logo":[1024,[[59694,"var(--fill-0, #181818)"]]],"dots-three":[1024,[[59695,"#202020"]]],"download-simple":[1024,[[59696,"var(--fill-0, #181818)"]]],"drive-file-move":[1088,[[59697,"#666666"]]],"duplicate":[1024,[[59698,"currentColor"]]],"edit-pencil":[1024,[[59699,"#181818"]]],"ellipse":[1024,[[59700,"#A6A6A6"]]],"envelope-simple":[1024,[[59701,"white"]]],"export":[1024,[[59702,"var(--fill-0, #181818)"]]],"eye-closed":[1024,[[59703,"white"]]],"eye-filled":[1024,[[59704,"#666666"]]],"eye-open":[1024,[[59705,"#666666"]]],"eye-slash":[1024,[[59706,"var(--fill-0, #181818)"]]],"file-cloud":[1024,[[59707,"#181818"]]],"file-dashed":[1024,[[59708,"var(--fill-0, #181818)"]]],"file-html":[1024,[[59709,"#181818"]]],"file-pdf":[1024,[[59710,"#181818"]]],"file-text":[1024,[[59711,"var(--fill-0, #181818)"]]],"file":[1024,[[59712,"white"]]],"fingerprint-simple":[1024,[[59713,"#181818"]]],"folder":[1024,[[59714,"#181818"]]],"funnel":[1024,[[59715,"#666666"]]],"gift":[1024,[[59716,"#181818"]]],"git-pull-request":[1024,[[59717,"var(--fill-0, #181818)"]]],"github-logo":[1024,[[59718,"var(--fill-0, #181818)"]]],"hard-drives":[1024,[[59719,"var(--fill-0, #181818)"]]],"home":[1024,[[59720,"#181818"]]],"house":[1024,[[59721,"#6F6F6F"]]],"identifier":[1024,[[59722,"currentColor"]]],"image-outline":[1024,[[59723,"white"]]],"key":[1024,[[59724,"var(--fill-0, #181818)"]]],"link-alt":[1024,[[59725,"#666666"]]],"link":[560,[[59726,"#666666"]]],"list":[2190,[[59727,"#181818"]]],"lock-simple":[1024,[[59728,"white"]]],"lock":[1024,[[59729,"#181818"]]],"markdown":[1024,[[59730,"#181818"]]],"mastodon-logo":[1024,[[59731,"var(--fill-0, #181818)"]]],"menu":[1024,[[59732,"#181818"]]],"message-badge-outline":[1024,[[59733,"currentColor"]]],"minus":[1024,[[59734,"#181818"]]],"mode-edit":[1024,[[59735,"#181818"]]],"moon":[1024,[[59736,"var(--fill-0, #181818)"]]],"network":[1024,[[59737,"var(--fill-0, #181818)"]]],"note":[1024,[[59738,"#181818"]]],"notification":[1024,[[59739,"var(--fill-0, #181818)"]]],"numpad":[1024,[[59740,"#181818"]]],"nut":[1024,[[59741,"#181818"]]],"paint-brush-household":[1024,[[59742,"#181818"]]],"paint-roller":[1024,[[59743,"var(--fill-0, #181818)"]]],"palette":[1024,[[59744,"#666666"]]],"paperclip":[1024,[[59745,"#666666"]]],"pause":[1024,[[59746,"var(--fill-0, #181818)"]]],"pencil-ruler":[1024,[[59747,"#181818"]]],"pencil-simple-line":[1024,[[59748,"var(--fill-0, #181818)"]]],"pencil-simple-slash":[1024,[[59749,"#858585"]]],"pencil-simple":[1024,[[59750,"#181818"]]],"pin":[939,[[59751,"#666666"]]],"plus":[1024,[[59752,"#181818"]]],"radio-button":[1024,[[59753,"#008836"]]],"recovery-key-cloud-arrow-down":[1024,[[59754,"var(--fill-0, #181818)"]]],"recovery-key-copy":[1024,[[59755,"var(--stroke-0, #008836)"]]],"recovery-key-file":[1024,[[59756,"var(--fill-0, #181818)"]]],"recovery-key-key":[1024,[[59757,"var(--fill-0, #181818)"]]],"recovery-key-qr-code":[1024,[[59758,"var(--fill-0, #181818)"]]],"recovery-key-shield-check":[1024,[[59759,"var(--fill-0, #008836)"]]],"search":[1024,[[59760,"#181818"]]],"share":[1024,[[59761,"#666666"]]],"shield-check":[1024,[[59762,"#181818"]]],"shield-plus":[1024,[[59763,"#181818"]]],"shield":[1024,[[59764,"var(--fill-0, #181818)"]]],"shopping-mode":[1024,[[59765,"#666666"]]],"sliders-horizontal":[1024,[[59766,"var(--fill-0, #181818)"]]],"sliders":[1024,[[59767,"#181818"]]],"sort-ascending":[1024,[[59768,"#666666"]]],"sort-descending":[1024,[[59769,"currentColor"]]],"speaker-high":[1024,[[59770,"#181818"]]],"spellcheck":[1067,[[59771,"currentColor"]]],"square-out":[1024,[[59772,"#181818"]]],"squares-four":[1024,[[59773,"var(--fill-0, #181818)"]]],"star-filled":[1024,[[59774,"#E5C131"]]],"star":[1024,[[59775,"#666666"]]],"sun":[1024,[[59776,"#666666"]]],"swatches":[1024,[[59777,"var(--fill-0, #181818)"]]],"sync-disabled":[911,[[59778,"#858585"]]],"table":[1024,[[59779,"#181818"]]],"telegram-logo":[1024,[[59780,"var(--fill-0, #181818)"]]],"text-aa":[1024,[[59781,"#181818"]]],"toggle-off":[1725,[[59782,"#DADADA"]]],"toggle-on":[1725,[[59783,"#008836"]]],"trash-alt":[1024,[[59784,"#FB2C36"]]],"trash":[1024,[[59785,"#666666"]]],"tray-arrow-down":[1024,[[59786,"#181818"]]],"user-circle-minus":[1024,[[59787,"var(--fill-0, #FF242E)"]]],"user-sheet-docs":[1024,[[59788,"var(--fill-0, #181818)"]]],"user-sheet-logout":[1024,[[59789,"var(--fill-0, #FB2C36)"]]],"user-sheet-settings":[1024,[[59790,"var(--fill-0, #181818)"]]],"user-sheet-support":[1024,[[59791,"var(--fill-0, #181818)"]]],"user-sheet-sync":[1024,[[59792,"var(--fill-0, #181818)"]]],"user":[1024,[[59793,"var(--fill-0, #181818)"]]],"users-three":[1024,[[59794,"var(--fill-0, #181818)"]]],"view-list":[1024,[[59795,"#181818"]]],"warning-circle":[1024,[[59796,"#BB3431"]]],"warning":[1024,[[59797,"#FF242E"]]],"wifi-slash":[1024,[[59798,"var(--fill-0, #181818)"]]],"x-logo":[1024,[[59799,"var(--fill-0, #181818)"]]]}}
\ No newline at end of file
diff --git a/apps/mobile/fonts/notesnook-icons.ttf b/apps/mobile/fonts/notesnook-icons.ttf
index d11d881ed41d25d0e3a596964df134081a627b83..64f173cbd8f56cd8e70ed3591474273904eb9ab5 100644
GIT binary patch
delta 486
zcmX>yk?BG&(*%Y3l-&V)85kIOfOu1SPG#DLnSY!Z7?=()FjSgkq$Z}AG%){SV5t7W
zz`$UZ0Tkfr<rHIJsL=uPRWfo*D#U&OSqwD+Ks`D+`N@eKOe#wl80u<(=BeZ+RunKU
zXAEOts9yk7q>z`Gn_6Ktbw7}Q0H{8zAitQmL}I#Z9RouX&_I?Y6W0_=u3=ziU<9g`
zVPIjH0MZ47EDQ`UEhd{WDl=M6j$o9N5oZv4D)wLOzSuvp-(r8oy2btg*}uh>i&cvK
zoIHV1Y4ZlggPNOTb(;fZ#1Hls#`D{JW#9%H0tC;p?$^WU$$x6inOYepH`WJCZmoO1
zxu8Cqv0g@WikO<%9q~HxD-vQ7?<5r@<0St{bxHk_j+1^QqahO|b4b=r?w9-#`F9E?
z3JnVX6sr`cD4tS$qQs+=pmar9P5G9JjmiO4F4YxkJZgSwC)7DK!Zapn{L$3WY|vuT
zD$!b@ZKXX&`<hOj&I4Tq-5A|d`eFKe4D1ZH7;+g_m>3>0@-yCHqGZxwvd@&ww9Isl
z=^@i!W-H94%vYFyvN&O>WckTT#oEYvnvIXmEO1aw+&rmqDHHQVhKZZ4T9g<!$F)W?
KZr<O<$^-!7O_?D8

delta 1003
zcmah|T}V@57=FL+?Du%i&e@c+IX5@YoXa_<F5TwO(83D|4H5C8h>~=P`A3ROQjewh
zmxgV0>s5b<bkQP2LX9Fqx{!(zZ|Xusx{@#uvDLQ)l3v*Na?bm{&+~lW_k4WktWD!L
z_wbBWYVHW$1wagW=B~B%1q0fR8vu9#;HI^uxv{BGs@?$@SO)-a3jvsEwH{!QCw*p1
zdr!!?M=BUBBy;lHI<GcfI9FN)Fw{iW%W7{7b)hGy0pQjY5m`GL+nYlr_m@dOPxP%_
zo!xAYG}J&A8!-UL=I_mS>mL9Gh^S2<gK?76fhUM2;zzc~C1f@UTY3<_3BQE{Atu}r
zev$e>cr5e@`+y>^kTtr9ma`=pnF-Vv$_E)x38U~X?#Gb`QK^UrhxEeV@c6v(C`U-l
zQ<W>dR*Nd3phO$TS-5g8PeX}0D31-Ga<&v%STo{S>XRzj=B}s-eh=1ExNRv)jMchB
zKyurXRXFB+Il*dJCMhY2rpb#T%>)V^Vg`GlIvA44)jF+~=QSFJrj-ggMhMFlN}6Ug
z8lKl`b!42(Q!)k1#<!u>DuqH$VJuN{g+iq!n=*t+jDP7PET)sqes_i4<FQw`{pmUt
zlVUpTeHNWEb}+^fCp=GV=;B$!jU6JnxmB)Wv~<j}^k2`%&J=r%kC-~y@^KdAiR=DK
z4M7&T;0#13a=L3x!>Z<wm$|Z^kd*iwV5@a_KQ4^th@szyMx(X;eiXUVFN=;3Tt`x!
zpc5wbCjAFPk6|^HN!>IG#(Lv!+ECh#sou11PB+(@7t+ftJJv<(W`;APH)B`q5+}tK
zal?jf4Yt)xQ|6l8V}FqaS+fr8sB|njV%gQ%<Jmu)qO;ezm(!Xv>&kb9UGH;yazDET
zcb$7BzdHX}L1Dq12mGE6&*JII!ly-sqTZtCMF-wCZ`ixw-SN%(dH<|`yLhR@P_kWW
qEIU;;6*wE1A!mvID&goO=^>`Vq&R<DL>PsmUBed<DvrJ#q46JUBg!QJ

diff --git a/apps/mobile/ios/nanoicons-fonts/notesnook-icons.ttf b/apps/mobile/ios/nanoicons-fonts/notesnook-icons.ttf
index d11d881ed41d25d0e3a596964df134081a627b83..64f173cbd8f56cd8e70ed3591474273904eb9ab5 100644
GIT binary patch
delta 486
zcmX>yk?BG&(*%Y3l-&V)85kIOfOu1SPG#DLnSY!Z7?=()FjSgkq$Z}AG%){SV5t7W
zz`$UZ0Tkfr<rHIJsL=uPRWfo*D#U&OSqwD+Ks`D+`N@eKOe#wl80u<(=BeZ+RunKU
zXAEOts9yk7q>z`Gn_6Ktbw7}Q0H{8zAitQmL}I#Z9RouX&_I?Y6W0_=u3=ziU<9g`
zVPIjH0MZ47EDQ`UEhd{WDl=M6j$o9N5oZv4D)wLOzSuvp-(r8oy2btg*}uh>i&cvK
zoIHV1Y4ZlggPNOTb(;fZ#1Hls#`D{JW#9%H0tC;p?$^WU$$x6inOYepH`WJCZmoO1
zxu8Cqv0g@WikO<%9q~HxD-vQ7?<5r@<0St{bxHk_j+1^QqahO|b4b=r?w9-#`F9E?
z3JnVX6sr`cD4tS$qQs+=pmar9P5G9JjmiO4F4YxkJZgSwC)7DK!Zapn{L$3WY|vuT
zD$!b@ZKXX&`<hOj&I4Tq-5A|d`eFKe4D1ZH7;+g_m>3>0@-yCHqGZxwvd@&ww9Isl
z=^@i!W-H94%vYFyvN&O>WckTT#oEYvnvIXmEO1aw+&rmqDHHQVhKZZ4T9g<!$F)W?
KZr<O<$^-!7O_?D8

delta 1003
zcmah|T}V@57=FL+?Du%i&e@c+IX5@YoXa_<F5TwO(83D|4H5C8h>~=P`A3ROQjewh
zmxgV0>s5b<bkQP2LX9Fqx{!(zZ|Xusx{@#uvDLQ)l3v*Na?bm{&+~lW_k4WktWD!L
z_wbBWYVHW$1wagW=B~B%1q0fR8vu9#;HI^uxv{BGs@?$@SO)-a3jvsEwH{!QCw*p1
zdr!!?M=BUBBy;lHI<GcfI9FN)Fw{iW%W7{7b)hGy0pQjY5m`GL+nYlr_m@dOPxP%_
zo!xAYG}J&A8!-UL=I_mS>mL9Gh^S2<gK?76fhUM2;zzc~C1f@UTY3<_3BQE{Atu}r
zev$e>cr5e@`+y>^kTtr9ma`=pnF-Vv$_E)x38U~X?#Gb`QK^UrhxEeV@c6v(C`U-l
zQ<W>dR*Nd3phO$TS-5g8PeX}0D31-Ga<&v%STo{S>XRzj=B}s-eh=1ExNRv)jMchB
zKyurXRXFB+Il*dJCMhY2rpb#T%>)V^Vg`GlIvA44)jF+~=QSFJrj-ggMhMFlN}6Ug
z8lKl`b!42(Q!)k1#<!u>DuqH$VJuN{g+iq!n=*t+jDP7PET)sqes_i4<FQw`{pmUt
zlVUpTeHNWEb}+^fCp=GV=;B$!jU6JnxmB)Wv~<j}^k2`%&J=r%kC-~y@^KdAiR=DK
z4M7&T;0#13a=L3x!>Z<wm$|Z^kd*iwV5@a_KQ4^th@szyMx(X;eiXUVFN=;3Tt`x!
zpc5wbCjAFPk6|^HN!>IG#(Lv!+ECh#sou11PB+(@7t+ftJJv<(W`;APH)B`q5+}tK
zal?jf4Yt)xQ|6l8V}FqaS+fr8sB|njV%gQ%<Jmu)qO;ezm(!Xv>&kb9UGH;yazDET
zcb$7BzdHX}L1Dq12mGE6&*JII!ly-sqTZtCMF-wCZ`ixw-SN%(dH<|`yLhR@P_kWW
qEIU;;6*wE1A!mvID&goO=^>`Vq&R<DL>PsmUBed<DvrJ#q46JUBg!QJ

diff --git a/packages/icons/svgs/eye-open.svg b/packages/icons/svgs/eye-open.svg
old mode 100644
new mode 100755
index 1a9217f40..13cf6c3de
--- a/packages/icons/svgs/eye-open.svg
+++ b/packages/icons/svgs/eye-open.svg
@@ -1 +1,10 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><!-- Icon from Phosphor by Phosphor Icons - https://github.com/phosphor-icons/core/blob/main/LICENSE --><path fill="currentColor" d="M245.48 125.57c-.34-.78-8.66-19.23-27.24-37.81C201 70.54 171.38 50 128 50S55 70.54 37.76 87.76c-18.58 18.58-26.9 37-27.24 37.81a6 6 0 0 0 0 4.88c.34.77 8.66 19.22 27.24 37.8C55 185.47 84.62 206 128 206s73-20.53 90.24-37.75c18.58-18.58 26.9-37 27.24-37.8a6 6 0 0 0 0-4.88M128 194c-31.38 0-58.78-11.42-81.45-33.93A134.8 134.8 0 0 1 22.69 128a134.6 134.6 0 0 1 23.86-32.06C69.22 73.42 96.62 62 128 62s58.78 11.42 81.45 33.94A134.6 134.6 0 0 1 233.31 128C226.94 140.21 195 194 128 194m0-112a46 46 0 1 0 46 46a46.06 46.06 0 0 0-46-46m0 80a34 34 0 1 1 34-34a34 34 0 0 1-34 34"/></svg>
\ No newline at end of file
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2899_8437)">
+<path d="M7.99935 3C4.66602 3 1.81935 5.07333 0.666016 8C1.81935 10.9267 4.66602 13 7.99935 13C11.3327 13 14.1793 10.9267 15.3327 8C14.1793 5.07333 11.3327 3 7.99935 3ZM7.99935 11.3333C6.15935 11.3333 4.66602 9.84 4.66602 8C4.66602 6.16 6.15935 4.66667 7.99935 4.66667C9.83935 4.66667 11.3327 6.16 11.3327 8C11.3327 9.84 9.83935 11.3333 7.99935 11.3333ZM7.99935 6C6.89268 6 5.99935 6.89333 5.99935 8C5.99935 9.10667 6.89268 10 7.99935 10C9.10602 10 9.99935 9.10667 9.99935 8C9.99935 6.89333 9.10602 6 7.99935 6Z" fill="#666666"/>
+</g>
+<defs>
+<clipPath id="clip0_2899_8437">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>