react-native-boost 0.4.1 → 0.5.1

package/README.md

@@ -23,13 +23,11 @@ The documentation is available at [react-native-boost.oss.kuatsu.de](https://rea
 The example app in the `apps/example` directory is a benchmark for the performance of the plugin.
 
 <div align="center">
-  <img src="https://react-native-boost.oss.kuatsu.de/assets/images/benchmark-d60fdc78daeb03798d41c220bfed1f64.png" width="500" />
-  <p>
-    <b>1,000 Text components</b>: Render time of 1,000 Text components with and without React Native Boost.<br/>
-    Measured in milliseconds on an iPhone 16 Pro in development mode and using New Architecture, lower is better.
-  </p>
+  <img src="./apps/docs/docs/introduction/img/benchmark-ios.png" width="500" />
 </div>
 
+More benchmarks are available in the [docs](https://react-native-boost.oss.kuatsu.de/docs/introduction/benchmarks).
+
 ## Installation
 
 Install the package using your favorite package manager. Please **do not** install the package as a dev dependency. While the Babel plugin itself would work as a dev dependency, some optimizations import minimal helpers into your code, which requires the package to be installed as a regular dependency.

package/dist/esm/index.mjs

@@ -1,4 +1,4 @@
-import { flattenStyle } from 'react-native/Libraries/StyleSheet/flattenStyle';
+import flattenStyle from 'react-native/Libraries/StyleSheet/flattenStyle';
 
 const propsCache = /* @__PURE__ */ new WeakMap();
 function flattenTextStyle(style) {
@@ -36,6 +36,44 @@ const verticalAlignToTextAlignVerticalMap = {
   bottom: "bottom",
   middle: "center"
 };
+function normalizeAccessibilityProperties(props) {
+  const {
+    accessibilityLabel,
+    ["aria-label"]: ariaLabel,
+    accessibilityState,
+    ["aria-busy"]: ariaBusy,
+    ["aria-checked"]: ariaChecked,
+    ["aria-disabled"]: ariaDisabled,
+    ["aria-expanded"]: ariaExpanded,
+    ["aria-selected"]: ariaSelected,
+    accessible,
+    ...restProperties
+  } = props;
+  const normalizedLabel = ariaLabel != null ? ariaLabel : accessibilityLabel;
+  let normalizedState = accessibilityState;
+  if (ariaBusy != null || ariaChecked != null || ariaDisabled != null || ariaExpanded != null || ariaSelected != null) {
+    normalizedState = normalizedState == null ? {
+      busy: ariaBusy,
+      checked: ariaChecked,
+      disabled: ariaDisabled,
+      expanded: ariaExpanded,
+      selected: ariaSelected
+    } : {
+      busy: ariaBusy != null ? ariaBusy : normalizedState.busy,
+      checked: ariaChecked != null ? ariaChecked : normalizedState.checked,
+      disabled: ariaDisabled != null ? ariaDisabled : normalizedState.disabled,
+      expanded: ariaExpanded != null ? ariaExpanded : normalizedState.expanded,
+      selected: ariaSelected != null ? ariaSelected : normalizedState.selected
+    };
+  }
+  const normalizedAccessible = accessible == null ? true : accessible;
+  return {
+    ...restProperties,
+    accessibilityLabel: normalizedLabel,
+    accessibilityState: normalizedState,
+    accessible: normalizedAccessible
+  };
+}
 
-export { flattenTextStyle, userSelectToSelectableMap, verticalAlignToTextAlignVerticalMap };
+export { flattenTextStyle, normalizeAccessibilityProperties, userSelectToSelectableMap, verticalAlignToTextAlignVerticalMap };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/runtime/index.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport { flattenStyle } from 'react-native/Libraries/StyleSheet/flattenStyle';\nimport { GenericStyleProp } from './types';\n\nconst propsCache = new WeakMap();\n\nexport function flattenTextStyle(style: GenericStyleProp<TextStyle>) {\n  if (!style) return {};\n\n  // Cache the computed props\n  let props = propsCache.get(style);\n  if (props) return props;\n\n  props = {};\n  propsCache.set(style, props);\n\n  style = flattenStyle(style);\n\n  if (!style) return {};\n\n  if (typeof style?.fontWeight === 'number') {\n    style.fontWeight = style.fontWeight.toString() as TextStyle['fontWeight'];\n  }\n\n  if (style?.userSelect != null) {\n    props.selectable = userSelectToSelectableMap[style.userSelect];\n    delete style.userSelect;\n  }\n\n  if (style?.verticalAlign != null) {\n    style.textAlignVertical = verticalAlignToTextAlignVerticalMap[\n      style.verticalAlign\n    ] as TextStyle['textAlignVertical'];\n    delete style.verticalAlign;\n  }\n\n  props.style = style;\n  return props;\n}\n\n// Maps the `userSelect` prop to the native `selectable` prop\nexport const userSelectToSelectableMap = {\n  auto: true,\n  text: true,\n  none: false,\n  contain: true,\n  all: true,\n};\n\n// Maps the `verticalAlign` prop to the native `textAlignVertical` prop\nexport const verticalAlignToTextAlignVerticalMap = {\n  auto: 'auto',\n  top: 'top',\n  bottom: 'bottom',\n  middle: 'center',\n};\n\nexport * from './types';\n"],"names":[],"mappings":";;AAIA,MAAM,UAAA,uBAAiB,OAAQ,EAAA;AAExB,SAAS,iBAAiB,KAAoC,EAAA;AACnE,EAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC;AAGpB,EAAI,IAAA,KAAA,GAAQ,UAAW,CAAA,GAAA,CAAI,KAAK,CAAA;AAChC,EAAA,IAAI,OAAc,OAAA,KAAA;AAElB,EAAA,KAAA,GAAQ,EAAC;AACT,EAAW,UAAA,CAAA,GAAA,CAAI,OAAO,KAAK,CAAA;AAE3B,EAAA,KAAA,GAAQ,aAAa,KAAK,CAAA;AAE1B,EAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC;AAEpB,EAAI,IAAA,QAAO,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,UAAA,CAAA,KAAe,QAAU,EAAA;AACzC,IAAM,KAAA,CAAA,UAAA,GAAa,KAAM,CAAA,UAAA,CAAW,QAAS,EAAA;AAAA;AAG/C,EAAI,IAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,eAAc,IAAM,EAAA;AAC7B,IAAM,KAAA,CAAA,UAAA,GAAa,yBAA0B,CAAA,KAAA,CAAM,UAAU,CAAA;AAC7D,IAAA,OAAO,KAAM,CAAA,UAAA;AAAA;AAGf,EAAI,IAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,kBAAiB,IAAM,EAAA;AAChC,IAAM,KAAA,CAAA,iBAAA,GAAoB,mCACxB,CAAA,KAAA,CAAM,aACR,CAAA;AACA,IAAA,OAAO,KAAM,CAAA,aAAA;AAAA;AAGf,EAAA,KAAA,CAAM,KAAQ,GAAA,KAAA;AACd,EAAO,OAAA,KAAA;AACT;AAGO,MAAM,yBAA4B,GAAA;AAAA,EACvC,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,KAAA;AAAA,EACN,OAAS,EAAA,IAAA;AAAA,EACT,GAAK,EAAA;AACP;AAGO,MAAM,mCAAsC,GAAA;AAAA,EACjD,IAAM,EAAA,MAAA;AAAA,EACN,GAAK,EAAA,KAAA;AAAA,EACL,MAAQ,EAAA,QAAA;AAAA,EACR,MAAQ,EAAA;AACV;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/runtime/index.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport flattenStyle from 'react-native/Libraries/StyleSheet/flattenStyle';\nimport { GenericStyleProp } from './types';\n\nconst propsCache = new WeakMap();\n\nexport function flattenTextStyle(style: GenericStyleProp<TextStyle>) {\n  if (!style) return {};\n\n  // Cache the computed props\n  let props = propsCache.get(style);\n  if (props) return props;\n\n  props = {};\n  propsCache.set(style, props);\n\n  style = flattenStyle(style);\n\n  if (!style) return {};\n\n  if (typeof style?.fontWeight === 'number') {\n    style.fontWeight = style.fontWeight.toString() as TextStyle['fontWeight'];\n  }\n\n  if (style?.userSelect != null) {\n    props.selectable = userSelectToSelectableMap[style.userSelect];\n    delete style.userSelect;\n  }\n\n  if (style?.verticalAlign != null) {\n    style.textAlignVertical = verticalAlignToTextAlignVerticalMap[\n      style.verticalAlign\n    ] as TextStyle['textAlignVertical'];\n    delete style.verticalAlign;\n  }\n\n  props.style = style;\n  return props;\n}\n\n// Maps the `userSelect` prop to the native `selectable` prop\nexport const userSelectToSelectableMap = {\n  auto: true,\n  text: true,\n  none: false,\n  contain: true,\n  all: true,\n};\n\n// Maps the `verticalAlign` prop to the native `textAlignVertical` prop\nexport const verticalAlignToTextAlignVerticalMap = {\n  auto: 'auto',\n  top: 'top',\n  bottom: 'bottom',\n  middle: 'center',\n};\n\n/**\n * Normalizes accessibility props.\n *\n * @param props - The props to normalize.\n * @returns The normalized props.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function normalizeAccessibilityProperties(props: Record<string, any>): Record<string, any> {\n  const {\n    accessibilityLabel,\n    ['aria-label']: ariaLabel,\n    accessibilityState,\n    ['aria-busy']: ariaBusy,\n    ['aria-checked']: ariaChecked,\n    ['aria-disabled']: ariaDisabled,\n    ['aria-expanded']: ariaExpanded,\n    ['aria-selected']: ariaSelected,\n    accessible,\n    ...restProperties\n  } = props;\n\n  // Merge label props: prefer the aria-label if defined.\n  const normalizedLabel = ariaLabel ?? accessibilityLabel;\n\n  // Merge the accessibilityState with any provided ARIA properties.\n  let normalizedState = accessibilityState;\n  if (ariaBusy != null || ariaChecked != null || ariaDisabled != null || ariaExpanded != null || ariaSelected != null) {\n    normalizedState =\n      normalizedState == null\n        ? {\n            busy: ariaBusy,\n            checked: ariaChecked,\n            disabled: ariaDisabled,\n            expanded: ariaExpanded,\n            selected: ariaSelected,\n          }\n        : {\n            busy: ariaBusy ?? normalizedState.busy,\n            checked: ariaChecked ?? normalizedState.checked,\n            disabled: ariaDisabled ?? normalizedState.disabled,\n            expanded: ariaExpanded ?? normalizedState.expanded,\n            selected: ariaSelected ?? normalizedState.selected,\n          };\n  }\n\n  // For the accessible prop, if not provided, default to `true`\n  const normalizedAccessible = accessible == null ? true : accessible;\n\n  return {\n    ...restProperties,\n    accessibilityLabel: normalizedLabel,\n    accessibilityState: normalizedState,\n    accessible: normalizedAccessible,\n  };\n}\n\nexport * from './types';\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -16,5 +16,12 @@ declare const verticalAlignToTextAlignVerticalMap: {
     bottom: string;
     middle: string;
 };
+/**
+ * Normalizes accessibility props.
+ *
+ * @param props - The props to normalize.
+ * @returns The normalized props.
+ */
+declare function normalizeAccessibilityProperties(props: Record<string, any>): Record<string, any>;
 
-export { type GenericStyleProp, flattenTextStyle, userSelectToSelectableMap, verticalAlignToTextAlignVerticalMap };
+export { type GenericStyleProp, flattenTextStyle, normalizeAccessibilityProperties, userSelectToSelectableMap, verticalAlignToTextAlignVerticalMap };

package/dist/index.js

@@ -9,7 +9,7 @@ function flattenTextStyle(style) {
   if (props) return props;
   props = {};
   propsCache.set(style, props);
-  style = flattenStyle.flattenStyle(style);
+  style = flattenStyle(style);
   if (!style) return {};
   if (typeof (style == null ? void 0 : style.fontWeight) === "number") {
     style.fontWeight = style.fontWeight.toString();
@@ -38,8 +38,47 @@ const verticalAlignToTextAlignVerticalMap = {
   bottom: "bottom",
   middle: "center"
 };
+function normalizeAccessibilityProperties(props) {
+  const {
+    accessibilityLabel,
+    ["aria-label"]: ariaLabel,
+    accessibilityState,
+    ["aria-busy"]: ariaBusy,
+    ["aria-checked"]: ariaChecked,
+    ["aria-disabled"]: ariaDisabled,
+    ["aria-expanded"]: ariaExpanded,
+    ["aria-selected"]: ariaSelected,
+    accessible,
+    ...restProperties
+  } = props;
+  const normalizedLabel = ariaLabel != null ? ariaLabel : accessibilityLabel;
+  let normalizedState = accessibilityState;
+  if (ariaBusy != null || ariaChecked != null || ariaDisabled != null || ariaExpanded != null || ariaSelected != null) {
+    normalizedState = normalizedState == null ? {
+      busy: ariaBusy,
+      checked: ariaChecked,
+      disabled: ariaDisabled,
+      expanded: ariaExpanded,
+      selected: ariaSelected
+    } : {
+      busy: ariaBusy != null ? ariaBusy : normalizedState.busy,
+      checked: ariaChecked != null ? ariaChecked : normalizedState.checked,
+      disabled: ariaDisabled != null ? ariaDisabled : normalizedState.disabled,
+      expanded: ariaExpanded != null ? ariaExpanded : normalizedState.expanded,
+      selected: ariaSelected != null ? ariaSelected : normalizedState.selected
+    };
+  }
+  const normalizedAccessible = accessible == null ? true : accessible;
+  return {
+    ...restProperties,
+    accessibilityLabel: normalizedLabel,
+    accessibilityState: normalizedState,
+    accessible: normalizedAccessible
+  };
+}
 
 exports.flattenTextStyle = flattenTextStyle;
+exports.normalizeAccessibilityProperties = normalizeAccessibilityProperties;
 exports.userSelectToSelectableMap = userSelectToSelectableMap;
 exports.verticalAlignToTextAlignVerticalMap = verticalAlignToTextAlignVerticalMap;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/runtime/index.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport { flattenStyle } from 'react-native/Libraries/StyleSheet/flattenStyle';\nimport { GenericStyleProp } from './types';\n\nconst propsCache = new WeakMap();\n\nexport function flattenTextStyle(style: GenericStyleProp<TextStyle>) {\n  if (!style) return {};\n\n  // Cache the computed props\n  let props = propsCache.get(style);\n  if (props) return props;\n\n  props = {};\n  propsCache.set(style, props);\n\n  style = flattenStyle(style);\n\n  if (!style) return {};\n\n  if (typeof style?.fontWeight === 'number') {\n    style.fontWeight = style.fontWeight.toString() as TextStyle['fontWeight'];\n  }\n\n  if (style?.userSelect != null) {\n    props.selectable = userSelectToSelectableMap[style.userSelect];\n    delete style.userSelect;\n  }\n\n  if (style?.verticalAlign != null) {\n    style.textAlignVertical = verticalAlignToTextAlignVerticalMap[\n      style.verticalAlign\n    ] as TextStyle['textAlignVertical'];\n    delete style.verticalAlign;\n  }\n\n  props.style = style;\n  return props;\n}\n\n// Maps the `userSelect` prop to the native `selectable` prop\nexport const userSelectToSelectableMap = {\n  auto: true,\n  text: true,\n  none: false,\n  contain: true,\n  all: true,\n};\n\n// Maps the `verticalAlign` prop to the native `textAlignVertical` prop\nexport const verticalAlignToTextAlignVerticalMap = {\n  auto: 'auto',\n  top: 'top',\n  bottom: 'bottom',\n  middle: 'center',\n};\n\nexport * from './types';\n"],"names":["flattenStyle"],"mappings":";;;;AAIA,MAAM,UAAA,uBAAiB,OAAQ,EAAA;AAExB,SAAS,iBAAiB,KAAoC,EAAA;AACnE,EAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC;AAGpB,EAAI,IAAA,KAAA,GAAQ,UAAW,CAAA,GAAA,CAAI,KAAK,CAAA;AAChC,EAAA,IAAI,OAAc,OAAA,KAAA;AAElB,EAAA,KAAA,GAAQ,EAAC;AACT,EAAW,UAAA,CAAA,GAAA,CAAI,OAAO,KAAK,CAAA;AAE3B,EAAA,KAAA,GAAQA,0BAAa,KAAK,CAAA;AAE1B,EAAI,IAAA,CAAC,KAAO,EAAA,OAAO,EAAC;AAEpB,EAAI,IAAA,QAAO,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,UAAA,CAAA,KAAe,QAAU,EAAA;AACzC,IAAM,KAAA,CAAA,UAAA,GAAa,KAAM,CAAA,UAAA,CAAW,QAAS,EAAA;AAAA;AAG/C,EAAI,IAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,eAAc,IAAM,EAAA;AAC7B,IAAM,KAAA,CAAA,UAAA,GAAa,yBAA0B,CAAA,KAAA,CAAM,UAAU,CAAA;AAC7D,IAAA,OAAO,KAAM,CAAA,UAAA;AAAA;AAGf,EAAI,IAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,kBAAiB,IAAM,EAAA;AAChC,IAAM,KAAA,CAAA,iBAAA,GAAoB,mCACxB,CAAA,KAAA,CAAM,aACR,CAAA;AACA,IAAA,OAAO,KAAM,CAAA,aAAA;AAAA;AAGf,EAAA,KAAA,CAAM,KAAQ,GAAA,KAAA;AACd,EAAO,OAAA,KAAA;AACT;AAGO,MAAM,yBAA4B,GAAA;AAAA,EACvC,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,KAAA;AAAA,EACN,OAAS,EAAA,IAAA;AAAA,EACT,GAAK,EAAA;AACP;AAGO,MAAM,mCAAsC,GAAA;AAAA,EACjD,IAAM,EAAA,MAAA;AAAA,EACN,GAAK,EAAA,KAAA;AAAA,EACL,MAAQ,EAAA,QAAA;AAAA,EACR,MAAQ,EAAA;AACV;;;;;;"}
+{"version":3,"file":"index.js","sources":["../src/runtime/index.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport flattenStyle from 'react-native/Libraries/StyleSheet/flattenStyle';\nimport { GenericStyleProp } from './types';\n\nconst propsCache = new WeakMap();\n\nexport function flattenTextStyle(style: GenericStyleProp<TextStyle>) {\n  if (!style) return {};\n\n  // Cache the computed props\n  let props = propsCache.get(style);\n  if (props) return props;\n\n  props = {};\n  propsCache.set(style, props);\n\n  style = flattenStyle(style);\n\n  if (!style) return {};\n\n  if (typeof style?.fontWeight === 'number') {\n    style.fontWeight = style.fontWeight.toString() as TextStyle['fontWeight'];\n  }\n\n  if (style?.userSelect != null) {\n    props.selectable = userSelectToSelectableMap[style.userSelect];\n    delete style.userSelect;\n  }\n\n  if (style?.verticalAlign != null) {\n    style.textAlignVertical = verticalAlignToTextAlignVerticalMap[\n      style.verticalAlign\n    ] as TextStyle['textAlignVertical'];\n    delete style.verticalAlign;\n  }\n\n  props.style = style;\n  return props;\n}\n\n// Maps the `userSelect` prop to the native `selectable` prop\nexport const userSelectToSelectableMap = {\n  auto: true,\n  text: true,\n  none: false,\n  contain: true,\n  all: true,\n};\n\n// Maps the `verticalAlign` prop to the native `textAlignVertical` prop\nexport const verticalAlignToTextAlignVerticalMap = {\n  auto: 'auto',\n  top: 'top',\n  bottom: 'bottom',\n  middle: 'center',\n};\n\n/**\n * Normalizes accessibility props.\n *\n * @param props - The props to normalize.\n * @returns The normalized props.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function normalizeAccessibilityProperties(props: Record<string, any>): Record<string, any> {\n  const {\n    accessibilityLabel,\n    ['aria-label']: ariaLabel,\n    accessibilityState,\n    ['aria-busy']: ariaBusy,\n    ['aria-checked']: ariaChecked,\n    ['aria-disabled']: ariaDisabled,\n    ['aria-expanded']: ariaExpanded,\n    ['aria-selected']: ariaSelected,\n    accessible,\n    ...restProperties\n  } = props;\n\n  // Merge label props: prefer the aria-label if defined.\n  const normalizedLabel = ariaLabel ?? accessibilityLabel;\n\n  // Merge the accessibilityState with any provided ARIA properties.\n  let normalizedState = accessibilityState;\n  if (ariaBusy != null || ariaChecked != null || ariaDisabled != null || ariaExpanded != null || ariaSelected != null) {\n    normalizedState =\n      normalizedState == null\n        ? {\n            busy: ariaBusy,\n            checked: ariaChecked,\n            disabled: ariaDisabled,\n            expanded: ariaExpanded,\n            selected: ariaSelected,\n          }\n        : {\n            busy: ariaBusy ?? normalizedState.busy,\n            checked: ariaChecked ?? normalizedState.checked,\n            disabled: ariaDisabled ?? normalizedState.disabled,\n            expanded: ariaExpanded ?? normalizedState.expanded,\n            selected: ariaSelected ?? normalizedState.selected,\n          };\n  }\n\n  // For the accessible prop, if not provided, default to `true`\n  const normalizedAccessible = accessible == null ? true : accessible;\n\n  return {\n    ...restProperties,\n    accessibilityLabel: normalizedLabel,\n    accessibilityState: normalizedState,\n    accessible: normalizedAccessible,\n  };\n}\n\nexport * from './types';\n"],"names":[],"mappings":"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"}

package/dist/plugin/esm/index.mjs

@@ -1,8 +1,8 @@
 import { declare } from '@babel/helper-plugin-utils';
 import { types } from '@babel/core';
-import { addNamed, addDefault } from '@babel/helper-module-imports';
 import { minimatch } from 'minimatch';
 import path from 'node:path';
+import { addDefault, addNamed } from '@babel/helper-module-imports';
 
 class PluginError extends Error {
   constructor(message) {
@@ -16,6 +16,21 @@ const ensureArray = (value) => {
   return [value];
 };
 
+function addFileImportHint({
+  file,
+  nameHint,
+  path: path2,
+  importName,
+  moduleName,
+  importType = "named"
+}) {
+  var _a;
+  if (!((_a = file.__hasImports) == null ? void 0 : _a[nameHint])) {
+    file.__hasImports = file.__hasImports || {};
+    file.__hasImports[nameHint] = importType === "default" ? addDefault(path2, moduleName, { nameHint }) : addNamed(path2, importName, moduleName, { nameHint });
+  }
+  return file.__hasImports[nameHint];
+}
 const isIgnoredFile = (p, ignores) => {
   const hub = p.hub;
   const file = typeof hub === "object" && hub !== null && "file" in hub ? hub.file : void 0;
@@ -102,18 +117,85 @@ const hasBlacklistedProperty = (path2, blacklist) => {
     return false;
   });
 };
-
-const textBlacklistedProperties = /* @__PURE__ */ new Set([
-  "accessible",
+const buildPropertiesFromAttributes = (attributes) => {
+  const arguments_ = [];
+  for (const attribute of attributes) {
+    if (types.isJSXSpreadAttribute(attribute)) {
+      arguments_.push(attribute.argument);
+    } else if (types.isJSXAttribute(attribute)) {
+      const key = attribute.name.name;
+      let value;
+      if (!attribute.value) {
+        value = types.booleanLiteral(true);
+      } else if (types.isStringLiteral(attribute.value)) {
+        value = attribute.value;
+      } else if (types.isJSXExpressionContainer(attribute.value)) {
+        value = types.isJSXEmptyExpression(attribute.value.expression) ? types.booleanLiteral(true) : attribute.value.expression;
+      } else {
+        value = types.nullLiteral();
+      }
+      const validIdentifierRegex = /^[a-zA-Z_$][a-zA-Z0-9_$]*$/;
+      const keyNode = typeof key === "string" && validIdentifierRegex.test(key) ? types.identifier(key) : types.stringLiteral(key.toString());
+      arguments_.push(types.objectExpression([types.objectProperty(keyNode, value)]));
+    }
+  }
+  if (arguments_.length === 0) {
+    return types.objectExpression([]);
+  }
+  return types.callExpression(types.memberExpression(types.identifier("Object"), types.identifier("assign")), [
+    types.objectExpression([]),
+    ...arguments_
+  ]);
+};
+const accessibilityProperties = /* @__PURE__ */ new Set([
   "accessibilityLabel",
+  "aria-label",
   "accessibilityState",
-  "allowFontScaling",
   "aria-busy",
   "aria-checked",
   "aria-disabled",
   "aria-expanded",
-  "aria-label",
   "aria-selected",
+  "accessible"
+]);
+const hasAccessibilityProperty = (path2, attributes) => {
+  for (const attribute of attributes) {
+    if (types.isJSXAttribute(attribute)) {
+      const key = attribute.name.name;
+      if (typeof key === "string" && accessibilityProperties.has(key)) {
+        return true;
+      }
+    } else if (types.isJSXSpreadAttribute(attribute)) {
+      if (types.isObjectExpression(attribute.argument)) {
+        for (const property of attribute.argument.properties) {
+          if (types.isObjectProperty(property) && types.isIdentifier(property.key) && accessibilityProperties.has(property.key.name)) {
+            return true;
+          }
+        }
+      } else if (types.isIdentifier(attribute.argument)) {
+        const binding = path2.scope.getBinding(attribute.argument.name);
+        if (binding && types.isVariableDeclarator(binding.path.node)) {
+          const declarator = binding.path.node;
+          if (declarator.init && types.isObjectExpression(declarator.init)) {
+            for (const property of declarator.init.properties) {
+              if (types.isObjectProperty(property) && types.isIdentifier(property.key) && accessibilityProperties.has(property.key.name)) {
+                return true;
+              }
+            }
+            continue;
+          }
+        }
+        return true;
+      } else {
+        return true;
+      }
+    }
+  }
+  return false;
+};
+
+const textBlacklistedProperties = /* @__PURE__ */ new Set([
+  "allowFontScaling",
   "ellipsizeMode",
   "id",
   "nativeID",
@@ -163,14 +245,72 @@ const textOptimizer = (path, log = () => {
   const lineNumber = (_c = (_b = path.node.loc) == null ? void 0 : _b.start.line) != null ? _c : "unknown line";
   log(`Optimizing Text component in ${filename}:${lineNumber}`);
   fixNegativeNumberOfLines({ path, log });
-  optimizeStyleTag({ path, file });
-  if (!file.__hasImports) {
-    file.__hasImports = {};
+  const originalAttributes = [...path.node.attributes];
+  let styleAttribute, styleExpr;
+  for (const attribute of originalAttributes) {
+    if (types.isJSXAttribute(attribute) && types.isJSXIdentifier(attribute.name, { name: "style" })) {
+      styleAttribute = attribute;
+      break;
+    }
+  }
+  if (styleAttribute && styleAttribute.value && types.isJSXExpressionContainer(styleAttribute.value) && !types.isJSXEmptyExpression(styleAttribute.value.expression)) {
+    styleExpr = styleAttribute.value.expression;
   }
-  if (!file.__hasImports.NativeText) {
-    file.__hasImports.NativeText = addNamed(path, "NativeText", "react-native/Libraries/Text/TextNativeComponent");
+  const hasA11y = hasAccessibilityProperty(path, originalAttributes);
+  if (styleExpr && hasA11y) {
+    const accessibilityAttributes = originalAttributes.filter((attribute) => {
+      if (types.isJSXAttribute(attribute) && types.isJSXIdentifier(attribute.name, { name: "style" })) {
+        return false;
+      }
+      return true;
+    });
+    const normalizeIdentifier = addFileImportHint({
+      file,
+      nameHint: "normalizeAccessibilityProps",
+      path,
+      importName: "normalizeAccessibilityProps",
+      moduleName: "react-native-boost"
+    });
+    const accessibilityObject = buildPropertiesFromAttributes(accessibilityAttributes);
+    const accessibilityExpr = types.callExpression(types.identifier(normalizeIdentifier.name), [accessibilityObject]);
+    const flattenIdentifier = addFileImportHint({
+      file,
+      nameHint: "flattenTextStyle",
+      path,
+      importName: "flattenTextStyle",
+      moduleName: "react-native-boost"
+    });
+    const flattenedStyleExpr = types.callExpression(types.identifier(flattenIdentifier.name), [styleExpr]);
+    path.node.attributes = [types.jsxSpreadAttribute(accessibilityExpr), types.jsxSpreadAttribute(flattenedStyleExpr)];
+  } else if (styleExpr) {
+    const flattenIdentifier = addFileImportHint({
+      file,
+      nameHint: "flattenTextStyle",
+      path,
+      importName: "flattenTextStyle",
+      moduleName: "react-native-boost"
+    });
+    const flattened = types.callExpression(types.identifier(flattenIdentifier.name), [styleExpr]);
+    path.node.attributes = [types.jsxSpreadAttribute(flattened)];
+  } else if (hasA11y) {
+    const normalizeIdentifier = addFileImportHint({
+      file,
+      nameHint: "normalizeAccessibilityProps",
+      path,
+      importName: "normalizeAccessibilityProps",
+      moduleName: "react-native-boost"
+    });
+    const propsObject = buildPropertiesFromAttributes(originalAttributes);
+    const normalized = types.callExpression(types.identifier(normalizeIdentifier.name), [propsObject]);
+    path.node.attributes = [types.jsxSpreadAttribute(normalized)];
   }
-  const nativeTextIdentifier = file.__hasImports.NativeText;
+  const nativeTextIdentifier = addFileImportHint({
+    file,
+    nameHint: "NativeText",
+    path,
+    importName: "NativeText",
+    moduleName: "react-native/Libraries/Text/TextNativeComponent"
+  });
   path.node.name.name = nativeTextIdentifier.name;
   if (!path.node.selfClosing && parent.closingElement && types.isJSXIdentifier(parent.closingElement.name) && parent.closingElement.name.name === "Text") {
     parent.closingElement.name.name = nativeTextIdentifier.name;
@@ -180,13 +320,14 @@ function hasOnlyStringChildren(path, node) {
   return node.children.every((child) => isStringNode(path, child));
 }
 function isStringNode(path, child) {
-  if (types.isJSXText(child)) return true;
+  if (types.isJSXText(child) || types.isStringLiteral(child)) return true;
   if (types.isJSXExpressionContainer(child)) {
     const expression = child.expression;
     if (types.isIdentifier(expression)) {
       const binding = path.scope.getBinding(expression.name);
       return binding ? types.isStringLiteral(binding.path.node) : false;
     }
+    if (types.isStringLiteral(expression)) return true;
   }
   return false;
 }
@@ -211,33 +352,17 @@ function fixNegativeNumberOfLines({
     }
   }
 }
-function optimizeStyleTag({ path, file }) {
-  var _a;
-  let shouldImportFlattenTextStyle = false;
-  const nameHint = "_flattenTextStyle";
-  for (const [index, attribute] of path.node.attributes.entries()) {
-    if (types.isJSXAttribute(attribute) && types.isJSXIdentifier(attribute.name, { name: "style" })) {
-      shouldImportFlattenTextStyle = true;
-      if (types.isJSXExpressionContainer(attribute.value) && !types.isJSXEmptyExpression(attribute.value.expression)) {
-        path.node.attributes[index] = types.jsxSpreadAttribute(
-          types.callExpression(types.identifier(nameHint), [attribute.value.expression])
-        );
-      }
-    }
-  }
-  if (shouldImportFlattenTextStyle && !((_a = file.__hasImports) == null ? void 0 : _a.flattenTextStyle)) {
-    if (!file.__hasImports) file.__hasImports = {};
-    file.__hasImports.flattenTextStyle = addNamed(path, "flattenTextStyle", "react-native-boost", { nameHint });
-  }
-}
 function hasInvalidChildren(path) {
   for (const attribute of path.node.attributes) {
-    if (types.isJSXSpreadAttribute(attribute)) return false;
+    if (types.isJSXSpreadAttribute(attribute)) continue;
     if (types.isJSXIdentifier(attribute.name) && attribute.value) {
       if (attribute.name.name === "children") {
-        return isStringNode(path, attribute.value);
+        if (!isStringNode(path, attribute.value)) {
+          return true;
+        }
+      } else if (textBlacklistedProperties.has(attribute.name.name)) {
+        return true;
       }
-      return textBlacklistedProperties.has(attribute.name.name);
     }
   }
   return false;
@@ -306,15 +431,14 @@ const viewOptimizer = (path, log = () => {
   const filename = ((_a = file.opts) == null ? void 0 : _a.filename) || "unknown file";
   const lineNumber = (_c = (_b = path.node.loc) == null ? void 0 : _b.start.line) != null ? _c : "unknown line";
   log(`Optimizing View component in ${filename}:${lineNumber}`);
-  if (!file.__hasImports) {
-    file.__hasImports = {};
-  }
-  if (!file.__hasImports.ViewNativeComponent) {
-    file.__hasImports.NativeView = addDefault(path, "react-native/Libraries/Components/View/ViewNativeComponent", {
-      nameHint: "NativeView"
-    });
-  }
-  const viewNativeIdentifier = file.__hasImports.NativeView;
+  const viewNativeIdentifier = addFileImportHint({
+    file,
+    path,
+    importName: "ViewNativeComponent",
+    moduleName: "react-native/Libraries/Components/View/ViewNativeComponent",
+    importType: "default",
+    nameHint: "NativeView"
+  });
   path.node.name.name = viewNativeIdentifier.name;
   if (!path.node.selfClosing && parent.closingElement && types.isJSXIdentifier(parent.closingElement.name) && parent.closingElement.name.name === "View") {
     parent.closingElement.name.name = viewNativeIdentifier.name;