rnwind 0.0.1 → 0.0.2

package/lib/cjs/core/parser/border-dispatcher.cjs

@@ -0,0 +1,180 @@
+'use strict';
+
+var caseConvert = require('./case-convert.cjs');
+var color = require('./color.cjs');
+
+/**
+ * Build an inline-color pair from a `{start, end}`-shaped value.
+ * @param leftKey RN key for the start side.
+ * @param rightKey RN key for the end side.
+ * @param value Typed `{start, end}` color value.
+ * @returns Two RN entries.
+ */
+function colorPair(leftKey, rightKey, value) {
+    const tagged = value;
+    return [
+        [leftKey, color.cssColorToString(tagged.start)],
+        [rightKey, color.cssColorToString(tagged.end)],
+    ];
+}
+/**
+ * Coerce a border-width-shaped length to a pixel number. Drops
+ * percentages — RN borders don't accept them.
+ * @param value Typed length value (`{type: 'length', value: {unit, value}}`).
+ * @returns Pixel number, or null when unrepresentable.
+ */
+function lengthToPxValue(value) {
+    if (typeof value !== 'object' || value === null)
+        return null;
+    const tagged = value;
+    const inner = tagged.type === 'length'
+        ? tagged.value?.value
+        : tagged.value;
+    if (!inner || typeof inner.value !== 'number')
+        return null;
+    const dim = inner;
+    if (dim.unit === 'px')
+        return dim.value;
+    if (dim.unit === 'rem' || dim.unit === 'em')
+        return dim.value * 16;
+    return dim.value;
+}
+/**
+ * Build an inline-width pair from a `{start, end}`-shaped value.
+ * @param leftKey RN key for the start side.
+ * @param rightKey RN key for the end side.
+ * @param value Typed `{start, end}` length value.
+ * @returns Two RN entries, or empty when either side is unrepresentable.
+ */
+function widthPair(leftKey, rightKey, value) {
+    const tagged = value;
+    const start = lengthToPxValue(tagged.start);
+    const end = lengthToPxValue(tagged.end);
+    if (start === null || end === null)
+        return [];
+    return [
+        [leftKey, start],
+        [rightKey, end],
+    ];
+}
+/**
+ * Expand a `border-width` shorthand to RN longhands. Collapses to the
+ * `borderWidth` shorthand when all four sides match.
+ * @param value Typed border-width value with `{top, right, bottom, left}`.
+ * @returns RN entries.
+ */
+function borderWidthShorthand(value) {
+    const tagged = value;
+    const top = lengthToPxValue(tagged.top);
+    const right = lengthToPxValue(tagged.right);
+    const bottom = lengthToPxValue(tagged.bottom);
+    const left = lengthToPxValue(tagged.left);
+    if (top === null || right === null || bottom === null || left === null)
+        return [];
+    if (top === right && right === bottom && bottom === left)
+        return [['borderWidth', top]];
+    return [
+        ['borderTopWidth', top],
+        ['borderRightWidth', right],
+        ['borderBottomWidth', bottom],
+        ['borderLeftWidth', left],
+    ];
+}
+/**
+ * Map CSS `border-style` keywords to the strings RN accepts. RN
+ * supports only `solid` / `dashed` / `dotted` / `none` — fall back to
+ * `solid` for everything else.
+ * @param css CSS border-style keyword.
+ * @returns RN border-style.
+ */
+function mapBorderStyle(css) {
+    if (css === 'dashed' || css === 'dotted' || css === 'none')
+        return css;
+    return 'solid';
+}
+/**
+ * Dispatch border-* longhands and their logical-direction variants to
+ * RN style entries. Returns `null` for any property the dispatcher
+ * doesn't handle so the caller can fall through.
+ *
+ * Logical-direction inputs (`border-inline-*`, `border-block-*`,
+ * `border-inline-start-*`, …) lower to RN's physical pairs
+ * (`borderLeft*` / `borderRight*` / `borderTop*` / `borderBottom*`)
+ * since RN doesn't honor logical directions at the style level.
+ * @param decl One lightningcss declaration.
+ * @returns RN entries when the property matched, else `null`.
+ */
+function dispatchBorderDeclaration(decl) {
+    switch (decl.property) {
+        case 'border-inline-color': {
+            return colorPair('borderLeftColor', 'borderRightColor', decl.value);
+        }
+        case 'border-block-color': {
+            return colorPair('borderTopColor', 'borderBottomColor', decl.value);
+        }
+        case 'border-inline-start-color': {
+            return [['borderLeftColor', color.cssColorToString(decl.value)]];
+        }
+        case 'border-inline-end-color': {
+            return [['borderRightColor', color.cssColorToString(decl.value)]];
+        }
+        case 'border-block-start-color': {
+            return [['borderTopColor', color.cssColorToString(decl.value)]];
+        }
+        case 'border-block-end-color': {
+            return [['borderBottomColor', color.cssColorToString(decl.value)]];
+        }
+        case 'border-width': {
+            return borderWidthShorthand(decl.value);
+        }
+        case 'border-top-width':
+        case 'border-right-width':
+        case 'border-bottom-width':
+        case 'border-left-width': {
+            const v = lengthToPxValue(decl.value);
+            return v === null ? [] : [[caseConvert.kebabToCamel(decl.property), v]];
+        }
+        case 'border-inline-width': {
+            return widthPair('borderLeftWidth', 'borderRightWidth', decl.value);
+        }
+        case 'border-block-width': {
+            return widthPair('borderTopWidth', 'borderBottomWidth', decl.value);
+        }
+        case 'border-inline-start-width': {
+            const v = lengthToPxValue(decl.value);
+            return v === null ? [] : [['borderLeftWidth', v]];
+        }
+        case 'border-inline-end-width': {
+            const v = lengthToPxValue(decl.value);
+            return v === null ? [] : [['borderRightWidth', v]];
+        }
+        case 'border-block-start-width': {
+            const v = lengthToPxValue(decl.value);
+            return v === null ? [] : [['borderTopWidth', v]];
+        }
+        case 'border-block-end-width': {
+            const v = lengthToPxValue(decl.value);
+            return v === null ? [] : [['borderBottomWidth', v]];
+        }
+        case 'border-style': {
+            const styleValue = decl.value.top;
+            if (typeof styleValue !== 'string')
+                return [];
+            return [['borderStyle', mapBorderStyle(styleValue)]];
+        }
+        case 'border-top-style':
+        case 'border-right-style':
+        case 'border-bottom-style':
+        case 'border-left-style': {
+            if (typeof decl.value !== 'string')
+                return [];
+            return [['borderStyle', mapBorderStyle(decl.value)]];
+        }
+        default: {
+            return null;
+        }
+    }
+}
+
+exports.dispatchBorderDeclaration = dispatchBorderDeclaration;
+//# sourceMappingURL=border-dispatcher.cjs.map

package/lib/cjs/core/parser/border-dispatcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"border-dispatcher.cjs","sources":["../../../../../src/core/parser/border-dispatcher.ts"],"sourcesContent":["import type { Declaration as LcDeclaration } from 'lightningcss'\nimport { kebabToCamel } from './case-convert'\nimport { cssColorToString } from './color'\nimport type { RNEntry } from './types'\n\n/**\n * Build an inline-color pair from a `{start, end}`-shaped value.\n * @param leftKey RN key for the start side.\n * @param rightKey RN key for the end side.\n * @param value Typed `{start, end}` color value.\n * @returns Two RN entries.\n */\nfunction colorPair(leftKey: string, rightKey: string, value: unknown): readonly RNEntry[] {\n  const tagged = value as { start?: unknown; end?: unknown }\n  return [\n    [leftKey, cssColorToString(tagged.start as never)],\n    [rightKey, cssColorToString(tagged.end as never)],\n  ]\n}\n\n/**\n * Coerce a border-width-shaped length to a pixel number. Drops\n * percentages — RN borders don't accept them.\n * @param value Typed length value (`{type: 'length', value: {unit, value}}`).\n * @returns Pixel number, or null when unrepresentable.\n */\nfunction lengthToPxValue(value: unknown): number | null {\n  if (typeof value !== 'object' || value === null) return null\n  const tagged = value as {\n    type?: string\n    value?: { type?: string; value?: { unit?: string; value?: number } } | { unit?: string; value?: number }\n  }\n  const inner =\n    tagged.type === 'length'\n      ? (tagged.value as { type?: string; value?: { unit?: string; value?: number } })?.value\n      : tagged.value\n  if (!inner || typeof (inner as { value?: number }).value !== 'number') return null\n  const dim = inner as { unit?: string; value: number }\n  if (dim.unit === 'px') return dim.value\n  if (dim.unit === 'rem' || dim.unit === 'em') return dim.value * 16\n  return dim.value\n}\n\n/**\n * Build an inline-width pair from a `{start, end}`-shaped value.\n * @param leftKey RN key for the start side.\n * @param rightKey RN key for the end side.\n * @param value Typed `{start, end}` length value.\n * @returns Two RN entries, or empty when either side is unrepresentable.\n */\nfunction widthPair(leftKey: string, rightKey: string, value: unknown): readonly RNEntry[] {\n  const tagged = value as { start?: unknown; end?: unknown }\n  const start = lengthToPxValue(tagged.start)\n  const end = lengthToPxValue(tagged.end)\n  if (start === null || end === null) return []\n  return [\n    [leftKey, start],\n    [rightKey, end],\n  ]\n}\n\n/**\n * Expand a `border-width` shorthand to RN longhands. Collapses to the\n * `borderWidth` shorthand when all four sides match.\n * @param value Typed border-width value with `{top, right, bottom, left}`.\n * @returns RN entries.\n */\nfunction borderWidthShorthand(value: unknown): readonly RNEntry[] {\n  const tagged = value as { top?: unknown; right?: unknown; bottom?: unknown; left?: unknown }\n  const top = lengthToPxValue(tagged.top)\n  const right = lengthToPxValue(tagged.right)\n  const bottom = lengthToPxValue(tagged.bottom)\n  const left = lengthToPxValue(tagged.left)\n  if (top === null || right === null || bottom === null || left === null) return []\n  if (top === right && right === bottom && bottom === left) return [['borderWidth', top]]\n  return [\n    ['borderTopWidth', top],\n    ['borderRightWidth', right],\n    ['borderBottomWidth', bottom],\n    ['borderLeftWidth', left],\n  ]\n}\n\n/**\n * Map CSS `border-style` keywords to the strings RN accepts. RN\n * supports only `solid` / `dashed` / `dotted` / `none` — fall back to\n * `solid` for everything else.\n * @param css CSS border-style keyword.\n * @returns RN border-style.\n */\nfunction mapBorderStyle(css: string): string {\n  if (css === 'dashed' || css === 'dotted' || css === 'none') return css\n  return 'solid'\n}\n\n/**\n * Dispatch border-* longhands and their logical-direction variants to\n * RN style entries. Returns `null` for any property the dispatcher\n * doesn't handle so the caller can fall through.\n *\n * Logical-direction inputs (`border-inline-*`, `border-block-*`,\n * `border-inline-start-*`, …) lower to RN's physical pairs\n * (`borderLeft*` / `borderRight*` / `borderTop*` / `borderBottom*`)\n * since RN doesn't honor logical directions at the style level.\n * @param decl One lightningcss declaration.\n * @returns RN entries when the property matched, else `null`.\n */\nexport function dispatchBorderDeclaration(decl: LcDeclaration): readonly RNEntry[] | null {\n  switch (decl.property) {\n    case 'border-inline-color': {\n      return colorPair('borderLeftColor', 'borderRightColor', decl.value)\n    }\n    case 'border-block-color': {\n      return colorPair('borderTopColor', 'borderBottomColor', decl.value)\n    }\n    case 'border-inline-start-color': {\n      return [['borderLeftColor', cssColorToString(decl.value)]]\n    }\n    case 'border-inline-end-color': {\n      return [['borderRightColor', cssColorToString(decl.value)]]\n    }\n    case 'border-block-start-color': {\n      return [['borderTopColor', cssColorToString(decl.value)]]\n    }\n    case 'border-block-end-color': {\n      return [['borderBottomColor', cssColorToString(decl.value)]]\n    }\n    case 'border-width': {\n      return borderWidthShorthand(decl.value)\n    }\n    case 'border-top-width':\n    case 'border-right-width':\n    case 'border-bottom-width':\n    case 'border-left-width': {\n      const v = lengthToPxValue(decl.value)\n      return v === null ? [] : [[kebabToCamel(decl.property), v]]\n    }\n    case 'border-inline-width': {\n      return widthPair('borderLeftWidth', 'borderRightWidth', decl.value)\n    }\n    case 'border-block-width': {\n      return widthPair('borderTopWidth', 'borderBottomWidth', decl.value)\n    }\n    case 'border-inline-start-width': {\n      const v = lengthToPxValue(decl.value)\n      return v === null ? [] : [['borderLeftWidth', v]]\n    }\n    case 'border-inline-end-width': {\n      const v = lengthToPxValue(decl.value)\n      return v === null ? [] : [['borderRightWidth', v]]\n    }\n    case 'border-block-start-width': {\n      const v = lengthToPxValue(decl.value)\n      return v === null ? [] : [['borderTopWidth', v]]\n    }\n    case 'border-block-end-width': {\n      const v = lengthToPxValue(decl.value)\n      return v === null ? [] : [['borderBottomWidth', v]]\n    }\n    case 'border-style': {\n      const styleValue = (decl.value as { top?: string }).top\n      if (typeof styleValue !== 'string') return []\n      return [['borderStyle', mapBorderStyle(styleValue)]]\n    }\n    case 'border-top-style':\n    case 'border-right-style':\n    case 'border-bottom-style':\n    case 'border-left-style': {\n      if (typeof decl.value !== 'string') return []\n      return [['borderStyle', mapBorderStyle(decl.value)]]\n    }\n    default: {\n      return null\n    }\n  }\n}\n"],"names":["cssColorToString","kebabToCamel"],"mappings":"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"}

package/lib/cjs/core/parser/border-dispatcher.d.ts

@@ -0,0 +1,15 @@
+import type { Declaration as LcDeclaration } from 'lightningcss';
+import type { RNEntry } from './types';
+/**
+ * Dispatch border-* longhands and their logical-direction variants to
+ * RN style entries. Returns `null` for any property the dispatcher
+ * doesn't handle so the caller can fall through.
+ *
+ * Logical-direction inputs (`border-inline-*`, `border-block-*`,
+ * `border-inline-start-*`, …) lower to RN's physical pairs
+ * (`borderLeft*` / `borderRight*` / `borderTop*` / `borderBottom*`)
+ * since RN doesn't honor logical directions at the style level.
+ * @param decl One lightningcss declaration.
+ * @returns RN entries when the property matched, else `null`.
+ */
+export declare function dispatchBorderDeclaration(decl: LcDeclaration): readonly RNEntry[] | null;

package/lib/cjs/core/parser/case-convert.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var constants = require('./constants.cjs');
+
+/**
+ * Kebab-case to camelCase — `border-radius` → `borderRadius`.
+ * @param name Kebab-case CSS property name.
+ * @returns camelCase RN key.
+ */
+function kebabToCamel(name) {
+    return name.replaceAll(constants.KEBAB_BOUNDARY_REGEX, (_, c) => c.toUpperCase());
+}
+
+exports.kebabToCamel = kebabToCamel;
+//# sourceMappingURL=case-convert.cjs.map

package/lib/cjs/core/parser/case-convert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-convert.cjs","sources":["../../../../../src/core/parser/case-convert.ts"],"sourcesContent":["import { KEBAB_BOUNDARY_REGEX } from './constants'\n\n/**\n * Kebab-case to camelCase — `border-radius` → `borderRadius`.\n * @param name Kebab-case CSS property name.\n * @returns camelCase RN key.\n */\nexport function kebabToCamel(name: string): string {\n  return name.replaceAll(KEBAB_BOUNDARY_REGEX, (_, c: string) => c.toUpperCase())\n}\n"],"names":["KEBAB_BOUNDARY_REGEX"],"mappings":";;;;AAEA;;;;AAIG;AACG,SAAU,YAAY,CAAC,IAAY,EAAA;AACvC,IAAA,OAAO,IAAI,CAAC,UAAU,CAACA,8BAAoB,EAAE,CAAC,CAAC,EAAE,CAAS,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AACjF;;;;"}

package/lib/cjs/core/parser/case-convert.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Kebab-case to camelCase — `border-radius` → `borderRadius`.
+ * @param name Kebab-case CSS property name.
+ * @returns camelCase RN key.
+ */
+export declare function kebabToCamel(name: string): string;

package/lib/cjs/core/parser/color-properties-dispatcher.cjs

@@ -0,0 +1,84 @@
+'use strict';
+
+var color = require('./color.cjs');
+
+/**
+ * Build a `[key, hex]` entry from a typed CssColor. Drops keyword colors
+ * (e.g. `'currentcolor'` strings — RN can't render them).
+ * @param key RN style key (camelCase).
+ * @param value Typed `CssColor`-shaped value.
+ * @returns Single-entry list or empty.
+ */
+function colorEntry(key, value) {
+    if (value === null || value === undefined)
+        return [];
+    if (typeof value === 'string')
+        return [[key, value]];
+    const hex = color.cssColorToString(value);
+    if (!hex || hex === 'transparent' || hex === 'currentColor')
+        return [[key, hex]];
+    return [[key, hex]];
+}
+/**
+ * Several typed color properties wrap their `CssColor` payload inside a
+ * `{type: 'color', value: CssColor}` envelope. Unwrap so the inner color
+ * reaches {@link cssColorToString}.
+ * @param value Either a `CssColor` directly or a `{type: 'color', value}` wrapper.
+ * @returns Unwrapped `CssColor` (or the input untouched).
+ */
+function unwrapTaggedColor(value) {
+    if (typeof value !== 'object' || value === null)
+        return value;
+    const tagged = value;
+    if (tagged.type === 'color')
+        return tagged.value;
+    return value;
+}
+/**
+ * Dispatch color-typed CSS properties (text-decoration-color, fill,
+ * stroke, caret-color, outline-color, …) to RN-compatible style entries.
+ *
+ * lightningcss emits two shapes for color properties:
+ *  - bare `CssColor` value (e.g. `text-decoration-color`, `outline-color`)
+ *  - wrapped `{type: 'color', value: CssColor}` (e.g. `fill`, `stroke`,
+ *    `caret-color`, `accent-color`)
+ * We unwrap both and run them through {@link cssColorToString} to land
+ * at hex/rgba.
+ *
+ * Returns `null` for any property the dispatcher doesn't handle so the
+ * caller can fall through to the next dispatcher.
+ * @param decl One lightningcss declaration.
+ * @returns RN entries when the property matched, else `null`.
+ */
+function dispatchColorPropertyDeclaration(decl) {
+    switch (decl.property) {
+        case 'text-decoration-color': {
+            return colorEntry('textDecorationColor', decl.value);
+        }
+        case 'caret-color': {
+            return colorEntry('caretColor', unwrapTaggedColor(decl.value));
+        }
+        case 'fill': {
+            return colorEntry('fill', unwrapTaggedColor(decl.value));
+        }
+        case 'stroke': {
+            return colorEntry('stroke', unwrapTaggedColor(decl.value));
+        }
+        case 'outline-color': {
+            // RN doesn't render outlines, but tooling like react-native-web /
+            // a11y overlays read it — keep so cross-platform code carries the
+            // value through.
+            return colorEntry('outlineColor', decl.value);
+        }
+        case 'accent-color': {
+            // RN has no native accent color; skip silently.
+            return [];
+        }
+        default: {
+            return null;
+        }
+    }
+}
+
+exports.dispatchColorPropertyDeclaration = dispatchColorPropertyDeclaration;
+//# sourceMappingURL=color-properties-dispatcher.cjs.map

package/lib/cjs/core/parser/color-properties-dispatcher.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-properties-dispatcher.cjs","sources":["../../../../../src/core/parser/color-properties-dispatcher.ts"],"sourcesContent":["import type { Declaration as LcDeclaration } from 'lightningcss'\nimport { cssColorToString } from './color'\nimport type { RNEntry } from './types'\n\n/**\n * Build a `[key, hex]` entry from a typed CssColor. Drops keyword colors\n * (e.g. `'currentcolor'` strings — RN can't render them).\n * @param key RN style key (camelCase).\n * @param value Typed `CssColor`-shaped value.\n * @returns Single-entry list or empty.\n */\nfunction colorEntry(key: string, value: unknown): readonly RNEntry[] {\n  if (value === null || value === undefined) return []\n  if (typeof value === 'string') return [[key, value]]\n  const hex = cssColorToString(value as never)\n  if (!hex || hex === 'transparent' || hex === 'currentColor') return [[key, hex]]\n  return [[key, hex]]\n}\n\n/**\n * Several typed color properties wrap their `CssColor` payload inside a\n * `{type: 'color', value: CssColor}` envelope. Unwrap so the inner color\n * reaches {@link cssColorToString}.\n * @param value Either a `CssColor` directly or a `{type: 'color', value}` wrapper.\n * @returns Unwrapped `CssColor` (or the input untouched).\n */\nfunction unwrapTaggedColor(value: unknown): unknown {\n  if (typeof value !== 'object' || value === null) return value\n  const tagged = value as { type?: string; value?: unknown }\n  if (tagged.type === 'color') return tagged.value\n  return value\n}\n\n/**\n * Dispatch color-typed CSS properties (text-decoration-color, fill,\n * stroke, caret-color, outline-color, …) to RN-compatible style entries.\n *\n * lightningcss emits two shapes for color properties:\n *  - bare `CssColor` value (e.g. `text-decoration-color`, `outline-color`)\n *  - wrapped `{type: 'color', value: CssColor}` (e.g. `fill`, `stroke`,\n *    `caret-color`, `accent-color`)\n * We unwrap both and run them through {@link cssColorToString} to land\n * at hex/rgba.\n *\n * Returns `null` for any property the dispatcher doesn't handle so the\n * caller can fall through to the next dispatcher.\n * @param decl One lightningcss declaration.\n * @returns RN entries when the property matched, else `null`.\n */\nexport function dispatchColorPropertyDeclaration(decl: LcDeclaration): readonly RNEntry[] | null {\n  switch (decl.property) {\n    case 'text-decoration-color': {\n      return colorEntry('textDecorationColor', decl.value)\n    }\n    case 'caret-color': {\n      return colorEntry('caretColor', unwrapTaggedColor(decl.value))\n    }\n    case 'fill': {\n      return colorEntry('fill', unwrapTaggedColor(decl.value))\n    }\n    case 'stroke': {\n      return colorEntry('stroke', unwrapTaggedColor(decl.value))\n    }\n    case 'outline-color': {\n      // RN doesn't render outlines, but tooling like react-native-web /\n      // a11y overlays read it — keep so cross-platform code carries the\n      // value through.\n      return colorEntry('outlineColor', decl.value)\n    }\n    case 'accent-color': {\n      // RN has no native accent color; skip silently.\n      return []\n    }\n    default: {\n      return null\n    }\n  }\n}\n"],"names":["cssColorToString"],"mappings":";;;;AAIA;;;;;;AAMG;AACH,SAAS,UAAU,CAAC,GAAW,EAAE,KAAc,EAAA;AAC7C,IAAA,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;AAAE,QAAA,OAAO,EAAE;IACpD,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AACpD,IAAA,MAAM,GAAG,GAAGA,sBAAgB,CAAC,KAAc,CAAC;IAC5C,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,aAAa,IAAI,GAAG,KAAK,cAAc;AAAE,QAAA,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AAChF,IAAA,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;AACrB;AAEA;;;;;;AAMG;AACH,SAAS,iBAAiB,CAAC,KAAc,EAAA;AACvC,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI;AAAE,QAAA,OAAO,KAAK;IAC7D,MAAM,MAAM,GAAG,KAA2C;AAC1D,IAAA,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO;QAAE,OAAO,MAAM,CAAC,KAAK;AAChD,IAAA,OAAO,KAAK;AACd;AAEA;;;;;;;;;;;;;;;AAeG;AACG,SAAU,gCAAgC,CAAC,IAAmB,EAAA;AAClE,IAAA,QAAQ,IAAI,CAAC,QAAQ;QACnB,KAAK,uBAAuB,EAAE;YAC5B,OAAO,UAAU,CAAC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC;QACtD;QACA,KAAK,aAAa,EAAE;YAClB,OAAO,UAAU,CAAC,YAAY,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChE;QACA,KAAK,MAAM,EAAE;YACX,OAAO,UAAU,CAAC,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1D;QACA,KAAK,QAAQ,EAAE;YACb,OAAO,UAAU,CAAC,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5D;QACA,KAAK,eAAe,EAAE;;;;YAIpB,OAAO,UAAU,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC;QAC/C;QACA,KAAK,cAAc,EAAE;;AAEnB,YAAA,OAAO,EAAE;QACX;QACA,SAAS;AACP,YAAA,OAAO,IAAI;QACb;;AAEJ;;;;"}

package/lib/cjs/core/parser/color-properties-dispatcher.d.ts

@@ -0,0 +1,19 @@
+import type { Declaration as LcDeclaration } from 'lightningcss';
+import type { RNEntry } from './types';
+/**
+ * Dispatch color-typed CSS properties (text-decoration-color, fill,
+ * stroke, caret-color, outline-color, …) to RN-compatible style entries.
+ *
+ * lightningcss emits two shapes for color properties:
+ *  - bare `CssColor` value (e.g. `text-decoration-color`, `outline-color`)
+ *  - wrapped `{type: 'color', value: CssColor}` (e.g. `fill`, `stroke`,
+ *    `caret-color`, `accent-color`)
+ * We unwrap both and run them through {@link cssColorToString} to land
+ * at hex/rgba.
+ *
+ * Returns `null` for any property the dispatcher doesn't handle so the
+ * caller can fall through to the next dispatcher.
+ * @param decl One lightningcss declaration.
+ * @returns RN entries when the property matched, else `null`.
+ */
+export declare function dispatchColorPropertyDeclaration(decl: LcDeclaration): readonly RNEntry[] | null;

package/lib/cjs/core/parser/color.cjs

@@ -0,0 +1,164 @@
+'use strict';
+
+var culori = require('culori');
+
+/**
+ * Clamp a 0-255 float to the integer byte range RN color strings accept.
+ * @param value Unclamped float (may be negative or above 255).
+ * @returns Integer in `[0, 255]`.
+ */
+function clampByte(value) {
+    if (value < 0)
+        return 0;
+    if (value > 255)
+        return 255;
+    return Math.round(value);
+}
+/**
+ * Two-digit hex encoding of a 0-255 byte.
+ * @param byte Byte value (may be out-of-range — clamped).
+ * @returns Zero-padded two-char hex string.
+ */
+function byteToHex(byte) {
+    const hex = clampByte(byte).toString(16);
+    return hex.length === 1 ? `0${hex}` : hex;
+}
+/**
+ * Format an integer-RGB triple + alpha as `#rrggbb` or `rgba(r, g, b, a)`.
+ * @param r 0-255 red.
+ * @param g 0-255 green.
+ * @param b 0-255 blue.
+ * @param alpha 0-1 alpha.
+ * @returns Color string.
+ */
+function rgbIntsToString(r, g, b, alpha) {
+    if (alpha >= 1)
+        return `#${byteToHex(r)}${byteToHex(g)}${byteToHex(b)}`;
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+/**
+ * Format a float-RGB triple + alpha (CSS `color(srgb …)` forms) as
+ * hex/rgba.
+ * @param r 0-1 red.
+ * @param g 0-1 green.
+ * @param b 0-1 blue.
+ * @param alpha 0-1 alpha.
+ * @returns Color string.
+ */
+function floatRgbToString(r, g, b, alpha) {
+    return rgbIntsToString(clampByte(r * 255), clampByte(g * 255), clampByte(b * 255), alpha);
+}
+/**
+ * Dispatch a LAB-family color through culori's hex formatter.
+ * @param color Typed LAB-family color.
+ * @returns `#rrggbb` string, or `null` when culori couldn't convert.
+ */
+function culoriHexFor(color) {
+    switch (color.type) {
+        case 'oklch': {
+            return culori.formatHex({ mode: 'oklch', l: color.l, c: color.c, h: color.h }) ?? null;
+        }
+        case 'oklab': {
+            return culori.formatHex({ mode: 'oklab', l: color.l, a: color.a, b: color.b }) ?? null;
+        }
+        case 'lab': {
+            return culori.formatHex({ mode: 'lab', l: color.l, a: color.a, b: color.b }) ?? null;
+        }
+        case 'lch': {
+            return culori.formatHex({ mode: 'lch', l: color.l, c: color.c, h: color.h }) ?? null;
+        }
+        default: {
+            return null;
+        }
+    }
+}
+/**
+ * Convert a LAB / LCH / OKLAB / OKLCH color to sRGB hex via culori. RN
+ * can't evaluate these modern color spaces at paint time; compile-time
+ * lowering to sRGB is the only portable path.
+ * @param color Typed lab-family color.
+ * @returns Hex or rgba string in sRGB.
+ */
+function labFamilyToHex(color) {
+    const hex = culoriHexFor(color);
+    if (!hex)
+        return color.alpha < 1 ? 'rgba(0, 0, 0, 0)' : 'transparent';
+    if (color.alpha >= 1)
+        return hex;
+    const back = culori.rgb(hex);
+    if (!back)
+        return hex;
+    return rgbIntsToString(clampByte(back.r * 255), clampByte(back.g * 255), clampByte(back.b * 255), color.alpha);
+}
+/**
+ * Convert a CSS `color(xyz-d50 …)` / `color(xyz-d65 …)` value to sRGB hex
+ * via culori.
+ * @param color Typed XYZ color (discriminated by `type`).
+ * @param color.type Whether the color is in the D50 or D65 XYZ space.
+ * @param color.x CIE X component (0–1).
+ * @param color.y CIE Y component (0–1).
+ * @param color.z CIE Z component (0–1).
+ * @param color.alpha Alpha channel (0–1).
+ * @returns `#rrggbb` string, or `'transparent'` when culori rejects it.
+ */
+function xyzToHex(color) {
+    const mode = color.type === 'xyz-d50' ? 'xyz50' : 'xyz65';
+    const hex = culori.formatHex({ mode, x: color.x, y: color.y, z: color.z }) ?? null;
+    if (!hex)
+        return color.alpha < 1 ? 'rgba(0, 0, 0, 0)' : 'transparent';
+    if (color.alpha >= 1)
+        return hex;
+    const back = culori.rgb(hex);
+    if (!back)
+        return hex;
+    return rgbIntsToString(clampByte(back.r * 255), clampByte(back.g * 255), clampByte(back.b * 255), color.alpha);
+}
+/**
+ * Convert a lightningcss `CssColor` to an RN-safe color string. RGB
+ * passes through unchanged. LAB / LCH / OKLAB / OKLCH / `color(xyz-…)`
+ * forms go through culori to reach sRGB — RN's native view manager only
+ * understands sRGB-family strings. SystemColor keywords (`'background'`,
+ * `'canvas'`, …) pass through untouched; they have no RN analog and the
+ * runtime ignores unknown color strings gracefully.
+ * @param color Typed color value.
+ * @returns Color string RN accepts.
+ */
+function cssColorToString(color) {
+    if (typeof color === 'string')
+        return color;
+    switch (color.type) {
+        case 'rgb': {
+            return rgbIntsToString(color.r, color.g, color.b, color.alpha);
+        }
+        case 'lab':
+        case 'lch':
+        case 'oklab':
+        case 'oklch': {
+            return labFamilyToHex(color);
+        }
+        case 'srgb':
+        case 'srgb-linear':
+        case 'display-p3':
+        case 'a98-rgb':
+        case 'prophoto-rgb':
+        case 'rec2020': {
+            return floatRgbToString(color.r, color.g, color.b, color.alpha);
+        }
+        case 'xyz-d50':
+        case 'xyz-d65': {
+            return xyzToHex(color);
+        }
+        case 'currentcolor': {
+            return 'currentColor';
+        }
+        case 'light-dark': {
+            return cssColorToString(color.light);
+        }
+        default: {
+            return 'transparent';
+        }
+    }
+}
+
+exports.cssColorToString = cssColorToString;
+//# sourceMappingURL=color.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color.cjs","sources":["../../../../../src/core/parser/color.ts"],"sourcesContent":["import type { CssColor, LABColor } from 'lightningcss'\nimport { formatHex, rgb as culoriRgb } from 'culori'\n\n/**\n * Clamp a 0-255 float to the integer byte range RN color strings accept.\n * @param value Unclamped float (may be negative or above 255).\n * @returns Integer in `[0, 255]`.\n */\nfunction clampByte(value: number): number {\n  if (value < 0) return 0\n  if (value > 255) return 255\n  return Math.round(value)\n}\n\n/**\n * Two-digit hex encoding of a 0-255 byte.\n * @param byte Byte value (may be out-of-range — clamped).\n * @returns Zero-padded two-char hex string.\n */\nfunction byteToHex(byte: number): string {\n  const hex = clampByte(byte).toString(16)\n  return hex.length === 1 ? `0${hex}` : hex\n}\n\n/**\n * Format an integer-RGB triple + alpha as `#rrggbb` or `rgba(r, g, b, a)`.\n * @param r 0-255 red.\n * @param g 0-255 green.\n * @param b 0-255 blue.\n * @param alpha 0-1 alpha.\n * @returns Color string.\n */\nfunction rgbIntsToString(r: number, g: number, b: number, alpha: number): string {\n  if (alpha >= 1) return `#${byteToHex(r)}${byteToHex(g)}${byteToHex(b)}`\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`\n}\n\n/**\n * Format a float-RGB triple + alpha (CSS `color(srgb …)` forms) as\n * hex/rgba.\n * @param r 0-1 red.\n * @param g 0-1 green.\n * @param b 0-1 blue.\n * @param alpha 0-1 alpha.\n * @returns Color string.\n */\nfunction floatRgbToString(r: number, g: number, b: number, alpha: number): string {\n  return rgbIntsToString(clampByte(r * 255), clampByte(g * 255), clampByte(b * 255), alpha)\n}\n\n/**\n * Dispatch a LAB-family color through culori's hex formatter.\n * @param color Typed LAB-family color.\n * @returns `#rrggbb` string, or `null` when culori couldn't convert.\n */\nfunction culoriHexFor(color: LABColor): string | null {\n  switch (color.type) {\n    case 'oklch': {\n      return formatHex({ mode: 'oklch', l: color.l, c: color.c, h: color.h }) ?? null\n    }\n    case 'oklab': {\n      return formatHex({ mode: 'oklab', l: color.l, a: color.a, b: color.b }) ?? null\n    }\n    case 'lab': {\n      return formatHex({ mode: 'lab', l: color.l, a: color.a, b: color.b }) ?? null\n    }\n    case 'lch': {\n      return formatHex({ mode: 'lch', l: color.l, c: color.c, h: color.h }) ?? null\n    }\n    default: {\n      return null\n    }\n  }\n}\n\n/**\n * Convert a LAB / LCH / OKLAB / OKLCH color to sRGB hex via culori. RN\n * can't evaluate these modern color spaces at paint time; compile-time\n * lowering to sRGB is the only portable path.\n * @param color Typed lab-family color.\n * @returns Hex or rgba string in sRGB.\n */\nfunction labFamilyToHex(color: LABColor): string {\n  const hex = culoriHexFor(color)\n  if (!hex) return color.alpha < 1 ? 'rgba(0, 0, 0, 0)' : 'transparent'\n  if (color.alpha >= 1) return hex\n  const back = culoriRgb(hex)\n  if (!back) return hex\n  return rgbIntsToString(clampByte(back.r * 255), clampByte(back.g * 255), clampByte(back.b * 255), color.alpha)\n}\n\n/**\n * Convert a CSS `color(xyz-d50 …)` / `color(xyz-d65 …)` value to sRGB hex\n * via culori.\n * @param color Typed XYZ color (discriminated by `type`).\n * @param color.type Whether the color is in the D50 or D65 XYZ space.\n * @param color.x CIE X component (0–1).\n * @param color.y CIE Y component (0–1).\n * @param color.z CIE Z component (0–1).\n * @param color.alpha Alpha channel (0–1).\n * @returns `#rrggbb` string, or `'transparent'` when culori rejects it.\n */\nfunction xyzToHex(color: { type: 'xyz-d50' | 'xyz-d65'; x: number; y: number; z: number; alpha: number }): string {\n  const mode = color.type === 'xyz-d50' ? 'xyz50' : 'xyz65'\n  const hex = formatHex({ mode, x: color.x, y: color.y, z: color.z }) ?? null\n  if (!hex) return color.alpha < 1 ? 'rgba(0, 0, 0, 0)' : 'transparent'\n  if (color.alpha >= 1) return hex\n  const back = culoriRgb(hex)\n  if (!back) return hex\n  return rgbIntsToString(clampByte(back.r * 255), clampByte(back.g * 255), clampByte(back.b * 255), color.alpha)\n}\n\n/**\n * Convert a lightningcss `CssColor` to an RN-safe color string. RGB\n * passes through unchanged. LAB / LCH / OKLAB / OKLCH / `color(xyz-…)`\n * forms go through culori to reach sRGB — RN's native view manager only\n * understands sRGB-family strings. SystemColor keywords (`'background'`,\n * `'canvas'`, …) pass through untouched; they have no RN analog and the\n * runtime ignores unknown color strings gracefully.\n * @param color Typed color value.\n * @returns Color string RN accepts.\n */\nexport function cssColorToString(color: CssColor): string {\n  if (typeof color === 'string') return color\n  switch (color.type) {\n    case 'rgb': {\n      return rgbIntsToString(color.r, color.g, color.b, color.alpha)\n    }\n    case 'lab':\n    case 'lch':\n    case 'oklab':\n    case 'oklch': {\n      return labFamilyToHex(color)\n    }\n    case 'srgb':\n    case 'srgb-linear':\n    case 'display-p3':\n    case 'a98-rgb':\n    case 'prophoto-rgb':\n    case 'rec2020': {\n      return floatRgbToString(color.r, color.g, color.b, color.alpha)\n    }\n    case 'xyz-d50':\n    case 'xyz-d65': {\n      return xyzToHex(color)\n    }\n    case 'currentcolor': {\n      return 'currentColor'\n    }\n    case 'light-dark': {\n      return cssColorToString(color.light)\n    }\n    default: {\n      return 'transparent'\n    }\n  }\n}\n"],"names":["formatHex","culoriRgb"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import type { CssColor } from 'lightningcss';
+/**
+ * Convert a lightningcss `CssColor` to an RN-safe color string. RGB
+ * passes through unchanged. LAB / LCH / OKLAB / OKLCH / `color(xyz-…)`
+ * forms go through culori to reach sRGB — RN's native view manager only
+ * understands sRGB-family strings. SystemColor keywords (`'background'`,
+ * `'canvas'`, …) pass through untouched; they have no RN analog and the
+ * runtime ignores unknown color strings gracefully.
+ * @param color Typed color value.
+ * @returns Color string RN accepts.
+ */
+export declare function cssColorToString(color: CssColor): string;

package/lib/cjs/core/parser/constants.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+/** 1 rem = 16 px — matches the CSS default so unit-bare Tailwind spacing stays predictable. */
+const REM_TO_PX = 16;
+// Hot-path regexes hoisted to module scope so they're compiled once per
+// process; an inline literal would recompile on every declaration.
+const BARE_NUMBER_REGEX = /^-?\d+(?:\.\d+)?$/;
+const LENGTH_PX_REGEX = /^(-?\d+(?:\.\d+)?)px$/;
+const LENGTH_REM_REGEX = /^(-?\d+(?:\.\d+)?)rem$/;
+const CALC_RATIO_REGEX = /^calc\(\s*(-?\d+(?:\.\d+)?)\s*\/\s*(-?\d+(?:\.\d+)?)\s*\)$/;
+const CALC_MUL_REGEX = /^calc\(\s*(-?\d+(?:\.\d+)?)(?:px|rem)?\s*\*\s*(-?\d+(?:\.\d+)?)\s*\)$/;
+const KEBAB_BOUNDARY_REGEX = /-([a-z])/g;
+
+exports.BARE_NUMBER_REGEX = BARE_NUMBER_REGEX;
+exports.CALC_MUL_REGEX = CALC_MUL_REGEX;
+exports.CALC_RATIO_REGEX = CALC_RATIO_REGEX;
+exports.KEBAB_BOUNDARY_REGEX = KEBAB_BOUNDARY_REGEX;
+exports.LENGTH_PX_REGEX = LENGTH_PX_REGEX;
+exports.LENGTH_REM_REGEX = LENGTH_REM_REGEX;
+exports.REM_TO_PX = REM_TO_PX;
+//# sourceMappingURL=constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../../../src/core/parser/constants.ts"],"sourcesContent":["/** 1 rem = 16 px — matches the CSS default so unit-bare Tailwind spacing stays predictable. */\nexport const REM_TO_PX = 16\n\n// Hot-path regexes hoisted to module scope so they're compiled once per\n// process; an inline literal would recompile on every declaration.\nexport const BARE_NUMBER_REGEX = /^-?\\d+(?:\\.\\d+)?$/\nexport const LENGTH_PX_REGEX = /^(-?\\d+(?:\\.\\d+)?)px$/\nexport const LENGTH_REM_REGEX = /^(-?\\d+(?:\\.\\d+)?)rem$/\nexport const CALC_RATIO_REGEX = /^calc\\(\\s*(-?\\d+(?:\\.\\d+)?)\\s*\\/\\s*(-?\\d+(?:\\.\\d+)?)\\s*\\)$/\nexport const CALC_MUL_REGEX = /^calc\\(\\s*(-?\\d+(?:\\.\\d+)?)(?:px|rem)?\\s*\\*\\s*(-?\\d+(?:\\.\\d+)?)\\s*\\)$/\nexport const KEBAB_BOUNDARY_REGEX = /-([a-z])/g\n"],"names":[],"mappings":";;AAAA;AACO,MAAM,SAAS,GAAG;AAEzB;AACA;AACO,MAAM,iBAAiB,GAAG;AAC1B,MAAM,eAAe,GAAG;AACxB,MAAM,gBAAgB,GAAG;AACzB,MAAM,gBAAgB,GAAG;AACzB,MAAM,cAAc,GAAG;AACvB,MAAM,oBAAoB,GAAG;;;;;;;;;;"}

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

@@ -0,0 +1,8 @@
+/** 1 rem = 16 px — matches the CSS default so unit-bare Tailwind spacing stays predictable. */
+export declare const REM_TO_PX = 16;
+export declare const BARE_NUMBER_REGEX: RegExp;
+export declare const LENGTH_PX_REGEX: RegExp;
+export declare const LENGTH_REM_REGEX: RegExp;
+export declare const CALC_RATIO_REGEX: RegExp;
+export declare const CALC_MUL_REGEX: RegExp;
+export declare const KEBAB_BOUNDARY_REGEX: RegExp;