rnwind 0.0.1 → 0.0.3

package/lib/esm/core/parser/animation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.mjs","sources":["../../../../../src/core/parser/animation.ts"],"sourcesContent":["import type {\n  Animation,\n  AnimationDirection,\n  AnimationFillMode,\n  AnimationIterationCount,\n  AnimationName,\n  AnimationPlayState,\n  EasingFunction,\n  PropertyId,\n  Time,\n  Transition,\n} from 'lightningcss'\nimport { kebabToCamel } from './case-convert'\nimport type { RNEntry } from './types'\n\n/**\n * Convert one PropertyId ident into the camelCase RN style key\n * Reanimated v4's CSS engine matches against. Tailwind emits CSS names\n * in kebab-case (`background-color`); RN stores `backgroundColor` in\n * the actual style object, and Reanimated only fires a transition when\n * the watched key matches the changed key — so kebab-case here would\n * silently no-op every multi-word color/border transition.\n *\n * Special cases:\n *  - `'all'` passes through unchanged.\n *  - `--tw-*` Tailwind internal custom props are dropped — they have\n *    no RN equivalent and Reanimated can't watch them.\n *  - Other `--user-defined` custom props pass through verbatim.\n * @param property Typed property identifier.\n * @returns RN-style key, or null when the property has no RN equivalent.\n */\nfunction propertyIdToString(property: PropertyId): string | null {\n  // Custom properties surface in two shapes: either as `{property:\n  // 'custom', value: {name: '--x'}}` or — when lightningcss recognises\n  // the leading `--` directly in propertyId — as `{property: '--x'}`.\n  // Handle both, drop Tailwind internals, keep user customs verbatim.\n  if (property.property === 'custom' && 'value' in property) {\n    const { value } = property\n    const customName = value && typeof value === 'object' && 'name' in value && typeof value.name === 'string' ? value.name : null\n    if (!customName) return null\n    return customName.startsWith('--tw-') ? null : customName\n  }\n  if (typeof property.property === 'string' && property.property.startsWith('--')) {\n    return property.property.startsWith('--tw-') ? null : property.property\n  }\n  if (property.property === 'all') return 'all'\n  return kebabToCamel(property.property)\n}\n\n/**\n * Collapse a single-element list into its scalar, otherwise return the\n * list unchanged. Reanimated accepts both forms; the scalar is the\n * common case.\n * @param values Values to collapse.\n * @returns A scalar when the list has one element, otherwise the list.\n */\nfunction singleOrArray<T>(values: readonly T[]): T | readonly T[] {\n  if (values.length === 1) return values[0]!\n  return values\n}\n\n/**\n * Render a number without trailing noise (strips IEEE drift beyond 4\n * decimals, then removes trailing zeros).\n * @param value Number to format.\n * @returns Compact string form.\n */\nfunction formatNumber(value: number): string {\n  const rounded = Math.round(value * 10_000) / 10_000\n  return String(rounded)\n}\n\n/**\n * Reanimated v4's CSS engine doesn't accept `cubic-bezier(...)` as a\n * string — only the predefined keywords `linear`, `ease`, `ease-in`,\n * `ease-out`, `ease-in-out`, `step-start`, `step-end`. Tailwind's\n * `transition-colors` / `ease-in-out` / etc. emit the CSS-standard\n * Material curves as cubic-bezier; we snap those to the closest\n * predefined keyword by matching the well-known control-point shapes,\n * falling back to `ease-in-out` (the most common Tailwind default).\n *\n * Direct matches:\n *  - `cubic-bezier(0.25, 0.1, 0.25, 1)` → `ease` (CSS spec default)\n *  - `cubic-bezier(0.4, 0, 1, 1)`       → `ease-in`\n *  - `cubic-bezier(0, 0, 0.2, 1)`       → `ease-out`\n *  - `cubic-bezier(0.4, 0, 0.2, 1)`     → `ease-in-out` (Material standard)\n *  - linear shape (`x1=y1=0, x2=y2=1`)   → `linear`\n *\n * Anything else: classify by control-point shape — front-loaded curves\n * → `ease-in`, back-loaded → `ease-out`, both → `ease-in-out`.\n * @param x1 First control-point x (0–1).\n * @param y1 First control-point y (0–1).\n * @param x2 Second control-point x (0–1).\n * @param y2 Second control-point y (0–1).\n * @returns Closest matching CSS easing keyword.\n */\nfunction snapCubicBezierToKeyword(x1: number, y1: number, x2: number, y2: number): string {\n  if (matchesBezier(x1, y1, x2, y2, 0, 0, 1, 1)) return 'linear'\n  if (matchesBezier(x1, y1, x2, y2, 0.25, 0.1, 0.25, 1)) return 'ease'\n  if (matchesBezier(x1, y1, x2, y2, 0.4, 0, 1, 1)) return 'ease-in'\n  if (matchesBezier(x1, y1, x2, y2, 0, 0, 0.2, 1)) return 'ease-out'\n  if (matchesBezier(x1, y1, x2, y2, 0.4, 0, 0.2, 1)) return 'ease-in-out'\n  // Heuristic for unknown bezier shapes:\n  //  - x1 ≈ 0 → starts straight (decelerates) → ease-out\n  //  - x2 ≈ 1 → ends straight (accelerates)   → ease-in\n  //  - both small, both medium → ease-in-out\n  const startsFlat = x1 < 0.1\n  const endsFlat = x2 > 0.9\n  if (startsFlat && !endsFlat) return 'ease-out'\n  if (!startsFlat && endsFlat) return 'ease-in'\n  return 'ease-in-out'\n}\n\n/**\n * Approximate equality of two cubic-bezier control-point sets — IEEE\n * float noise from lightningcss / culori means literal `===` rarely\n * holds, so we tolerate a tiny epsilon.\n * @param ax1 Actual first x.\n * @param ay1 Actual first y.\n * @param ax2 Actual second x.\n * @param ay2 Actual second y.\n * @param tx1 Target first x.\n * @param ty1 Target first y.\n * @param tx2 Target second x.\n * @param ty2 Target second y.\n * @returns Whether the two beziers are component-wise within 0.01 of each other.\n */\nfunction matchesBezier(\n  ax1: number,\n  ay1: number,\n  ax2: number,\n  ay2: number,\n  tx1: number,\n  ty1: number,\n  tx2: number,\n  ty2: number,\n): boolean {\n  const tolerance = 0.01\n  return (\n    Math.abs(ax1 - tx1) < tolerance &&\n    Math.abs(ay1 - ty1) < tolerance &&\n    Math.abs(ax2 - tx2) < tolerance &&\n    Math.abs(ay2 - ty2) < tolerance\n  )\n}\n\n/**\n * Serialize a lightningcss `EasingFunction` into a CSS string Reanimated\n * v4's CSS engine understands. Reanimated accepts the same timing-function\n * strings as CSS transitions/animations, so we emit the canonical CSS\n * form.\n * @param fn Typed easing function.\n * @returns CSS string, e.g. `'linear'` / `'ease-in-out'` / `'cubic-bezier(0.4, 0, 0.2, 1)'`.\n */\nexport function easingFunctionToString(fn: EasingFunction): string {\n  switch (fn.type) {\n    case 'linear': {\n      return 'linear'\n    }\n    case 'ease':\n    case 'ease-in':\n    case 'ease-out':\n    case 'ease-in-out': {\n      return fn.type\n    }\n    case 'cubic-bezier': {\n      return snapCubicBezierToKeyword(fn.x1, fn.y1, fn.x2, fn.y2)\n    }\n    case 'steps': {\n      const pos = fn.position?.type ?? 'end'\n      return `steps(${fn.count}, ${pos})`\n    }\n    default: {\n      return 'ease'\n    }\n  }\n}\n\n/**\n * Format a `Time` value into a CSS string (`150ms`, `1s`). Reanimated's\n * CSS engine accepts either `ms` or `s`; we pick `ms` unless the value\n * is a whole-second multiple for readability.\n * @param time Typed time value.\n * @returns CSS time string.\n */\nexport function timeToString(time: Time): string {\n  if (time.type === 'milliseconds') return `${formatNumber(time.value)}ms`\n  return `${formatNumber(time.value)}s`\n}\n\n/**\n * Convert a single `animation-name` value to a string. Tailwind's\n * `animate-none` produces `{ type: 'none' }` which we drop.\n * @param name Typed animation name.\n * @returns Keyframe identifier, or null when `none`.\n */\nexport function animationNameToString(name: AnimationName): string | null {\n  if (name.type === 'none') return null\n  if (name.type === 'ident') return name.value\n  if (name.type === 'string') return name.value\n  return null\n}\n\n/**\n * Convert a single `animation-iteration-count` value to the CSS shape\n * Reanimated wants: either a finite integer or the `'infinite'` string.\n * @param count Typed iteration count.\n * @returns Number or `'infinite'`.\n */\nexport function iterationCountToValue(count: AnimationIterationCount): number | string {\n  if (count.type === 'infinite') return 'infinite'\n  return count.value\n}\n\n/**\n * Decompose the `animation: <name> <duration> <timing> <iteration> …`\n * shorthand into the per-property RN entries Reanimated consumes. A single\n * `animation` declaration can name multiple animations — we emit the first\n * one (Tailwind's `animate-*` utilities always emit exactly one).\n * @param animations Parsed animation list from lightningcss.\n * @returns RN entries, empty when the shorthand names `none`.\n */\nexport function animationShorthandToEntries(animations: readonly Animation[]): readonly RNEntry[] {\n  const [first] = animations\n  if (!first) return []\n  const name = animationNameToString(first.name)\n  if (!name) return []\n  const entries: RNEntry[] = [['animationName', name]]\n  if (first.duration) entries.push(['animationDuration', timeToString(first.duration)])\n  if (first.timingFunction) entries.push(['animationTimingFunction', easingFunctionToString(first.timingFunction)])\n  if (first.iterationCount) entries.push(['animationIterationCount', iterationCountToValue(first.iterationCount)])\n  if (first.direction && first.direction !== 'normal') entries.push(['animationDirection', first.direction])\n  if (first.fillMode && first.fillMode !== 'none') entries.push(['animationFillMode', first.fillMode])\n  if (first.delay && first.delay.value !== 0) entries.push(['animationDelay', timeToString(first.delay)])\n  if (first.playState && first.playState !== 'running') entries.push(['animationPlayState', first.playState])\n  return entries\n}\n\n/**\n * Emit `animationName` for a standalone `animation-name: spin` declaration.\n * @param names Typed `animation-name` list.\n * @returns Single-entry `animationName` or empty when `none`.\n */\nexport function animationNameEntries(names: readonly AnimationName[]): readonly RNEntry[] {\n  const [first] = names\n  if (!first) return []\n  const name = animationNameToString(first)\n  if (!name) return []\n  return [['animationName', name]]\n}\n\n/**\n * Emit `animationDuration` for a standalone `animation-duration` declaration.\n * @param durations Typed duration list.\n * @returns Single-entry list.\n */\nexport function animationDurationEntries(durations: readonly Time[]): readonly RNEntry[] {\n  const [first] = durations\n  if (!first) return []\n  return [['animationDuration', timeToString(first)]]\n}\n\n/**\n * Emit `animationTimingFunction` for a standalone `animation-timing-function`.\n * @param fns Typed timing-function list.\n * @returns Single-entry list.\n */\nexport function animationTimingFunctionEntries(fns: readonly EasingFunction[]): readonly RNEntry[] {\n  const [first] = fns\n  if (!first) return []\n  return [['animationTimingFunction', easingFunctionToString(first)]]\n}\n\n/**\n * Emit `animationIterationCount` for a standalone declaration.\n * @param counts Typed iteration-count list.\n * @returns Single-entry list.\n */\nexport function animationIterationCountEntries(counts: readonly AnimationIterationCount[]): readonly RNEntry[] {\n  const [first] = counts\n  if (!first) return []\n  return [['animationIterationCount', iterationCountToValue(first)]]\n}\n\n/**\n * Emit `animationDelay` for a standalone declaration.\n * @param delays Typed delay list.\n * @returns Single-entry list.\n */\nexport function animationDelayEntries(delays: readonly Time[]): readonly RNEntry[] {\n  const [first] = delays\n  if (!first) return []\n  return [['animationDelay', timeToString(first)]]\n}\n\n/**\n * Emit `animationDirection` for a standalone declaration.\n * @param directions Typed direction list.\n * @returns Single-entry list.\n */\nexport function animationDirectionEntries(directions: readonly AnimationDirection[]): readonly RNEntry[] {\n  const [first] = directions\n  if (!first) return []\n  return [['animationDirection', first]]\n}\n\n/**\n * Emit `animationFillMode` for a standalone declaration.\n * @param modes Typed fill-mode list.\n * @returns Single-entry list.\n */\nexport function animationFillModeEntries(modes: readonly AnimationFillMode[]): readonly RNEntry[] {\n  const [first] = modes\n  if (!first) return []\n  return [['animationFillMode', first]]\n}\n\n/**\n * Emit `animationPlayState` for a standalone declaration.\n * @param states Typed play-state list.\n * @returns Single-entry list.\n */\nexport function animationPlayStateEntries(states: readonly AnimationPlayState[]): readonly RNEntry[] {\n  const [first] = states\n  if (!first) return []\n  return [['animationPlayState', first]]\n}\n\n/**\n * Convert the `transition-property` list into an RN-consumable form.\n * Reanimated accepts either a string (`'all'`, `'opacity'`) or an array\n * of property names. We emit the array shape even for singletons so the\n * runtime can handle it uniformly.\n * @param properties Typed transition-property list.\n * @returns Single-entry list with `transitionProperty`.\n */\nexport function transitionPropertyEntries(properties: readonly PropertyId[]): readonly RNEntry[] {\n  const names = properties.map((p) => propertyIdToString(p)).filter((name): name is string => name !== null)\n  if (names.length === 0) return []\n  if (names.length === 1) return [['transitionProperty', names[0]!]]\n  return [['transitionProperty', names]]\n}\n\n/**\n * Decompose the `transition: <prop> <duration> <timing> <delay>` shorthand\n * into the per-property RN entries Reanimated consumes. A declaration can\n * name multiple transitions; we emit one entry per slot, collapsing\n * identical slots into a scalar.\n * @param transitions Parsed transition list from lightningcss.\n * @returns RN entries — zero or more.\n */\nexport function transitionShorthandToEntries(transitions: readonly Transition[]): readonly RNEntry[] {\n  if (transitions.length === 0) return []\n  const properties: string[] = []\n  const durations: string[] = []\n  const timings: string[] = []\n  const delays: string[] = []\n  for (const t of transitions) {\n    const name = propertyIdToString(t.property)\n    if (name) properties.push(name)\n    if (t.duration) durations.push(timeToString(t.duration))\n    if (t.timingFunction) timings.push(easingFunctionToString(t.timingFunction))\n    if (t.delay) delays.push(timeToString(t.delay))\n  }\n  const entries: RNEntry[] = []\n  if (properties.length > 0) entries.push(['transitionProperty', singleOrArray(properties)])\n  if (durations.length > 0) entries.push(['transitionDuration', singleOrArray(durations)])\n  if (timings.length > 0) entries.push(['transitionTimingFunction', singleOrArray(timings)])\n  if (delays.some((d) => d !== '0s')) entries.push(['transitionDelay', singleOrArray(delays)])\n  return entries\n}\n\n/**\n * Emit `transitionDuration` for a standalone declaration.\n * @param durations Typed duration list.\n * @returns Single-entry list.\n */\nexport function transitionDurationEntries(durations: readonly Time[]): readonly RNEntry[] {\n  if (durations.length === 0) return []\n  const strings = durations.map((d) => timeToString(d))\n  return [['transitionDuration', singleOrArray(strings)]]\n}\n\n/**\n * Emit `transitionTimingFunction` for a standalone declaration.\n * @param fns Typed timing-function list.\n * @returns Single-entry list.\n */\nexport function transitionTimingFunctionEntries(fns: readonly EasingFunction[]): readonly RNEntry[] {\n  if (fns.length === 0) return []\n  const strings = fns.map((f) => easingFunctionToString(f))\n  return [['transitionTimingFunction', singleOrArray(strings)]]\n}\n\n/**\n * Emit `transitionDelay` for a standalone declaration.\n * @param delays Typed delay list.\n * @returns Single-entry list.\n */\nexport function transitionDelayEntries(delays: readonly Time[]): readonly RNEntry[] {\n  if (delays.length === 0) return []\n  const strings = delays.map((d) => timeToString(d))\n  return [['transitionDelay', singleOrArray(strings)]]\n}\n"],"names":[],"mappings":"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"}

package/lib/esm/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/esm/core/parser/border-dispatcher.mjs

@@ -0,0 +1,178 @@
+import { kebabToCamel } from './case-convert.mjs';
+import { cssColorToString } from './color.mjs';
+
+/**
+ * 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, cssColorToString(tagged.start)],
+        [rightKey, 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', cssColorToString(decl.value)]];
+        }
+        case 'border-inline-end-color': {
+            return [['borderRightColor', cssColorToString(decl.value)]];
+        }
+        case 'border-block-start-color': {
+            return [['borderTopColor', cssColorToString(decl.value)]];
+        }
+        case 'border-block-end-color': {
+            return [['borderBottomColor', 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 ? [] : [[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;
+        }
+    }
+}
+
+export { dispatchBorderDeclaration };
+//# sourceMappingURL=border-dispatcher.mjs.map

package/lib/esm/core/parser/border-dispatcher.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"border-dispatcher.mjs","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":[],"mappings":"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"}

package/lib/esm/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/esm/core/parser/case-convert.mjs

@@ -0,0 +1,13 @@
+import { KEBAB_BOUNDARY_REGEX } from './constants.mjs';
+
+/**
+ * Kebab-case to camelCase — `border-radius` → `borderRadius`.
+ * @param name Kebab-case CSS property name.
+ * @returns camelCase RN key.
+ */
+function kebabToCamel(name) {
+    return name.replaceAll(KEBAB_BOUNDARY_REGEX, (_, c) => c.toUpperCase());
+}
+
+export { kebabToCamel };
+//# sourceMappingURL=case-convert.mjs.map

package/lib/esm/core/parser/case-convert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-convert.mjs","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":[],"mappings":";;AAEA;;;;AAIG;AACG,SAAU,YAAY,CAAC,IAAY,EAAA;AACvC,IAAA,OAAO,IAAI,CAAC,UAAU,CAAC,oBAAoB,EAAE,CAAC,CAAC,EAAE,CAAS,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AACjF;;;;"}

package/lib/esm/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/esm/core/parser/color-properties-dispatcher.mjs

@@ -0,0 +1,82 @@
+import { cssColorToString } from './color.mjs';
+
+/**
+ * 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 = 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;
+        }
+    }
+}
+
+export { dispatchColorPropertyDeclaration };
+//# sourceMappingURL=color-properties-dispatcher.mjs.map

package/lib/esm/core/parser/color-properties-dispatcher.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-properties-dispatcher.mjs","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":[],"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,GAAG,gBAAgB,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/esm/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/esm/core/parser/color.mjs

@@ -0,0 +1,191 @@
+import { formatHex, rgb } from '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 formatHex({ mode: 'oklch', l: color.l, c: color.c, h: color.h }) ?? null;
+        }
+        case 'oklab': {
+            return formatHex({ mode: 'oklab', l: color.l, a: color.a, b: color.b }) ?? null;
+        }
+        case 'lab': {
+            return formatHex({ mode: 'lab', l: color.l, a: color.a, b: color.b }) ?? null;
+        }
+        case 'lch': {
+            return formatHex({ mode: 'lch', l: color.l, c: color.c, h: color.h }) ?? null;
+        }
+        default: {
+            return null;
+        }
+    }
+}
+/**
+ * Composite a culori-produced sRGB hex with the source alpha into the RN
+ * color string. Shared tail for every culori-backed conversion (lab
+ * family, XYZ, wide-gamut RGB): opaque → the hex as-is; translucent →
+ * `rgba(...)` rebuilt from the hex channels.
+ * @param hex sRGB hex from culori, or `null` when culori rejected the color.
+ * @param alpha Source alpha (0–1).
+ * @returns RN color string.
+ */
+function withAlpha(hex, alpha) {
+    if (!hex)
+        return alpha < 1 ? 'rgba(0, 0, 0, 0)' : 'transparent';
+    if (alpha >= 1)
+        return hex;
+    const back = rgb(hex);
+    if (!back)
+        return hex;
+    return rgbIntsToString(clampByte(back.r * 255), clampByte(back.g * 255), clampByte(back.b * 255), alpha);
+}
+/**
+ * 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) {
+    return withAlpha(culoriHexFor(color), color.alpha);
+}
+/**
+ * Convert a wide-gamut `color(<space> r g b)` triple to sRGB hex via
+ * culori. The channels are NOT sRGB — each space (display-p3, rec2020,
+ * a98-rgb, prophoto-rgb, srgb-linear) carries its own primaries / transfer
+ * function, so a bare `channel * 255` would mis-paint. culori does the
+ * gamut + gamma conversion to sRGB.
+ * @param mode culori mode key for the source space.
+ * @param r Source red (0–1).
+ * @param g Source green (0–1).
+ * @param b Source blue (0–1).
+ * @param alpha Alpha channel (0–1).
+ * @returns sRGB color string RN accepts.
+ */
+function wideGamutToHex(mode, r, g, b, alpha) {
+    return withAlpha(formatHex({ mode, r, g, b }) ?? null, 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';
+    return withAlpha(formatHex({ mode, x: color.x, y: color.y, z: color.z }) ?? null, 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': {
+            return floatRgbToString(color.r, color.g, color.b, color.alpha);
+        }
+        case 'srgb-linear': {
+            return wideGamutToHex('lrgb', color.r, color.g, color.b, color.alpha);
+        }
+        case 'display-p3': {
+            return wideGamutToHex('p3', color.r, color.g, color.b, color.alpha);
+        }
+        case 'a98-rgb': {
+            return wideGamutToHex('a98', color.r, color.g, color.b, color.alpha);
+        }
+        case 'prophoto-rgb': {
+            return wideGamutToHex('prophoto', color.r, color.g, color.b, color.alpha);
+        }
+        case 'rec2020': {
+            return wideGamutToHex('rec2020', 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';
+        }
+    }
+}
+
+export { cssColorToString };
+//# sourceMappingURL=color.mjs.map