react-fontpicker-ts 0.0.1 → 0.1.0

package/dist/index.mjs

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/components/FontPicker.tsx
-import { useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 // font-preview/fontInfo.json
 var fontInfo_default = [
@@ -119,7 +119,18 @@ var fontInfo_default = [
       "0,400",
       "0,500",
       "0,600",
-      "0,700"
+      "0,700",
+      "0,800",
+      "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800",
+      "1,900"
     ]
   },
   {
@@ -331,6 +342,22 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Alexandria",
+    sane: "alexandria",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900"
+    ]
+  },
   {
     category: "display",
     name: "Alfa Slab One",
@@ -1060,14 +1087,24 @@ var fontInfo_default = [
     name: "Asap",
     sane: "asap",
     variants: [
+      "0,100",
+      "0,200",
+      "0,300",
       "0,400",
       "0,500",
       "0,600",
       "0,700",
+      "0,800",
+      "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
       "1,400",
       "1,500",
       "1,600",
-      "1,700"
+      "1,700",
+      "1,800",
+      "1,900"
     ]
   },
   {
@@ -1075,6 +1112,10 @@ var fontInfo_default = [
     name: "Asap Condensed",
     sane: "asap_condensed",
     variants: [
+      "0,200",
+      "1,200",
+      "0,300",
+      "1,300",
       "0,400",
       "1,400",
       "0,500",
@@ -1082,7 +1123,11 @@ var fontInfo_default = [
       "0,600",
       "1,600",
       "0,700",
-      "1,700"
+      "1,700",
+      "0,800",
+      "1,800",
+      "0,900",
+      "1,900"
     ]
   },
   {
@@ -1325,7 +1370,8 @@ var fontInfo_default = [
     name: "BIZ UDMincho",
     sane: "biz_udmincho",
     variants: [
-      "0,400"
+      "0,400",
+      "0,700"
     ]
   },
   {
@@ -1342,7 +1388,8 @@ var fontInfo_default = [
     name: "BIZ UDPMincho",
     sane: "biz_udpmincho",
     variants: [
-      "0,400"
+      "0,400",
+      "0,700"
     ]
   },
   {
@@ -2808,13 +2855,48 @@ var fontInfo_default = [
     name: "Chivo",
     sane: "chivo",
     variants: [
+      "0,100",
+      "0,200",
       "0,300",
-      "1,300",
       "0,400",
-      "1,400",
+      "0,500",
+      "0,600",
       "0,700",
+      "0,800",
+      "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
       "1,700",
+      "1,800",
+      "1,900"
+    ]
+  },
+  {
+    category: "monospace",
+    name: "Chivo Mono",
+    sane: "chivo_mono",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
       "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800",
       "1,900"
     ]
   },
@@ -2857,6 +2939,14 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "display",
+    name: "Climate Crisis",
+    sane: "climate_crisis",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "display",
     name: "Coda",
@@ -4219,7 +4309,14 @@ var fontInfo_default = [
       "0,600",
       "0,700",
       "0,800",
-      "0,900"
+      "0,900",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800",
+      "1,900"
     ]
   },
   {
@@ -4432,6 +4529,15 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "monospace",
+    name: "Fragment Mono",
+    sane: "fragment_mono",
+    variants: [
+      "0,400",
+      "1,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Francois One",
@@ -4448,7 +4554,9 @@ var fontInfo_default = [
       "0,300",
       "0,400",
       "0,500",
+      "0,600",
       "0,700",
+      "0,800",
       "0,900"
     ]
   },
@@ -4597,6 +4705,14 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "display",
+    name: "Gajraj One",
+    sane: "gajraj_one",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "display",
     name: "Galada",
@@ -4866,6 +4982,14 @@ var fontInfo_default = [
       "0,700"
     ]
   },
+  {
+    category: "serif",
+    name: "Gloock",
+    sane: "gloock",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "handwriting",
     name: "Gloria Hallelujah",
@@ -4938,6 +5062,19 @@ var fontInfo_default = [
       "0,700"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Golos Text",
+    sane: "golos_text",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900"
+    ]
+  },
   {
     category: "display",
     name: "Gorditas",
@@ -5263,6 +5400,31 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Hanken Grotesk",
+    sane: "hanken_grotesk",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800",
+      "1,900"
+    ]
+  },
   {
     category: "serif",
     name: "Hanuman",
@@ -5569,6 +5731,20 @@ var fontInfo_default = [
       "0,700"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "IBM Plex Sans JP",
+    sane: "ibm_plex_sans_jp",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
   {
     category: "sans-serif",
     name: "IBM Plex Sans KR",
@@ -6742,6 +6918,31 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "serif",
+    name: "Labrada",
+    sane: "labrada",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800",
+      "1,900"
+    ]
+  },
   {
     category: "display",
     name: "Lacquer",
@@ -7708,6 +7909,18 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "display",
+    name: "Marhey",
+    sane: "marhey",
+    variants: [
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
   {
     category: "serif",
     name: "Markazi Text",
@@ -7763,6 +7976,21 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "monospace",
+    name: "Martian Mono",
+    sane: "martian_mono",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Marvel",
@@ -7881,8 +8109,13 @@ var fontInfo_default = [
     name: "Merienda",
     sane: "merienda",
     variants: [
+      "0,300",
       "0,400",
-      "0,700"
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900"
     ]
   },
   {
@@ -8485,6 +8718,14 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "handwriting",
+    name: "Mynerve",
+    sane: "mynerve",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "display",
     name: "Mystery Quest",
@@ -8740,6 +8981,25 @@ var fontInfo_default = [
       "1,700"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Music",
+    sane: "noto_music",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "serif",
+    name: "Noto Naskh Arabic",
+    sane: "noto_naskh_arabic",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
   {
     category: "serif",
     name: "Noto Nastaliq Urdu",
@@ -8851,15 +9111,37 @@ var fontInfo_default = [
   },
   {
     category: "sans-serif",
-    name: "Noto Sans Batak",
-    sane: "noto_sans_batak",
+    name: "Noto Sans Bamum",
+    sane: "noto_sans_bamum",
     variants: [
-      "0,400"
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
     ]
   },
   {
     category: "sans-serif",
-    name: "Noto Sans Bengali",
+    name: "Noto Sans Bassa Vah",
+    sane: "noto_sans_bassa_vah",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Batak",
+    sane: "noto_sans_batak",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Bengali",
     sane: "noto_sans_bengali",
     variants: [
       "0,100",
@@ -8873,6 +9155,14 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Buginese",
+    sane: "noto_sans_buginese",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Buhid",
@@ -8897,6 +9187,14 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Chakma",
+    sane: "noto_sans_chakma",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Cham",
@@ -9063,6 +9361,25 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Hanifi Rohingya",
+    sane: "noto_sans_hanifi_rohingya",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Hanunoo",
+    sane: "noto_sans_hanunoo",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Hebrew",
@@ -9132,6 +9449,17 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Kayah Li",
+    sane: "noto_sans_kayah_li",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Khmer",
@@ -9148,6 +9476,14 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Khojki",
+    sane: "noto_sans_khojki",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Lao",
@@ -9164,6 +9500,30 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Lao Looped",
+    sane: "noto_sans_lao_looped",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Lepcha",
+    sane: "noto_sans_lepcha",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Limbu",
@@ -9199,6 +9559,25 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Masaram Gondi",
+    sane: "noto_sans_masaram_gondi",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Medefaidrin",
+    sane: "noto_sans_medefaidrin",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Meetei Mayek",
@@ -9215,6 +9594,14 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Mende Kikakui",
+    sane: "noto_sans_mende_kikakui",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Miao",
@@ -9223,6 +9610,22 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Modi",
+    sane: "noto_sans_modi",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Mongolian",
+    sane: "noto_sans_mongolian",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "monospace",
     name: "Noto Sans Mono",
@@ -9239,6 +9642,60 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Mro",
+    sane: "noto_sans_mro",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Multani",
+    sane: "noto_sans_multani",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans NKo",
+    sane: "noto_sans_nko",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans New Tai Lue",
+    sane: "noto_sans_new_tai_lue",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Newa",
+    sane: "noto_sans_newa",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Ol Chiki",
+    sane: "noto_sans_ol_chiki",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Oriya",
@@ -9255,6 +9712,46 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Osage",
+    sane: "noto_sans_osage",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Osmanya",
+    sane: "noto_sans_osmanya",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Pahawh Hmong",
+    sane: "noto_sans_pahawh_hmong",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Pau Cin Hau",
+    sane: "noto_sans_pau_cin_hau",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Rejang",
+    sane: "noto_sans_rejang",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans SC",
@@ -9268,6 +9765,38 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Saurashtra",
+    sane: "noto_sans_saurashtra",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Sharada",
+    sane: "noto_sans_sharada",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Siddham",
+    sane: "noto_sans_siddham",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans SignWriting",
+    sane: "noto_sans_signwriting",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Sinhala",
@@ -9284,6 +9813,36 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Sora Sompeng",
+    sane: "noto_sans_sora_sompeng",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Sundanese",
+    sane: "noto_sans_sundanese",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Syloti Nagri",
+    sane: "noto_sans_syloti_nagri",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Symbols",
@@ -9300,6 +9859,14 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Symbols 2",
+    sane: "noto_sans_symbols_2",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans TC",
@@ -9313,6 +9880,57 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Tagalog",
+    sane: "noto_sans_tagalog",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Tagbanwa",
+    sane: "noto_sans_tagbanwa",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Tai Le",
+    sane: "noto_sans_tai_le",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Tai Tham",
+    sane: "noto_sans_tai_tham",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Tai Viet",
+    sane: "noto_sans_tai_viet",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Takri",
+    sane: "noto_sans_takri",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Tamil",
@@ -9329,6 +9947,17 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Tangsa",
+    sane: "noto_sans_tangsa",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Telugu",
@@ -9345,6 +9974,22 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Thaana",
+    sane: "noto_sans_thaana",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Thai",
@@ -9361,6 +10006,14 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Tifinagh",
+    sane: "noto_sans_tifinagh",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Noto Sans Vai",
@@ -9385,6 +10038,22 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Yi",
+    sane: "noto_sans_yi",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Noto Sans Zanabazar Square",
+    sane: "noto_sans_zanabazar_square",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "serif",
     name: "Noto Serif",
@@ -9648,6 +10317,17 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "serif",
+    name: "Noto Serif Khojki",
+    sane: "noto_serif_khojki",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
   {
     category: "serif",
     name: "Noto Serif Lao",
@@ -9680,6 +10360,28 @@ var fontInfo_default = [
       "0,900"
     ]
   },
+  {
+    category: "serif",
+    name: "Noto Serif NP Hmong",
+    sane: "noto_serif_np_hmong",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
+  {
+    category: "serif",
+    name: "Noto Serif Oriya",
+    sane: "noto_serif_oriya",
+    variants: [
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700"
+    ]
+  },
   {
     category: "serif",
     name: "Noto Serif SC",
@@ -9737,22 +10439,54 @@ var fontInfo_default = [
       "0,600",
       "0,700",
       "0,800",
-      "0,900",
-      "1,100",
-      "1,200",
-      "1,300",
-      "1,400",
-      "1,500",
-      "1,600",
-      "1,700",
-      "1,800",
-      "1,900"
+      "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800",
+      "1,900"
+    ]
+  },
+  {
+    category: "serif",
+    name: "Noto Serif Telugu",
+    sane: "noto_serif_telugu",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900"
+    ]
+  },
+  {
+    category: "serif",
+    name: "Noto Serif Thai",
+    sane: "noto_serif_thai",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900"
     ]
   },
   {
     category: "serif",
-    name: "Noto Serif Telugu",
-    sane: "noto_serif_telugu",
+    name: "Noto Serif Tibetan",
+    sane: "noto_serif_tibetan",
     variants: [
       "0,100",
       "0,200",
@@ -9767,18 +10501,13 @@ var fontInfo_default = [
   },
   {
     category: "serif",
-    name: "Noto Serif Thai",
-    sane: "noto_serif_thai",
+    name: "Noto Serif Toto",
+    sane: "noto_serif_toto",
     variants: [
-      "0,100",
-      "0,200",
-      "0,300",
       "0,400",
       "0,500",
       "0,600",
-      "0,700",
-      "0,800",
-      "0,900"
+      "0,700"
     ]
   },
   {
@@ -10271,6 +11000,14 @@ var fontInfo_default = [
       "0,700"
     ]
   },
+  {
+    category: "display",
+    name: "Padyakke Expanded One",
+    sane: "padyakke_expanded_one",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Palanquin",
@@ -10478,6 +11215,20 @@ var fontInfo_default = [
       "1,700"
     ]
   },
+  {
+    category: "display",
+    name: "Phudu",
+    sane: "phudu",
+    variants: [
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900"
+    ]
+  },
   {
     category: "serif",
     name: "Piazzolla",
@@ -11528,7 +12279,16 @@ var fontInfo_default = [
       "0,600",
       "0,700",
       "0,800",
-      "0,900"
+      "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800",
+      "1,900"
     ]
   },
   {
@@ -11621,6 +12381,14 @@ var fontInfo_default = [
       "1,900"
     ]
   },
+  {
+    category: "display",
+    name: "Rubik 80s Fade",
+    sane: "rubik_80s_fade",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "display",
     name: "Rubik Beastly",
@@ -11661,6 +12429,14 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "display",
+    name: "Rubik Gemstones",
+    sane: "rubik_gemstones",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "display",
     name: "Rubik Glitch",
@@ -11725,6 +12501,30 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "display",
+    name: "Rubik Spray Paint",
+    sane: "rubik_spray_paint",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "display",
+    name: "Rubik Storm",
+    sane: "rubik_storm",
+    variants: [
+      "0,400"
+    ]
+  },
+  {
+    category: "display",
+    name: "Rubik Vinyl",
+    sane: "rubik_vinyl",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "display",
     name: "Rubik Wet Paint",
@@ -12197,6 +12997,25 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "display",
+    name: "Shantell Sans",
+    sane: "shantell_sans",
+    variants: [
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800"
+    ]
+  },
   {
     category: "sans-serif",
     name: "Shanti",
@@ -12487,6 +13306,114 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Sofia Sans",
+    sane: "sofia_sans",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800",
+      "1,900"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Sofia Sans Condensed",
+    sane: "sofia_sans_condensed",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800",
+      "1,900"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Sofia Sans Extra Condensed",
+    sane: "sofia_sans_extra_condensed",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800",
+      "1,900"
+    ]
+  },
+  {
+    category: "sans-serif",
+    name: "Sofia Sans Semi Condensed",
+    sane: "sofia_sans_semi_condensed",
+    variants: [
+      "0,100",
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900",
+      "1,100",
+      "1,200",
+      "1,300",
+      "1,400",
+      "1,500",
+      "1,600",
+      "1,700",
+      "1,800",
+      "1,900"
+    ]
+  },
+  {
+    category: "handwriting",
+    name: "Solitreo",
+    sane: "solitreo",
+    variants: [
+      "0,400"
+    ]
+  },
   {
     category: "serif",
     name: "Solway",
@@ -12507,6 +13434,20 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "sans-serif",
+    name: "Sono",
+    sane: "sono",
+    variants: [
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800"
+    ]
+  },
   {
     category: "display",
     name: "Sonsie One",
@@ -13612,6 +14553,21 @@ var fontInfo_default = [
       "0,400"
     ]
   },
+  {
+    category: "display",
+    name: "Unbounded",
+    sane: "unbounded",
+    variants: [
+      "0,200",
+      "0,300",
+      "0,400",
+      "0,500",
+      "0,600",
+      "0,700",
+      "0,800",
+      "0,900"
+    ]
+  },
   {
     category: "display",
     name: "Uncial Antiqua",
@@ -14157,7 +15113,7 @@ var fontInfo_default = [
     ]
   },
   {
-    category: "display",
+    category: "sans-serif",
     name: "ZCOOL KuaiLe",
     sane: "zcool_kuaile",
     variants: [
@@ -14165,7 +15121,7 @@ var fontInfo_default = [
     ]
   },
   {
-    category: "display",
+    category: "sans-serif",
     name: "ZCOOL QingKe HuangYou",
     sane: "zcool_qingke_huangyou",
     variants: [
@@ -14173,7 +15129,7 @@ var fontInfo_default = [
     ]
   },
   {
-    category: "serif",
+    category: "sans-serif",
     name: "ZCOOL XiaoWei",
     sane: "zcool_xiaowei",
     variants: [
@@ -14263,6 +15219,8 @@ var fontInfo_default = [
     sane: "zen_old_mincho",
     variants: [
       "0,400",
+      "0,500",
+      "0,600",
       "0,700",
       "0,900"
     ]
@@ -14604,15 +15562,18 @@ function FontPicker({
     (_a2 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a2.blur();
     setFocused(false);
   };
-  const getFontByName = (name) => {
-    let found = null;
-    fonts.forEach((font) => {
-      if (font.name === name.trim()) {
-        found = font;
-      }
-    });
-    return found;
-  };
+  const getFontByName = useCallback(
+    (name) => {
+      let found = null;
+      fonts.forEach((font) => {
+        if (font.name === name.trim()) {
+          found = font;
+        }
+      });
+      return found;
+    },
+    [fonts]
+  );
   const setCurrent = (font) => {
     var _a2;
     setCurrentState(font);
@@ -14623,24 +15584,61 @@ function FontPicker({
     emitFontVariants(font);
     emitValue(font);
   };
-  const emitFontVariants = (font) => {
-    if ((font == null ? void 0 : font.name) && (font == null ? void 0 : font.variants)) {
-      fontVariants == null ? void 0 : fontVariants({
-        fontName: font.name,
-        variants: font.variants
-      });
-    }
-  };
-  const emitValue = (font) => {
-    if (font == null ? void 0 : font.name) {
-      value == null ? void 0 : value(font.name);
-    }
-  };
-  const autoLoadFont = (font) => {
-    if (autoLoad) {
-      loadFontFromObject(font);
-    }
-  };
+  const emitFontVariants = useCallback(
+    (font) => {
+      if ((font == null ? void 0 : font.name) && (font == null ? void 0 : font.variants)) {
+        fontVariants == null ? void 0 : fontVariants({
+          fontName: font.name,
+          variants: font.variants
+        });
+      }
+    },
+    [fontVariants]
+  );
+  const emitValue = useCallback(
+    (font) => {
+      if (font == null ? void 0 : font.name) {
+        value == null ? void 0 : value(font.name);
+      }
+    },
+    [value]
+  );
+  const loadFontFromObject = useCallback(
+    (font, variants = []) => {
+      if ((variants == null ? void 0 : variants.length) > 0) {
+        variants = font.variants.filter((v) => variants.includes(v));
+      } else if (loadAllVariants) {
+        variants = font.variants;
+      } else {
+        variants = getFourVariants(font.variants.map((v) => toString(v)));
+      }
+      let cssId = "google-font-" + font.sane;
+      const cssIdAll = cssId + "-all";
+      if (variants.length === font.variants.length) {
+        cssId = cssIdAll;
+      } else {
+        cssId += "-" + variants.sort().join("-").replaceAll("1,", "i").replaceAll("0,", "");
+      }
+      const existing = document.getElementById(cssId);
+      const existingAll = document.getElementById(cssIdAll);
+      if (!existing && !existingAll && (font == null ? void 0 : font.name) && (variants == null ? void 0 : variants.length) > 0) {
+        const link = document.createElement("link");
+        link.rel = "stylesheet";
+        link.id = cssId;
+        link.href = "https://fonts.googleapis.com/css2?family=" + font.name + ":ital,wght@" + variants.sort().join(";") + "&display=swap";
+        document.getElementsByTagName("head")[0].appendChild(link);
+      }
+    },
+    [loadAllVariants]
+  );
+  const autoLoadFont = useCallback(
+    (font) => {
+      if (autoLoad) {
+        loadFontFromObject(font);
+      }
+    },
+    [autoLoad, loadFontFromObject]
+  );
   const loadFontByName = (font, variants = []) => {
     if (font === "") {
       return;
@@ -14680,33 +15678,14 @@ function FontPicker({
     }
     return fourVariants;
   };
-  const loadFontFromObject = (font, variants = []) => {
-    if ((variants == null ? void 0 : variants.length) > 0) {
-      variants = font.variants.filter((v) => variants.includes(v));
-    } else if (loadAllVariants) {
-      variants = font.variants;
-    } else {
-      variants = getFourVariants(font.variants.map((v) => toString(v)));
-    }
-    let cssId = "google-font-" + font.sane;
-    const cssIdAll = cssId + "-all";
-    if (variants.length === font.variants.length) {
-      cssId = cssIdAll;
-    } else {
-      cssId += "-" + variants.sort().join("-").replaceAll("1,", "i").replaceAll("0,", "");
-    }
-    const existing = document.getElementById(cssId);
-    const existingAll = document.getElementById(cssIdAll);
-    if (!existing && !existingAll && (font == null ? void 0 : font.name) && (variants == null ? void 0 : variants.length) > 0) {
-      const link = document.createElement("link");
-      link.rel = "stylesheet";
-      link.id = cssId;
-      link.href = "https://fonts.googleapis.com/css2?family=" + font.name + ":ital,wght@" + variants.sort().join(";") + "&display=swap";
-      document.getElementsByTagName("head")[0].appendChild(link);
-    }
-  };
-  const [current, setCurrentState] = useState(getFontByName(defaultValue) || defaultFont);
+  const defaultCurrent = getFontByName(defaultValue) || defaultFont;
+  const [current, setCurrentState] = useState(defaultCurrent);
   handleLoadFont();
+  useEffect(() => {
+    autoLoadFont(defaultCurrent);
+    emitFontVariants(defaultCurrent);
+    emitValue(defaultCurrent);
+  }, [defaultCurrent]);
   return /* @__PURE__ */ jsx(Fragment, { children: !loaderOnly && /* @__PURE__ */ jsxs("div", { className: (_a = outerClasses()) == null ? void 0 : _a.join(" "), children: [
     /* @__PURE__ */ jsx("div", { ref: previewRef, className: (_b = previewClasses()) == null ? void 0 : _b.join(" ") }),
     /* @__PURE__ */ jsx(