styledwind-native 1.1.3 → 1.2.0

package/README.md

@@ -57,6 +57,62 @@ const MyComponent = () => {
 export default MyComponent;
 ```
 
+## Safe Areas
+
+Use the `safe:*` utilities to read insets from
+[`react-native-safe-area-context`](https://github.com/AppAndFlow/react-native-safe-area-context)
+without wrapping anything:
+
+```tsx
+const Screen = tw.View`
+  flex-1
+  safe:pt
+  safe:pb
+`;
+```
+
+| Utility | Sets |
+| --- | --- |
+| `safe:pt` `safe:pb` `safe:pl` `safe:pr` | padding to the matching inset |
+| `safe:mt` `safe:mb` `safe:ml` `safe:mr` | margin to the matching inset |
+| `safe:top` `safe:bottom` `safe:left` `safe:right` | position offset to the matching inset |
+| `safe:h-top` `safe:h-bottom` | height to the top / bottom inset |
+| `safe:w-left` `safe:w-right` | width to the left / right inset |
+
+> `tw.SafeAreaView` wraps React Native's `SafeAreaView`, which
+> [was deprecated in React Native 0.81](https://reactnative.dev/blog/2025/08/12/react-native-0.81)
+> and will be removed. It is marked `@deprecated` here too. Prefer `tw.View` with
+> `safe:*` utilities, or pass `react-native-safe-area-context`'s `SafeAreaView` via
+> the `component` prop.
+
+## Loading Your Tailwind Config
+
+By default, `styledwind-native` tries to load `tailwind.config.{js,ts,tsx,json}`
+from your app's root. That lookup is path-based and only works when the package is
+hoisted flat into your app's `node_modules` (plain npm or yarn). It does **not** work
+with pnpm, in hoisted monorepos, or when your config lives somewhere else.
+
+For those setups, or whenever you want to be explicit, create your own instance
+and import it everywhere instead of the default export:
+
+```ts
+// src/tw.ts
+import { createStyledwind } from 'styledwind-native';
+import config from '../tailwind.config'; // .js or .ts, Metro resolves either
+
+export const { tw, Provider, useColorScheme } = createStyledwind(config);
+export default tw;
+```
+
+```tsx
+import tw, { Provider, useColorScheme } from './tw';
+```
+
+`Provider` and `useColorScheme` returned by `createStyledwind` are bound to that
+instance, so always use the ones from your own `tw` module rather than the ones
+exported from the package root. Every instance is independent, which also makes
+it easy to have more than one config or to test components in isolation.
+
 ## Provider Setup
 
 To enable color scheme management, wrap your app with the `Provider` component:
@@ -149,11 +205,51 @@ const Text = tw.Text`
 
 When set to `'device'` mode, the library automatically detects system color scheme changes and updates all styled components accordingly.
 
-## VS Code Intellisense
+## Editor Autocomplete
 
-Add the following to the settings of the
-[official Tailwind plugin](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)
-for VS Code.
+Tailwind's language server only knows the classes in your Tailwind config, so
+`ios:`, `android:`, `safe:pt` and friends don't autocomplete out of the box.
+`styledwind-native` ships a Tailwind preset that adds them. Add it to your config:
+
+```js
+// tailwind.config.js
+module.exports = {
+  presets: [require('styledwind-native/tailwind')],
+  // ...your theme
+};
+```
+
+```ts
+// tailwind.config.ts
+import type { Config } from 'tailwindcss';
+import styledwind from 'styledwind-native/tailwind';
+
+export default {
+  presets: [styledwind],
+  // ...your theme
+} satisfies Config;
+```
+
+The preset registers:
+
+- the device prefixes `twrnc` evaluates at runtime: `ios:`, `android:`, `web:`,
+  `windows:`, `macos:`, `portrait:`, `landscape:` and `retina:`
+- the safe-area utilities: `safe:pt`, `safe:pb`, `safe:pl`, `safe:pr`, `safe:mt`,
+  `safe:mb`, `safe:ml`, `safe:mr`, `safe:top`, `safe:bottom`, `safe:left`,
+  `safe:right`, `safe:h-top`, `safe:h-bottom`, `safe:w-left` and `safe:w-right`
+
+It's safe to leave the preset in the config you pass to `createStyledwind` or that
+`twrnc` picks up: at runtime it only marks the `safe:*` classes as known so `twrnc`
+never warns about them.
+
+Then teach the language server where your classes live. Both editors use the
+[same language server](https://github.com/tailwindlabs/tailwindcss-intellisense),
+only the settings key differs.
+
+### VS Code
+
+Add to your settings for the
+[official Tailwind extension](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss):
 
 ```jsonc
 // ...
@@ -174,6 +270,27 @@ for VS Code.
 ],
 ```
 
+### Zed
+
+Zed ships [Tailwind support](https://zed.dev/docs/languages/tailwindcss) for
+TypeScript and JavaScript out of the box. Add to your project's
+`.zed/settings.json` (or your global `settings.json`):
+
+```json
+{
+  "lsp": {
+    "tailwindcss-language-server": {
+      "settings": {
+        "classAttributes": ["style"],
+        "experimental": {
+          "classRegex": ["tw`([^`]*)", "tw\\.[^`]+`([^`]*)`"]
+        }
+      }
+    }
+  }
+}
+```
+
 More detailed instructions, including how to add snippets, are available
 [here](https://github.com/jaredh159/tailwind-react-native-classnames/discussions/124).
 

package/dist/color-scheme.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type TailwindFn } from 'twrnc';
+import type { ColorSchemeContextValue, ProviderProps } from './types';
+/** Build a `Provider` and `useColorScheme` pair bound to one twrnc instance. */
+export declare function createColorScheme(twrnc: TailwindFn): {
+    Provider: ({ children, initialColorScheme, storage, }: ProviderProps) => React.JSX.Element;
+    useColorScheme: () => ColorSchemeContextValue;
+};
+//# sourceMappingURL=color-scheme.d.ts.map

package/dist/color-scheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme.d.ts","sourceRoot":"","sources":["../src/color-scheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAuC,KAAK,UAAU,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAEV,uBAAuB,EAEvB,aAAa,EACd,MAAM,SAAS,CAAC;AAUjB,gFAAgF;AAChF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU;2DAS9C,aAAa;0BAkFW,uBAAuB;EAkBnD"}

package/dist/color-scheme.js

@@ -0,0 +1,93 @@
+import React, { useEffect, createContext, useContext } from 'react';
+import { useColorScheme as useDeviceColorScheme } from 'react-native';
+import { useAppColorScheme, useDeviceContext } from 'twrnc';
+const STORAGE_KEY = 'tw:color-scheme';
+function isColorSchemePreference(value) {
+    return value === 'light' || value === 'dark' || value === 'device';
+}
+/** Build a `Provider` and `useColorScheme` pair bound to one twrnc instance. */
+export function createColorScheme(twrnc) {
+    const ColorSchemeContext = createContext(null);
+    function Provider({ children, initialColorScheme = 'device', storage, }) {
+        const [userColorScheme, setUserColorScheme] = React.useState(initialColorScheme);
+        const [twrnColorScheme, , twrnSetColorScheme] = useAppColorScheme(twrnc);
+        const deviceColorScheme = useDeviceColorScheme();
+        useDeviceContext(twrnc, userColorScheme === 'device'
+            ? undefined
+            : {
+                observeDeviceColorSchemeChanges: false,
+                initialColorScheme: userColorScheme,
+            });
+        useEffect(() => {
+            if (userColorScheme === 'device' && deviceColorScheme) {
+                if (twrnColorScheme !== deviceColorScheme) {
+                    twrnSetColorScheme(deviceColorScheme);
+                }
+            }
+        }, [
+            deviceColorScheme,
+            userColorScheme,
+            twrnColorScheme,
+            twrnSetColorScheme,
+        ]);
+        useEffect(() => {
+            if (storage) {
+                storage.getItem(STORAGE_KEY).then(value => {
+                    if (isColorSchemePreference(value)) {
+                        setUserColorScheme(value);
+                        if (value !== 'device') {
+                            twrnSetColorScheme(value);
+                        }
+                    }
+                });
+            }
+        }, []);
+        useEffect(() => {
+            if (storage) {
+                if (userColorScheme === 'device') {
+                    storage.removeItem(STORAGE_KEY);
+                }
+                else {
+                    storage.setItem(STORAGE_KEY, userColorScheme);
+                }
+            }
+        }, [userColorScheme, storage]);
+        const toggleColorScheme = () => {
+            const current = userColorScheme === 'device' ? twrnColorScheme : userColorScheme;
+            const newScheme = current === 'dark' ? 'light' : 'dark';
+            setUserColorScheme(newScheme);
+            twrnSetColorScheme(newScheme);
+        };
+        const setColorScheme = (scheme) => {
+            setUserColorScheme(scheme);
+            if (scheme !== 'device') {
+                twrnSetColorScheme(scheme);
+            }
+        };
+        return (<ColorSchemeContext.Provider value={{
+                colorScheme: twrnColorScheme !== null && twrnColorScheme !== void 0 ? twrnColorScheme : 'light',
+                internalColorScheme: userColorScheme,
+                toggleColorScheme,
+                setColorScheme,
+            }}>
+        {children}
+      </ColorSchemeContext.Provider>);
+    }
+    function useColorScheme() {
+        const ctx = useContext(ColorSchemeContext);
+        const [twrnColorScheme, twrnToggleColorScheme, twrnSetColorScheme] = useAppColorScheme(twrnc);
+        if (ctx)
+            return ctx;
+        return {
+            colorScheme: twrnColorScheme !== null && twrnColorScheme !== void 0 ? twrnColorScheme : 'light',
+            internalColorScheme: 'device',
+            toggleColorScheme: twrnToggleColorScheme,
+            setColorScheme: scheme => {
+                if (scheme !== 'device')
+                    twrnSetColorScheme(scheme);
+            },
+        };
+    }
+    return { Provider, useColorScheme };
+}
+//# sourceMappingURL=color-scheme.js.map

package/dist/color-scheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme.js","sourceRoot":"","sources":["../src/color-scheme.tsx"],"names":[],"mappings":"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"}

package/dist/components.d.ts

@@ -0,0 +1,4 @@
+import { type TailwindFn } from 'twrnc';
+import type { TailwindComponents } from './types';
+export declare function attachComponentFactories(twrnc: TailwindFn): TailwindComponents;
+//# sourceMappingURL=components.d.ts.map

package/dist/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,KAAK,UAAU,EAAc,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAIV,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAkFjB,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,UAAU,GAChB,kBAAkB,CASpB"}

package/dist/components.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import RN from 'react-native';
+import { useAppColorScheme } from 'twrnc';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { parseTemplate, SAFE_AREA_UTILITIES } from './safe-area';
+const baseComponents = {
+    ActivityIndicator: RN.ActivityIndicator,
+    AnimatedFlatList: RN.Animated.FlatList,
+    AnimatedImage: RN.Animated.Image,
+    AnimatedScrollView: RN.Animated.ScrollView,
+    AnimatedSectionList: RN.Animated.SectionList,
+    AnimatedText: RN.Animated.Text,
+    AnimatedView: RN.Animated.View,
+    Button: RN.Button,
+    FlatList: RN.FlatList,
+    Image: RN.Image,
+    Modal: RN.Modal,
+    SafeAreaView: RN.SafeAreaView,
+    ScrollView: RN.ScrollView,
+    SectionList: RN.SectionList,
+    StatusBar: RN.StatusBar,
+    Switch: RN.Switch,
+    Text: RN.Text,
+    TextInput: RN.TextInput,
+    TouchableHighlight: RN.TouchableHighlight,
+    TouchableNativeFeedback: RN.TouchableNativeFeedback,
+    TouchableOpacity: RN.TouchableOpacity,
+    View: RN.View,
+};
+function createTailwindComponent(twrnc, Component, styles, ...interpolations) {
+    const { classNames, safeArea } = parseTemplate(styles);
+    return React.forwardRef(function TailwindComponent({ children, component, ...props }, ref) {
+        var _a;
+        // Subscribes this component to color scheme changes.
+        useAppColorScheme(twrnc);
+        let BaseComponent = Component;
+        let baseStyle = null;
+        if (typeof component === 'function') {
+            baseStyle = (_a = component.defaultProps) === null || _a === void 0 ? void 0 : _a.style;
+            BaseComponent = component;
+        }
+        const insets = useSafeAreaInsets();
+        let style = { ...twrnc `${classNames}` };
+        interpolations.forEach(interpolation => {
+            const interpolatedStyle = interpolation(props);
+            if (interpolatedStyle) {
+                style = { ...style, ...interpolatedStyle };
+            }
+        });
+        for (const className of safeArea) {
+            const [prop, edge] = SAFE_AREA_UTILITIES[className];
+            style[prop] = insets[edge];
+        }
+        return (<BaseComponent {...props} ref={ref} style={[baseStyle, style, props.style]}>
+          {children}
+        </BaseComponent>);
+    });
+}
+export function attachComponentFactories(twrnc) {
+    const factories = {};
+    for (const [name, Component] of Object.entries(baseComponents)) {
+        factories[name] = (styles, ...interpolations) => createTailwindComponent(twrnc, Component, styles, ...interpolations);
+    }
+    return Object.assign(twrnc, factories);
+}
+//# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,cAAc,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAQjE,MAAM,cAAc,GAAG;IACrB,iBAAiB,EAAE,EAAE,CAAC,iBAAiB;IACvC,gBAAgB,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ;IACtC,aAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK;IAChC,kBAAkB,EAAE,EAAE,CAAC,QAAQ,CAAC,UAAU;IAC1C,mBAAmB,EAAE,EAAE,CAAC,QAAQ,CAAC,WAAW;IAC5C,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI;IAC9B,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI;IAC9B,MAAM,EAAE,EAAE,CAAC,MAAM;IACjB,QAAQ,EAAE,EAAE,CAAC,QAAQ;IACrB,KAAK,EAAE,EAAE,CAAC,KAAK;IACf,KAAK,EAAE,EAAE,CAAC,KAAK;IACf,YAAY,EAAE,EAAE,CAAC,YAAY;IAC7B,UAAU,EAAE,EAAE,CAAC,UAAU;IACzB,WAAW,EAAE,EAAE,CAAC,WAAW;IAC3B,SAAS,EAAE,EAAE,CAAC,SAAS;IACvB,MAAM,EAAE,EAAE,CAAC,MAAM;IACjB,IAAI,EAAE,EAAE,CAAC,IAAI;IACb,SAAS,EAAE,EAAE,CAAC,SAAS;IACvB,kBAAkB,EAAE,EAAE,CAAC,kBAAkB;IACzC,uBAAuB,EAAE,EAAE,CAAC,uBAAuB;IACnD,gBAAgB,EAAE,EAAE,CAAC,gBAAgB;IACrC,IAAI,EAAE,EAAE,CAAC,IAAI;CACsD,CAAC;AAQtE,SAAS,uBAAuB,CAC9B,KAAiB,EACjB,SAAmC,EACnC,MAA4B,EAC5B,GAAG,cAAkC;IAErC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAEvD,OAAO,KAAK,CAAC,UAAU,CACrB,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;;QAC/D,qDAAqD;QACrD,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAEzB,IAAI,aAAa,GAAG,SAAS,CAAC;QAC9B,IAAI,SAAS,GAAsB,IAAI,CAAC;QAExC,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE,CAAC;YACpC,SAAS,GAAG,MAAA,SAAS,CAAC,YAAY,0CAAE,KAAK,CAAC;YAC1C,aAAa,GAAG,SAAS,CAAC;QAC5B,CAAC;QAED,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;QACnC,IAAI,KAAK,GAAU,EAAE,GAAG,KAAK,CAAA,GAAG,UAAU,EAAE,EAAE,CAAC;QAE/C,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;YACrC,MAAM,iBAAiB,GAAG,aAAa,CAAC,KAAU,CAAC,CAAC;YACpD,IAAI,iBAAiB,EAAE,CAAC;gBACtB,KAAK,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,KAAK,MAAM,SAAS,IAAI,QAAQ,EAAE,CAAC;YACjC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;YACpD,KAAK,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;QAED,OAAO,CACL,CAAC,aAAa,CACZ,IAAI,KAAK,CAAC,CACV,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAEvC;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,aAAa,CAAC,CACjB,CAAC;IACJ,CAAC,CACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,wBAAwB,CACtC,KAAiB;IAEjB,MAAM,SAAS,GAAG,EAAyD,CAAC;IAE5E,KAAK,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;QAC/D,SAAS,CAAC,IAA+B,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,cAAc,EAAE,EAAE,CACzE,uBAAuB,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AACzC,CAAC"}

package/dist/create.d.ts

@@ -0,0 +1,3 @@
+import type { StyledwindConfig, StyledwindInstance } from './types';
+export declare function createStyledwind(config?: StyledwindConfig): StyledwindInstance;
+//# sourceMappingURL=create.d.ts.map

package/dist/create.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEpE,wBAAgB,gBAAgB,CAAC,MAAM,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,CAM9E"}

package/dist/create.js

@@ -0,0 +1,10 @@
+import { create as createTwrnc } from 'twrnc';
+import { attachComponentFactories } from './components';
+import { createColorScheme } from './color-scheme';
+export function createStyledwind(config) {
+    const twrnc = createTwrnc(config);
+    const tw = attachComponentFactories(twrnc);
+    const { Provider, useColorScheme } = createColorScheme(twrnc);
+    return { tw, Provider, useColorScheme };
+}
+//# sourceMappingURL=create.js.map

package/dist/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../src/create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGnD,MAAM,UAAU,gBAAgB,CAAC,MAAyB;IACxD,MAAM,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,EAAE,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE9D,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;AAC1C,CAAC"}

package/dist/index.d.ts

@@ -1,54 +1,9 @@
-import React from 'react';
-import RN from 'react-native';
-import { type TailwindFn, type Style } from 'twrnc';
-type ColorSchemeType = 'light' | 'dark' | 'device';
-interface ColorSchemeContextValue {
-    colorScheme: 'light' | 'dark';
-    internalColorScheme: ColorSchemeType;
-    toggleColorScheme: () => void;
-    setColorScheme: (scheme: ColorSchemeType) => void;
-}
-interface AsyncStorage {
-    clear(): Promise<void>;
-    getItem(key: string): Promise<string | null>;
-    removeItem(key: string): Promise<void>;
-    setItem(key: string, value: string): Promise<void>;
-}
-interface ProviderProps {
-    children: React.ReactNode;
-    initialColorScheme?: 'light' | 'dark' | 'device';
-    storage?: AsyncStorage;
-}
-interface ImageProps extends RN.ImageProps {
-    tintColor?: string;
-}
-type TailwindComponents = TailwindFn & {
-    ActivityIndicator: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.ActivityIndicatorProps & T>;
-    AnimatedFlatList: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.Animated.AnimatedProps<RN.FlatListProps<any>> & T>;
-    AnimatedImage: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.Animated.AnimatedProps<ImageProps> & T>;
-    AnimatedScrollView: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.Animated.AnimatedProps<RN.ScrollViewProps> & T>;
-    AnimatedSectionList: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.Animated.AnimatedProps<RN.SectionListProps<any>> & T>;
-    AnimatedText: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.Animated.AnimatedProps<RN.TextProps> & T>;
-    AnimatedView: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.Animated.AnimatedProps<RN.ViewProps> & T>;
-    Button: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.ButtonProps & T>;
-    FlatList: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.FlatListProps<any> & T>;
-    Image: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<ImageProps & T>;
-    Modal: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.ModalProps & T>;
-    SafeAreaView: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.ViewProps & T>;
-    ScrollView: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.ScrollViewProps & T>;
-    SectionList: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.SectionListProps<any> & T>;
-    StatusBar: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.StatusBarProps & T>;
-    Switch: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.SwitchProps & T>;
-    Text: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.TextProps & T>;
-    TextInput: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.TextInputProps & T>;
-    TouchableHighlight: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.TouchableHighlightProps & T>;
-    TouchableNativeFeedback: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.TouchableNativeFeedbackProps & T>;
-    TouchableOpacity: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.TouchableOpacityProps & T>;
-    View: <T = object>(styles: TemplateStringsArray, ...interpolations: ((props: T) => false | Style | undefined)[]) => React.FC<RN.ViewProps & T>;
-};
-export declare function Provider({ children, initialColorScheme, storage, }: ProviderProps): React.JSX.Element;
-declare const tw: TailwindComponents;
-export declare function useColorScheme(): ColorSchemeContextValue;
+export declare const Provider: (props: import("./types").ProviderProps) => React.JSX.Element;
+export declare const useColorScheme: () => import("./types").ColorSchemeContextValue;
+export { createStyledwind } from './create';
+export { SAFE_AREA_CLASSES, type SafeAreaClass } from './safe-area';
+export type { ColorScheme, ColorSchemeContextValue, ColorSchemePreference, ColorSchemeStorage, ColorSchemeType, ComponentPropsMap, Interpolation, ProviderProps, StyledFactory, StyledwindConfig, StyledwindInstance, TailwindComponents, } from './types';
 export * from 'twrnc';
-export default tw;
+declare const _default: import("./types").TailwindComponents;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,EAA8C,MAAM,cAAc,CAAC;AAC1E,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,KAAK,EACX,MAAM,OAAO,CAAC;AAWf,KAAK,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnD,UAAU,uBAAuB;IAC/B,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,mBAAmB,EAAE,eAAe,CAAC;IACrC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;AA6BD,UAAU,YAAY;IACpB,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACvB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7C,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACpD;AAED,UAAU,aAAa;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACjD,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,UAAU,UAAW,SAAQ,EAAE,CAAC,UAAU;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,KAAK,kBAAkB,GAAG,UAAU,GAAG;IACrC,iBAAiB,EAAE,CAAC,CAAC,GAAG,MAAM,EAC5B,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,sBAAsB,GAAG,CAAC,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAAC,CAAC,GAAG,MAAM,EAC3B,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACpE,aAAa,EAAE,CAAC,CAAC,GAAG,MAAM,EACxB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;IACzD,kBAAkB,EAAE,CAAC,CAAC,GAAG,MAAM,EAC7B,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC;IACjE,mBAAmB,EAAE,CAAC,CAAC,GAAG,MAAM,EAC9B,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACvE,YAAY,EAAE,CAAC,CAAC,GAAG,MAAM,EACvB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3D,YAAY,EAAE,CAAC,CAAC,GAAG,MAAM,EACvB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC3D,MAAM,EAAE,CAAC,CAAC,GAAG,MAAM,EACjB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;IAClC,QAAQ,EAAE,CAAC,CAAC,GAAG,MAAM,EACnB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACzC,KAAK,EAAE,CAAC,CAAC,GAAG,MAAM,EAChB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IAC9B,KAAK,EAAE,CAAC,CAAC,GAAG,MAAM,EAChB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IACjC,YAAY,EAAE,CAAC,CAAC,GAAG,MAAM,EACvB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IAChC,UAAU,EAAE,CAAC,CAAC,GAAG,MAAM,EACrB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IACtC,WAAW,EAAE,CAAC,CAAC,GAAG,MAAM,EACtB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,SAAS,EAAE,CAAC,CAAC,GAAG,MAAM,EACpB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;IACrC,MAAM,EAAE,CAAC,CAAC,GAAG,MAAM,EACjB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;IAClC,IAAI,EAAE,CAAC,CAAC,GAAG,MAAM,EACf,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IAChC,SAAS,EAAE,CAAC,CAAC,GAAG,MAAM,EACpB,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC;IACrC,kBAAkB,EAAE,CAAC,CAAC,GAAG,MAAM,EAC7B,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC;IAC9C,uBAAuB,EAAE,CAAC,CAAC,GAAG,MAAM,EAClC,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,4BAA4B,GAAG,CAAC,CAAC,CAAC;IACnD,gBAAgB,EAAE,CAAC,CAAC,GAAG,MAAM,EAC3B,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,qBAAqB,GAAG,CAAC,CAAC,CAAC;IAC5C,IAAI,EAAE,CAAC,CAAC,GAAG,MAAM,EACf,MAAM,EAAE,oBAAoB,EAC5B,GAAG,cAAc,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,KAC3D,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;CACjC,CAAC;AAyFF,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,kBAA6B,EAC7B,OAAO,GACR,EAAE,aAAa,qBAoFf;AAED,QAAA,MAAM,EAAE,oBAAqC,CAAC;AAE9C,wBAAgB,cAAc,4BAa7B;AAED,cAAc,OAAO,CAAC;AACtB,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,QAAQ,8CAsB+gF,MAAO,GAAG,CAAC,OAAO,AAtBtgF,CAAC;AACjD,eAAO,MAAM,cAAc,iDAAiC,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AACpE,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,SAAS,CAAC;AAEjB,cAAc,OAAO,CAAC;;AACtB,wBAAkC"}

package/dist/index.js

@@ -1,190 +1,26 @@
-import React, { useEffect, createContext, useContext } from 'react';
-import RN, { useColorScheme as useDeviceColorScheme } from 'react-native';
-import { create, useAppColorScheme, useDeviceContext, } from 'twrnc';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-let tailwindConfig;
-try {
-    tailwindConfig = require('../../../tailwind.config.js'); // eslint-disable-line @typescript-eslint/no-require-imports
-}
-catch (error) { } // eslint-disable-line @typescript-eslint/no-unused-vars
-const twrnc = create(tailwindConfig);
-const ColorSchemeContext = createContext(null);
-const allowedComponents = [
-    'ActivityIndicator',
-    'AnimatedFlatList',
-    'AnimatedImage',
-    'AnimatedScrollView',
-    'AnimatedSectionList',
-    'AnimatedText',
-    'AnimatedView',
-    'Button',
-    'FlatList',
-    'Image',
-    'Modal',
-    'SafeAreaView',
-    'ScrollView',
-    'SectionList',
-    'StatusBar',
-    'Switch',
-    'Text',
-    'TextInput',
-    'TouchableHighlight',
-    'TouchableNativeFeedback',
-    'TouchableOpacity',
-    'View',
-];
-function createTailwindComponent(Component, styles, ...interpolations) {
-    const classNames = styles
-        .filter(style => !['', ','].includes(style.trim()))
-        .join();
-    return React.forwardRef(function TailwindComponent({ children, component, ...props }, ref) {
-        var _a;
-        const [__colorScheme] = useAppColorScheme(twrnc);
-        let BaseComponent = Component;
-        let baseStyle = null;
-        if (typeof component === 'function') {
-            const CustomComponent = component;
-            baseStyle = (_a = CustomComponent.defaultProps) === null || _a === void 0 ? void 0 : _a.style;
-            BaseComponent = CustomComponent;
-        }
-        const insets = useSafeAreaInsets();
-        let style = { ...twrnc `${classNames}` };
-        interpolations.forEach(interpolation => {
-            const interpolatedStyle = interpolation(props);
-            if (interpolatedStyle) {
-                style = { ...style, ...interpolatedStyle };
-            }
-        });
-        if (classNames.includes('safe:pt'))
-            style.paddingTop = insets.top;
-        if (classNames.includes('safe:pb'))
-            style.paddingBottom = insets.bottom;
-        if (classNames.includes('safe:pl'))
-            style.paddingLeft = insets.left;
-        if (classNames.includes('safe:pr'))
-            style.paddingRight = insets.right;
-        if (classNames.includes('safe:mt'))
-            style.marginTop = insets.top;
-        if (classNames.includes('safe:mb'))
-            style.marginBottom = insets.bottom;
-        if (classNames.includes('safe:ml'))
-            style.marginLeft = insets.left;
-        if (classNames.includes('safe:mr'))
-            style.marginRight = insets.right;
-        if (classNames.includes('safe:top'))
-            style.top = insets.top;
-        if (classNames.includes('safe:bottom'))
-            style.bottom = insets.bottom;
-        if (classNames.includes('safe:left'))
-            style.left = insets.left;
-        if (classNames.includes('safe:right'))
-            style.right = insets.right;
-        if (classNames.includes('safe:h-top'))
-            style.height = insets.top;
-        if (classNames.includes('safe:h-bottom'))
-            style.height = insets.bottom;
-        if (classNames.includes('safe:w-left'))
-            style.width = insets.left;
-        if (classNames.includes('safe:w-right'))
-            style.width = insets.right;
-        return (<BaseComponent {...props} ref={ref} style={[baseStyle, style, props.style]}>
-          {children}
-        </BaseComponent>);
-    });
-}
-function generateTailwindStyledComponents() {
-    return allowedComponents.reduce((acc, componentName) => {
-        const animatedComponentName = componentName.startsWith('Animated')
-            ? componentName.split('Animated')[1]
-            : null;
-        const Component = animatedComponentName
-            ? RN.Animated[animatedComponentName]
-            : RN[componentName];
-        acc[componentName] = (styles, ...interpolations) => createTailwindComponent(Component, styles, ...interpolations);
-        return acc;
-    }, twrnc);
-}
-export function Provider({ children, initialColorScheme = 'device', storage, }) {
-    const [userColorScheme, setUserColorScheme] = React.useState(initialColorScheme);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    const [twrnColorScheme, twrnToggleColorScheme, twrnSetColorScheme] = useAppColorScheme(twrnc);
-    const deviceColorScheme = useDeviceColorScheme();
-    useDeviceContext(twrnc, userColorScheme === 'device'
-        ? undefined
-        : {
-            observeDeviceColorSchemeChanges: false,
-            initialColorScheme: userColorScheme,
-        });
-    useEffect(() => {
-        if (userColorScheme === 'device' && deviceColorScheme) {
-            if (twrnColorScheme !== deviceColorScheme) {
-                twrnSetColorScheme(deviceColorScheme);
-            }
-        }
-    }, [deviceColorScheme, userColorScheme, twrnColorScheme, twrnSetColorScheme]);
-    useEffect(() => {
-        if (storage) {
-            storage.getItem('tw:color-scheme').then(value => {
-                if (value &&
-                    (value === 'light' || value === 'dark' || value === 'device')) {
-                    setUserColorScheme(value);
-                    if (value !== 'device') {
-                        twrnSetColorScheme(value);
-                    }
-                }
-            });
-        }
-    }, []);
-    useEffect(() => {
-        if (storage) {
-            if (userColorScheme === 'device') {
-                storage.removeItem('tw:color-scheme');
-            }
-            else {
-                storage.setItem('tw:color-scheme', userColorScheme);
-            }
-        }
-    }, [userColorScheme, storage]);
-    const toggleColorScheme = () => {
-        if (userColorScheme === 'device') {
-            const newScheme = twrnColorScheme === 'dark' ? 'light' : 'dark';
-            setUserColorScheme(newScheme);
-            twrnSetColorScheme(newScheme);
-        }
-        else {
-            const newScheme = userColorScheme === 'dark' ? 'light' : 'dark';
-            setUserColorScheme(newScheme);
-            twrnSetColorScheme(newScheme);
-        }
-    };
-    const setColorScheme = (scheme) => {
-        setUserColorScheme(scheme);
-        if (scheme !== 'device') {
-            twrnSetColorScheme(scheme);
-        }
-    };
-    return (<ColorSchemeContext.Provider value={{
-            colorScheme: twrnColorScheme || 'light',
-            internalColorScheme: userColorScheme,
-            toggleColorScheme,
-            setColorScheme,
-        }}>
-      {children}
-    </ColorSchemeContext.Provider>);
-}
-const tw = generateTailwindStyledComponents();
-export function useColorScheme() {
-    const ctx = useContext(ColorSchemeContext);
-    const [twrnColorScheme, twrnToggleColorScheme, twrnSetColorScheme] = useAppColorScheme(twrnc);
-    if (ctx)
-        return ctx;
-    return {
-        colorScheme: twrnColorScheme || 'light',
-        internalColorScheme: 'device',
-        toggleColorScheme: twrnToggleColorScheme,
-        setColorScheme: twrnSetColorScheme,
-    };
+import { createStyledwind } from './create';
+/**
+ * Legacy config discovery for the default instance. Resolves relative to the
+ * built file, which only lands on `<app>/tailwind.config.*` when the package is
+ * hoisted flat into the app's node_modules. Prefer `createStyledwind(config)`.
+ *
+ * @deprecated
+ */
+function loadAppConfig() {
+    var _a;
+    try {
+        const mod = require('../../../tailwind.config'); // eslint-disable-line @typescript-eslint/no-require-imports
+        return (_a = mod === null || mod === void 0 ? void 0 : mod.default) !== null && _a !== void 0 ? _a : mod;
+    }
+    catch (_b) {
+        return undefined;
+    }
 }
+const defaultInstance = createStyledwind(loadAppConfig());
+export const Provider = defaultInstance.Provider;
+export const useColorScheme = defaultInstance.useColorScheme;
+export { createStyledwind } from './create';
+export { SAFE_AREA_CLASSES } from './safe-area';
 export * from 'twrnc';
-export default tw;
+export default defaultInstance.tw;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAG5C;;;;;;GAMG;AACH,SAAS,aAAa;;IACpB,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAAC,CAAC,4DAA4D;QAC7G,OAAO,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,mCAAI,GAAG,CAAC;IAC7B,CAAC;IAAC,WAAM,CAAC;QACP,OAAO,SAAS,CAAC;IACnB,CAAC;AACH,CAAC;AAED,MAAM,eAAe,GAAG,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAQ,CAAC;AACjD,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC,cAAc,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAsB,MAAM,aAAa,CAAC;AAgBpE,cAAc,OAAO,CAAC;AACtB,eAAe,eAAe,CAAC,EAAE,CAAC"}

package/dist/safe-area.d.ts

@@ -0,0 +1,25 @@
+export declare const SAFE_AREA_UTILITIES: {
+    readonly 'safe:pt': readonly ["paddingTop", "top"];
+    readonly 'safe:pb': readonly ["paddingBottom", "bottom"];
+    readonly 'safe:pl': readonly ["paddingLeft", "left"];
+    readonly 'safe:pr': readonly ["paddingRight", "right"];
+    readonly 'safe:mt': readonly ["marginTop", "top"];
+    readonly 'safe:mb': readonly ["marginBottom", "bottom"];
+    readonly 'safe:ml': readonly ["marginLeft", "left"];
+    readonly 'safe:mr': readonly ["marginRight", "right"];
+    readonly 'safe:top': readonly ["top", "top"];
+    readonly 'safe:bottom': readonly ["bottom", "bottom"];
+    readonly 'safe:left': readonly ["left", "left"];
+    readonly 'safe:right': readonly ["right", "right"];
+    readonly 'safe:h-top': readonly ["height", "top"];
+    readonly 'safe:h-bottom': readonly ["height", "bottom"];
+    readonly 'safe:w-left': readonly ["width", "left"];
+    readonly 'safe:w-right': readonly ["width", "right"];
+};
+export type SafeAreaClass = keyof typeof SAFE_AREA_UTILITIES;
+export declare const SAFE_AREA_CLASSES: readonly SafeAreaClass[];
+export declare function parseTemplate(styles: TemplateStringsArray): {
+    classNames: string;
+    safeArea: ("safe:pt" | "safe:pb" | "safe:pl" | "safe:pr" | "safe:mt" | "safe:mb" | "safe:ml" | "safe:mr" | "safe:top" | "safe:bottom" | "safe:left" | "safe:right" | "safe:h-top" | "safe:h-bottom" | "safe:w-left" | "safe:w-right")[];
+};
+//# sourceMappingURL=safe-area.d.ts.map

package/dist/safe-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-area.d.ts","sourceRoot":"","sources":["../src/safe-area.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;CAiBwC,CAAC;AAEzE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAE7D,eAAO,MAAM,iBAAiB,EAEzB,SAAS,aAAa,EAAE,CAAC;AAI9B,wBAAgB,aAAa,CAAC,MAAM,EAAE,oBAAoB;;;EAQzD"}

package/dist/safe-area.js

@@ -0,0 +1,29 @@
+export const SAFE_AREA_UTILITIES = {
+    'safe:pt': ['paddingTop', 'top'],
+    'safe:pb': ['paddingBottom', 'bottom'],
+    'safe:pl': ['paddingLeft', 'left'],
+    'safe:pr': ['paddingRight', 'right'],
+    'safe:mt': ['marginTop', 'top'],
+    'safe:mb': ['marginBottom', 'bottom'],
+    'safe:ml': ['marginLeft', 'left'],
+    'safe:mr': ['marginRight', 'right'],
+    'safe:top': ['top', 'top'],
+    'safe:bottom': ['bottom', 'bottom'],
+    'safe:left': ['left', 'left'],
+    'safe:right': ['right', 'right'],
+    'safe:h-top': ['height', 'top'],
+    'safe:h-bottom': ['height', 'bottom'],
+    'safe:w-left': ['width', 'left'],
+    'safe:w-right': ['width', 'right'],
+};
+export const SAFE_AREA_CLASSES = Object.keys(SAFE_AREA_UTILITIES);
+const SAFE_AREA_CLASS_SET = new Set(SAFE_AREA_CLASSES);
+export function parseTemplate(styles) {
+    const tokens = new Set(styles.join(' ').split(/\s+/).filter(Boolean));
+    const safeArea = SAFE_AREA_CLASSES.filter(className => tokens.has(className));
+    const classNames = [...tokens]
+        .filter(token => !SAFE_AREA_CLASS_SET.has(token))
+        .join(' ');
+    return { classNames, safeArea };
+}
+//# sourceMappingURL=safe-area.js.map

package/dist/safe-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-area.js","sourceRoot":"","sources":["../src/safe-area.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC;IAChC,SAAS,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC;IACtC,SAAS,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC;IAClC,SAAS,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC;IACpC,SAAS,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC;IAC/B,SAAS,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC;IACrC,SAAS,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC;IACjC,SAAS,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC;IACnC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;IAC1B,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IACnC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IAC7B,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;IAChC,YAAY,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC;IAC/B,eAAe,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IACrC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IAChC,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;CACoC,CAAC;AAIzE,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAC1C,mBAAmB,CACQ,CAAC;AAE9B,MAAM,mBAAmB,GAAwB,IAAI,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAE5E,MAAM,UAAU,aAAa,CAAC,MAA4B;IACxD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACtE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9E,MAAM,UAAU,GAAG,CAAC,GAAG,MAAM,CAAC;SAC3B,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;SAChD,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAClC,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,77 @@
+import type React from 'react';
+import type RN from 'react-native';
+import type { TailwindFn, TwConfig, Style } from 'twrnc';
+export type ColorScheme = 'light' | 'dark';
+export type ColorSchemePreference = ColorScheme | 'device';
+/** @deprecated Use `ColorSchemePreference`. */
+export type ColorSchemeType = ColorSchemePreference;
+export interface ColorSchemeContextValue {
+    colorScheme: ColorScheme;
+    internalColorScheme: ColorSchemePreference;
+    toggleColorScheme: () => void;
+    setColorScheme: (scheme: ColorSchemePreference) => void;
+}
+export interface ColorSchemeStorage {
+    getItem(key: string): Promise<string | null>;
+    removeItem(key: string): Promise<void>;
+    setItem(key: string, value: string): Promise<void>;
+}
+export interface ProviderProps {
+    children: React.ReactNode;
+    initialColorScheme?: ColorSchemePreference;
+    storage?: ColorSchemeStorage;
+}
+/**
+ * A twrnc config, optionally extended with Tailwind presets. Presets are merged
+ * by Tailwind's own `resolveConfig`, which twrnc runs internally, so
+ * `presets: [require('styledwind-native/tailwind')]` works at runtime too.
+ */
+export interface StyledwindConfig extends TwConfig {
+    presets?: StyledwindConfig[];
+}
+export interface ImageProps extends RN.ImageProps {
+    tintColor?: string;
+}
+/** Base props for every component created by `tw.X`. */
+export type ComponentPropsMap = {
+    ActivityIndicator: RN.ActivityIndicatorProps;
+    AnimatedFlatList: RN.Animated.AnimatedProps<RN.FlatListProps<any>>;
+    AnimatedImage: RN.Animated.AnimatedProps<ImageProps>;
+    AnimatedScrollView: RN.Animated.AnimatedProps<RN.ScrollViewProps>;
+    AnimatedSectionList: RN.Animated.AnimatedProps<RN.SectionListProps<any>>;
+    AnimatedText: RN.Animated.AnimatedProps<RN.TextProps>;
+    AnimatedView: RN.Animated.AnimatedProps<RN.ViewProps>;
+    Button: RN.ButtonProps;
+    FlatList: RN.FlatListProps<any>;
+    Image: ImageProps;
+    Modal: RN.ModalProps;
+    /**
+     * @deprecated React Native deprecated `SafeAreaView` in 0.81 and will remove
+     * it. Use the `safe:*` utilities on `tw.View` (for example
+     * `tw.View\`safe:pt safe:pb\``) or `SafeAreaView` from
+     * `react-native-safe-area-context` via the `component` prop instead.
+     */
+    SafeAreaView: RN.ViewProps;
+    ScrollView: RN.ScrollViewProps;
+    SectionList: RN.SectionListProps<any>;
+    StatusBar: RN.StatusBarProps;
+    Switch: RN.SwitchProps;
+    Text: RN.TextProps;
+    TextInput: RN.TextInputProps;
+    TouchableHighlight: RN.TouchableHighlightProps;
+    TouchableNativeFeedback: RN.TouchableNativeFeedbackProps;
+    TouchableOpacity: RN.TouchableOpacityProps;
+    View: RN.ViewProps;
+};
+export type Interpolation<T> = (props: T) => false | Style | undefined;
+export type StyledFactory<P> = <T = object>(styles: TemplateStringsArray, ...interpolations: Interpolation<T>[]) => React.FC<P & T>;
+export type TailwindComponents = TailwindFn & {
+    [K in keyof ComponentPropsMap]: StyledFactory<ComponentPropsMap[K]>;
+};
+/** Everything `createStyledwind` returns, bound to one twrnc instance. */
+export interface StyledwindInstance {
+    tw: TailwindComponents;
+    Provider: (props: ProviderProps) => React.JSX.Element;
+    useColorScheme: () => ColorSchemeContextValue;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,9 +1,27 @@
 {
   "name": "styledwind-native",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "A lightweight utility for applying dynamic Tailwind CSS styles in React Native",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./tailwind": {
+      "types": "./tailwind.d.cts",
+      "default": "./tailwind.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "tailwind": [
+        "./tailwind.d.cts"
+      ]
+    }
+  },
   "type": "module",
   "repository": {
     "type": "git",
@@ -49,6 +67,7 @@
     "metro-react-native-babel-preset": "^0.77.0",
     "react-test-renderer": "^18.3.1",
     "rimraf": "^6.0.1",
+    "tailwindcss": "^3.4.13",
     "ts-jest": "^29.2.5",
     "typescript": "^5.6.2"
   }

package/tailwind.cjs

@@ -0,0 +1,110 @@
+'use strict';
+
+/**
+ * Tailwind preset for styledwind-native.
+ *
+ * Teaches editor tooling (Tailwind CSS IntelliSense in VS Code, Zed, and any
+ * other tailwindcss-language-server client) about the class names that twrnc
+ * and styledwind-native add on top of Tailwind:
+ *
+ *   - device prefixes evaluated by twrnc at runtime:
+ *     ios: android: web: windows: macos: portrait: landscape: retina:
+ *   - safe-area utilities evaluated by styledwind-native at runtime:
+ *     safe:pt safe:pb safe:pl safe:pr safe:mt safe:mb safe:ml safe:mr
+ *     safe:top safe:bottom safe:left safe:right
+ *     safe:h-top safe:h-bottom safe:w-left safe:w-right
+ *
+ * Usage, in the app's tailwind.config.{js,cjs,ts}:
+ *
+ *   module.exports = {
+ *     presets: [require('styledwind-native/tailwind')],
+ *     // ...your theme
+ *   };
+ *
+ * The preset is also safe in the config twrnc receives at runtime. twrnc runs
+ * config plugins with a reduced API (no `addVariant`), so under twrnc the plugin
+ * only registers the safe-area classes as no-op utilities and leaves prefix
+ * handling to twrnc itself.
+ */
+
+const DEVICE_VARIANTS = [
+  'ios',
+  'android',
+  'web',
+  'windows',
+  'macos',
+  'portrait',
+  'landscape',
+  'retina',
+];
+
+/** Bare utility name -> CSS shown in editor previews. Order matters: it mirrors src/index.tsx. */
+const SAFE_AREA_UTILITIES = {
+  pt: { paddingTop: 'env(safe-area-inset-top)' },
+  pb: { paddingBottom: 'env(safe-area-inset-bottom)' },
+  pl: { paddingLeft: 'env(safe-area-inset-left)' },
+  pr: { paddingRight: 'env(safe-area-inset-right)' },
+  mt: { marginTop: 'env(safe-area-inset-top)' },
+  mb: { marginBottom: 'env(safe-area-inset-bottom)' },
+  ml: { marginLeft: 'env(safe-area-inset-left)' },
+  mr: { marginRight: 'env(safe-area-inset-right)' },
+  top: { top: 'env(safe-area-inset-top)' },
+  bottom: { bottom: 'env(safe-area-inset-bottom)' },
+  left: { left: 'env(safe-area-inset-left)' },
+  right: { right: 'env(safe-area-inset-right)' },
+  'h-top': { height: 'env(safe-area-inset-top)' },
+  'h-bottom': { height: 'env(safe-area-inset-bottom)' },
+  'w-left': { width: 'env(safe-area-inset-left)' },
+  'w-right': { width: 'env(safe-area-inset-right)' },
+};
+
+const safeAreaClasses = Object.keys(SAFE_AREA_UTILITIES).map(
+  utility => `safe:${utility}`
+);
+
+/**
+ * twrnc calls plugin handlers with `postcss: null`; Tailwind passes the postcss
+ * module (v3) or nothing at all (v4). Only an explicit null means twrnc.
+ */
+function isTwrnc(api) {
+  return api.postcss === null;
+}
+
+function handler(api) {
+  if (isTwrnc(api)) {
+    // Register the safe-area classes as empty utilities so twrnc never treats
+    // them as unknown. styledwind-native applies the real insets at render.
+    api.addUtilities(
+      Object.fromEntries(safeAreaClasses.map(className => [className, {}]))
+    );
+    return;
+  }
+
+  for (const variant of DEVICE_VARIANTS) {
+    api.addVariant(variant, '&');
+  }
+  api.addVariant('safe', '&');
+
+  api.addUtilities(
+    Object.fromEntries(
+      Object.entries(SAFE_AREA_UTILITIES).map(([utility, css]) => [
+        `.${utility}`,
+        css,
+      ])
+    )
+  );
+}
+
+const preset = {
+  plugins: [{ handler, config: undefined }],
+};
+
+// Exposed for tests and tooling without taking part in Tailwind's preset merge.
+Object.defineProperty(preset, 'safeAreaClasses', {
+  value: Object.freeze(safeAreaClasses),
+});
+Object.defineProperty(preset, 'deviceVariants', {
+  value: Object.freeze(DEVICE_VARIANTS.slice()),
+});
+
+module.exports = preset;

package/tailwind.d.cts

@@ -0,0 +1,17 @@
+/** Subset of the Tailwind / twrnc plugin API this preset touches. */
+export interface StyledwindPluginApi {
+  addUtilities(utilities: Record<string, Record<string, string | number>>): void;
+  addVariant?(name: string, definition: string | string[]): void;
+  postcss?: unknown;
+}
+
+export interface StyledwindTailwindPreset {
+  plugins: Array<{ handler: (api: StyledwindPluginApi) => void; config?: undefined }>;
+  /** `safe:pt` … `safe:w-right`, in the order styledwind-native applies them. */
+  readonly safeAreaClasses: readonly string[];
+  /** Prefixes twrnc evaluates at runtime: `ios`, `android`, `portrait`, … */
+  readonly deviceVariants: readonly string[];
+}
+
+declare const preset: StyledwindTailwindPreset;
+export = preset;