@react-native-rethemed/core 0.1.0 → 0.1.2

package/dist/semantic-colors.mjs

@@ -0,0 +1,28 @@
+//#region src/semantic-colors.ts
+/**
+* A color of `semanticTokens.colors` (as opposed to a group of them): an
+* object whose `light` or `dark` is a string. A group's values are objects,
+* so a group may still name a token `light` or `dark` (Material UI's
+* `primary.light`).
+*/
+function isSchemeColor(node) {
+	if (typeof node !== "object" || node === null) return false;
+	const { light, dark } = node;
+	return typeof light === "string" || typeof dark === "string";
+}
+/**
+* Visits every semantic color in definition order with its token name:
+* `'group.token'` inside a group, or the bare name for a top-level color
+* (`'primary'`, `'primary-foreground'`).
+*/
+function walkSemanticColors(colors, visit) {
+	for (const [key, node] of Object.entries(colors ?? {})) {
+		if (isSchemeColor(node)) {
+			visit(key, node, void 0);
+			continue;
+		}
+		for (const [name, color] of Object.entries(node)) visit(`${key}.${name}`, color, key);
+	}
+}
+//#endregion
+export { isSchemeColor, walkSemanticColors };

package/dist/style-props.cjs

@@ -0,0 +1,103 @@
+//#region src/style-props.ts
+/**
+* The RN style property names each token category resolves, grouped by
+* category. Kept as `const` arrays (not just types) because the resolvers
+* need to iterate them at runtime.
+*/
+const COLOR_KEYS = [
+	"color",
+	"backgroundColor",
+	"borderColor",
+	"borderTopColor",
+	"borderBottomColor",
+	"borderLeftColor",
+	"borderRightColor",
+	"borderStartColor",
+	"borderEndColor",
+	"borderBlockColor",
+	"borderBlockStartColor",
+	"borderBlockEndColor",
+	"tintColor",
+	"overlayColor",
+	"shadowColor",
+	"outlineColor",
+	"textShadowColor",
+	"textDecorationColor"
+];
+const RADIUS_KEYS = [
+	"borderRadius",
+	"borderTopLeftRadius",
+	"borderTopRightRadius",
+	"borderTopStartRadius",
+	"borderTopEndRadius",
+	"borderBottomLeftRadius",
+	"borderBottomRightRadius",
+	"borderBottomStartRadius",
+	"borderBottomEndRadius",
+	"borderStartStartRadius",
+	"borderStartEndRadius",
+	"borderEndStartRadius",
+	"borderEndEndRadius"
+];
+const SPACING_KEYS = [
+	"padding",
+	"paddingTop",
+	"paddingBottom",
+	"paddingLeft",
+	"paddingRight",
+	"paddingHorizontal",
+	"paddingVertical",
+	"paddingStart",
+	"paddingEnd",
+	"paddingBlock",
+	"paddingBlockStart",
+	"paddingBlockEnd",
+	"paddingInline",
+	"paddingInlineStart",
+	"paddingInlineEnd",
+	"margin",
+	"marginTop",
+	"marginBottom",
+	"marginLeft",
+	"marginRight",
+	"marginHorizontal",
+	"marginVertical",
+	"marginStart",
+	"marginEnd",
+	"marginBlock",
+	"marginBlockStart",
+	"marginBlockEnd",
+	"marginInline",
+	"marginInlineStart",
+	"marginInlineEnd",
+	"gap",
+	"rowGap",
+	"columnGap"
+];
+const FONT_SIZE_KEYS = ["fontSize"];
+const FONT_WEIGHT_KEYS = ["fontWeight"];
+const LINE_HEIGHT_KEYS = ["lineHeight"];
+const LETTER_SPACING_KEYS = ["letterSpacing"];
+/** Token or raw number, like the typography props. */
+const Z_INDEX_KEYS = ["zIndex"];
+/**
+* The real RN style properties the virtual `shadow` prop expands into.
+* Not resolved as a scale category itself — see `resolvers/style-resolver.ts`.
+*/
+const SHADOW_STYLE_PROPS = [
+	"shadowColor",
+	"shadowOffset",
+	"shadowOpacity",
+	"shadowRadius",
+	"elevation"
+];
+//#endregion
+exports.COLOR_KEYS = COLOR_KEYS;
+exports.FONT_SIZE_KEYS = FONT_SIZE_KEYS;
+exports.FONT_WEIGHT_KEYS = FONT_WEIGHT_KEYS;
+exports.LETTER_SPACING_KEYS = LETTER_SPACING_KEYS;
+exports.LINE_HEIGHT_KEYS = LINE_HEIGHT_KEYS;
+exports.RADIUS_KEYS = RADIUS_KEYS;
+exports.SHADOW_STYLE_PROPS = SHADOW_STYLE_PROPS;
+exports.SPACING_KEYS = SPACING_KEYS;
+exports.Z_INDEX_KEYS = Z_INDEX_KEYS;

package/dist/{cjs/style-props.d.ts → style-props.d.cts}

@@ -1,3 +1,4 @@
+//#region src/style-props.d.ts
 /**
  * The RN style property names each token category resolves, grouped by
  * category. Kept as `const` arrays (not just types) because the resolvers
@@ -25,4 +26,4 @@ export type ZIndexKeys = (typeof Z_INDEX_KEYS)[number];
  * Not resolved as a scale category itself — see `resolvers/style-resolver.ts`.
  */
 export declare const SHADOW_STYLE_PROPS: readonly ["shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "elevation"];
-export type ShadowStyleProps = (typeof SHADOW_STYLE_PROPS)[number];
+//#endregion

package/dist/{esm/style-props.d.ts → style-props.d.mts}

@@ -1,3 +1,4 @@
+//#region src/style-props.d.ts
 /**
  * The RN style property names each token category resolves, grouped by
  * category. Kept as `const` arrays (not just types) because the resolvers
@@ -25,4 +26,4 @@ export type ZIndexKeys = (typeof Z_INDEX_KEYS)[number];
  * Not resolved as a scale category itself — see `resolvers/style-resolver.ts`.
  */
 export declare const SHADOW_STYLE_PROPS: readonly ["shadowColor", "shadowOffset", "shadowOpacity", "shadowRadius", "elevation"];
-export type ShadowStyleProps = (typeof SHADOW_STYLE_PROPS)[number];
+//#endregion

package/dist/style-props.mjs

@@ -0,0 +1,95 @@
+//#region src/style-props.ts
+/**
+* The RN style property names each token category resolves, grouped by
+* category. Kept as `const` arrays (not just types) because the resolvers
+* need to iterate them at runtime.
+*/
+const COLOR_KEYS = [
+	"color",
+	"backgroundColor",
+	"borderColor",
+	"borderTopColor",
+	"borderBottomColor",
+	"borderLeftColor",
+	"borderRightColor",
+	"borderStartColor",
+	"borderEndColor",
+	"borderBlockColor",
+	"borderBlockStartColor",
+	"borderBlockEndColor",
+	"tintColor",
+	"overlayColor",
+	"shadowColor",
+	"outlineColor",
+	"textShadowColor",
+	"textDecorationColor"
+];
+const RADIUS_KEYS = [
+	"borderRadius",
+	"borderTopLeftRadius",
+	"borderTopRightRadius",
+	"borderTopStartRadius",
+	"borderTopEndRadius",
+	"borderBottomLeftRadius",
+	"borderBottomRightRadius",
+	"borderBottomStartRadius",
+	"borderBottomEndRadius",
+	"borderStartStartRadius",
+	"borderStartEndRadius",
+	"borderEndStartRadius",
+	"borderEndEndRadius"
+];
+const SPACING_KEYS = [
+	"padding",
+	"paddingTop",
+	"paddingBottom",
+	"paddingLeft",
+	"paddingRight",
+	"paddingHorizontal",
+	"paddingVertical",
+	"paddingStart",
+	"paddingEnd",
+	"paddingBlock",
+	"paddingBlockStart",
+	"paddingBlockEnd",
+	"paddingInline",
+	"paddingInlineStart",
+	"paddingInlineEnd",
+	"margin",
+	"marginTop",
+	"marginBottom",
+	"marginLeft",
+	"marginRight",
+	"marginHorizontal",
+	"marginVertical",
+	"marginStart",
+	"marginEnd",
+	"marginBlock",
+	"marginBlockStart",
+	"marginBlockEnd",
+	"marginInline",
+	"marginInlineStart",
+	"marginInlineEnd",
+	"gap",
+	"rowGap",
+	"columnGap"
+];
+const FONT_SIZE_KEYS = ["fontSize"];
+const FONT_WEIGHT_KEYS = ["fontWeight"];
+const LINE_HEIGHT_KEYS = ["lineHeight"];
+const LETTER_SPACING_KEYS = ["letterSpacing"];
+/** Token or raw number, like the typography props. */
+const Z_INDEX_KEYS = ["zIndex"];
+/**
+* The real RN style properties the virtual `shadow` prop expands into.
+* Not resolved as a scale category itself — see `resolvers/style-resolver.ts`.
+*/
+const SHADOW_STYLE_PROPS = [
+	"shadowColor",
+	"shadowOffset",
+	"shadowOpacity",
+	"shadowRadius",
+	"elevation"
+];
+//#endregion
+export { COLOR_KEYS, FONT_SIZE_KEYS, FONT_WEIGHT_KEYS, LETTER_SPACING_KEYS, LINE_HEIGHT_KEYS, RADIUS_KEYS, SHADOW_STYLE_PROPS, SPACING_KEYS, Z_INDEX_KEYS };

package/dist/text-tree.cjs

@@ -0,0 +1,70 @@
+//#region src/text-tree.ts
+/** The fields a `semanticTokens.text` preset (leaf) may have. */
+const TEXT_TOKEN_FIELDS = [
+	"fontSize",
+	"lineHeight",
+	"letterSpacing",
+	"fontWeight",
+	"textTransform",
+	"color"
+];
+const isPrimitive = (value) => typeof value === "string" || typeof value === "number";
+const isPresetField = (key) => TEXT_TOKEN_FIELDS.includes(key);
+/**
+* A node of `semanticTokens.text` is a **preset** (leaf) when it has any
+* preset field (`fontSize`, …, `color`) or when every value is a primitive,
+* and a **group** otherwise (`{ md: {...}, sm: {...} }`). The field check
+* matters because `color` may itself be an object (`{ light, dark }`), so
+* "all primitives" alone can't tell a preset from a group; preset field
+* names are therefore reserved and can't name a group or preset. Mixed
+* nodes are rejected by `@react-native-rethemed/cli codegen`.
+*/
+function isTextPreset(node) {
+	return Object.keys(node).some(isPresetField) || Object.values(node).every(isPrimitive);
+}
+/**
+* A preset `color` for one scheme: a string applies to both, an object picks
+* `light` / `dark`, and a missing scheme yields `undefined` (no color).
+*/
+function resolveTextColor(color, scheme) {
+	return typeof color === "object" && color !== null ? color[scheme] : color;
+}
+/**
+* The text tree with every preset `color` resolved for `scheme`; a preset
+* whose color doesn't cover the scheme loses its `color` key. Presets
+* without `color` are returned as-is (same object).
+*/
+function resolveTextTree(tree, scheme) {
+	const result = {};
+	for (const [key, node] of Object.entries(tree ?? {})) {
+		if (typeof node !== "object" || node === null) continue;
+		if (!isTextPreset(node)) result[key] = resolveTextTree(node, scheme);
+		else if (node.color === void 0) result[key] = node;
+		else {
+			const { color, ...rest } = node;
+			const resolved = resolveTextColor(color, scheme);
+			result[key] = resolved === void 0 ? rest : {
+				...rest,
+				color: resolved
+			};
+		}
+	}
+	return result;
+}
+/**
+* Visits every preset in a text tree, depth-first in definition order,
+* with its path (`['heading', 'display', 'lg']`).
+*/
+function walkTextPresets(tree, visit, path = []) {
+	for (const [key, node] of Object.entries(tree ?? {})) {
+		if (typeof node !== "object" || node === null) continue;
+		if (isTextPreset(node)) visit([...path, key], node);
+		else walkTextPresets(node, visit, [...path, key]);
+	}
+}
+//#endregion
+exports.TEXT_TOKEN_FIELDS = TEXT_TOKEN_FIELDS;
+exports.isTextPreset = isTextPreset;
+exports.resolveTextColor = resolveTextColor;
+exports.resolveTextTree = resolveTextTree;
+exports.walkTextPresets = walkTextPresets;

package/dist/{cjs/text-tree.d.ts → text-tree.d.cts}

@@ -1,5 +1,6 @@
-import type { ColorScheme } from './resolvers/color-resolver';
-import type { TextColor, TextToken, TextTokenTree } from './types';
+import { TextColor, TextToken, TextTokenTree } from "./types.cjs";
+import { ColorScheme } from "./resolvers/color-resolver.cjs";
+//#region src/text-tree.d.ts
 /** The fields a `semanticTokens.text` preset (leaf) may have. */
 export declare const TEXT_TOKEN_FIELDS: readonly ["fontSize", "lineHeight", "letterSpacing", "fontWeight", "textTransform", "color"];
 /**
@@ -17,14 +18,9 @@ export declare function isTextPreset(node: TextToken | TextTokenTree): node is T
  * `light` / `dark`, and a missing scheme yields `undefined` (no color).
  */
 export declare function resolveTextColor(color: TextColor | undefined, scheme: ColorScheme): string | undefined;
-/**
- * The text tree with every preset `color` resolved for `scheme`; a preset
- * whose color doesn't cover the scheme loses its `color` key. Presets
- * without `color` are returned as-is (same object).
- */
-export declare function resolveTextTree(tree: TextTokenTree | undefined, scheme: ColorScheme): TextTokenTree;
 /**
  * Visits every preset in a text tree, depth-first in definition order,
  * with its path (`['heading', 'display', 'lg']`).
  */
 export declare function walkTextPresets(tree: TextTokenTree | undefined, visit: (path: string[], preset: TextToken) => void, path?: string[]): void;
+//#endregion

package/dist/{esm/text-tree.d.ts → text-tree.d.mts}

@@ -1,5 +1,6 @@
-import type { ColorScheme } from './resolvers/color-resolver.js';
-import type { TextColor, TextToken, TextTokenTree } from './types.js';
+import { TextColor, TextToken, TextTokenTree } from "./types.mjs";
+import { ColorScheme } from "./resolvers/color-resolver.mjs";
+//#region src/text-tree.d.ts
 /** The fields a `semanticTokens.text` preset (leaf) may have. */
 export declare const TEXT_TOKEN_FIELDS: readonly ["fontSize", "lineHeight", "letterSpacing", "fontWeight", "textTransform", "color"];
 /**
@@ -17,14 +18,9 @@ export declare function isTextPreset(node: TextToken | TextTokenTree): node is T
  * `light` / `dark`, and a missing scheme yields `undefined` (no color).
  */
 export declare function resolveTextColor(color: TextColor | undefined, scheme: ColorScheme): string | undefined;
-/**
- * The text tree with every preset `color` resolved for `scheme`; a preset
- * whose color doesn't cover the scheme loses its `color` key. Presets
- * without `color` are returned as-is (same object).
- */
-export declare function resolveTextTree(tree: TextTokenTree | undefined, scheme: ColorScheme): TextTokenTree;
 /**
  * Visits every preset in a text tree, depth-first in definition order,
  * with its path (`['heading', 'display', 'lg']`).
  */
 export declare function walkTextPresets(tree: TextTokenTree | undefined, visit: (path: string[], preset: TextToken) => void, path?: string[]): void;
+//#endregion

package/dist/text-tree.mjs

@@ -0,0 +1,66 @@
+//#region src/text-tree.ts
+/** The fields a `semanticTokens.text` preset (leaf) may have. */
+const TEXT_TOKEN_FIELDS = [
+	"fontSize",
+	"lineHeight",
+	"letterSpacing",
+	"fontWeight",
+	"textTransform",
+	"color"
+];
+const isPrimitive = (value) => typeof value === "string" || typeof value === "number";
+const isPresetField = (key) => TEXT_TOKEN_FIELDS.includes(key);
+/**
+* A node of `semanticTokens.text` is a **preset** (leaf) when it has any
+* preset field (`fontSize`, …, `color`) or when every value is a primitive,
+* and a **group** otherwise (`{ md: {...}, sm: {...} }`). The field check
+* matters because `color` may itself be an object (`{ light, dark }`), so
+* "all primitives" alone can't tell a preset from a group; preset field
+* names are therefore reserved and can't name a group or preset. Mixed
+* nodes are rejected by `@react-native-rethemed/cli codegen`.
+*/
+function isTextPreset(node) {
+	return Object.keys(node).some(isPresetField) || Object.values(node).every(isPrimitive);
+}
+/**
+* A preset `color` for one scheme: a string applies to both, an object picks
+* `light` / `dark`, and a missing scheme yields `undefined` (no color).
+*/
+function resolveTextColor(color, scheme) {
+	return typeof color === "object" && color !== null ? color[scheme] : color;
+}
+/**
+* The text tree with every preset `color` resolved for `scheme`; a preset
+* whose color doesn't cover the scheme loses its `color` key. Presets
+* without `color` are returned as-is (same object).
+*/
+function resolveTextTree(tree, scheme) {
+	const result = {};
+	for (const [key, node] of Object.entries(tree ?? {})) {
+		if (typeof node !== "object" || node === null) continue;
+		if (!isTextPreset(node)) result[key] = resolveTextTree(node, scheme);
+		else if (node.color === void 0) result[key] = node;
+		else {
+			const { color, ...rest } = node;
+			const resolved = resolveTextColor(color, scheme);
+			result[key] = resolved === void 0 ? rest : {
+				...rest,
+				color: resolved
+			};
+		}
+	}
+	return result;
+}
+/**
+* Visits every preset in a text tree, depth-first in definition order,
+* with its path (`['heading', 'display', 'lg']`).
+*/
+function walkTextPresets(tree, visit, path = []) {
+	for (const [key, node] of Object.entries(tree ?? {})) {
+		if (typeof node !== "object" || node === null) continue;
+		if (isTextPreset(node)) visit([...path, key], node);
+		else walkTextPresets(node, visit, [...path, key]);
+	}
+}
+//#endregion
+export { TEXT_TOKEN_FIELDS, isTextPreset, resolveTextColor, resolveTextTree, walkTextPresets };

package/dist/text-variants.cjs

@@ -0,0 +1,25 @@
+const require_text_tree = require("./text-tree.cjs");
+//#region src/text-variants.ts
+/**
+* Builds `themed.text.<path>(override?)` by walking whatever tree
+* `config.semanticTokens.text` defines, at any depth — no hand-written
+* per-variant code. Each preset merges with the caller's override (preset
+* first, override wins) and runs through the same `resolve` as
+* `themed.text()` itself, so presets referencing scale keys (e.g.
+* `fontSize: 'lg'`) resolve exactly like caller-passed tokens.
+*
+* `tree` must already have its preset colors resolved for the scheme (see
+* `resolveTextTree`), so a call only merges and resolves tokens.
+*
+* Typed loosely on purpose; the exact tree shape comes from the generated
+* `themed.gen.ts`.
+*/
+function createTextVariants(tree, resolve) {
+	const build = (tree) => Object.fromEntries(Object.entries(tree).filter(([, node]) => typeof node === "object" && node !== null).map(([key, node]) => [key, require_text_tree.isTextPreset(node) ? (override) => resolve({
+		...node,
+		...override
+	}) : build(node)]));
+	return build(tree);
+}
+//#endregion
+exports.createTextVariants = createTextVariants;

package/dist/text-variants.mjs

@@ -0,0 +1,25 @@
+import { isTextPreset } from "./text-tree.mjs";
+//#region src/text-variants.ts
+/**
+* Builds `themed.text.<path>(override?)` by walking whatever tree
+* `config.semanticTokens.text` defines, at any depth — no hand-written
+* per-variant code. Each preset merges with the caller's override (preset
+* first, override wins) and runs through the same `resolve` as
+* `themed.text()` itself, so presets referencing scale keys (e.g.
+* `fontSize: 'lg'`) resolve exactly like caller-passed tokens.
+*
+* `tree` must already have its preset colors resolved for the scheme (see
+* `resolveTextTree`), so a call only merges and resolves tokens.
+*
+* Typed loosely on purpose; the exact tree shape comes from the generated
+* `themed.gen.ts`.
+*/
+function createTextVariants(tree, resolve) {
+	const build = (tree) => Object.fromEntries(Object.entries(tree).filter(([, node]) => typeof node === "object" && node !== null).map(([key, node]) => [key, isTextPreset(node) ? (override) => resolve({
+		...node,
+		...override
+	}) : build(node)]));
+	return build(tree);
+}
+//#endregion
+export { createTextVariants };