react-native-css 0.0.0-nightly.7bc9102 → 0.0.0-nightly.8a01f75

package/src/runtime.types.ts

@@ -0,0 +1,150 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import type {
+  ClassicComponentClass,
+  ComponentClass,
+  ComponentProps,
+  ComponentType,
+  ForwardRefExoticComponent,
+  FunctionComponent,
+  ReactElement,
+} from "react";
+import type {
+  ColorSchemeName,
+  ImageStyle,
+  TextStyle,
+  ViewStyle,
+} from "react-native";
+
+import type { DotNotation, ResolveDotPath } from "react-native-css/utilities";
+
+/********************************     API      ********************************/
+
+export type StyledReactElement<
+  C extends ReactComponent,
+  M extends StyledConfiguration<C>,
+> = ReactElement<
+  ComponentProps<C> & {
+    [K in keyof M as K extends string
+      ? M[K] extends undefined | false
+        ? never
+        : M[K] extends true | string | object
+          ? K
+          : never
+      : never]?: string;
+  }
+>;
+
+export type StyledProps<P, M extends StyledConfiguration<any>> = P & {
+  [K in keyof M as K extends string
+    ? M[K] extends undefined | false
+      ? never
+      : M[K] extends true | string | object
+        ? K
+        : never
+    : never]?: string;
+};
+
+export type Styled = <
+  const C extends ReactComponent,
+  const M extends StyledConfiguration<C>,
+>(
+  component: C,
+  mapping: M & StyledConfiguration<C>,
+  options?: StyledOptions,
+) => StyledComponent<C, M>;
+
+type StyledComponent<
+  C extends ReactComponent,
+  M extends StyledConfiguration<C>,
+> = ComponentType<
+  ComponentProps<C> & {
+    [K in keyof M as K extends string
+      ? M[K] extends undefined | false
+        ? never
+        : M[K] extends true | string | object
+          ? K
+          : never
+      : never]?: string;
+  }
+>;
+
+export type StyledConfiguration<
+  C extends ReactComponent,
+  K extends string = string,
+> = Record<
+  K,
+  | boolean
+  | ComponentPropsDotNotation<C>
+  | StyledConfigurationObject<C, ComponentPropsDotNotation<C> | false>
+>;
+
+interface StyledConfigurationObject<
+  C extends ReactComponent,
+  T extends ComponentPropsDotNotation<C> | false,
+> {
+  target: T;
+  nativeStyleMapping?: T extends false
+    ? NativeStyleMapping<string, ComponentProps<C>>
+    : NativeStyleMapping<
+        ResolveDotPath<T, ComponentProps<C>>,
+        ComponentProps<C>
+      >;
+  /** @deprecated Please use nativeStyleMapping */
+  nativeStyleToProp?: NativeStyleMapping<
+    ResolveDotPath<T, ComponentProps<C>>,
+    ComponentProps<C>
+  >;
+}
+
+type NativeStyleMapping<T, S> = T extends object
+  ? {
+      [K in keyof T as K extends string ? K : never]: true | DotNotation<S>;
+    } & {
+      fill?: true | DotNotation<S>;
+      stroke?: true | DotNotation<S>;
+    }
+  : Record<string, true | DotNotation<S>>;
+
+export interface StyledOptions {
+  passThrough?: boolean;
+}
+
+/***************************     React Helpers      ***************************/
+
+export type ReactComponent<P = any> =
+  // eslint-disable-next-line @typescript-eslint/no-deprecated
+  | ClassicComponentClass<P>
+  | ComponentClass<P>
+  | FunctionComponent<P>
+  | ForwardRefExoticComponent<P>;
+
+export type ComponentPropsDotNotation<C extends ReactComponent> = DotNotation<
+  ComponentProps<C>
+>;
+
+/********************************    Styles    ********************************/
+
+export type InlineStyleRecord = Record<string, unknown> & {
+  // Used to differentiate between InlineStyleRecord and StyleRule
+  s?: never;
+};
+
+export type InlineStyle =
+  | InlineStyleRecord
+  | undefined
+  | null
+  | (Record<string, unknown> | undefined | null)[]
+  | (() => unknown);
+
+/*********************************    Misc    *********************************/
+
+export type Props = Record<string, any> | undefined | null;
+export type Callback = () => void;
+export type RNStyle = ViewStyle & TextStyle & ImageStyle;
+
+/********************************    Globals    ********************************/
+
+export interface ColorScheme {
+  get: () => ColorSchemeName;
+  set: (value: ColorSchemeName) => void;
+}

package/src/utilities/dot-notation.types.ts

@@ -0,0 +1,125 @@
+/* eslint-disable */
+// ---------- Base Utilities ----------
+
+type Falsy = undefined | null | false | "";
+type RegisteredStyle<T> = number & { __registeredStyleBrand: T };
+
+type Primitive =
+  | string
+  | number
+  | boolean
+  | bigint
+  | symbol
+  | null
+  | undefined
+  | Date
+  | RegExp
+  | false
+  | true;
+
+interface RecursiveArray<T>
+  extends Array<T | ReadonlyArray<T> | RecursiveArray<T>> {}
+
+export type StyleProp<T> =
+  | T
+  | RegisteredStyle<T>
+  | RecursiveArray<T | RegisteredStyle<T> | Falsy>
+  | Falsy;
+
+// ---------- Type Helpers ----------
+
+// Unwrap nested arrays (from RecursiveArray)
+type UnwrapRecursiveArray<
+  T,
+  Depth extends unknown[] = [],
+  MaxDepth extends number = 10
+> = Depth["length"] extends MaxDepth
+  ? T
+  : T extends (infer I)[]
+    ? UnwrapRecursiveArray<I, [...Depth, unknown], MaxDepth>
+    : T;
+
+
+// Remove null, false, undefined, etc.
+type RemoveFalsy<T> = Exclude<T, Falsy>;
+
+// Remove RegisteredStyle (branded numbers)
+type RemoveRegisteredStyle<T> = T extends RegisteredStyle<any> ? never : T;
+
+// Final cleaned style object from StyleProp<T>
+type ExtractStyleObject<T> = RemoveRegisteredStyle<
+  RemoveFalsy<UnwrapRecursiveArray<T extends StyleProp<infer U> ? U : T>>
+>;
+
+// Check if something is a non-array plain object
+type IsPlainObject<T> = T extends object
+  ? T extends Function
+    ? false
+    : T extends readonly any[]
+      ? false
+      : true
+  : false;
+
+// ---------- Resolve Path Type Helpers ----------
+
+type Split<
+  T extends string,
+  Delimiter extends string,
+> = T extends `${infer Head}${Delimiter}${infer Tail}`
+  ? [Head, ...Split<Tail, Delimiter>]
+  : [T];
+
+// Special parser to break down dot + bracket notation (e.g., "users[0].name")
+type ParsePath<T extends string> =
+  T extends `${infer Head}[${number}]${infer Rest}`
+    ? [Head, number, ...ParsePath<Rest extends `.${infer R}` ? R : Rest>]
+    : Split<T, ".">;
+
+type ResolvePath<T, Parts extends readonly any[]> = Parts extends [
+  infer Head,
+  ...infer Rest,
+]
+  ? Head extends keyof T
+    ? ResolvePath<T[Head], Rest>
+    : Head extends number
+      ? T extends (infer U)[]
+        ? ResolvePath<U, Rest>
+        : never
+      : never
+  : T;
+
+// ---------- Dot Notation Utility ----------
+
+export type DotNotation<
+  T,
+  Depth extends unknown[] = [],
+  MaxDepth extends number = 10,
+  Key extends keyof T = keyof T,
+> = Depth["length"] extends MaxDepth
+  ? never
+  : Key extends string
+    ? unknown extends T[Key]
+      ? Key | `${Key}.${string}`
+      : // Handle StyleProp<T> and clean unions
+        ExtractStyleObject<NonNullable<T[Key]>> extends infer Cleaned
+        ? Cleaned extends Primitive
+          ? Key
+          : Cleaned extends readonly (infer E)[]
+            ? E extends Primitive
+              ? Key | `${Key}[number]`
+              :
+                  | Key
+                  | `${Key}[number]`
+                  | `${Key}[number].${DotNotation<E, [...Depth, 0], MaxDepth>}`
+            : IsPlainObject<Cleaned> extends true
+              ? Key | `${Key}.${DotNotation<Cleaned, [...Depth, 0], MaxDepth>}`
+              : Key
+        : never
+    : never;
+
+// ---------- Resolve Dot Path ----------
+
+export type ResolveDotPath<T, Path extends string> = ResolvePath<
+  T,
+  ParsePath<Path>
+>;

package/src/utilities/index.ts

@@ -0,0 +1,3 @@
+export * from "./specificity";
+export * from "./style-descriptor";
+export * from "./dot-notation.types";

package/src/utilities/specificity.ts

@@ -0,0 +1,45 @@
+/* eslint-disable */
+import type { SpecificityArray, StyleRule } from "../compiler";
+import type { InlineStyleRecord } from "../runtime.types";
+
+export const Specificity = {
+  Order: 0,
+  ClassName: 1,
+  Important: 2,
+  Inline: 3,
+  PseudoElements: 4,
+  PseudoClass: 1,
+  // Id: 0, - We don't support ID yet
+  // StyleSheet: 0, - We don't support multiple stylesheets
+};
+
+const Important = Specificity.Important;
+const Inline = Specificity.Inline;
+const PseudoElements = Specificity.PseudoElements;
+const ClassName = Specificity.ClassName;
+const Order = Specificity.Order;
+
+export const inlineSpecificity: SpecificityArray = [];
+inlineSpecificity[Specificity.Inline] = 1;
+
+export const specificityCompareFn = (
+  a: StyleRule | InlineStyleRecord,
+  b: StyleRule | InlineStyleRecord,
+) => {
+  const aSpec = a.s ? a.s : inlineSpecificity;
+  const bSpec = b.s ? b.s : inlineSpecificity;
+
+  if (aSpec[Important] !== bSpec[Important]) {
+    return (aSpec[Important] || 0) - (bSpec[Important] || 0);
+  } else if (aSpec[Inline] !== bSpec[Inline]) {
+    return (aSpec[Inline] || 0) - (bSpec[Inline] || 0);
+  } else if (aSpec[PseudoElements] !== bSpec[PseudoElements]) {
+    return (aSpec[PseudoElements] || 0) - (bSpec[PseudoElements] || 0);
+  } else if (aSpec[ClassName] !== bSpec[ClassName]) {
+    return (aSpec[ClassName] || 0) - (bSpec[ClassName] || 0);
+  } else if (aSpec[Order] !== bSpec[Order]) {
+    return (aSpec[Order] || 0) - (bSpec[Order] || 0);
+  } else {
+    return 0;
+  }
+};

package/src/utilities/style-descriptor.ts

@@ -0,0 +1,24 @@
+import type { StyleDescriptor, StyleFunction } from "react-native-css/compiler";
+
+export function isStyleDescriptorArray(
+  value: unknown,
+): value is StyleDescriptor[] {
+  if (Array.isArray(value)) {
+    // If its an array and the first item is an object, the only allowed value is an array
+    return typeof value[0] === "object" ? Array.isArray(value[0]) : true;
+  }
+
+  return false;
+}
+
+export function isStyleFunction(
+  value: StyleDescriptor,
+): value is StyleFunction {
+  if (Array.isArray(value)) {
+    return typeof value[0] === "object"
+      ? Object.keys(value[0]).length === 0
+      : false;
+  }
+
+  return false;
+}

package/src/web/api.tsx

@@ -0,0 +1,120 @@
+import {
+  createElement,
+  useMemo,
+  type ComponentPropsWithRef,
+  type ComponentType,
+  type PropsWithChildren,
+} from "react";
+import { Appearance } from "react-native";
+
+import type {
+  ColorScheme,
+  Props,
+  StyledConfiguration,
+  StyledOptions,
+  StyledProps,
+} from "react-native-css";
+
+import type { ReactComponent } from "../runtime.types";
+import { assignStyle } from "./assign-style";
+
+const defaultMapping: StyledConfiguration<ComponentType<{ style: unknown }>> = {
+  className: "style",
+};
+
+export const styled = <
+  const C extends ReactComponent,
+  const M extends StyledConfiguration<C>,
+>(
+  baseComponent: C,
+  mapping: M = defaultMapping as M,
+  _options?: StyledOptions,
+) => {
+  return (props: StyledProps<ComponentPropsWithRef<C>, M>) => {
+    return useCssElement(baseComponent, mapping, props);
+  };
+};
+
+export const useCssElement = <C extends ReactComponent>(
+  component: C,
+  incomingProps: Props,
+  mapping: StyledConfiguration<C>,
+) => {
+  let props = { ...incomingProps };
+
+  for (const [key, value] of Object.entries(mapping)) {
+    const source: unknown = props[key];
+    if (!source) {
+      continue;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
+    delete props[key];
+
+    let target: string | boolean =
+      typeof value === "object" ? value.target : value;
+
+    if (typeof target === "boolean") {
+      target = key;
+    }
+
+    props = assignStyle(
+      { $$css: true, [key]: source },
+      target.split("."),
+      props,
+    );
+  }
+
+  return createElement(component, props);
+};
+
+export const colorScheme: ColorScheme = {
+  get() {
+    return Appearance.getColorScheme();
+  },
+  set(name) {
+    Appearance.setColorScheme(name);
+  },
+};
+
+/**
+ * @deprecated Use `<VariableContextProvider />` instead.
+ */
+export function vars(variables: Record<string, string | number>) {
+  const $variables: Record<string, string> = {};
+
+  for (const [key, value] of Object.entries(variables)) {
+    if (key.startsWith("--")) {
+      $variables[key] = value.toString();
+    } else {
+      $variables[`--${key}`] = value.toString();
+    }
+  }
+  return $variables;
+}
+
+export function VariableContextProvider(
+  props: PropsWithChildren<{ value: Record<`--${string}`, string | number> }>,
+) {
+  const style = useMemo(() => {
+    return {
+      display: "contents",
+      ...Object.fromEntries(
+        Object.entries(props.value).map(([key, value]) => [
+          key.startsWith("--") ? key : `--${key}`,
+          value,
+        ]),
+      ),
+    };
+  }, [props.value]);
+
+  return <div style={style}>{props.children}</div>;
+}
+
+export const useNativeVariable = () => {
+  throw new Error("useNativeVariable is not supported in web");
+};
+
+export const useUnstableNativeVariable = () => {
+  throw new Error("useUnstableNativeVariable is not supported in web");
+};

package/types.d.ts

@@ -16,6 +16,9 @@ declare module "@react-native/virtualized-lists" {
 }
 
 declare module "react-native" {
+  interface ButtonProps {
+    className?: string;
+  }
   interface ScrollViewProps
     extends ViewProps,
       ScrollViewPropsIOS,

package/dist/commonjs/poison.pill.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-const canWarn = process.env.NODE_ENV !== "test";
-if (canWarn) {
-  throw new Error(`react-native-css has encountered a setup error. 
-
-┌───────┐
-│ Metro │ 
-└───────┘
-
-Either your metro.config.js is missing the 'withReactNativeCSS' wrapper OR
-the resolver.resolveRequest function of your config is being overridden, and not calling the parent resolver.
-
-When using 3rd party libraries, please use withReactNativeCSS as the innermost function when composing Metro configs.
-
-\`\`\`ts
-const config = getDefaultConfig(__dirname);
-module.exports = with3rdPartyPlugin(
-  withReactNativeCSS(config)
-)
-\`\`\`
-
-┌────────────┐
-│ NativeWind │ 
-└────────────┘
-
-If you are using NativeWind follow the Metro instructions above but use 'withNativeWind' instead of 'withReactNativeCSS'.
-
-┌────────────────┐
-│ Other bundlers │ 
-└────────────────┘
-
-If you are using another bundler (Vite, Webpack, etc), or non-Metro framework (Next.js, Remix, etc), please ensure you have included 'react-native-css/babel' as a babel preset.
-`);
-}
-//# sourceMappingURL=poison.pill.js.map

package/dist/commonjs/poison.pill.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["canWarn","process","env","NODE_ENV","Error"],"sourceRoot":"../../src","sources":["poison.pill.ts"],"mappings":";;;;;AAAA,MAAMA,OAAO,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM;AAE/C,IAAIH,OAAO,EAAE;EACX,MAAM,IAAII,KAAK,CAAC;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AACF","ignoreList":[]}

package/dist/commonjs/runtime/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _runtime = require("./runtime");
-Object.keys(_runtime).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _runtime[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _runtime[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/dist/commonjs/runtime/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_runtime","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../src","sources":["runtime/index.ts"],"mappings":";;;;;AAKA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/commonjs/runtime/native/api.js

@@ -1,96 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "StyleCollection", {
-  enumerable: true,
-  get: function () {
-    return _styleCollection.StyleCollection;
-  }
-});
-exports.useCssElement = exports.styled = exports.colorScheme = void 0;
-Object.defineProperty(exports, "useNativeCss", {
-  enumerable: true,
-  get: function () {
-    return _useNativeCss.useNativeCss;
-  }
-});
-exports.useNativeVariable = useNativeVariable;
-exports.useUnstableNativeVariable = void 0;
-exports.vars = vars;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _useNativeCss = require("./react/useNativeCss.js");
-var _usePassthrough = require("./react/usePassthrough.js");
-var _reactivity = require("./reactivity.js");
-var _resolve = require("./styles/resolve.js");
-var _styleCollection = require("react-native-css/style-collection");
-/* eslint-disable  */
-
-/**
- * Generates a new Higher-Order component the wraps the base component and applies the styles.
- * This is added to the `interopComponents` map so that it can be used in the `wrapJSX` function
- * @param baseComponent
- * @param mapping
- */
-const styled = (baseComponent, mapping, options) => {
-  let component;
-  // const type = getComponentType(baseComponent);
-
-  const configs = (0, _useNativeCss.mappingToConfig)(mapping);
-  if (options?.passThrough) {
-    component = props => {
-      return (0, _usePassthrough.usePassthrough)(baseComponent, props, configs);
-    };
-  } else {
-    component = props => {
-      return (0, _useNativeCss.useNativeCss)(baseComponent, props, configs);
-    };
-  }
-  const name = baseComponent.displayName ?? baseComponent.name ?? "unknown";
-  component.displayName = `CssInterop.${name}`;
-  return component;
-};
-exports.styled = styled;
-const colorScheme = exports.colorScheme = {
-  get() {
-    return _reactivity.colorScheme.get() ?? _reactNative.Appearance.getColorScheme() ?? "light";
-  },
-  set(value) {
-    return _reactivity.colorScheme.set(value);
-  }
-};
-const useUnstableNativeVariable = exports.useUnstableNativeVariable = useNativeVariable;
-const useCssElement = (component, incomingProps, mapping) => {
-  const [config] = (0, _react.useState)(() => (0, _useNativeCss.mappingToConfig)(mapping));
-  return (0, _useNativeCss.useNativeCss)(component, incomingProps, config);
-};
-exports.useCssElement = useCssElement;
-function useNativeVariable(name) {
-  if (name.startsWith("--")) {
-    name = name.slice(2);
-  }
-  const inheritedVariables = (0, _react.useContext)(_reactivity.VariableContext);
-  const [effect, setState] = (0, _react.useState)(() => {
-    const effect = {
-      observers: new Set(),
-      run: () => setState(state => ({
-        ...state
-      }))
-    };
-    const get = observable => observable.get(effect);
-    return {
-      ...effect,
-      get
-    };
-  });
-  return (0, _resolve.resolveValue)([{}, "var", [name]], effect.get, {
-    inheritedVariables
-  });
-}
-function vars(variables) {
-  variables[_reactivity.VAR_SYMBOL] = "inline";
-  return variables;
-}
-//# sourceMappingURL=api.js.map

package/dist/commonjs/runtime/native/api.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_useNativeCss","_usePassthrough","_reactivity","_resolve","_styleCollection","styled","baseComponent","mapping","options","component","configs","mappingToConfig","passThrough","props","usePassthrough","useNativeCss","name","displayName","exports","colorScheme","get","colorSchemeObs","Appearance","getColorScheme","set","value","useUnstableNativeVariable","useNativeVariable","useCssElement","incomingProps","config","useState","startsWith","slice","inheritedVariables","useContext","VariableContext","effect","setState","observers","Set","run","state","observable","resolveValue","vars","variables","VAR_SYMBOL"],"sourceRoot":"../../../../src","sources":["runtime/native/api.ts"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/runtime/native/conditions/attributes.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.testAttributes = testAttributes;
-function testAttributes(queries, props, guards) {
-  return queries.every(query => testAttribute(query, props, guards));
-}
-function testAttribute([type, prop, operator, testValue], props, guards) {
-  let value;
-  if (type === "a") {
-    value = props?.[prop];
-  } else {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-    value = props?.dataSet?.[prop];
-  }
-  guards.push([type, prop, value]);
-  if (!operator) {
-    return value !== undefined && value !== null && value !== false;
-  }
-  switch (operator) {
-    case "!":
-      return !value;
-    case "=":
-      return value == testValue;
-    case "~=":
-      return testValue && value?.toString().split(" ").includes(testValue);
-    case "|=":
-      return testValue && value?.toString().startsWith(testValue + "-");
-    case "^=":
-      return testValue && value?.toString().startsWith(testValue);
-    case "$=":
-      return testValue && value?.toString().endsWith(testValue);
-    case "*=":
-      return testValue && value?.toString().includes(testValue);
-    default:
-      operator;
-      return false;
-  }
-}
-//# sourceMappingURL=attributes.js.map