@bigbinary/neetoui-rn 3.2.0 → 3.3.0

package/lib/typescript/src/components/Skeleton/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASzE,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAI5E,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,SAAS,GACnC,gBAAgB,GAAG;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;mEAQlB,aAAa;uCA6Db,kBAAkB;CAbpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAiBF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;CAkBV,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AASzE,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAI5E,KAAK,gBAAgB,GAAG,iBAAiB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,SAAS,GACnC,gBAAgB,GAAG;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;mEAQlB,aAAa;uCA6Db,kBAAkB;CAbpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAiBF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;CAeV,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -27,5 +27,5 @@ export { Typography, type TypographyProps } from "./components/Typography";
 export { useDebounce, useNeetoTheme, useRefreshByUser } from "./hooks";
 export { breakpoints, darkTheme, lightTheme, type NeetoTheme, } from "./theme/tokens";
 export { configureNeetoUI, type ConfigureNeetoUIOptions } from "./unistyles";
-export { getShadowStyles, isValidEmail, moderateScale } from "./utils";
+export { getShadowStyles, isValidEmail, moderateScale, scaleFor, } from "./utils";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,0BAA0B,GAChC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,eAAe,EACf,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACL,SAAS,EACT,YAAY,EACZ,iCAAiC,EACjC,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EACL,UAAU,EACV,MAAM,EACN,YAAY,EACZ,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,iBAAiB,GACvB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,KAAK,EACL,UAAU,EACV,KAAK,UAAU,EACf,KAAK,eAAe,GACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACvE,OAAO,EACL,WAAW,EACX,SAAS,EACT,UAAU,EACV,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/utils/index.d.ts

@@ -1,4 +1,4 @@
-export { moderateScale } from "./scale";
+export { moderateScale, scaleFor } from "./scale";
 export declare const getShadowStyles: (elevation?: number) => {
     shadowOffset?: undefined;
     shadowRadius?: undefined;

package/lib/typescript/src/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAaxC,eAAO,MAAM,eAAe,GAAI,kBAAa;;;;;;;;;;;;;CAc5C,CAAC;AAEF,eAAO,MAAM,SAAS,eAAkC,CAAC;AAEzD,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,YAOvC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAalD,eAAO,MAAM,eAAe,GAAI,kBAAa;;;;;;;;;;;;;CAc5C,CAAC;AAEF,eAAO,MAAM,SAAS,eAAkC,CAAC;AAEzD,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,YAOvC,CAAC"}

package/lib/typescript/src/utils/scale.d.ts

@@ -1,24 +1,11 @@
+/** react-native-size-matters' formula, rounded exactly as v2's did. */
+export declare const moderateScale: (size: number, factor?: number) => number;
 /**
- * Scales bound to a given screen. Pass `rt.screen` from a unistyles
- * StyleSheet: reading it is what registers the dependency, so the sheet is
- * recomputed when the window resizes — rotation, split-screen, foldables,
- * iPad Slide Over.
- *
- *   const styles = StyleSheet.create((theme, rt) => {
- *     const moderateScale = scaleFor(rt.screen);
- *
- *     return { card: { padding: moderateScale(16) } };
- *   });
+ * Kept for the existing `scaleFor(rt.screen)` call sites; the window it is
+ * handed is ignored.
  */
-export declare const scaleFor: (screen: {
+export declare const scaleFor: (_screen: {
     width: number;
     height: number;
 }) => (size: number, factor?: number) => number;
-/**
- * Screen-independent entry point, for sizes computed outside a stylesheet —
- * icon props, measured layouts. Reads the runtime on every call, so it is
- * current whenever the component re-renders, but it cannot subscribe a
- * stylesheet to resizes: use scaleFor inside StyleSheet.create.
- */
-export declare const moderateScale: (size: number, factor?: number) => number;
 //# sourceMappingURL=scale.d.ts.map

package/lib/typescript/src/utils/scale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../../../src/utils/scale.ts"],"names":[],"mappings":"AAkBA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,GAClB,QAAQ;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,MACzC,MAAM,MAAM,EAAE,eAAY,WACkB,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,eAAY,WACM,CAAC"}
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../../../src/utils/scale.ts"],"names":[],"mappings":"AAkBA,uEAAuE;AACvE,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,eAAY,WAGrD,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,SAAS;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,YAT/B,MAAM,4BAU3B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neetoui-rn",
-  "version": "3.2.0",
+  "version": "3.3.0",
   "description": "neeto UI component library for React Native — v3 (Unistyles, TypeScript, New Architecture)",
   "author": "BigBinary",
   "license": "MIT",

package/src/components/Alert/Alert.tsx

@@ -195,9 +195,6 @@ Alert.show = (params: AlertParams) => {
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/BottomSheet/BottomSheet.tsx

@@ -457,9 +457,6 @@ export const BottomSheet = <T,>({
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/BottomSheetMenu/BottomSheetMenu.tsx

@@ -105,9 +105,6 @@ export const BottomSheetMenu = ({
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/ChatInput/AttachmentsView.tsx

@@ -55,9 +55,6 @@ export const AttachmentsView = ({
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/ChatInput/ChatInput.tsx

@@ -356,9 +356,6 @@ export const ChatInput = forwardRef<ChatInputRef, ChatInputProps>(
 ChatInput.displayName = "ChatInput";
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/ChatInput/IconButton.tsx

@@ -41,9 +41,6 @@ export const IconButton = ({
 };
 
 const styles = StyleSheet.create((_theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/ChatInput/MentionsInput.tsx

@@ -99,9 +99,6 @@ export const MentionsInput = ({
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/CheckBox/CheckBox.tsx

@@ -65,9 +65,6 @@ export const CheckBox = ({
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/EmptyView/EmptyView.tsx

@@ -60,9 +60,6 @@ export const EmptyView = ({
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/Header/Header.tsx

@@ -97,9 +97,6 @@ export const Header = ({
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/Header/ScreenHeader.tsx

@@ -23,9 +23,6 @@ export const ScreenHeader = ({ title, style }: ScreenHeaderProps) => (
 );
 
 const styles = StyleSheet.create((_theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/Input/InputFrame.tsx

@@ -171,9 +171,6 @@ export const InputFrame = ({
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/OnBoarding/OnBoarding.tsx

@@ -123,9 +123,6 @@ export const OnBoarding = ({
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/RadioButton/RadioButton.tsx

@@ -79,9 +79,6 @@ export const RadioButton = ({
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/SearchBar/SearchBar.tsx

@@ -98,9 +98,6 @@ export const SearchBar = ({
 };
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/Skeleton/Skeleton.tsx

@@ -108,9 +108,6 @@ const SkeletonGroup = ({
 Skeleton.Group = SkeletonGroup;
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/components/Toast/Toast.tsx

@@ -127,9 +127,6 @@ Toast.show = (params: ToastShowParams) =>
 Toast.hide = () => ToastMessage.hide();
 
 const styles = StyleSheet.create((theme, rt) => {
-  // Reading rt.screen registers the dependency that has this sheet
-  // recomputed on a window resize, so scaled sizes follow rotation,
-  // split-screen and foldables instead of freezing at first render.
   const moderateScale = scaleFor(rt.screen);
 
   return {

package/src/index.ts

@@ -70,4 +70,9 @@ export {
   type NeetoTheme,
 } from "./theme/tokens";
 export { configureNeetoUI, type ConfigureNeetoUIOptions } from "./unistyles";
-export { getShadowStyles, isValidEmail, moderateScale } from "./utils";
+export {
+  getShadowStyles,
+  isValidEmail,
+  moderateScale,
+  scaleFor,
+} from "./utils";

package/src/utils/index.ts

@@ -1,6 +1,6 @@
 import { Platform } from "react-native";
 
-export { moderateScale } from "./scale";
+export { moderateScale, scaleFor } from "./scale";
 
 const shadowRadiusList = [
   1, 1.41, 2.22, 2.62, 3.84, 4.65, 4.65, 4.65, 5.46, 6.27, 6.68, 7.49, 8.3,

package/src/utils/scale.ts

@@ -1,43 +1,30 @@
-import { UnistylesRuntime } from "react-native-unistyles";
+import { Dimensions } from "react-native";
 
 const GUIDELINE_BASE_WIDTH = 350;
+const TABLET_MIN_SHORT_EDGE = 600;
 
 /**
- * The short screen edge, so a size scales the same in portrait and landscape.
- * Falls back to the baseline before unistyles has measured (and under the jest
- * mock, whose runtime reports 0x0), leaving sizes untouched.
+ * Sizes come from the device screen, read once, never from the window: an
+ * iPad window resized in Split View or Stage Manager keeps its sizes and only
+ * its layout reflows, as platform apps do. The short edge keeps portrait and
+ * landscape equal, and tablets get the raw ramp rather than an enlarged phone.
  */
-const shortDimension = ({ width, height }: { width: number; height: number }) =>
-  Math.min(width, height) || GUIDELINE_BASE_WIDTH;
+const deviceEdge = (() => {
+  const { width, height } = Dimensions.get("screen");
+  const edge = Math.min(width, height) || GUIDELINE_BASE_WIDTH;
+
+  return edge >= TABLET_MIN_SHORT_EDGE ? GUIDELINE_BASE_WIDTH : edge;
+})();
 
 /** react-native-size-matters' formula, rounded exactly as v2's did. */
-const scale = (screenSize: number, size: number, factor: number) =>
+export const moderateScale = (size: number, factor = 0.5) =>
   Math.round(
-    size + ((screenSize / GUIDELINE_BASE_WIDTH) * size - size) * factor
+    size + ((deviceEdge / GUIDELINE_BASE_WIDTH) * size - size) * factor
   );
 
 /**
- * Scales bound to a given screen. Pass `rt.screen` from a unistyles
- * StyleSheet: reading it is what registers the dependency, so the sheet is
- * recomputed when the window resizes — rotation, split-screen, foldables,
- * iPad Slide Over.
- *
- *   const styles = StyleSheet.create((theme, rt) => {
- *     const moderateScale = scaleFor(rt.screen);
- *
- *     return { card: { padding: moderateScale(16) } };
- *   });
- */
-export const scaleFor =
-  (screen: { width: number; height: number }) =>
-  (size: number, factor = 0.5) =>
-    scale(shortDimension(screen), size, factor);
-
-/**
- * Screen-independent entry point, for sizes computed outside a stylesheet —
- * icon props, measured layouts. Reads the runtime on every call, so it is
- * current whenever the component re-renders, but it cannot subscribe a
- * stylesheet to resizes: use scaleFor inside StyleSheet.create.
+ * Kept for the existing `scaleFor(rt.screen)` call sites; the window it is
+ * handed is ignored.
  */
-export const moderateScale = (size: number, factor = 0.5) =>
-  scale(shortDimension(UnistylesRuntime.screen), size, factor);
+export const scaleFor = (_screen: { width: number; height: number }) =>
+  moderateScale;