rnwind 0.0.1 → 0.0.3

package/lib/cjs/core/parser/selector.d.ts

@@ -0,0 +1,11 @@
+import type { SelectorComponent } from 'lightningcss';
+/**
+ * Pull a bare class name out of a lightningcss selector-part array. Accepts
+ * only the simple shape — one `{type: 'class', name}` component — since
+ * Tailwind utility rules land as flat single-class selectors once variants
+ * are folded in. Compound or pseudo selectors return `null` so the caller
+ * skips them.
+ * @param selector One selector's component array.
+ * @returns Bare class name, or `null` when the selector is anything more complex.
+ */
+export declare function classNameFromSelector(selector: readonly SelectorComponent[]): string | null;

package/lib/cjs/core/parser/shorthand.cjs

@@ -0,0 +1,188 @@
+'use strict';
+
+var color = require('./color.cjs');
+var length = require('./length.cjs');
+
+/**
+ * Expand `margin` / `padding` shorthand (`{top, right, bottom, left}`) to
+ * RN entries. Collapses progressively for a smaller emitted style:
+ * - all four equal → single `padding` / `margin`
+ * - matching axes → `paddingHorizontal` + `paddingVertical`
+ * - one matching axis → that axis collapsed, opposite axis as longhands
+ * - otherwise → four longhands
+ * @param property `'padding'` or `'margin'`.
+ * @param value Typed shorthand record.
+ * @returns RN entries.
+ */
+function expandFourSided(property, value) {
+    const top = length.lengthPercentageOrAutoToValue(value.top);
+    const right = length.lengthPercentageOrAutoToValue(value.right);
+    const bottom = length.lengthPercentageOrAutoToValue(value.bottom);
+    const left = length.lengthPercentageOrAutoToValue(value.left);
+    if (top === null || right === null || bottom === null || left === null)
+        return [];
+    if (top === right && right === bottom && bottom === left)
+        return [[property, top]];
+    const horizontalEqual = left === right;
+    const verticalEqual = top === bottom;
+    if (horizontalEqual && verticalEqual) {
+        return [
+            [`${property}Vertical`, top],
+            [`${property}Horizontal`, left],
+        ];
+    }
+    if (horizontalEqual) {
+        return [
+            [`${property}Top`, top],
+            [`${property}Bottom`, bottom],
+            [`${property}Horizontal`, left],
+        ];
+    }
+    if (verticalEqual) {
+        return [
+            [`${property}Vertical`, top],
+            [`${property}Right`, right],
+            [`${property}Left`, left],
+        ];
+    }
+    return [
+        [`${property}Top`, top],
+        [`${property}Right`, right],
+        [`${property}Bottom`, bottom],
+        [`${property}Left`, left],
+    ];
+}
+/**
+ * Expand `padding-inline` / `margin-inline` (logical property) into RN's
+ * physical pair. RN has no RTL-aware logical props at the style-object
+ * level, so we lower at compile time. When both sides match, emit the
+ * single `paddingHorizontal` / `marginHorizontal` shorthand for a more
+ * compact style.
+ * @param property `'padding'` or `'margin'`.
+ * @param value Typed inline shorthand.
+ * @returns RN entries.
+ */
+function expandLogicalInline(property, value) {
+    const start = length.lengthPercentageOrAutoToValue(value.inlineStart);
+    const end = length.lengthPercentageOrAutoToValue(value.inlineEnd);
+    if (start === null || end === null)
+        return [];
+    if (start === end)
+        return [[`${property}Horizontal`, start]];
+    return [
+        [`${property}Left`, start],
+        [`${property}Right`, end],
+    ];
+}
+/**
+ * Expand `padding-block` / `margin-block` (logical property) into RN's
+ * physical pair. When both sides match, emit `paddingVertical` /
+ * `marginVertical` for a more compact style.
+ * @param property `'padding'` or `'margin'`.
+ * @param value Typed block shorthand.
+ * @returns RN entries.
+ */
+function expandLogicalBlock(property, value) {
+    const start = length.lengthPercentageOrAutoToValue(value.blockStart);
+    const end = length.lengthPercentageOrAutoToValue(value.blockEnd);
+    if (start === null || end === null)
+        return [];
+    if (start === end)
+        return [[`${property}Vertical`, start]];
+    return [
+        [`${property}Top`, start],
+        [`${property}Bottom`, end],
+    ];
+}
+/**
+ * Expand a `border-radius` shorthand into RN corner entries. Each corner
+ * is a 2-tuple `[x, y]` in lightningcss; RN exposes one radius per corner
+ * so we use the x-axis. When all four corners match, collapse to the
+ * single `borderRadius` key.
+ * @param value Typed `BorderRadius` record.
+ * @returns RN entries.
+ */
+function expandBorderRadius(value) {
+    const corners = [
+        ['borderTopLeftRadius', length.dimensionPercentageToNumber(value.topLeft[0])],
+        ['borderTopRightRadius', length.dimensionPercentageToNumber(value.topRight[0])],
+        ['borderBottomRightRadius', length.dimensionPercentageToNumber(value.bottomRight[0])],
+        ['borderBottomLeftRadius', length.dimensionPercentageToNumber(value.bottomLeft[0])],
+    ];
+    const [first] = corners;
+    if (first?.[1] == null)
+        return [];
+    if (corners.every(([, v]) => v === first[1]))
+        return [['borderRadius', first[1]]];
+    return corners.filter((entry) => entry[1] !== null);
+}
+/**
+ * Expand a `border-color` shorthand into RN longhands. When all four
+ * sides match, collapse to a single `borderColor`; otherwise emit per-side
+ * props.
+ * @param value Typed `BorderColor` record.
+ * @returns RN entries.
+ */
+function expandBorderColor(value) {
+    const top = color.cssColorToString(value.top);
+    const right = color.cssColorToString(value.right);
+    const bottom = color.cssColorToString(value.bottom);
+    const left = color.cssColorToString(value.left);
+    if (top === right && right === bottom && bottom === left)
+        return [['borderColor', top]];
+    return [
+        ['borderTopColor', top],
+        ['borderRightColor', right],
+        ['borderBottomColor', bottom],
+        ['borderLeftColor', left],
+    ];
+}
+/**
+ * Expand `gap` shorthand (`{row, column}`) into RN entries. When both
+ * axes equal the same value collapse to the single `gap` key; otherwise
+ * emit `rowGap` + `columnGap`.
+ * @param value Typed `Gap` record.
+ * @returns RN entries.
+ */
+function expandGap(value) {
+    const row = length.gapValueToValue(value.row);
+    const column = length.gapValueToValue(value.column);
+    if (row === null || column === null)
+        return [];
+    if (row === column)
+        return [['gap', row]];
+    return [
+        ['rowGap', row],
+        ['columnGap', column],
+    ];
+}
+/**
+ * Convert `Flex` shorthand to RN entries. When the shape matches `flex:
+ * 1` (`{grow:1, shrink:1, basis: 0%}`), emit the single `flex` key RN
+ * understands. Otherwise expand to the three longhands.
+ * @param value Typed `Flex` record.
+ * @returns RN entries.
+ */
+function flexToEntries(value) {
+    const basis = length.lengthPercentageOrAutoToValue(value.basis);
+    if (basis === null)
+        return [];
+    if (value.grow === 1 && value.shrink === 1 && basis === '0%')
+        return [['flex', 1]];
+    const entries = [
+        ['flexGrow', value.grow],
+        ['flexShrink', value.shrink],
+    ];
+    if (basis !== 'auto')
+        entries.push(['flexBasis', basis]);
+    return entries;
+}
+
+exports.expandBorderColor = expandBorderColor;
+exports.expandBorderRadius = expandBorderRadius;
+exports.expandFourSided = expandFourSided;
+exports.expandGap = expandGap;
+exports.expandLogicalBlock = expandLogicalBlock;
+exports.expandLogicalInline = expandLogicalInline;
+exports.flexToEntries = flexToEntries;
+//# sourceMappingURL=shorthand.cjs.map

package/lib/cjs/core/parser/shorthand.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shorthand.cjs","sources":["../../../../../src/core/parser/shorthand.ts"],"sourcesContent":["import type {\n  BorderColor,\n  BorderRadius,\n  Flex,\n  Gap,\n  Margin,\n  MarginBlock,\n  MarginInline,\n  Padding,\n  PaddingBlock,\n  PaddingInline,\n} from 'lightningcss'\nimport { cssColorToString } from './color'\nimport { dimensionPercentageToNumber, gapValueToValue, lengthPercentageOrAutoToValue } from './length'\nimport type { RNEntry } from './types'\n\n/**\n * Expand `margin` / `padding` shorthand (`{top, right, bottom, left}`) to\n * RN entries. Collapses progressively for a smaller emitted style:\n * - all four equal → single `padding` / `margin`\n * - matching axes → `paddingHorizontal` + `paddingVertical`\n * - one matching axis → that axis collapsed, opposite axis as longhands\n * - otherwise → four longhands\n * @param property `'padding'` or `'margin'`.\n * @param value Typed shorthand record.\n * @returns RN entries.\n */\nexport function expandFourSided(property: 'padding' | 'margin', value: Padding | Margin): readonly RNEntry[] {\n  const top = lengthPercentageOrAutoToValue(value.top)\n  const right = lengthPercentageOrAutoToValue(value.right)\n  const bottom = lengthPercentageOrAutoToValue(value.bottom)\n  const left = lengthPercentageOrAutoToValue(value.left)\n  if (top === null || right === null || bottom === null || left === null) return []\n  if (top === right && right === bottom && bottom === left) return [[property, top]]\n  const horizontalEqual = left === right\n  const verticalEqual = top === bottom\n  if (horizontalEqual && verticalEqual) {\n    return [\n      [`${property}Vertical`, top],\n      [`${property}Horizontal`, left],\n    ]\n  }\n  if (horizontalEqual) {\n    return [\n      [`${property}Top`, top],\n      [`${property}Bottom`, bottom],\n      [`${property}Horizontal`, left],\n    ]\n  }\n  if (verticalEqual) {\n    return [\n      [`${property}Vertical`, top],\n      [`${property}Right`, right],\n      [`${property}Left`, left],\n    ]\n  }\n  return [\n    [`${property}Top`, top],\n    [`${property}Right`, right],\n    [`${property}Bottom`, bottom],\n    [`${property}Left`, left],\n  ]\n}\n\n/**\n * Expand `padding-inline` / `margin-inline` (logical property) into RN's\n * physical pair. RN has no RTL-aware logical props at the style-object\n * level, so we lower at compile time. When both sides match, emit the\n * single `paddingHorizontal` / `marginHorizontal` shorthand for a more\n * compact style.\n * @param property `'padding'` or `'margin'`.\n * @param value Typed inline shorthand.\n * @returns RN entries.\n */\nexport function expandLogicalInline(property: 'padding' | 'margin', value: PaddingInline | MarginInline): readonly RNEntry[] {\n  const start = lengthPercentageOrAutoToValue(value.inlineStart)\n  const end = lengthPercentageOrAutoToValue(value.inlineEnd)\n  if (start === null || end === null) return []\n  if (start === end) return [[`${property}Horizontal`, start]]\n  return [\n    [`${property}Left`, start],\n    [`${property}Right`, end],\n  ]\n}\n\n/**\n * Expand `padding-block` / `margin-block` (logical property) into RN's\n * physical pair. When both sides match, emit `paddingVertical` /\n * `marginVertical` for a more compact style.\n * @param property `'padding'` or `'margin'`.\n * @param value Typed block shorthand.\n * @returns RN entries.\n */\nexport function expandLogicalBlock(property: 'padding' | 'margin', value: PaddingBlock | MarginBlock): readonly RNEntry[] {\n  const start = lengthPercentageOrAutoToValue(value.blockStart)\n  const end = lengthPercentageOrAutoToValue(value.blockEnd)\n  if (start === null || end === null) return []\n  if (start === end) return [[`${property}Vertical`, start]]\n  return [\n    [`${property}Top`, start],\n    [`${property}Bottom`, end],\n  ]\n}\n\n/**\n * Expand a `border-radius` shorthand into RN corner entries. Each corner\n * is a 2-tuple `[x, y]` in lightningcss; RN exposes one radius per corner\n * so we use the x-axis. When all four corners match, collapse to the\n * single `borderRadius` key.\n * @param value Typed `BorderRadius` record.\n * @returns RN entries.\n */\nexport function expandBorderRadius(value: BorderRadius): readonly RNEntry[] {\n  const corners: Array<[string, number | string | null]> = [\n    ['borderTopLeftRadius', dimensionPercentageToNumber(value.topLeft[0])],\n    ['borderTopRightRadius', dimensionPercentageToNumber(value.topRight[0])],\n    ['borderBottomRightRadius', dimensionPercentageToNumber(value.bottomRight[0])],\n    ['borderBottomLeftRadius', dimensionPercentageToNumber(value.bottomLeft[0])],\n  ]\n  const [first] = corners\n  if (first?.[1] == null) return []\n  if (corners.every(([, v]) => v === first[1])) return [['borderRadius', first[1]]]\n  return corners.filter((entry): entry is [string, number | string] => entry[1] !== null)\n}\n\n/**\n * Expand a `border-color` shorthand into RN longhands. When all four\n * sides match, collapse to a single `borderColor`; otherwise emit per-side\n * props.\n * @param value Typed `BorderColor` record.\n * @returns RN entries.\n */\nexport function expandBorderColor(value: BorderColor): readonly RNEntry[] {\n  const top = cssColorToString(value.top)\n  const right = cssColorToString(value.right)\n  const bottom = cssColorToString(value.bottom)\n  const left = cssColorToString(value.left)\n  if (top === right && right === bottom && bottom === left) return [['borderColor', top]]\n  return [\n    ['borderTopColor', top],\n    ['borderRightColor', right],\n    ['borderBottomColor', bottom],\n    ['borderLeftColor', left],\n  ]\n}\n\n/**\n * Expand `gap` shorthand (`{row, column}`) into RN entries. When both\n * axes equal the same value collapse to the single `gap` key; otherwise\n * emit `rowGap` + `columnGap`.\n * @param value Typed `Gap` record.\n * @returns RN entries.\n */\nexport function expandGap(value: Gap): readonly RNEntry[] {\n  const row = gapValueToValue(value.row)\n  const column = gapValueToValue(value.column)\n  if (row === null || column === null) return []\n  if (row === column) return [['gap', row]]\n  return [\n    ['rowGap', row],\n    ['columnGap', column],\n  ]\n}\n\n/**\n * Convert `Flex` shorthand to RN entries. When the shape matches `flex:\n * 1` (`{grow:1, shrink:1, basis: 0%}`), emit the single `flex` key RN\n * understands. Otherwise expand to the three longhands.\n * @param value Typed `Flex` record.\n * @returns RN entries.\n */\nexport function flexToEntries(value: Flex): readonly RNEntry[] {\n  const basis = lengthPercentageOrAutoToValue(value.basis)\n  if (basis === null) return []\n  if (value.grow === 1 && value.shrink === 1 && basis === '0%') return [['flex', 1]]\n  const entries: RNEntry[] = [\n    ['flexGrow', value.grow],\n    ['flexShrink', value.shrink],\n  ]\n  if (basis !== 'auto') entries.push(['flexBasis', basis])\n  return entries\n}\n"],"names":["lengthPercentageOrAutoToValue","dimensionPercentageToNumber","cssColorToString","gapValueToValue"],"mappings":"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"}

package/lib/cjs/core/parser/shorthand.d.ts

@@ -0,0 +1,67 @@
+import type { BorderColor, BorderRadius, Flex, Gap, Margin, MarginBlock, MarginInline, Padding, PaddingBlock, PaddingInline } from 'lightningcss';
+import type { RNEntry } from './types';
+/**
+ * Expand `margin` / `padding` shorthand (`{top, right, bottom, left}`) to
+ * RN entries. Collapses progressively for a smaller emitted style:
+ * - all four equal → single `padding` / `margin`
+ * - matching axes → `paddingHorizontal` + `paddingVertical`
+ * - one matching axis → that axis collapsed, opposite axis as longhands
+ * - otherwise → four longhands
+ * @param property `'padding'` or `'margin'`.
+ * @param value Typed shorthand record.
+ * @returns RN entries.
+ */
+export declare function expandFourSided(property: 'padding' | 'margin', value: Padding | Margin): readonly RNEntry[];
+/**
+ * Expand `padding-inline` / `margin-inline` (logical property) into RN's
+ * physical pair. RN has no RTL-aware logical props at the style-object
+ * level, so we lower at compile time. When both sides match, emit the
+ * single `paddingHorizontal` / `marginHorizontal` shorthand for a more
+ * compact style.
+ * @param property `'padding'` or `'margin'`.
+ * @param value Typed inline shorthand.
+ * @returns RN entries.
+ */
+export declare function expandLogicalInline(property: 'padding' | 'margin', value: PaddingInline | MarginInline): readonly RNEntry[];
+/**
+ * Expand `padding-block` / `margin-block` (logical property) into RN's
+ * physical pair. When both sides match, emit `paddingVertical` /
+ * `marginVertical` for a more compact style.
+ * @param property `'padding'` or `'margin'`.
+ * @param value Typed block shorthand.
+ * @returns RN entries.
+ */
+export declare function expandLogicalBlock(property: 'padding' | 'margin', value: PaddingBlock | MarginBlock): readonly RNEntry[];
+/**
+ * Expand a `border-radius` shorthand into RN corner entries. Each corner
+ * is a 2-tuple `[x, y]` in lightningcss; RN exposes one radius per corner
+ * so we use the x-axis. When all four corners match, collapse to the
+ * single `borderRadius` key.
+ * @param value Typed `BorderRadius` record.
+ * @returns RN entries.
+ */
+export declare function expandBorderRadius(value: BorderRadius): readonly RNEntry[];
+/**
+ * Expand a `border-color` shorthand into RN longhands. When all four
+ * sides match, collapse to a single `borderColor`; otherwise emit per-side
+ * props.
+ * @param value Typed `BorderColor` record.
+ * @returns RN entries.
+ */
+export declare function expandBorderColor(value: BorderColor): readonly RNEntry[];
+/**
+ * Expand `gap` shorthand (`{row, column}`) into RN entries. When both
+ * axes equal the same value collapse to the single `gap` key; otherwise
+ * emit `rowGap` + `columnGap`.
+ * @param value Typed `Gap` record.
+ * @returns RN entries.
+ */
+export declare function expandGap(value: Gap): readonly RNEntry[];
+/**
+ * Convert `Flex` shorthand to RN entries. When the shape matches `flex:
+ * 1` (`{grow:1, shrink:1, basis: 0%}`), emit the single `flex` key RN
+ * understands. Otherwise expand to the three longhands.
+ * @param value Typed `Flex` record.
+ * @returns RN entries.
+ */
+export declare function flexToEntries(value: Flex): readonly RNEntry[];

package/lib/cjs/core/parser/text-truncate.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+/**
+ * Text-truncate atom detector.
+ *
+ * React Native's `<Text>` exposes two props that cover every case
+ * Tailwind's text-truncation utilities express:
+ *
+ *   numberOfLines   — clamp after N lines (1 for single-line ellipsis)
+ *   ellipsizeMode   — 'tail' (ellipsis) or 'clip' at the truncation point
+ *
+ * rnwind treats the Tailwind classes as **metadata**: the transformer
+ * strips the truncate atoms from the JSX site's className and emits
+ * `numberOfLines={N}` / `ellipsizeMode="tail"` props on the element.
+ *
+ * Covered atoms:
+ *   truncate              → { numberOfLines: 1, ellipsizeMode: 'tail' }
+ *   text-ellipsis         → { ellipsizeMode: 'tail' }
+ *   text-clip             → { ellipsizeMode: 'clip' }
+ *   line-clamp-<N>        → { numberOfLines: <N> }
+ *   line-clamp-none       → { numberOfLines: 0 }   (reset — overrides prior)
+ *
+ * Detection is pure name matching — no CSS inspection — because every
+ * relevant piece of data lives in the class name itself.
+ */
+/** Regex matching `line-clamp-<N>` with a positive-integer N. */
+const LINE_CLAMP_RE = /^line-clamp-(\d+)$/;
+/** Regex matching Tailwind v4's `line-clamp-[<value>]` arbitrary form. */
+const LINE_CLAMP_ARBITRARY_RE = /^line-clamp-\[([^\]]+)\]$/;
+/**
+ * Inspect one class-name token and return the text-truncate metadata it
+ * contributes, or `null` when the atom isn't a truncate utility.
+ * @param atom Single class-name token (no variant prefix).
+ * @returns The atom's contribution, or null.
+ */
+function detectTextTruncate(atom) {
+    if (atom === 'truncate')
+        return { numberOfLines: 1, ellipsizeMode: 'tail' };
+    if (atom === 'text-ellipsis')
+        return { ellipsizeMode: 'tail' };
+    if (atom === 'text-clip')
+        return { ellipsizeMode: 'clip' };
+    if (atom === 'line-clamp-none')
+        return { numberOfLines: 0 };
+    const numeric = LINE_CLAMP_RE.exec(atom);
+    if (numeric)
+        return { numberOfLines: Number(numeric[1]) };
+    const arbitrary = LINE_CLAMP_ARBITRARY_RE.exec(atom);
+    if (arbitrary) {
+        const n = Number.parseInt(arbitrary[1], 10);
+        if (Number.isFinite(n) && n >= 0)
+            return { numberOfLines: n };
+    }
+    return null;
+}
+/**
+ * Fast pre-check — returns true when ANY atom in the list could be a
+ * truncate utility, false when none can. Lets callers skip the
+ * allocation of the merge pass for the common "no truncate" case.
+ * @param atoms Tokenised atom list from a literal className.
+ * @returns Whether to run the full per-atom detection.
+ */
+function mayContainTextTruncate(atoms) {
+    for (const atom of atoms) {
+        if (atom === 'truncate' ||
+            atom === 'text-ellipsis' ||
+            atom === 'text-clip' ||
+            atom === 'line-clamp-none' ||
+            atom.startsWith('line-clamp-')) {
+            return true;
+        }
+    }
+    return false;
+}
+
+exports.detectTextTruncate = detectTextTruncate;
+exports.mayContainTextTruncate = mayContainTextTruncate;
+//# sourceMappingURL=text-truncate.cjs.map

package/lib/cjs/core/parser/text-truncate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-truncate.cjs","sources":["../../../../../src/core/parser/text-truncate.ts"],"sourcesContent":["/**\n * Text-truncate atom detector.\n *\n * React Native's `<Text>` exposes two props that cover every case\n * Tailwind's text-truncation utilities express:\n *\n *   numberOfLines   — clamp after N lines (1 for single-line ellipsis)\n *   ellipsizeMode   — 'tail' (ellipsis) or 'clip' at the truncation point\n *\n * rnwind treats the Tailwind classes as **metadata**: the transformer\n * strips the truncate atoms from the JSX site's className and emits\n * `numberOfLines={N}` / `ellipsizeMode=\"tail\"` props on the element.\n *\n * Covered atoms:\n *   truncate              → { numberOfLines: 1, ellipsizeMode: 'tail' }\n *   text-ellipsis         → { ellipsizeMode: 'tail' }\n *   text-clip             → { ellipsizeMode: 'clip' }\n *   line-clamp-<N>        → { numberOfLines: <N> }\n *   line-clamp-none       → { numberOfLines: 0 }   (reset — overrides prior)\n *\n * Detection is pure name matching — no CSS inspection — because every\n * relevant piece of data lives in the class name itself.\n */\n\n/** Text-truncate metadata produced by a single atom. */\nexport interface TextTruncateInfo {\n  readonly numberOfLines?: number\n  readonly ellipsizeMode?: 'tail' | 'clip'\n}\n\n/** Regex matching `line-clamp-<N>` with a positive-integer N. */\nconst LINE_CLAMP_RE = /^line-clamp-(\\d+)$/\n/** Regex matching Tailwind v4's `line-clamp-[<value>]` arbitrary form. */\nconst LINE_CLAMP_ARBITRARY_RE = /^line-clamp-\\[([^\\]]+)\\]$/\n\n/**\n * Inspect one class-name token and return the text-truncate metadata it\n * contributes, or `null` when the atom isn't a truncate utility.\n * @param atom Single class-name token (no variant prefix).\n * @returns The atom's contribution, or null.\n */\nfunction detectTextTruncate(atom: string): TextTruncateInfo | null {\n  if (atom === 'truncate') return { numberOfLines: 1, ellipsizeMode: 'tail' }\n  if (atom === 'text-ellipsis') return { ellipsizeMode: 'tail' }\n  if (atom === 'text-clip') return { ellipsizeMode: 'clip' }\n  if (atom === 'line-clamp-none') return { numberOfLines: 0 }\n  const numeric = LINE_CLAMP_RE.exec(atom)\n  if (numeric) return { numberOfLines: Number(numeric[1]) }\n  const arbitrary = LINE_CLAMP_ARBITRARY_RE.exec(atom)\n  if (arbitrary) {\n    const n = Number.parseInt(arbitrary[1]!, 10)\n    if (Number.isFinite(n) && n >= 0) return { numberOfLines: n }\n  }\n  return null\n}\n\n/**\n * Fast pre-check — returns true when ANY atom in the list could be a\n * truncate utility, false when none can. Lets callers skip the\n * allocation of the merge pass for the common \"no truncate\" case.\n * @param atoms Tokenised atom list from a literal className.\n * @returns Whether to run the full per-atom detection.\n */\nfunction mayContainTextTruncate(atoms: readonly string[]): boolean {\n  for (const atom of atoms) {\n    if (\n      atom === 'truncate' ||\n      atom === 'text-ellipsis' ||\n      atom === 'text-clip' ||\n      atom === 'line-clamp-none' ||\n      atom.startsWith('line-clamp-')\n    ) {\n      return true\n    }\n  }\n  return false\n}\n\nexport { detectTextTruncate, mayContainTextTruncate }\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;AAsBG;AAQH;AACA,MAAM,aAAa,GAAG,oBAAoB;AAC1C;AACA,MAAM,uBAAuB,GAAG,2BAA2B;AAE3D;;;;;AAKG;AACH,SAAS,kBAAkB,CAAC,IAAY,EAAA;IACtC,IAAI,IAAI,KAAK,UAAU;QAAE,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE;IAC3E,IAAI,IAAI,KAAK,eAAe;AAAE,QAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE;IAC9D,IAAI,IAAI,KAAK,WAAW;AAAE,QAAA,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE;IAC1D,IAAI,IAAI,KAAK,iBAAiB;AAAE,QAAA,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE;IAC3D,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;AACxC,IAAA,IAAI,OAAO;QAAE,OAAO,EAAE,aAAa,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE;IACzD,MAAM,SAAS,GAAG,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC;IACpD,IAAI,SAAS,EAAE;AACb,QAAA,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAE,EAAE,EAAE,CAAC;QAC5C,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;AAAE,YAAA,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE;IAC/D;AACA,IAAA,OAAO,IAAI;AACb;AAEA;;;;;;AAMG;AACH,SAAS,sBAAsB,CAAC,KAAwB,EAAA;AACtD,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACxB,IACE,IAAI,KAAK,UAAU;AACnB,YAAA,IAAI,KAAK,eAAe;AACxB,YAAA,IAAI,KAAK,WAAW;AACpB,YAAA,IAAI,KAAK,iBAAiB;AAC1B,YAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAC9B;AACA,YAAA,OAAO,IAAI;QACb;IACF;AACA,IAAA,OAAO,KAAK;AACd;;;;;"}

package/lib/cjs/core/parser/text-truncate.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Text-truncate atom detector.
+ *
+ * React Native's `<Text>` exposes two props that cover every case
+ * Tailwind's text-truncation utilities express:
+ *
+ *   numberOfLines   — clamp after N lines (1 for single-line ellipsis)
+ *   ellipsizeMode   — 'tail' (ellipsis) or 'clip' at the truncation point
+ *
+ * rnwind treats the Tailwind classes as **metadata**: the transformer
+ * strips the truncate atoms from the JSX site's className and emits
+ * `numberOfLines={N}` / `ellipsizeMode="tail"` props on the element.
+ *
+ * Covered atoms:
+ *   truncate              → { numberOfLines: 1, ellipsizeMode: 'tail' }
+ *   text-ellipsis         → { ellipsizeMode: 'tail' }
+ *   text-clip             → { ellipsizeMode: 'clip' }
+ *   line-clamp-<N>        → { numberOfLines: <N> }
+ *   line-clamp-none       → { numberOfLines: 0 }   (reset — overrides prior)
+ *
+ * Detection is pure name matching — no CSS inspection — because every
+ * relevant piece of data lives in the class name itself.
+ */
+/** Text-truncate metadata produced by a single atom. */
+export interface TextTruncateInfo {
+    readonly numberOfLines?: number;
+    readonly ellipsizeMode?: 'tail' | 'clip';
+}
+/**
+ * Inspect one class-name token and return the text-truncate metadata it
+ * contributes, or `null` when the atom isn't a truncate utility.
+ * @param atom Single class-name token (no variant prefix).
+ * @returns The atom's contribution, or null.
+ */
+declare function detectTextTruncate(atom: string): TextTruncateInfo | null;
+/**
+ * Fast pre-check — returns true when ANY atom in the list could be a
+ * truncate utility, false when none can. Lets callers skip the
+ * allocation of the merge pass for the common "no truncate" case.
+ * @param atoms Tokenised atom list from a literal className.
+ * @returns Whether to run the full per-atom detection.
+ */
+declare function mayContainTextTruncate(atoms: readonly string[]): boolean;
+export { detectTextTruncate, mayContainTextTruncate };