@mgcrea/react-native-tailwind 0.13.0 → 0.15.0

package/dist/babel/plugin/visitors/tw.test.ts

@@ -618,3 +618,154 @@ describe("tw/twStyle - integration with className", () => {
     expect(output).toContain("_m_4_p_2");
   });
 });
+
+describe("tw visitor - directional modifiers (RTL/LTR)", () => {
+  it("should transform rtl: modifier in tw template", () => {
+    const input = `
+      import { tw } from '@mgcrea/react-native-tailwind';
+
+      function MyComponent() {
+        const styles = tw\`p-4 rtl:mr-4\`;
+        return null;
+      }
+    `;
+
+    const output = transform(input);
+
+    // Should import I18nManager
+    expect(output).toContain("I18nManager");
+
+    // Should declare _twIsRTL variable
+    expect(output).toContain("_twIsRTL");
+    expect(output).toContain("I18nManager.isRTL");
+
+    // Should have style array with conditional
+    expect(output).toContain("style:");
+    expect(output).toContain("_twStyles._p_4");
+    expect(output).toMatch(/_twIsRTL\s*&&\s*_twStyles\._rtl_mr_4/);
+
+    // Should have rtlStyle property
+    expect(output).toContain("rtlStyle:");
+    expect(output).toContain("_twStyles._rtl_mr_4");
+  });
+
+  it("should transform ltr: modifier with negated conditional", () => {
+    const input = `
+      import { tw } from '@mgcrea/react-native-tailwind';
+
+      function MyComponent() {
+        const styles = tw\`p-4 ltr:ml-4\`;
+        return null;
+      }
+    `;
+
+    const output = transform(input);
+
+    // Should import I18nManager
+    expect(output).toContain("I18nManager");
+
+    // Should have negated conditional for LTR (!_twIsRTL)
+    expect(output).toMatch(/!\s*_twIsRTL\s*&&\s*_twStyles\._ltr_ml_4/);
+
+    // Should have ltrStyle property
+    expect(output).toContain("ltrStyle:");
+  });
+
+  it("should combine rtl: and ltr: modifiers", () => {
+    const input = `
+      import { tw } from '@mgcrea/react-native-tailwind';
+
+      function MyComponent() {
+        const styles = tw\`rtl:mr-4 ltr:ml-4\`;
+        return null;
+      }
+    `;
+
+    const output = transform(input);
+
+    // Should have both conditionals
+    expect(output).toMatch(/_twIsRTL\s*&&\s*_twStyles\._rtl_mr_4/);
+    expect(output).toMatch(/!\s*_twIsRTL\s*&&\s*_twStyles\._ltr_ml_4/);
+
+    // Should have both style properties
+    expect(output).toContain("rtlStyle:");
+    expect(output).toContain("ltrStyle:");
+  });
+
+  it("should combine directional modifiers with platform modifiers", () => {
+    const input = `
+      import { tw } from '@mgcrea/react-native-tailwind';
+
+      function MyComponent() {
+        const styles = tw\`p-4 ios:p-6 rtl:mr-4\`;
+        return null;
+      }
+    `;
+
+    const output = transform(input);
+
+    // Should have Platform import
+    expect(output).toContain("Platform");
+
+    // Should have I18nManager import
+    expect(output).toContain("I18nManager");
+
+    // Should have both modifiers in style array
+    expect(output).toContain("Platform.select");
+    expect(output).toMatch(/_twIsRTL\s*&&/);
+
+    // Should have iosStyle and rtlStyle properties
+    expect(output).toContain("iosStyle:");
+    expect(output).toContain("rtlStyle:");
+  });
+
+  it("should combine directional modifiers with state modifiers", () => {
+    const input = `
+      import { tw } from '@mgcrea/react-native-tailwind';
+
+      function MyComponent() {
+        const styles = tw\`bg-white active:bg-blue-500 rtl:pr-4\`;
+        return null;
+      }
+    `;
+
+    const output = transform(input);
+
+    // Should have I18nManager import
+    expect(output).toContain("I18nManager");
+
+    // Should have directional conditional
+    expect(output).toMatch(/_twIsRTL\s*&&/);
+
+    // Should have activeStyle property
+    expect(output).toContain("activeStyle:");
+    expect(output).toContain("_twStyles._active_bg_blue_500");
+
+    // Should have rtlStyle property
+    expect(output).toContain("rtlStyle:");
+  });
+
+  it("should work with twStyle function for RTL modifiers", () => {
+    const input = `
+      import { twStyle } from '@mgcrea/react-native-tailwind';
+
+      function MyComponent() {
+        const styles = twStyle('p-4 rtl:mr-4 ltr:ml-4');
+        return null;
+      }
+    `;
+
+    const output = transform(input);
+
+    // Should import I18nManager
+    expect(output).toContain("I18nManager");
+
+    // Should have both conditionals
+    expect(output).toMatch(/_twIsRTL\s*&&/);
+    expect(output).toMatch(/!\s*_twIsRTL\s*&&/);
+
+    // Should have both style properties
+    expect(output).toContain("rtlStyle:");
+    expect(output).toContain("ltrStyle:");
+  });
+});

package/dist/babel/utils/directionalModifierProcessing.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Utility functions for processing directional modifiers (rtl:, ltr:)
+ */
+import type * as BabelTypes from "@babel/types";
+import type { CustomTheme, ParsedModifier } from "../../parser/index.js";
+import type { StyleObject } from "../../types/core.js";
+/**
+ * Plugin state interface (subset needed for directional modifier processing)
+ */
+export interface DirectionalModifierProcessingState {
+    styleRegistry: Map<string, StyleObject>;
+    customTheme: CustomTheme;
+    stylesIdentifier: string;
+    needsI18nManagerImport: boolean;
+    i18nManagerVariableName: string;
+}
+/**
+ * Process directional modifiers and generate conditional style expressions
+ *
+ * @param directionalModifiers - Array of parsed directional modifiers
+ * @param state - Plugin state
+ * @param parseClassName - Function to parse class names into style objects
+ * @param generateStyleKey - Function to generate unique style keys
+ * @param t - Babel types
+ * @returns Array of AST nodes for conditional expressions
+ *
+ * @example
+ * Input: [{ modifier: "rtl", baseClass: "mr-4" }, { modifier: "ltr", baseClass: "ml-4" }]
+ * Output: [
+ *   _twIsRTL && styles._rtl_mr_4,
+ *   !_twIsRTL && styles._ltr_ml_4
+ * ]
+ */
+export declare function processDirectionalModifiers(directionalModifiers: ParsedModifier[], state: DirectionalModifierProcessingState, parseClassName: (className: string, customTheme?: CustomTheme) => StyleObject, generateStyleKey: (className: string) => string, t: typeof BabelTypes): BabelTypes.Expression[];

package/dist/babel/utils/directionalModifierProcessing.ts

@@ -0,0 +1,99 @@
+/**
+ * Utility functions for processing directional modifiers (rtl:, ltr:)
+ */
+
+import type * as BabelTypes from "@babel/types";
+import type { CustomTheme, DirectionalModifierType, ParsedModifier } from "../../parser/index.js";
+import type { StyleObject } from "../../types/core.js";
+import { hasRuntimeDimensions } from "./windowDimensionsProcessing.js";
+
+/**
+ * Plugin state interface (subset needed for directional modifier processing)
+ */
+// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
+export interface DirectionalModifierProcessingState {
+  styleRegistry: Map<string, StyleObject>;
+  customTheme: CustomTheme;
+  stylesIdentifier: string;
+  needsI18nManagerImport: boolean;
+  i18nManagerVariableName: string;
+}
+
+/**
+ * Process directional modifiers and generate conditional style expressions
+ *
+ * @param directionalModifiers - Array of parsed directional modifiers
+ * @param state - Plugin state
+ * @param parseClassName - Function to parse class names into style objects
+ * @param generateStyleKey - Function to generate unique style keys
+ * @param t - Babel types
+ * @returns Array of AST nodes for conditional expressions
+ *
+ * @example
+ * Input: [{ modifier: "rtl", baseClass: "mr-4" }, { modifier: "ltr", baseClass: "ml-4" }]
+ * Output: [
+ *   _twIsRTL && styles._rtl_mr_4,
+ *   !_twIsRTL && styles._ltr_ml_4
+ * ]
+ */
+export function processDirectionalModifiers(
+  directionalModifiers: ParsedModifier[],
+  state: DirectionalModifierProcessingState,
+  parseClassName: (className: string, customTheme?: CustomTheme) => StyleObject,
+  generateStyleKey: (className: string) => string,
+  t: typeof BabelTypes,
+): BabelTypes.Expression[] {
+  // Mark that we need I18nManager import
+  state.needsI18nManagerImport = true;
+
+  // Group modifiers by direction (rtl, ltr)
+  const modifiersByDirection = new Map<DirectionalModifierType, ParsedModifier[]>();
+
+  for (const mod of directionalModifiers) {
+    const direction = mod.modifier as DirectionalModifierType;
+    if (!modifiersByDirection.has(direction)) {
+      modifiersByDirection.set(direction, []);
+    }
+    const directionGroup = modifiersByDirection.get(direction);
+    if (directionGroup) {
+      directionGroup.push(mod);
+    }
+  }
+
+  // Build conditional expressions for each direction
+  const conditionalExpressions: BabelTypes.Expression[] = [];
+
+  for (const [direction, modifiers] of modifiersByDirection) {
+    // Parse all classes for this direction together
+    const classNames = modifiers.map((m) => m.baseClass).join(" ");
+    const styleObject = parseClassName(classNames, state.customTheme);
+
+    // Check for runtime dimensions (w-screen, h-screen)
+    if (hasRuntimeDimensions(styleObject)) {
+      throw new Error(
+        `w-screen and h-screen cannot be combined with directional modifiers (rtl:, ltr:). ` +
+          `Found in: "${direction}:${classNames}". ` +
+          `Use w-screen/h-screen without modifiers instead.`,
+      );
+    }
+
+    const styleKey = generateStyleKey(`${direction}_${classNames}`);
+
+    // Register style in the registry
+    state.styleRegistry.set(styleKey, styleObject);
+
+    // Create conditional:
+    // - For rtl: _twIsRTL && styles._rtl_...
+    // - For ltr: !_twIsRTL && styles._ltr_...
+    const rtlVariable = t.identifier(state.i18nManagerVariableName);
+    const directionCheck = direction === "rtl" ? rtlVariable : t.unaryExpression("!", rtlVariable);
+
+    const styleReference = t.memberExpression(t.identifier(state.stylesIdentifier), t.identifier(styleKey));
+
+    const conditionalExpression = t.logicalExpression("&&", directionCheck, styleReference);
+
+    conditionalExpressions.push(conditionalExpression);
+  }
+
+  return conditionalExpressions;
+}

package/dist/babel/utils/styleInjection.d.ts

@@ -27,6 +27,22 @@ export declare function addColorSchemeImport(path: NodePath<BabelTypes.Program>,
  * @returns true if hook was injected, false if already exists
  */
 export declare function injectColorSchemeHook(functionPath: NodePath<BabelTypes.Function>, colorSchemeVariableName: string, hookName: string, localIdentifier: string | undefined, t: typeof BabelTypes): boolean;
+/**
+ * Add I18nManager import to the file or merge with existing react-native import
+ */
+export declare function addI18nManagerImport(path: NodePath<BabelTypes.Program>, t: typeof BabelTypes): void;
+/**
+ * Inject I18nManager.isRTL variable at the top of the file (after imports and directives)
+ *
+ * Unlike hooks (useColorScheme, useWindowDimensions), I18nManager.isRTL is not a hook
+ * and can be accessed at module level. This is injected once per file.
+ *
+ * @param path - Program path
+ * @param variableName - Name for the RTL variable (e.g., '_twIsRTL')
+ * @param localIdentifier - Local identifier if I18nManager is already imported with an alias
+ * @param t - Babel types
+ */
+export declare function injectI18nManagerVariable(path: NodePath<BabelTypes.Program>, variableName: string, localIdentifier: string | undefined, t: typeof BabelTypes): void;
 /**
  * Add useWindowDimensions import to the file or merge with existing react-native import
  */

package/dist/babel/utils/styleInjection.ts

@@ -220,6 +220,128 @@ export function injectColorSchemeHook(
   return true;
 }
 
+/**
+ * Add I18nManager import to the file or merge with existing react-native import
+ */
+export function addI18nManagerImport(path: NodePath<BabelTypes.Program>, t: typeof BabelTypes): void {
+  // Check if there's already a value import from react-native
+  const body = path.node.body;
+  let existingValueImport: BabelTypes.ImportDeclaration | null = null;
+
+  for (const statement of body) {
+    if (t.isImportDeclaration(statement) && statement.source.value === "react-native") {
+      // Skip type-only imports (they get erased at runtime)
+      if (statement.importKind === "type") {
+        continue;
+      }
+      // Skip namespace imports (import * as RN) - can't add named specifiers to them
+      const hasNamespaceImport = statement.specifiers.some((spec) => t.isImportNamespaceSpecifier(spec));
+      if (hasNamespaceImport) {
+        continue;
+      }
+      existingValueImport = statement;
+      break; // Found a value import, we can stop
+    }
+  }
+
+  if (existingValueImport) {
+    // Check if I18nManager is already imported
+    const hasI18nManager = existingValueImport.specifiers.some(
+      (spec) =>
+        t.isImportSpecifier(spec) &&
+        spec.imported.type === "Identifier" &&
+        spec.imported.name === "I18nManager",
+    );
+
+    if (!hasI18nManager) {
+      // Add I18nManager to existing value import
+      existingValueImport.specifiers.push(
+        t.importSpecifier(t.identifier("I18nManager"), t.identifier("I18nManager")),
+      );
+    }
+  } else {
+    // No value import exists - create a new one
+    // (Don't merge with type-only or namespace imports)
+    const importDeclaration = t.importDeclaration(
+      [t.importSpecifier(t.identifier("I18nManager"), t.identifier("I18nManager"))],
+      t.stringLiteral("react-native"),
+    );
+    path.unshiftContainer("body", importDeclaration);
+  }
+}
+
+/**
+ * Inject I18nManager.isRTL variable at the top of the file (after imports and directives)
+ *
+ * Unlike hooks (useColorScheme, useWindowDimensions), I18nManager.isRTL is not a hook
+ * and can be accessed at module level. This is injected once per file.
+ *
+ * @param path - Program path
+ * @param variableName - Name for the RTL variable (e.g., '_twIsRTL')
+ * @param localIdentifier - Local identifier if I18nManager is already imported with an alias
+ * @param t - Babel types
+ */
+export function injectI18nManagerVariable(
+  path: NodePath<BabelTypes.Program>,
+  variableName: string,
+  localIdentifier: string | undefined,
+  t: typeof BabelTypes,
+): void {
+  const body = path.node.body;
+
+  // Check if variable is already declared
+  for (const statement of body) {
+    if (
+      t.isVariableDeclaration(statement) &&
+      statement.declarations.length > 0 &&
+      t.isVariableDeclarator(statement.declarations[0])
+    ) {
+      const declarator = statement.declarations[0];
+      if (t.isIdentifier(declarator.id) && declarator.id.name === variableName) {
+        return; // Already injected
+      }
+    }
+  }
+
+  // Use the local identifier if I18nManager was already imported with an alias,
+  // otherwise use 'I18nManager'
+  // e.g., import { I18nManager as RTL } → use RTL.isRTL
+  const identifierToUse = localIdentifier ?? "I18nManager";
+
+  // Create: const _twIsRTL = I18nManager.isRTL; (or aliased name if already imported)
+  const i18nVariable = t.variableDeclaration("const", [
+    t.variableDeclarator(
+      t.identifier(variableName),
+      t.memberExpression(t.identifier(identifierToUse), t.identifier("isRTL")),
+    ),
+  ]);
+
+  // Find the index to insert after all imports and directives ('use client', 'use strict', etc.)
+  let insertIndex = 0;
+
+  for (let i = 0; i < body.length; i++) {
+    const statement = body[i];
+
+    // Skip directives ('use client', 'use strict', etc.)
+    if (t.isExpressionStatement(statement) && t.isStringLiteral(statement.expression)) {
+      insertIndex = i + 1;
+      continue;
+    }
+
+    // Skip imports
+    if (t.isImportDeclaration(statement)) {
+      insertIndex = i + 1;
+      continue;
+    }
+
+    // Stop at the first non-directive, non-import statement
+    break;
+  }
+
+  // Insert after imports and directives
+  body.splice(insertIndex, 0, i18nVariable);
+}
+
 /**
  * Add useWindowDimensions import to the file or merge with existing react-native import
  */
@@ -377,20 +499,29 @@ export function injectStylesAtTop(
     ),
   ]);
 
-  // Find the index to insert after all imports
+  // Find the index to insert after all imports and directives ('use client', 'use strict', etc.)
   const body = path.node.body;
   let insertIndex = 0;
 
-  // Find the last import statement
   for (let i = 0; i < body.length; i++) {
-    if (t.isImportDeclaration(body[i])) {
+    const statement = body[i];
+
+    // Skip directives ('use client', 'use strict', etc.)
+    if (t.isExpressionStatement(statement) && t.isStringLiteral(statement.expression)) {
       insertIndex = i + 1;
-    } else {
-      // Stop at the first non-import statement
-      break;
+      continue;
     }
+
+    // Skip imports
+    if (t.isImportDeclaration(statement)) {
+      insertIndex = i + 1;
+      continue;
+    }
+
+    // Stop at the first non-directive, non-import statement
+    break;
   }
 
-  // Insert StyleSheet.create after imports
+  // Insert StyleSheet.create after imports and directives
   body.splice(insertIndex, 0, styleSheet);
 }

package/dist/babel/utils/twProcessing.d.ts

@@ -19,6 +19,8 @@ export interface TwProcessingState {
     functionComponentsNeedingColorScheme: Set<NodePath<BabelTypes.Function>>;
     colorSchemeLocalIdentifier?: string;
     needsPlatformImport: boolean;
+    needsI18nManagerImport: boolean;
+    i18nManagerVariableName: string;
 }
 /**
  * Process tw`...` or twStyle('...') call and replace with TwStyle object

package/dist/babel/utils/twProcessing.ts

@@ -8,12 +8,14 @@ import type { CustomTheme, ModifierType, ParsedModifier } from "../../parser/ind
 import {
   expandSchemeModifier,
   isColorSchemeModifier,
+  isDirectionalModifier,
   isPlatformModifier,
   isSchemeModifier,
 } from "../../parser/index.js";
 import type { SchemeModifierConfig } from "../../types/config.js";
 import type { StyleObject } from "../../types/core.js";
 import { processColorSchemeModifiers } from "./colorSchemeModifierProcessing.js";
+import { processDirectionalModifiers } from "./directionalModifierProcessing.js";
 import { processPlatformModifiers } from "./platformModifierProcessing.js";
 import { hasRuntimeDimensions } from "./windowDimensionsProcessing.js";
 
@@ -33,6 +35,9 @@ export interface TwProcessingState {
   colorSchemeLocalIdentifier?: string;
   // Platform support (for ios:/android:/web: modifiers)
   needsPlatformImport: boolean;
+  // Directional support (for rtl:/ltr: modifiers)
+  needsI18nManagerImport: boolean;
+  i18nManagerVariableName: string;
 }
 
 /**
@@ -102,11 +107,15 @@ export function processTwCall(
     objectProperties.push(t.objectProperty(t.identifier("style"), t.objectExpression([])));
   }
 
-  // Separate color-scheme and platform modifiers from other modifiers
+  // Separate color-scheme, platform, and directional modifiers from other modifiers
   const colorSchemeModifiers = modifierClasses.filter((m) => isColorSchemeModifier(m.modifier));
   const platformModifiers = modifierClasses.filter((m) => isPlatformModifier(m.modifier));
+  const directionalModifiers = modifierClasses.filter((m) => isDirectionalModifier(m.modifier));
   const otherModifiers = modifierClasses.filter(
-    (m) => !isColorSchemeModifier(m.modifier) && !isPlatformModifier(m.modifier),
+    (m) =>
+      !isColorSchemeModifier(m.modifier) &&
+      !isPlatformModifier(m.modifier) &&
+      !isDirectionalModifier(m.modifier),
   );
 
   // Check if we need color scheme support
@@ -293,7 +302,87 @@ export function processTwCall(
     }
   }
 
-  // Group other modifiers by type (non-color-scheme and non-platform modifiers)
+  // Process directional modifiers if present
+  const hasDirectionalModifiers = directionalModifiers.length > 0;
+
+  if (hasDirectionalModifiers) {
+    // Mark that we need I18nManager import
+    state.needsI18nManagerImport = true;
+
+    // Generate directional conditional expressions
+    const directionalConditionals = processDirectionalModifiers(
+      directionalModifiers,
+      state,
+      parseClassName,
+      generateStyleKey,
+      t,
+    );
+
+    // If we already have a style array (from color scheme or platform modifiers), add to it
+    // Otherwise, convert style property to an array
+    const styleProperty = objectProperties.find(
+      (prop) => t.isIdentifier(prop.key) && prop.key.name === "style",
+    );
+
+    if (styleProperty && t.isArrayExpression(styleProperty.value)) {
+      // Already have style array, add directional conditionals to it
+      styleProperty.value.elements.push(...directionalConditionals);
+    } else {
+      // No existing array, create style array with base + directional conditionals
+      const styleArrayElements: BabelTypes.Expression[] = [];
+
+      // Add base style if present
+      if (baseClasses.length > 0) {
+        const baseClassName = baseClasses.join(" ");
+        const baseStyleObject = parseClassName(baseClassName, state.customTheme);
+        const baseStyleKey = generateStyleKey(baseClassName);
+        state.styleRegistry.set(baseStyleKey, baseStyleObject);
+        styleArrayElements.push(
+          t.memberExpression(t.identifier(state.stylesIdentifier), t.identifier(baseStyleKey)),
+        );
+      }
+
+      // Add directional conditionals
+      styleArrayElements.push(...directionalConditionals);
+
+      // Replace style property with array
+      objectProperties[0] = t.objectProperty(t.identifier("style"), t.arrayExpression(styleArrayElements));
+    }
+
+    // Also add rtlStyle/ltrStyle properties for manual processing
+    const rtlModifiers = directionalModifiers.filter((m) => m.modifier === "rtl");
+    const ltrModifiers = directionalModifiers.filter((m) => m.modifier === "ltr");
+
+    if (rtlModifiers.length > 0) {
+      const rtlClassNames = rtlModifiers.map((m) => m.baseClass).join(" ");
+      const rtlStyleObject = parseClassName(rtlClassNames, state.customTheme);
+      const rtlStyleKey = generateStyleKey(`rtl_${rtlClassNames}`);
+      state.styleRegistry.set(rtlStyleKey, rtlStyleObject);
+
+      objectProperties.push(
+        t.objectProperty(
+          t.identifier("rtlStyle"),
+          t.memberExpression(t.identifier(state.stylesIdentifier), t.identifier(rtlStyleKey)),
+        ),
+      );
+    }
+
+    if (ltrModifiers.length > 0) {
+      const ltrClassNames = ltrModifiers.map((m) => m.baseClass).join(" ");
+      const ltrStyleObject = parseClassName(ltrClassNames, state.customTheme);
+      const ltrStyleKey = generateStyleKey(`ltr_${ltrClassNames}`);
+      state.styleRegistry.set(ltrStyleKey, ltrStyleObject);
+
+      objectProperties.push(
+        t.objectProperty(
+          t.identifier("ltrStyle"),
+          t.memberExpression(t.identifier(state.stylesIdentifier), t.identifier(ltrStyleKey)),
+        ),
+      );
+    }
+  }
+
+  // Group other modifiers by type (non-color-scheme, non-platform, and non-directional modifiers)
   const modifiersByType = new Map<ModifierType, ParsedModifier[]>();
   for (const mod of otherModifiers) {
     if (!modifiersByType.has(mod.modifier)) {

package/dist/parser/borders.js

@@ -1 +1 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BORDER_WIDTH_SCALE=exports.BORDER_RADIUS_SCALE=void 0;exports.parseBorder=parseBorder;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _colors=require("./colors");var BORDER_WIDTH_SCALE=exports.BORDER_WIDTH_SCALE={"":1,"0":0,"2":2,"4":4,"8":8};var BORDER_RADIUS_SCALE=exports.BORDER_RADIUS_SCALE={none:0,sm:2,"":4,md:6,lg:8,xl:12,"2xl":16,"3xl":24,full:9999};var BORDER_WIDTH_PROP_MAP={t:"borderTopWidth",r:"borderRightWidth",b:"borderBottomWidth",l:"borderLeftWidth"};var BORDER_RADIUS_CORNER_MAP={tl:"borderTopLeftRadius",tr:"borderTopRightRadius",bl:"borderBottomLeftRadius",br:"borderBottomRightRadius"};var BORDER_RADIUS_SIDE_MAP={t:["borderTopLeftRadius","borderTopRightRadius"],r:["borderTopRightRadius","borderBottomRightRadius"],b:["borderBottomLeftRadius","borderBottomRightRadius"],l:["borderTopLeftRadius","borderBottomLeftRadius"]};function parseArbitraryBorderWidth(value){var pxMatch=value.match(/^\[(\d+)(?:px)?\]$/);if(pxMatch){return parseInt(pxMatch[1],10);}if(value.startsWith("[")&&value.endsWith("]")){if(process.env.NODE_ENV!=="production"){console.warn(`[react-native-tailwind] Unsupported arbitrary border width value: ${value}. Only px values are supported (e.g., [8px] or [8]).`);}return null;}return null;}function parseArbitraryBorderRadius(value){var pxMatch=value.match(/^\[(\d+)(?:px)?\]$/);if(pxMatch){return parseInt(pxMatch[1],10);}if(value.startsWith("[")&&value.endsWith("]")){if(process.env.NODE_ENV!=="production"){console.warn(`[react-native-tailwind] Unsupported arbitrary border radius value: ${value}. Only px values are supported (e.g., [12px] or [12]).`);}return null;}return null;}function parseBorder(cls,customColors){if(cls==="border-solid")return{borderStyle:"solid"};if(cls==="border-dotted")return{borderStyle:"dotted"};if(cls==="border-dashed")return{borderStyle:"dashed"};if(cls.startsWith("border-")){return parseBorderWidth(cls,customColors);}if(cls==="border"){return{borderWidth:1};}if(cls.startsWith("rounded")){return parseBorderRadius(cls);}return null;}function parseBorderWidth(cls,customColors){var dirMatch=cls.match(/^border-([trbl])(?:-(.+))?$/);if(dirMatch){var dir=dirMatch[1];var valueStr=dirMatch[2]||"";if(valueStr){var colorResult=(0,_colors.parseColor)(cls,customColors);if(colorResult!==null){return null;}}if(valueStr.startsWith("[")){var arbitraryValue=parseArbitraryBorderWidth(valueStr);if(arbitraryValue!==null){return(0,_defineProperty2.default)({},BORDER_WIDTH_PROP_MAP[dir],arbitraryValue);}return null;}var scaleValue=BORDER_WIDTH_SCALE[valueStr];if(scaleValue!==undefined){return(0,_defineProperty2.default)({},BORDER_WIDTH_PROP_MAP[dir],scaleValue);}return null;}var allMatch=cls.match(/^border-(\d+)$/);if(allMatch){var value=BORDER_WIDTH_SCALE[allMatch[1]];if(value!==undefined){return{borderWidth:value};}}var allArbMatch=cls.match(/^border-(\[.+\])$/);if(allArbMatch){var _arbitraryValue=parseArbitraryBorderWidth(allArbMatch[1]);if(_arbitraryValue!==null){return{borderWidth:_arbitraryValue};}}return null;}function parseBorderRadius(cls){var withoutPrefix=cls.substring(7);if(withoutPrefix===""){return{borderRadius:BORDER_RADIUS_SCALE[""]};}if(!withoutPrefix.startsWith("-")){return null;}var rest=withoutPrefix.substring(1);if(rest===""){return null;}var cornerMatch=rest.match(/^(tl|tr|bl|br)(?:-(.+))?$/);if(cornerMatch){var corner=cornerMatch[1];var valueStr=cornerMatch[2]||"";if(valueStr.startsWith("[")){var arbitraryValue=parseArbitraryBorderRadius(valueStr);if(arbitraryValue!==null){return(0,_defineProperty2.default)({},BORDER_RADIUS_CORNER_MAP[corner],arbitraryValue);}return null;}var _scaleValue=BORDER_RADIUS_SCALE[valueStr];if(_scaleValue!==undefined){return(0,_defineProperty2.default)({},BORDER_RADIUS_CORNER_MAP[corner],_scaleValue);}return null;}var sideMatch=rest.match(/^([trbl])(?:-(.+))?$/);if(sideMatch){var side=sideMatch[1];var _valueStr=sideMatch[2]||"";var value;if(_valueStr.startsWith("[")){var _arbitraryValue2=parseArbitraryBorderRadius(_valueStr);if(_arbitraryValue2!==null){value=_arbitraryValue2;}else{return null;}}else{value=BORDER_RADIUS_SCALE[_valueStr];}if(value!==undefined){var result={};BORDER_RADIUS_SIDE_MAP[side].forEach(function(prop){return result[prop]=value;});return result;}return null;}if(rest.startsWith("[")){var _arbitraryValue3=parseArbitraryBorderRadius(rest);if(_arbitraryValue3!==null){return{borderRadius:_arbitraryValue3};}return null;}var scaleValue=BORDER_RADIUS_SCALE[rest];if(scaleValue!==undefined){return{borderRadius:scaleValue};}return null;}
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.BORDER_WIDTH_SCALE=exports.BORDER_RADIUS_SCALE=void 0;exports.parseBorder=parseBorder;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _colors=require("./colors");var BORDER_WIDTH_SCALE=exports.BORDER_WIDTH_SCALE={"":1,"0":0,"2":2,"4":4,"8":8};var BORDER_RADIUS_SCALE=exports.BORDER_RADIUS_SCALE={none:0,sm:2,"":4,md:6,lg:8,xl:12,"2xl":16,"3xl":24,full:9999};var BORDER_WIDTH_PROP_MAP={t:"borderTopWidth",r:"borderRightWidth",b:"borderBottomWidth",l:"borderLeftWidth",s:"borderStartWidth",e:"borderEndWidth"};var BORDER_RADIUS_CORNER_MAP={tl:"borderTopLeftRadius",tr:"borderTopRightRadius",bl:"borderBottomLeftRadius",br:"borderBottomRightRadius"};var BORDER_RADIUS_LOGICAL_CORNER_MAP={ss:"borderTopStartRadius",se:"borderTopEndRadius",es:"borderBottomStartRadius",ee:"borderBottomEndRadius"};var BORDER_RADIUS_SIDE_MAP={t:["borderTopLeftRadius","borderTopRightRadius"],r:["borderTopRightRadius","borderBottomRightRadius"],b:["borderBottomLeftRadius","borderBottomRightRadius"],l:["borderTopLeftRadius","borderBottomLeftRadius"],s:["borderTopStartRadius","borderBottomStartRadius"],e:["borderTopEndRadius","borderBottomEndRadius"]};function parseArbitraryBorderWidth(value){var pxMatch=value.match(/^\[(\d+)(?:px)?\]$/);if(pxMatch){return parseInt(pxMatch[1],10);}if(value.startsWith("[")&&value.endsWith("]")){if(process.env.NODE_ENV!=="production"){console.warn(`[react-native-tailwind] Unsupported arbitrary border width value: ${value}. Only px values are supported (e.g., [8px] or [8]).`);}return null;}return null;}function parseArbitraryBorderRadius(value){var pxMatch=value.match(/^\[(\d+)(?:px)?\]$/);if(pxMatch){return parseInt(pxMatch[1],10);}if(value.startsWith("[")&&value.endsWith("]")){if(process.env.NODE_ENV!=="production"){console.warn(`[react-native-tailwind] Unsupported arbitrary border radius value: ${value}. Only px values are supported (e.g., [12px] or [12]).`);}return null;}return null;}function parseBorder(cls,customColors){if(cls==="border-solid")return{borderStyle:"solid"};if(cls==="border-dotted")return{borderStyle:"dotted"};if(cls==="border-dashed")return{borderStyle:"dashed"};if(cls.startsWith("border-")){return parseBorderWidth(cls,customColors);}if(cls==="border"){return{borderWidth:1};}if(cls.startsWith("rounded")){return parseBorderRadius(cls);}return null;}function parseBorderWidth(cls,customColors){var dirMatch=cls.match(/^border-([trblse])(?:-(.+))?$/);if(dirMatch){var dir=dirMatch[1];var valueStr=dirMatch[2]||"";if(valueStr&&dir!=="s"&&dir!=="e"){var colorResult=(0,_colors.parseColor)(cls,customColors);if(colorResult!==null){return null;}}if(valueStr.startsWith("[")){var arbitraryValue=parseArbitraryBorderWidth(valueStr);if(arbitraryValue!==null){return(0,_defineProperty2.default)({},BORDER_WIDTH_PROP_MAP[dir],arbitraryValue);}return null;}var scaleValue=BORDER_WIDTH_SCALE[valueStr];if(scaleValue!==undefined){return(0,_defineProperty2.default)({},BORDER_WIDTH_PROP_MAP[dir],scaleValue);}return null;}var allMatch=cls.match(/^border-(\d+)$/);if(allMatch){var value=BORDER_WIDTH_SCALE[allMatch[1]];if(value!==undefined){return{borderWidth:value};}}var allArbMatch=cls.match(/^border-(\[.+\])$/);if(allArbMatch){var _arbitraryValue=parseArbitraryBorderWidth(allArbMatch[1]);if(_arbitraryValue!==null){return{borderWidth:_arbitraryValue};}}return null;}function parseBorderRadius(cls){var withoutPrefix=cls.substring(7);if(withoutPrefix===""){return{borderRadius:BORDER_RADIUS_SCALE[""]};}if(!withoutPrefix.startsWith("-")){return null;}var rest=withoutPrefix.substring(1);if(rest===""){return null;}var cornerMatch=rest.match(/^(tl|tr|bl|br)(?:-(.+))?$/);if(cornerMatch){var corner=cornerMatch[1];var valueStr=cornerMatch[2]||"";if(valueStr.startsWith("[")){var arbitraryValue=parseArbitraryBorderRadius(valueStr);if(arbitraryValue!==null){return(0,_defineProperty2.default)({},BORDER_RADIUS_CORNER_MAP[corner],arbitraryValue);}return null;}var _scaleValue=BORDER_RADIUS_SCALE[valueStr];if(_scaleValue!==undefined){return(0,_defineProperty2.default)({},BORDER_RADIUS_CORNER_MAP[corner],_scaleValue);}return null;}var logicalCornerMatch=rest.match(/^(ss|se|es|ee)(?:-(.+))?$/);if(logicalCornerMatch){var _corner=logicalCornerMatch[1];var _valueStr=logicalCornerMatch[2]||"";if(_valueStr.startsWith("[")){var _arbitraryValue2=parseArbitraryBorderRadius(_valueStr);if(_arbitraryValue2!==null){return(0,_defineProperty2.default)({},BORDER_RADIUS_LOGICAL_CORNER_MAP[_corner],_arbitraryValue2);}return null;}var _scaleValue2=BORDER_RADIUS_SCALE[_valueStr];if(_scaleValue2!==undefined){return(0,_defineProperty2.default)({},BORDER_RADIUS_LOGICAL_CORNER_MAP[_corner],_scaleValue2);}return null;}var sideMatch=rest.match(/^([trblse])(?:-(.+))?$/);if(sideMatch){var side=sideMatch[1];var _valueStr2=sideMatch[2]||"";var value;if(_valueStr2.startsWith("[")){var _arbitraryValue3=parseArbitraryBorderRadius(_valueStr2);if(_arbitraryValue3!==null){value=_arbitraryValue3;}else{return null;}}else{value=BORDER_RADIUS_SCALE[_valueStr2];}if(value!==undefined){var result={};BORDER_RADIUS_SIDE_MAP[side].forEach(function(prop){return result[prop]=value;});return result;}return null;}if(rest.startsWith("[")){var _arbitraryValue4=parseArbitraryBorderRadius(rest);if(_arbitraryValue4!==null){return{borderRadius:_arbitraryValue4};}return null;}var scaleValue=BORDER_RADIUS_SCALE[rest];if(scaleValue!==undefined){return{borderRadius:scaleValue};}return null;}