@niibase/uniwind 1.0.0 → 1.0.11

package/dist/module/components/react-native-gesture-handler/native/BorderlessButton.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { BorderlessButton as RNGHBorderlessButton } from "react-native-gesture-handler";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const BorderlessButton = copyComponentProperties(
+  RNGHBorderlessButton,
+  (props) => {
+    const style = useStyle(props.className);
+    return /* @__PURE__ */ jsx(
+      RNGHBorderlessButton,
+      {
+        ...props,
+        style: [style, props.style]
+      }
+    );
+  }
+);
+export default BorderlessButton;

package/dist/module/components/react-native-gesture-handler/native/DrawerLayoutAndroid.d.ts

@@ -0,0 +1,5 @@
+import { DrawerLayoutAndroidProps } from 'react-native';
+export declare const DrawerLayoutAndroid: import("react").ForwardRefExoticComponent<DrawerLayoutAndroidProps & {
+    children?: React.ReactNode | undefined;
+} & import("react-native-gesture-handler").NativeViewGestureHandlerProps & import("react").RefAttributes<import("react").ComponentType<any>>>;
+export default DrawerLayoutAndroid;

package/dist/module/components/react-native-gesture-handler/native/DrawerLayoutAndroid.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { DrawerLayoutAndroid as RNGHDrawerLayoutAndroid } from "react-native-gesture-handler";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const DrawerLayoutAndroid = copyComponentProperties(
+  RNGHDrawerLayoutAndroid,
+  (props) => {
+    const style = useStyle(props.className);
+    return /* @__PURE__ */ jsx(
+      RNGHDrawerLayoutAndroid,
+      {
+        ...props,
+        style: [style, props.style]
+      }
+    );
+  }
+);
+export default DrawerLayoutAndroid;

package/dist/module/components/react-native-gesture-handler/native/FlatList.d.ts

@@ -0,0 +1,4 @@
+import { FlatListProps } from 'react-native';
+import { FlatList as RNGHFlatList } from 'react-native-gesture-handler';
+export declare const FlatList: <ItemT = any>(props: import("react").PropsWithChildren<Omit<FlatListProps<ItemT>, "renderScrollComponent"> & import("react").RefAttributes<RNGHFlatList<ItemT>> & import("react-native-gesture-handler").NativeViewGestureHandlerProps>, ref?: import("react").ForwardedRef<RNGHFlatList<ItemT>>) => import("react").ReactElement | null;
+export default FlatList;

package/dist/module/components/react-native-gesture-handler/native/FlatList.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import { FlatList as RNGHFlatList } from "react-native-gesture-handler";
+import { useUniwindAccent } from "../../../hooks/index.js";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const FlatList = copyComponentProperties(RNGHFlatList, (props) => {
+  const style = useStyle(props.className);
+  const styleColumnWrapper = useStyle(props.columnWrapperClassName);
+  const styleContentContainer = useStyle(props.contentContainerClassName);
+  const styleListFooterComponent = useStyle(props.ListFooterComponentClassName);
+  const styleListHeaderComponent = useStyle(props.ListHeaderComponentClassName);
+  const endFillColor = useUniwindAccent(props.endFillColorClassName);
+  const hasSingleColumn = !("numColumns" in props) || props.numColumns === 1;
+  return /* @__PURE__ */ jsx(
+    RNGHFlatList,
+    {
+      ...props,
+      style: [style, props.style],
+      columnWrapperStyle: hasSingleColumn ? void 0 : [styleColumnWrapper, props.columnWrapperStyle],
+      contentContainerStyle: [styleContentContainer, props.contentContainerStyle],
+      ListFooterComponentStyle: [styleListFooterComponent, props.ListFooterComponentStyle],
+      ListHeaderComponentStyle: [styleListHeaderComponent, props.ListHeaderComponentStyle],
+      endFillColor: props.endFillColor ?? endFillColor
+    }
+  );
+});
+export default FlatList;

package/dist/module/components/react-native-gesture-handler/native/GestureHandlerRootView.d.ts

@@ -0,0 +1,3 @@
+import { GestureHandlerRootView as RNGestureHandlerRootView } from 'react-native-gesture-handler';
+export declare const GestureHandlerRootView: typeof RNGestureHandlerRootView;
+export default GestureHandlerRootView;

package/dist/module/components/react-native-gesture-handler/native/GestureHandlerRootView.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { GestureHandlerRootView as RNGestureHandlerRootView } from "react-native-gesture-handler";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const GestureHandlerRootView = copyComponentProperties(
+  RNGestureHandlerRootView,
+  (props) => {
+    const style = useStyle(props.className);
+    return /* @__PURE__ */ jsx(
+      RNGestureHandlerRootView,
+      {
+        ...props,
+        style: [style, props.style]
+      }
+    );
+  }
+);
+export default GestureHandlerRootView;

package/dist/module/components/react-native-gesture-handler/native/Pressable.d.ts

@@ -0,0 +1,3 @@
+import { PressableProps } from 'react-native-gesture-handler';
+export declare const Pressable: (props: PressableProps) => React.JSX.Element;
+export default Pressable;

package/dist/module/components/react-native-gesture-handler/native/Pressable.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { Pressable as RNGHPressable } from "react-native-gesture-handler";
+import { UniwindStore } from "../../../core/native/index.js";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const Pressable = copyComponentProperties(RNGHPressable, (props) => {
+  const style = useStyle(props.className, {
+    isDisabled: Boolean(props.disabled)
+  });
+  return /* @__PURE__ */ jsx(
+    RNGHPressable,
+    {
+      ...props,
+      style: (state) => {
+        if (state.pressed) {
+          return [
+            UniwindStore.getStyles(
+              props.className,
+              { isDisabled: Boolean(props.disabled), isPressed: true }
+            ).styles,
+            typeof props.style === "function" ? props.style(state) : props.style
+          ];
+        }
+        return [style, typeof props.style === "function" ? props.style(state) : props.style];
+      }
+    }
+  );
+});
+export default Pressable;

package/dist/module/components/react-native-gesture-handler/native/PureNativeButton.d.ts

@@ -0,0 +1,3 @@
+import { RawButtonProps } from 'react-native-gesture-handler';
+export declare const PureNativeButton: import("react-native").HostComponent<RawButtonProps>;
+export default PureNativeButton;

package/dist/module/components/react-native-gesture-handler/native/PureNativeButton.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { PureNativeButton as RNGHPureNativeButton } from "react-native-gesture-handler";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const PureNativeButton = copyComponentProperties(RNGHPureNativeButton, (props) => {
+  const style = useStyle(props.className);
+  return /* @__PURE__ */ jsx(
+    RNGHPureNativeButton,
+    {
+      ...props,
+      style: [style, props.style]
+    }
+  );
+});
+export default PureNativeButton;

package/dist/module/components/react-native-gesture-handler/native/RawButton.d.ts

@@ -0,0 +1,3 @@
+import { RawButtonProps } from 'react-native-gesture-handler';
+export declare const RawButton: import("react").ForwardRefExoticComponent<RawButtonProps & import("react-native-gesture-handler").NativeViewGestureHandlerProps & import("react").RefAttributes<import("react").ComponentType<any>>>;
+export default RawButton;

package/dist/module/components/react-native-gesture-handler/native/RawButton.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { RawButton as RNGHRawButton } from "react-native-gesture-handler";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const RawButton = copyComponentProperties(RNGHRawButton, (props) => {
+  const style = useStyle(props.className);
+  return /* @__PURE__ */ jsx(
+    RNGHRawButton,
+    {
+      ...props,
+      style: [style, props.style]
+    }
+  );
+});
+export default RawButton;

package/dist/module/components/react-native-gesture-handler/native/RectButton.d.ts

@@ -0,0 +1,3 @@
+import { RectButtonProps } from 'react-native-gesture-handler';
+export declare const RectButton: import("react").ForwardRefExoticComponent<Omit<RectButtonProps, "innerRef"> & import("react").RefAttributes<import("react").ComponentType<{}>>>;
+export default RectButton;

package/dist/module/components/react-native-gesture-handler/native/RectButton.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { RectButton as RNGHRectButton } from "react-native-gesture-handler";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const RectButton = copyComponentProperties(RNGHRectButton, (props) => {
+  const style = useStyle(props.className);
+  return /* @__PURE__ */ jsx(
+    RNGHRectButton,
+    {
+      ...props,
+      style: [style, props.style]
+    }
+  );
+});
+export default RectButton;

package/dist/module/components/react-native-gesture-handler/native/RefreshControl.d.ts

@@ -0,0 +1,3 @@
+import { RefreshControlProps } from 'react-native';
+export declare const RefreshControl: import("react").ForwardRefExoticComponent<RefreshControlProps & import("react-native-gesture-handler").NativeViewGestureHandlerProps & import("react").RefAttributes<import("react").ComponentType<any>>>;
+export default RefreshControl;

package/dist/module/components/react-native-gesture-handler/native/RefreshControl.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { RefreshControl as RNGHRefreshControl } from "react-native-gesture-handler";
+import { useUniwindAccent } from "../../../hooks/index.js";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const RefreshControl = copyComponentProperties(RNGHRefreshControl, (props) => {
+  const style = useStyle(props.className);
+  const color = useUniwindAccent(props.colorsClassName);
+  const tintColor = useUniwindAccent(props.tintColorClassName);
+  const titleColor = useUniwindAccent(props.titleColorClassName);
+  const progressBackgroundColor = useUniwindAccent(props.progressBackgroundColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNGHRefreshControl,
+    {
+      ...props,
+      style: [style, props.style],
+      colors: props.colors ?? (color !== void 0 ? [color] : void 0),
+      tintColor: props.tintColor ?? tintColor,
+      titleColor: props.titleColor ?? titleColor,
+      progressBackgroundColor: props.progressBackgroundColor ?? progressBackgroundColor
+    }
+  );
+});
+export default RefreshControl;

package/dist/module/components/react-native-gesture-handler/native/ScrollView.d.ts

@@ -0,0 +1,3 @@
+import { ScrollViewProps } from 'react-native';
+export declare const ScrollView: import("react").ForwardRefExoticComponent<ScrollViewProps & import("react-native-gesture-handler").NativeViewGestureHandlerProps & import("react").RefAttributes<import("react-native").ScrollView>>;
+export default ScrollView;

package/dist/module/components/react-native-gesture-handler/native/ScrollView.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { ScrollView as RNGHScrollView } from "react-native-gesture-handler";
+import { useUniwindAccent } from "../../../hooks/index.js";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const ScrollView = copyComponentProperties(RNGHScrollView, (props) => {
+  const style = useStyle(props.className);
+  const contentContainerStyle = useStyle(props.contentContainerClassName);
+  const endFillColor = useUniwindAccent(props.endFillColorClassName);
+  return /* @__PURE__ */ jsx(
+    RNGHScrollView,
+    {
+      ...props,
+      style: [style, props.style],
+      contentContainerStyle: [contentContainerStyle, props.contentContainerStyle],
+      endFillColor: props.endFillColor ?? endFillColor
+    }
+  );
+});
+export default ScrollView;

package/dist/module/components/react-native-gesture-handler/native/Switch.d.ts

@@ -0,0 +1,3 @@
+import { SwitchProps } from 'react-native';
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react-native-gesture-handler").NativeViewGestureHandlerProps & import("react").RefAttributes<import("react").ComponentType<any>>>;
+export default Switch;

package/dist/module/components/react-native-gesture-handler/native/Switch.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Switch as RNGHSwitch } from "react-native-gesture-handler";
+import { useUniwindAccent } from "../../../hooks/useUniwindAccent.native.js";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const Switch = copyComponentProperties(RNGHSwitch, (props) => {
+  const state = {
+    isDisabled: Boolean(props.disabled)
+  };
+  const style = useStyle(props.className, state);
+  const trackColorOn = useUniwindAccent(props.trackColorOnClassName, state);
+  const trackColorOff = useUniwindAccent(props.trackColorOffClassName, state);
+  const thumbColor = useUniwindAccent(props.thumbColorClassName, state);
+  const ios_backgroundColor = useUniwindAccent(props.ios_backgroundColorClassName, state);
+  return /* @__PURE__ */ jsx(
+    RNGHSwitch,
+    {
+      ...props,
+      style: [style, props.style],
+      thumbColor: props.thumbColor ?? thumbColor,
+      trackColor: { true: props.trackColor?.true ?? trackColorOn, false: props.trackColor?.false ?? trackColorOff },
+      ios_backgroundColor: props.ios_backgroundColor ?? ios_backgroundColor
+    }
+  );
+});
+export default Switch;

package/dist/module/components/react-native-gesture-handler/native/Text.d.ts

@@ -0,0 +1,2 @@
+export declare const Text: React.ForwardRefExoticComponent<any>;
+export default Text;

package/dist/module/components/react-native-gesture-handler/native/Text.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Text as RNGHText } from "react-native-gesture-handler";
+import { useUniwindAccent } from "../../../hooks/useUniwindAccent.native.js";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const Text = copyComponentProperties(RNGHText, (props) => {
+  const [isPressed, setIsPressed] = useState(false);
+  const state = {
+    isPressed,
+    isDisabled: Boolean(props.disabled)
+  };
+  const style = useStyle(props.className, state);
+  const selectionColor = useUniwindAccent(props.selectionColorClassName, state);
+  return /* @__PURE__ */ jsx(
+    RNGHText,
+    {
+      ...props,
+      style: [style, props.style],
+      selectionColor: props.selectionColor ?? selectionColor,
+      numberOfLines: style.WebkitLineClamp ?? props.numberOfLines,
+      onPressIn: (event) => {
+        setIsPressed(true);
+        props.onPressIn?.(event);
+      },
+      onPressOut: (event) => {
+        setIsPressed(false);
+        props.onPressOut?.(event);
+      }
+    }
+  );
+});
+export default Text;

package/dist/module/components/react-native-gesture-handler/native/TextInput.d.ts

@@ -0,0 +1,3 @@
+import { TextInputProps } from 'react-native';
+export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react-native-gesture-handler").NativeViewGestureHandlerProps & import("react").RefAttributes<import("react").ComponentType<any>>>;
+export default TextInput;

package/dist/module/components/react-native-gesture-handler/native/TextInput.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TextInput as RNGHTextInput } from "react-native-gesture-handler";
+import { useUniwindAccent } from "../../../hooks/useUniwindAccent.native.js";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const TextInput = copyComponentProperties(RNGHTextInput, (props) => {
+  const [isFocused, setIsFocused] = useState(false);
+  const [isPressed, setIsPressed] = useState(false);
+  const state = {
+    isDisabled: props.editable === false,
+    isFocused,
+    isPressed
+  };
+  const style = useStyle(props.className, state);
+  const cursorColor = useUniwindAccent(props.cursorColorClassName, state);
+  const selectionColor = useUniwindAccent(props.selectionColorClassName, state);
+  const placeholderTextColor = useUniwindAccent(props.placeholderTextColorClassName, state);
+  const selectionHandleColor = useUniwindAccent(props.selectionHandleColorClassName, state);
+  const underlineColorAndroid = useUniwindAccent(props.underlineColorAndroidClassName, state);
+  return /* @__PURE__ */ jsx(
+    RNGHTextInput,
+    {
+      ...props,
+      style: [style, props.style],
+      cursorColor: props.cursorColor ?? cursorColor,
+      selectionColor: props.selectionColor ?? selectionColor,
+      placeholderTextColor: props.placeholderTextColor ?? placeholderTextColor,
+      selectionHandleColor: props.selectionHandleColor ?? selectionHandleColor,
+      underlineColorAndroid: props.underlineColorAndroid ?? underlineColorAndroid,
+      onFocus: (event) => {
+        setIsFocused(true);
+        props.onFocus?.(event);
+      },
+      onBlur: (event) => {
+        setIsFocused(false);
+        props.onBlur?.(event);
+      },
+      onPressIn: (event) => {
+        setIsPressed(true);
+        props.onPressIn?.(event);
+      },
+      onPressOut: (event) => {
+        setIsPressed(false);
+        props.onPressOut?.(event);
+      }
+    }
+  );
+});
+export default TextInput;

package/dist/module/components/react-native-gesture-handler/native/TouchableNativeFeedback.d.ts

@@ -0,0 +1,2 @@
+export declare const TouchableNativeFeedback: typeof import("react-native").TouchableNativeFeedback;
+export default TouchableNativeFeedback;

package/dist/module/components/react-native-gesture-handler/native/TouchableNativeFeedback.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TouchableNativeFeedback as RNGHTouchableNativeFeedback } from "react-native-gesture-handler";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const TouchableNativeFeedback = copyComponentProperties(
+  RNGHTouchableNativeFeedback,
+  (props) => {
+    const [isPressed, setIsPressed] = useState(false);
+    const state = {
+      isDisabled: Boolean(props.disabled),
+      isPressed
+    };
+    const style = useStyle(props.className, state);
+    return /* @__PURE__ */ jsx(
+      RNGHTouchableNativeFeedback,
+      {
+        ...props,
+        style: [style, props.style],
+        onPressIn: (event) => {
+          setIsPressed(true);
+          props.onPressIn?.(event);
+        },
+        onPressOut: (event) => {
+          setIsPressed(false);
+          props.onPressOut?.(event);
+        }
+      }
+    );
+  }
+);
+export default TouchableNativeFeedback;

package/dist/module/components/react-native-gesture-handler/native/TouchableOpacity.d.ts

@@ -0,0 +1,3 @@
+import { TouchableOpacity as RNGHTouchableOpacity } from 'react-native-gesture-handler';
+export declare const TouchableOpacity: typeof RNGHTouchableOpacity;
+export default TouchableOpacity;

package/dist/module/components/react-native-gesture-handler/native/TouchableOpacity.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { TouchableOpacity as RNGHTouchableOpacity } from "react-native-gesture-handler";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const TouchableOpacity = copyComponentProperties(
+  RNGHTouchableOpacity,
+  (props) => {
+    const [isPressed, setIsPressed] = useState(false);
+    const state = {
+      isDisabled: Boolean(props.disabled),
+      isPressed
+    };
+    const style = useStyle(props.className, state);
+    return /* @__PURE__ */ jsx(
+      RNGHTouchableOpacity,
+      {
+        ...props,
+        style: [style, props.style],
+        onPressIn: () => {
+          setIsPressed(true);
+          props.onPressIn?.();
+        },
+        onPressOut: () => {
+          setIsPressed(false);
+          props.onPressOut?.();
+        }
+      }
+    );
+  }
+);
+export default TouchableOpacity;

package/dist/module/components/react-native-gesture-handler/native/TouchableWithoutFeedback.d.ts

@@ -0,0 +1,4 @@
+export declare const TouchableWithoutFeedback: import("react").ForwardRefExoticComponent<import("react-native-gesture-handler/lib/typescript/components/touchables/GenericTouchableProps").GenericTouchableProps & {
+    children?: React.ReactNode | undefined;
+} & import("react").RefAttributes<import("react-native-gesture-handler/lib/typescript/components/touchables/GenericTouchable").default>>;
+export default TouchableWithoutFeedback;

package/dist/module/components/react-native-gesture-handler/native/TouchableWithoutFeedback.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import {
+  TouchableWithoutFeedback as RNGHTouchableWithoutFeedback
+} from "react-native-gesture-handler";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const TouchableWithoutFeedback = copyComponentProperties(
+  RNGHTouchableWithoutFeedback,
+  (props) => {
+    const [isPressed, setIsPressed] = useState(false);
+    const state = {
+      isDisabled: Boolean(props.disabled),
+      isPressed
+    };
+    const style = useStyle(props.className, state);
+    return /* @__PURE__ */ jsx(
+      RNGHTouchableWithoutFeedback,
+      {
+        ...props,
+        style: [style, props.style],
+        onPressIn: () => {
+          setIsPressed(true);
+          props.onPressIn?.();
+        },
+        onPressOut: () => {
+          setIsPressed(false);
+          props.onPressOut?.();
+        }
+      }
+    );
+  }
+);
+export default TouchableWithoutFeedback;

package/dist/module/components/react-native-svg/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/module/components/react-native-svg/index.js

@@ -0,0 +1,10 @@
+import * as Svg from "react-native-svg";
+module.exports = {
+  ...Svg,
+  get Svg() {
+    return require("./native/Svg").Svg;
+  },
+  get default() {
+    return require("./native/Svg").default;
+  }
+};

package/dist/module/components/react-native-svg/native/Svg.d.ts

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

package/dist/module/components/react-native-svg/native/Svg.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Svg as RNSvg } from "react-native-svg";
+import { useStyle } from "../../native/useStyle.js";
+import { copyComponentProperties } from "../../utils.js";
+export const Svg = copyComponentProperties(RNSvg, (props) => {
+  const style = useStyle(props.className);
+  return /* @__PURE__ */ jsx(
+    RNSvg,
+    {
+      ...props,
+      style: [style, props.style]
+    }
+  );
+});
+export default Svg;

package/dist/module/components/react-native-svg/web/Svg.d.ts

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

package/dist/module/components/react-native-svg/web/Svg.js

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

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

@@ -1,4 +1,5 @@
 import { Appearance, Dimensions, I18nManager, PixelRatio, StyleSheet } from "react-native";
+import { initialWindowMetrics } from "react-native-safe-area-context";
 import { ColorScheme, Orientation } from "../../types.js";
 import { colorMix, lightDark } from "./native-utils.js";
 const window = Dimensions.get("window");
@@ -14,12 +15,7 @@ export const UniwindRuntime = {
   fontScale: (value) => value * PixelRatio.getFontScale(),
   hairlineWidth: StyleSheet.hairlineWidth,
   rtl: I18nManager.isRTL,
-  insets: {
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0
-  },
+  insets: initialWindowMetrics?.insets ?? { top: 0, left: 0, bottom: 0, right: 0 },
   colorMix,
   pixelRatio: (value) => value * PixelRatio.get(),
   cubicBezier: () => "",

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

@@ -9,10 +9,12 @@ declare class UniwindStoreBuilder {
     vars: Record<string, unknown>;
     runtimeThemeVariables: Map<string, CSSVariables>;
     private stylesheet;
+    private varsWithMediaQueries;
     private cache;
     private generateStyleSheetCallbackResult;
     getStyles(className?: string, state?: ComponentState): StylesResult;
     reinit: (generateStyleSheetCallback?: GenerateStyleSheetsCallback) => void;
+    private resolveMediaQueryVars;
     private resolveStyles;
 }
 export declare const UniwindStore: UniwindStoreBuilder;