add compat version

README.md

@@ -34,6 +34,20 @@ setup({
 })
 ```
 
+or for better browser compatibility
+
+_Note: the compat version only supports RTL and LTR_
+
+```js
+import twindLogical from 'twind-logical/compat'
+
+setup({
+  plugins: {
+    ...twindLogical,
+  },
+})
+```
+
 ## What are CSS Logical Properties and Values?
 
 In short, CSS Logical Properties and Values extend CSS for easier development when working with non-LTR (left-to-right)

example/index.tsx

@@ -8,7 +8,7 @@ import { setup } from 'twind/shim'
 import { teal, cyan, lightBlue } from 'twind/colors'
 
 // eslint-disable-next-line unicorn/import-index
-import twindLogical from '../src/index'
+import twindLogical from '../src/compat'
 
 import App from './app'
 

package.json

@@ -26,6 +26,7 @@
   "// Each entry is expanded into several bundles (module, script, types, require, node, and default)": "",
   "exports": {
     ".": "./src/index.ts",
+    "./compat": "./src/compat.ts",
     "./package.json": "./package.json"
   },
   "peerDependencies": {