@niibase/uniwind 1.0.0

package/dist/module/components/web/Switch.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { Switch as RNSwitch } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const Switch = copyComponentProperties(RNSwitch, (props) => {
+  const trackColorOn = useUniwindAccent(props.trackColorOnClassName);
+  const trackColorOff = useUniwindAccent(props.trackColorOffClassName);
+  const thumbColor = useUniwindAccent(props.thumbColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNSwitch,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style],
+      thumbColor: props.thumbColor ?? thumbColor,
+      trackColor: { true: props.trackColor?.true ?? trackColorOn, false: props.trackColor?.false ?? trackColorOff }
+    }
+  );
+});
+export default Switch;

package/dist/module/components/web/Text.d.ts

@@ -0,0 +1,3 @@
+import { Text as RNText } from 'react-native';
+export declare const Text: typeof RNText;
+export default Text;

package/dist/module/components/web/Text.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { Text as RNText } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const Text = copyComponentProperties(RNText, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNText,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style]
+    }
+  );
+});
+export default Text;

package/dist/module/components/web/TextInput.d.ts

@@ -0,0 +1,3 @@
+import { TextInput as RNTextInput } from 'react-native';
+export declare const TextInput: typeof RNTextInput;
+export default TextInput;

package/dist/module/components/web/TextInput.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { TextInput as RNTextInput } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const TextInput = copyComponentProperties(RNTextInput, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNTextInput,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style]
+    }
+  );
+});
+export default TextInput;

package/dist/module/components/web/TouchableHighlight.d.ts

@@ -0,0 +1,3 @@
+import { TouchableHighlightProps } from 'react-native';
+export declare const TouchableHighlight: import("react").ForwardRefExoticComponent<TouchableHighlightProps & import("react").RefAttributes<import("react-native").View>>;
+export default TouchableHighlight;

package/dist/module/components/web/TouchableHighlight.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { TouchableHighlight as RNTouchableHighlight } from "react-native";
+import { useUniwindAccent } from "../../hooks/index.js";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const TouchableHighlight = copyComponentProperties(RNTouchableHighlight, (props) => {
+  const underlayColor = useUniwindAccent(props.underlayColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNTouchableHighlight,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style],
+      underlayColor: props.underlayColor ?? underlayColor
+    }
+  );
+});
+export default TouchableHighlight;

package/dist/module/components/web/TouchableNativeFeedback.d.ts

@@ -0,0 +1,2 @@
+import './rnw';
+export { TouchableNativeFeedback } from 'react-native';

package/dist/module/components/web/TouchableNativeFeedback.js

@@ -0,0 +1,2 @@
+import "./rnw";
+export { TouchableNativeFeedback } from "react-native";

package/dist/module/components/web/TouchableOpacity.d.ts

@@ -0,0 +1,3 @@
+import { TouchableOpacityProps } from 'react-native';
+export declare const TouchableOpacity: import("react").ForwardRefExoticComponent<TouchableOpacityProps & import("react").RefAttributes<import("react-native").View>>;
+export default TouchableOpacity;

package/dist/module/components/web/TouchableOpacity.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { TouchableOpacity as RNTouchableOpacity } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const TouchableOpacity = copyComponentProperties(RNTouchableOpacity, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNTouchableOpacity,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style]
+    }
+  );
+});
+export default TouchableOpacity;

package/dist/module/components/web/TouchableWithoutFeedback.d.ts

@@ -0,0 +1,3 @@
+import { TouchableWithoutFeedback as RNTouchableWithoutFeedback } from 'react-native';
+export declare const TouchableWithoutFeedback: typeof RNTouchableWithoutFeedback;
+export default TouchableWithoutFeedback;

package/dist/module/components/web/TouchableWithoutFeedback.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { TouchableWithoutFeedback as RNTouchableWithoutFeedback } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const TouchableWithoutFeedback = copyComponentProperties(RNTouchableWithoutFeedback, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNTouchableWithoutFeedback,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style]
+    }
+  );
+});
+export default TouchableWithoutFeedback;

package/dist/module/components/web/View.d.ts

@@ -0,0 +1,3 @@
+import { View as RNView } from 'react-native';
+export declare const View: typeof RNView;
+export default View;

package/dist/module/components/web/View.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { View as RNView } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const View = copyComponentProperties(RNView, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNView,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style]
+    }
+  );
+});
+export default View;

package/dist/module/components/web/VirtualizedList.d.ts

@@ -0,0 +1,3 @@
+import { VirtualizedList as RNVirtualizedList } from 'react-native';
+export declare const VirtualizedList: typeof RNVirtualizedList;
+export default VirtualizedList;

package/dist/module/components/web/VirtualizedList.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { VirtualizedList as RNVirtualizedList } from "react-native";
+import { copyComponentProperties } from "../utils.js";
+import { toRNWClassName } from "./rnw.js";
+export const VirtualizedList = copyComponentProperties(RNVirtualizedList, (props) => {
+  return /* @__PURE__ */ jsx(
+    RNVirtualizedList,
+    {
+      ...props,
+      style: [toRNWClassName(props.className), props.style],
+      contentContainerStyle: [toRNWClassName(props.contentContainerClassName), props.contentContainerStyle],
+      ListFooterComponentStyle: [toRNWClassName(props.ListFooterComponentClassName), props.ListFooterComponentStyle],
+      ListHeaderComponentStyle: [toRNWClassName(props.ListHeaderComponentClassName), props.ListHeaderComponentStyle]
+    }
+  );
+});
+export default VirtualizedList;

package/dist/module/components/web/index.d.ts

@@ -0,0 +1,22 @@
+export * from 'react-native';
+export { ActivityIndicator } from './ActivityIndicator';
+export { Button } from './Button';
+export { FlatList } from './FlatList';
+export { Image } from './Image';
+export { ImageBackground } from './ImageBackground';
+export { KeyboardAvoidingView } from './KeyboardAvoidingView';
+export { Modal } from './Modal';
+export { Pressable } from './Pressable';
+export { RefreshControl } from './RefreshControl';
+export { SafeAreaView } from './SafeAreaView';
+export { ScrollView } from './ScrollView';
+export { SectionList } from './SectionList';
+export { Switch } from './Switch';
+export { Text } from './Text';
+export { TextInput } from './TextInput';
+export { TouchableHighlight } from './TouchableHighlight';
+export { TouchableNativeFeedback } from './TouchableNativeFeedback';
+export { TouchableOpacity } from './TouchableOpacity';
+export { TouchableWithoutFeedback } from './TouchableWithoutFeedback';
+export { View } from './View';
+export { VirtualizedList } from './VirtualizedList';

package/dist/module/components/web/index.js

@@ -0,0 +1,22 @@
+export * from "react-native";
+export { ActivityIndicator } from "./ActivityIndicator.js";
+export { Button } from "./Button.js";
+export { FlatList } from "./FlatList.js";
+export { Image } from "./Image.js";
+export { ImageBackground } from "./ImageBackground.js";
+export { KeyboardAvoidingView } from "./KeyboardAvoidingView.js";
+export { Modal } from "./Modal.js";
+export { Pressable } from "./Pressable.js";
+export { RefreshControl } from "./RefreshControl.js";
+export { SafeAreaView } from "./SafeAreaView.js";
+export { ScrollView } from "./ScrollView.js";
+export { SectionList } from "./SectionList.js";
+export { Switch } from "./Switch.js";
+export { Text } from "./Text.js";
+export { TextInput } from "./TextInput.js";
+export { TouchableHighlight } from "./TouchableHighlight.js";
+export { TouchableNativeFeedback } from "./TouchableNativeFeedback.js";
+export { TouchableOpacity } from "./TouchableOpacity.js";
+export { TouchableWithoutFeedback } from "./TouchableWithoutFeedback.js";
+export { View } from "./View.js";
+export { VirtualizedList } from "./VirtualizedList.js";

package/dist/module/components/web/rnw.d.ts

@@ -0,0 +1,2 @@
+import './metro-injected';
+export declare const toRNWClassName: (className?: string) => {};

package/dist/module/components/web/rnw.js

@@ -0,0 +1,35 @@
+import { Uniwind } from "../../core/index.js";
+import { UniwindListener } from "../../core/listener.js";
+import { StyleDependency } from "../../types.js";
+import "./metro-injected";
+const moveCssRulesToUtilitiesLayer = (sourceSheet) => {
+  const layerRuleIndex = sourceSheet.insertRule(
+    "@layer rnw {}",
+    0
+  );
+  const layerRule = sourceSheet.cssRules[layerRuleIndex];
+  while (sourceSheet.cssRules.length > 1) {
+    const nextRule = sourceSheet.cssRules[1];
+    layerRule.insertRule(nextRule.cssText, layerRule.cssRules.length);
+    sourceSheet.deleteRule(1);
+  }
+};
+if (typeof window !== "undefined" && typeof document !== "undefined") {
+  const rnwStyleSheet = document.querySelector("#react-native-stylesheet");
+  if (rnwStyleSheet?.sheet) {
+    moveCssRulesToUtilitiesLayer(rnwStyleSheet.sheet);
+  }
+}
+const addClassNameToRoot = () => {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const root = document.documentElement;
+  Uniwind.themes.forEach((theme) => root.classList.remove(theme));
+  root.classList.add(Uniwind.currentTheme);
+};
+UniwindListener.subscribe(() => {
+  addClassNameToRoot();
+}, [StyleDependency.Theme]);
+addClassNameToRoot();
+export const toRNWClassName = (className) => className !== void 0 ? { $$css: true, tailwind: className } : {};

package/dist/module/core/config/config.common.d.ts

@@ -0,0 +1,18 @@
+import { Insets } from 'react-native';
+import { CSSVariables, GenerateStyleSheetsCallback, ThemeName } from '../types';
+declare const SYSTEM_THEME: "system";
+export declare class UniwindConfigBuilder {
+    #private;
+    protected themes: string[];
+    constructor();
+    get hasAdaptiveThemes(): boolean;
+    get currentTheme(): ThemeName;
+    private get colorScheme();
+    setTheme(theme: ThemeName | typeof SYSTEM_THEME): void;
+    updateCSSVariables(theme: ThemeName, variables: CSSVariables): void;
+    updateInsets(insets: Insets): void;
+    protected __reinit(_: GenerateStyleSheetsCallback, themes: Array<string>): void;
+    protected onThemeChange(): void;
+}
+export declare const Uniwind: UniwindConfigBuilder;
+export {};

package/dist/module/core/config/config.common.js

@@ -0,0 +1,74 @@
+import { Appearance, Platform } from "react-native";
+import { ColorScheme, StyleDependency } from "../../types.js";
+import { UniwindListener } from "../listener.js";
+const SYSTEM_THEME = "system";
+export class UniwindConfigBuilder {
+  themes = ["light", "dark"];
+  #hasAdaptiveThemes = true;
+  #currentTheme = this.colorScheme;
+  constructor() {
+    Appearance.addChangeListener((event) => {
+      const colorScheme = event.colorScheme ?? ColorScheme.Light;
+      const prevTheme = this.#currentTheme;
+      if (this.#hasAdaptiveThemes && prevTheme !== colorScheme) {
+        this.#currentTheme = colorScheme;
+        this.onThemeChange();
+        UniwindListener.notify([StyleDependency.Theme]);
+      }
+    });
+  }
+  get hasAdaptiveThemes() {
+    return this.#hasAdaptiveThemes;
+  }
+  get currentTheme() {
+    return this.#currentTheme;
+  }
+  get colorScheme() {
+    return Appearance.getColorScheme() ?? ColorScheme.Light;
+  }
+  // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+  setTheme(theme) {
+    const prevTheme = this.#currentTheme;
+    const prevHasAdaptiveThemes = this.#hasAdaptiveThemes;
+    const isAdaptiveTheme = ["light", "dark"].includes(theme);
+    try {
+      if (theme === SYSTEM_THEME) {
+        this.#hasAdaptiveThemes = true;
+        this.#currentTheme = this.colorScheme;
+        if (Platform.OS !== "web") {
+          Appearance.setColorScheme(void 0);
+        }
+        return;
+      }
+      if (!this.themes.includes(theme)) {
+        throw new Error(`Uniwind: You're trying to setTheme to '${theme}', but it was not registered.`);
+      }
+      this.#hasAdaptiveThemes = false;
+      this.#currentTheme = theme;
+      if (Platform.OS !== "web") {
+        Appearance.setColorScheme(isAdaptiveTheme ? this.#currentTheme : void 0);
+      }
+    } finally {
+      if (prevTheme !== this.#currentTheme) {
+        this.onThemeChange();
+        UniwindListener.notify([StyleDependency.Theme]);
+      }
+      if (prevHasAdaptiveThemes !== this.#hasAdaptiveThemes) {
+        UniwindListener.notify([StyleDependency.AdaptiveThemes]);
+      }
+    }
+  }
+  updateCSSVariables(theme, variables) {
+    theme;
+    variables;
+  }
+  updateInsets(insets) {
+    insets;
+  }
+  __reinit(_, themes) {
+    this.themes = themes;
+  }
+  onThemeChange() {
+  }
+}
+export const Uniwind = new UniwindConfigBuilder();

package/dist/module/core/config/config.d.ts

@@ -0,0 +1,11 @@
+import { CSSVariables, ThemeName } from '../types';
+import { UniwindConfigBuilder as UniwindConfigBuilderBase } from './config.common';
+declare class UniwindConfigBuilder extends UniwindConfigBuilderBase {
+    private runtimeCSSVariables;
+    constructor();
+    onThemeChange(): void;
+    updateCSSVariables(theme: ThemeName, variables: CSSVariables): void;
+    private applyCSSVariable;
+}
+export declare const Uniwind: UniwindConfigBuilder;
+export {};

package/dist/module/core/config/config.js

@@ -0,0 +1,48 @@
+import { StyleDependency } from "../../types.js";
+import { UniwindListener } from "../listener.js";
+import { Logger } from "../logger.js";
+import { UniwindConfigBuilder as UniwindConfigBuilderBase } from "./config.common.js";
+class UniwindConfigBuilder extends UniwindConfigBuilderBase {
+  runtimeCSSVariables = /* @__PURE__ */ new Map();
+  constructor() {
+    super();
+  }
+  onThemeChange() {
+    if (typeof document === "undefined") {
+      return;
+    }
+    document.documentElement.removeAttribute("style");
+    const runtimeCSSVariables = this.runtimeCSSVariables.get(this.currentTheme);
+    if (!runtimeCSSVariables) {
+      return;
+    }
+    Object.entries(runtimeCSSVariables).forEach(([varName, varValue]) => {
+      this.applyCSSVariable(varName, varValue);
+    });
+  }
+  updateCSSVariables(theme, variables) {
+    Object.entries(variables).forEach(([varName, varValue]) => {
+      if (!varName.startsWith("--") && __DEV__) {
+        Logger.error(`CSS variable name must start with "--", instead got: ${varName}`);
+        return;
+      }
+      const runtimeCSSVariables = this.runtimeCSSVariables.get(theme) ?? {};
+      runtimeCSSVariables[varName] = varValue;
+      this.runtimeCSSVariables.set(theme, runtimeCSSVariables);
+      this.applyCSSVariable(varName, varValue);
+    });
+    if (theme === this.currentTheme) {
+      UniwindListener.notify([StyleDependency.Variables]);
+    }
+  }
+  applyCSSVariable(varName, varValue) {
+    if (typeof document === "undefined") {
+      return;
+    }
+    document.documentElement.style.setProperty(
+      varName,
+      typeof varValue === "number" ? `${varValue}px` : varValue
+    );
+  }
+}
+export const Uniwind = new UniwindConfigBuilder();

package/dist/module/core/config/config.native.d.ts

@@ -0,0 +1,12 @@
+import { Insets } from 'react-native';
+import { CSSVariables, GenerateStyleSheetsCallback, ThemeName } from '../types';
+import { UniwindConfigBuilder as UniwindConfigBuilderBase } from './config.common';
+declare class UniwindConfigBuilder extends UniwindConfigBuilderBase {
+    constructor();
+    __reinit(generateStyleSheetCallback: GenerateStyleSheetsCallback, themes: Array<string>): void;
+    onThemeChange(): void;
+    updateCSSVariables(theme: ThemeName, variables: CSSVariables): void;
+    updateInsets(insets: Insets): void;
+}
+export declare const Uniwind: UniwindConfigBuilder;
+export {};

package/dist/module/core/config/config.native.js

@@ -0,0 +1,61 @@
+import { formatHex, formatHex8, parse } from "culori";
+import { StyleDependency } from "../../types.js";
+import { UniwindListener } from "../listener.js";
+import { Logger } from "../logger.js";
+import { UniwindStore } from "../native/index.js";
+import { UniwindConfigBuilder as UniwindConfigBuilderBase } from "./config.common.js";
+class UniwindConfigBuilder extends UniwindConfigBuilderBase {
+  constructor() {
+    super();
+  }
+  __reinit(generateStyleSheetCallback, themes) {
+    super.__reinit(generateStyleSheetCallback, themes);
+    UniwindStore.reinit(generateStyleSheetCallback);
+  }
+  onThemeChange() {
+    UniwindStore.runtime.currentThemeName = this.currentTheme;
+    UniwindStore.reinit();
+  }
+  updateCSSVariables(theme, variables) {
+    Object.entries(variables).forEach(([varName, varValue]) => {
+      if (!varName.startsWith("--") && __DEV__) {
+        Logger.error(`CSS variable name must start with "--", instead got: ${varName}`);
+        return;
+      }
+      const getValue = () => {
+        if (typeof varValue === "number") {
+          return varValue;
+        }
+        const parsedColor = parse(varValue);
+        if (parsedColor) {
+          return parsedColor.alpha === void 0 || parsedColor.alpha === 1 ? formatHex(parsedColor) : formatHex8(parsedColor);
+        }
+        return varValue;
+      };
+      const value = getValue();
+      const runtimeThemeVariables = UniwindStore.runtimeThemeVariables.get(theme) ?? {};
+      Object.defineProperty(UniwindStore.vars, varName, {
+        configurable: true,
+        enumerable: true,
+        get: () => value
+      });
+      Object.defineProperty(runtimeThemeVariables, varName, {
+        configurable: true,
+        enumerable: true,
+        get: () => value
+      });
+      UniwindStore.runtimeThemeVariables.set(theme, runtimeThemeVariables);
+    });
+    if (theme === this.currentTheme) {
+      UniwindListener.notify([StyleDependency.Variables]);
+    }
+  }
+  updateInsets(insets) {
+    UniwindStore.runtime.insets.bottom = insets.bottom ?? 0;
+    UniwindStore.runtime.insets.top = insets.top ?? 0;
+    UniwindStore.runtime.insets.left = insets.left ?? 0;
+    UniwindStore.runtime.insets.right = insets.right ?? 0;
+    UniwindListener.notify([StyleDependency.Insets]);
+  }
+}
+export const Uniwind = new UniwindConfigBuilder();

package/dist/module/core/config/index.d.ts

@@ -0,0 +1 @@
+export * from './config';

package/dist/module/core/config/index.js

@@ -0,0 +1 @@
+export * from "./config.js";

package/dist/module/core/index.d.ts

@@ -0,0 +1 @@
+export * from './config';

package/dist/module/core/index.js

@@ -0,0 +1 @@
+export * from "./config/index.js";

package/dist/module/core/listener.d.ts

@@ -0,0 +1,12 @@
+import { StyleDependency } from '../types';
+type SubscribeOptions = {
+    once?: boolean;
+};
+declare class UniwindListenerBuilder {
+    private listeners;
+    notify(dependencies: Array<StyleDependency>): void;
+    notifyAll(): void;
+    subscribe(listener: () => void, dependencies: Array<StyleDependency>, options?: SubscribeOptions): () => void;
+}
+export declare const UniwindListener: UniwindListenerBuilder;
+export {};

package/dist/module/core/listener.js

@@ -0,0 +1,45 @@
+import { StyleDependency } from "../types.js";
+class UniwindListenerBuilder {
+  listeners = {
+    [StyleDependency.ColorScheme]: /* @__PURE__ */ new Set(),
+    [StyleDependency.Theme]: /* @__PURE__ */ new Set(),
+    [StyleDependency.Dimensions]: /* @__PURE__ */ new Set(),
+    [StyleDependency.Orientation]: /* @__PURE__ */ new Set(),
+    [StyleDependency.Insets]: /* @__PURE__ */ new Set(),
+    [StyleDependency.FontScale]: /* @__PURE__ */ new Set(),
+    [StyleDependency.Rtl]: /* @__PURE__ */ new Set(),
+    [StyleDependency.AdaptiveThemes]: /* @__PURE__ */ new Set(),
+    [StyleDependency.Variables]: /* @__PURE__ */ new Set()
+  };
+  notify(dependencies) {
+    dependencies.forEach((dep) => {
+      this.listeners[dep].forEach((callback) => callback());
+    });
+  }
+  notifyAll() {
+    Object.values(this.listeners).forEach((listenerSet) => {
+      listenerSet.forEach((callback) => callback());
+    });
+  }
+  subscribe(listener, dependencies, options) {
+    const wrappedListeners = /* @__PURE__ */ new Map();
+    const dispose = () => {
+      wrappedListeners.forEach((wrappedListener, dep) => {
+        this.listeners[dep].delete(wrappedListener);
+      });
+      wrappedListeners.clear();
+    };
+    dependencies.forEach((dep) => {
+      const wrappedListener = () => {
+        listener();
+        if (options?.once) {
+          dispose();
+        }
+      };
+      wrappedListeners.set(dep, wrappedListener);
+      this.listeners[dep].add(wrappedListener);
+    });
+    return dispose;
+  }
+}
+export const UniwindListener = new UniwindListenerBuilder();

package/dist/module/core/logger.d.ts

@@ -0,0 +1,5 @@
+export declare class Logger {
+    static log(message: string): void;
+    static error(message: string): void;
+    static warn(message: string): void;
+}

package/dist/module/core/logger.js

@@ -0,0 +1,11 @@
+export class Logger {
+  static log(message) {
+    console.log(`Uniwind - ${message}`);
+  }
+  static error(message) {
+    console.error(`Uniwind - ${message}`);
+  }
+  static warn(message) {
+    console.warn(`Uniwind - ${message}`);
+  }
+}

package/dist/module/core/native/index.d.ts

@@ -0,0 +1,2 @@
+export * from './runtime';
+export * from './store';

package/dist/module/core/native/index.js

@@ -0,0 +1,2 @@
+export * from "./runtime.js";
+export * from "./store.js";

package/dist/module/core/native/native-utils.d.ts

@@ -0,0 +1,4 @@
+import type { UniwindRuntime } from '../types';
+export declare const colorMix: (color: string, weight: number | string, mixColor: string) => string;
+export declare function lightDark(this: UniwindRuntime, light: string, dark: string): string;
+export declare const cloneWithAccessors: <T extends object>(obj: T) => any;

package/dist/module/core/native/native-utils.js

@@ -0,0 +1,27 @@
+import { formatHex, formatHex8, interpolate, parse } from "culori";
+export const colorMix = (color, weight, mixColor) => {
+  const parsedWeight = typeof weight === "string" ? parseFloat(weight) / 100 : weight;
+  if (mixColor === "#00000000") {
+    const parsedColor = parse(color);
+    if (parsedColor === void 0) {
+      return color;
+    }
+    return formatHex8({
+      ...parsedColor,
+      alpha: parsedWeight * (parsedColor.alpha ?? 1)
+    });
+  }
+  return formatHex(interpolate([mixColor, color])(parsedWeight));
+};
+export function lightDark(light, dark) {
+  if (this.currentThemeName === "dark") {
+    return dark;
+  }
+  return light;
+}
+export const cloneWithAccessors = (obj) => {
+  const proto = Object.getPrototypeOf(obj);
+  const clone = Object.create(proto);
+  Object.defineProperties(clone, Object.getOwnPropertyDescriptors(obj));
+  return clone;
+};

package/dist/module/core/native/parsers/boxShadow.d.ts

@@ -0,0 +1 @@
+export declare const parseBoxShadow: (boxShadow: string) => string;

package/dist/module/core/native/parsers/boxShadow.js

@@ -0,0 +1,3 @@
+const boxShadowRegex = /(?<![#\w.-])[+-]?(?:\d*\.\d+|\d+)(?![\w-])/g;
+const undefinedRegex = /undefined/g;
+export const parseBoxShadow = (boxShadow) => boxShadow.replace(boxShadowRegex, (match) => `${match}px`).replace(undefinedRegex, "");

package/dist/module/core/native/parsers/fontVariant.d.ts

@@ -0,0 +1 @@
+export declare const parseFontVariant: (fontVariant: string) => string[];