@agimon-ai/po-native-components 0.0.0-alpha.27 → 0.0.0-alpha.29

package/dist/lib/fonts.d.mts

@@ -3,7 +3,9 @@ import { NativeFontStack } from "@agimon-ai/po-web-components/nativeTheme";
 /**
  * The font family a native style names for a stack: the platform font on iOS
  * and Android until the brand families are bundled, and the brand family with
- * a CSS generic fallback on web, where story renders run.
+ * a CSS generic fallback on web, where story renders run. On web the variable
+ * face comes first, as in theme.css: fontsource registers it as "<family>
+ * Variable", so the plain name alone matches nothing and falls back.
  *
  * ponytail: load IBM Plex Sans and JetBrains Mono through expo-font and return
  * `stack.family` everywhere once the native visual review starts.

package/dist/lib/fonts.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.d.mts","names":[],"sources":["../../src/lib/fonts.ts"],"mappings":";;;;;;;;;;wBAWgB,OAAO,OAAO"}
+{"version":3,"file":"fonts.d.mts","names":[],"sources":["../../src/lib/fonts.ts"],"mappings":";;;;;;;;;;;;wBAagB,OAAO,OAAO"}

package/dist/lib/fonts.mjs

@@ -4,7 +4,9 @@ import { Platform } from "react-native";
 /**
 * The font family a native style names for a stack: the platform font on iOS
 * and Android until the brand families are bundled, and the brand family with
-* a CSS generic fallback on web, where story renders run.
+* a CSS generic fallback on web, where story renders run. On web the variable
+* face comes first, as in theme.css: fontsource registers it as "<family>
+* Variable", so the plain name alone matches nothing and falls back.
 *
 * ponytail: load IBM Plex Sans and JetBrains Mono through expo-font and return
 * `stack.family` everywhere once the native visual review starts.
@@ -13,7 +15,7 @@ function fontOf(stack) {
 	return Platform.select({
 		ios: stack.ios,
 		android: stack.android,
-		default: `${stack.family}, ${stack.android}`
+		default: `${stack.family} Variable, ${stack.family}, ${stack.android}`
 	});
 }
 

package/dist/lib/fonts.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.mjs","names":["NativeFontStack","Platform","fontOf","stack","select","ios","android","default","family"],"sources":["../../src/lib/fonts.ts"],"sourcesContent":["import type { NativeFontStack } from '@agimon-ai/po-web-components/nativeTheme';\nimport { Platform } from 'react-native';\n\n/**\n * The font family a native style names for a stack: the platform font on iOS\n * and Android until the brand families are bundled, and the brand family with\n * a CSS generic fallback on web, where story renders run.\n *\n * ponytail: load IBM Plex Sans and JetBrains Mono through expo-font and return\n * `stack.family` everywhere once the native visual review starts.\n */\nexport function fontOf(stack: NativeFontStack): string {\n  return Platform.select({\n    ios: stack.ios,\n    android: stack.android,\n    default: `${stack.family}, ${stack.android}`,\n  });\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgBE,OAAOC,OAAgC;CACrD,OAAOF,SAASG,OAAO;EACrBC,KAAKF,MAAME;EACXC,SAASH,MAAMG;EACfC,SAAS,GAAGJ,MAAMK,OAAM,IAAKL,MAAMG;CACrC,CAAC;AACH"}
+{"version":3,"file":"fonts.mjs","names":["NativeFontStack","Platform","fontOf","stack","select","ios","android","default","family"],"sources":["../../src/lib/fonts.ts"],"sourcesContent":["import type { NativeFontStack } from '@agimon-ai/po-web-components/nativeTheme';\nimport { Platform } from 'react-native';\n\n/**\n * The font family a native style names for a stack: the platform font on iOS\n * and Android until the brand families are bundled, and the brand family with\n * a CSS generic fallback on web, where story renders run. On web the variable\n * face comes first, as in theme.css: fontsource registers it as \"<family>\n * Variable\", so the plain name alone matches nothing and falls back.\n *\n * ponytail: load IBM Plex Sans and JetBrains Mono through expo-font and return\n * `stack.family` everywhere once the native visual review starts.\n */\nexport function fontOf(stack: NativeFontStack): string {\n  return Platform.select({\n    ios: stack.ios,\n    android: stack.android,\n    default: `${stack.family} Variable, ${stack.family}, ${stack.android}`,\n  });\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgBE,OAAOC,OAAgC;CACrD,OAAOF,SAASG,OAAO;EACrBC,KAAKF,MAAME;EACXC,SAASH,MAAMG;EACfC,SAAS,GAAGJ,MAAMK,OAAM,aAAcL,MAAMK,OAAM,IAAKL,MAAMG;CAC/D,CAAC;AACH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/po-native-components",
-  "version": "0.0.0-alpha.27",
+  "version": "0.0.0-alpha.29",
   "description": "Shared React Native components for Po and its native plugins: the web component library's look and API on native parts, tuned to the Po palette.",
   "keywords": [
     "ai",
@@ -45,13 +45,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@agimon-ai/po-web-components": "0.0.0-alpha.27"
+    "@agimon-ai/po-web-components": "0.0.0-alpha.29"
   },
   "devDependencies": {
-    "@agimon-ai/po-build": "0.0.0-alpha.27",
-    "@agimon-ai/vibe-lint-plugin-po-web": "0.0.0-alpha.27",
+    "@agimon-ai/po-build": "0.0.0-alpha.29",
+    "@agimon-ai/vibe-lint-plugin-po-web": "0.0.0-alpha.29",
     "@babel/core": "7.29.7",
     "@expo/vector-icons": "15.1.1",
+    "@fontsource-variable/ibm-plex-sans": "5.3.0",
+    "@fontsource-variable/jetbrains-mono": "5.3.0",
     "@gorhom/bottom-sheet": "5.2.14",
     "@react-native-segmented-control/segmented-control": "2.5.7",
     "@shopify/flash-list": "2.0.2",
@@ -70,6 +72,7 @@
     "react-native-reanimated": "4.5.1",
     "react-native-safe-area-context": "~5.7.0",
     "react-native-unistyles": "3.5.3",
+    "react-native-web": "0.21.4",
     "react-native-worklets": "0.10.1",
     "tsdown": "0.23.1",
     "typescript": "~6.0.3",