@qumra/fanar-native 0.1.1 → 0.1.4

package/lib/theme/context.d.ts

@@ -17,8 +17,9 @@ export interface FanarProviderProps {
     mode?: ColorMode | 'system';
     lang?: Lang;
     fonts?: FontSet;
+    fontScale?: number;
 }
-export declare function FanarProvider({ children, mode, lang, fonts, }: FanarProviderProps): import("react").JSX.Element;
+export declare function FanarProvider({ children, mode, lang, fonts, fontScale, }: FanarProviderProps): import("react").JSX.Element;
 export declare function useFanar(): FanarContextValue;
 export declare function useTheme(): FanarTheme;
 export declare function useLang(): {

package/lib/theme/context.js

@@ -5,13 +5,13 @@ import { buildTheme } from './theme';
 import { ALEXANDRIA } from './fonts';
 import { phrase, translate } from '../i18n';
 const Ctx = createContext(null);
-export function FanarProvider({ children, mode = 'system', lang = 'ar', fonts = ALEXANDRIA, }) {
+export function FanarProvider({ children, mode = 'system', lang = 'ar', fonts = ALEXANDRIA, fontScale = 1, }) {
     const scheme = useColorScheme();
     const resolved = mode === 'system' ? (scheme === 'dark' ? 'dark' : 'light') : mode;
     const value = useMemo(() => {
         const en = lang === 'en';
         return {
-            theme: buildTheme(resolved, fonts),
+            theme: buildTheme(resolved, fonts, fontScale),
             mode: resolved,
             lang,
             en,
@@ -20,7 +20,7 @@ export function FanarProvider({ children, mode = 'system', lang = 'ar', fonts =
             p: (key, vars) => phrase(key, en, vars),
             pick: (ar, enValue) => (en ? enValue : ar),
         };
-    }, [resolved, lang, fonts]);
+    }, [resolved, lang, fonts, fontScale]);
     return (_jsx(Ctx.Provider, { value: value, children: _jsx(View, { style: [styles.root, { direction: value.dir }], children: children }) }));
 }
 const styles = StyleSheet.create({ root: { flex: 1 } });

package/lib/theme/theme.d.ts

@@ -49,4 +49,4 @@ export interface FanarTheme {
     minLeading: number;
     colorOf: (name: ColorToken | (string & {}) | undefined, fallback: string) => string;
 }
-export declare function buildTheme(mode: ColorMode, fonts?: FontSet): FanarTheme;
+export declare function buildTheme(mode: ColorMode, fonts?: FontSet, fontScale?: number): FanarTheme;

package/lib/theme/theme.js

@@ -43,8 +43,16 @@ function shadowScale(tokens) {
     return out;
 }
 const CACHE = {};
-export function buildTheme(mode, fonts = ALEXANDRIA) {
-    const key = `${mode}:${Object.values(fonts).join('|')}`;
+function scaleText(base, scale) {
+    if (scale === 1)
+        return { ...base };
+    const out = {};
+    for (const k of Object.keys(base))
+        out[k] = Math.round(base[k] * scale);
+    return out;
+}
+export function buildTheme(mode, fonts = ALEXANDRIA, fontScale = 1) {
+    const key = `${mode}:${fontScale}:${Object.values(fonts).join('|')}`;
     const hit = CACHE[key];
     if (hit)
         return hit;
@@ -62,7 +70,7 @@ export function buildTheme(mode, fonts = ALEXANDRIA) {
         mode,
         dark,
         color,
-        text: { ...TEXT_PX },
+        text: scaleText(TEXT_PX, fontScale),
         radius: { ...RADIUS_PX },
         shadow: shadowScale(tokens),
         space: SPACE,

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@qumra/fanar-native",
-  "version": "0.1.1",
+  "version": "0.1.4",
+  "description": "Qumra's React Native component library \u2014 the native sibling of @qumra/fanar. Token-driven, RTL-first, zero runtime dependencies.",
   "license": "UNLICENSED",
   "keywords": [
     "qumra",
@@ -35,9 +36,10 @@
     "typecheck": "tsc -p tsconfig.check.json --noEmit",
     "check-resolution": "node scripts/check-resolution.mjs",
     "build": "node scripts/build.mjs",
-    "verify": "node scripts/check-resolution.mjs && node scripts/sync-tokens.mjs --check && node scripts/generate-tokens.mjs --check && npm run typecheck",
+    "verify": "node scripts/check-resolution.mjs && node scripts/check-icon-scale.mjs && node scripts/sync-tokens.mjs --check && node scripts/generate-tokens.mjs --check && npm run typecheck",
     "prepublishOnly": "npm run verify && npm run build && npm run check-publish",
-    "check-publish": "node scripts/check-publish.mjs"
+    "check-publish": "node scripts/check-publish.mjs",
+    "check-icon-scale": "node scripts/check-icon-scale.mjs"
   },
   "peerDependencies": {
     "lucide-react-native": ">=0.400.0",