diff --git a/test/index.html b/dev-app/index.html
similarity index 99%
rename from test/index.html
rename to dev-app/index.html
index 8c58f9f..ee44150 100644
--- a/test/index.html
+++ b/dev-app/index.html
@@ -69,7 +69,6 @@
-
Sizing
w-expanded
w-large
+
+
diff --git a/dev-app/index.ts b/dev-app/index.ts
new file mode 100644
index 0000000..0cd25ae
--- /dev/null
+++ b/dev-app/index.ts
@@ -0,0 +1,5 @@
+import './input.css';
+
+import { runAll } from './tests/test';
+
+runAll()
diff --git a/test/input.css b/dev-app/input.css
similarity index 100%
rename from test/input.css
rename to dev-app/input.css
diff --git a/test/package.json b/dev-app/package.json
similarity index 57%
rename from test/package.json
rename to dev-app/package.json
index 9b92d2d..e2ae415 100644
--- a/test/package.json
+++ b/dev-app/package.json
@@ -1,17 +1,12 @@
{
- "name": "test",
- "version": "1.0.0",
- "main": "tailwind.config.js",
- "private" :"true",
+ "name": "dev-app",
+ "version": "0.0.0",
+ "private": "true",
"scripts": {
"dev": "vite",
"build": "vite build"
},
"type": "module",
- "keywords": [],
- "author": "",
- "license": "ISC",
- "description": "",
"devDependencies": {
"autoprefixer": "^10.4.19",
"postcss": "^8.4.38",
diff --git a/test/postcss.config.js b/dev-app/postcss.config.js
similarity index 100%
rename from test/postcss.config.js
rename to dev-app/postcss.config.js
diff --git a/dev-app/tailwind.config.ts b/dev-app/tailwind.config.ts
new file mode 100644
index 0000000..b7f21ee
--- /dev/null
+++ b/dev-app/tailwind.config.ts
@@ -0,0 +1,29 @@
+import { provideBorder, provideColor, provideElevation, provideMotion, provideShape, provideSizing, provideTypography, provideWindowMediaQuery } from '../src/index'
+// import { provideBorder, provideColor, provideElevation, provideMotion, provideShape, provideSizing, provideTypography, provideWindowMediaQuery } from '../build'
+
+export const color = provideColor()
+export const elevation = provideElevation({})
+export const motion = provideMotion()
+export const shape = provideShape()
+export const typo = provideTypography()
+export const border = provideBorder()
+export const mq = provideWindowMediaQuery()
+export const sizing = provideSizing()
+
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: [
+ './index.html',
+ ],
+ plugins: [
+ color.getPlugin(),
+ elevation.getPlugin(),
+ motion.getPlugin(),
+ shape.getPlugin(),
+ typo.getPlugin(),
+ border.getPlugin(),
+ mq.getPlugin(),
+ sizing.getPlugin(),
+ ],
+}
+
diff --git a/dev-app/tsconfig.json b/dev-app/tsconfig.json
new file mode 100644
index 0000000..34dae1c
--- /dev/null
+++ b/dev-app/tsconfig.json
@@ -0,0 +1,27 @@
+{
+ "compilerOptions": {
+ "baseUrl": "./",
+ "outDir": "build",
+ "skipLibCheck": true,
+ "allowSyntheticDefaultImports": true,
+ "moduleResolution": "bundler",
+ "importHelpers": true,
+ "isolatedModules": true,
+ "esModuleInterop": true,
+ "verbatimModuleSyntax": true,
+ "useDefineForClassFields": true,
+ "experimentalDecorators": true,
+ "emitDecoratorMetadata": true,
+ "target": "ES2022",
+ "module": "ES2022",
+ "lib": [
+ "ES2022"
+ ],
+ "types": [
+ "vite/client"
+ ],
+ },
+ "include": [
+ "./**/*.ts",
+ ]
+}
diff --git a/test/vite.config.ts b/dev-app/vite.config.ts
similarity index 95%
rename from test/vite.config.ts
rename to dev-app/vite.config.ts
index 0bea7e8..5a869f0 100644
--- a/test/vite.config.ts
+++ b/dev-app/vite.config.ts
@@ -7,5 +7,5 @@ export default defineConfig({
outDir: '../docs',
emptyOutDir: true,
minify: true,
- }
-})
\ No newline at end of file
+ },
+})
diff --git a/test/index.ts b/test/index.ts
deleted file mode 100644
index a9ac325..0000000
--- a/test/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-import './input.css'
diff --git a/test/tailwind.config.ts b/test/tailwind.config.ts
deleted file mode 100644
index 4dfd829..0000000
--- a/test/tailwind.config.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { provideBorder, provideColor, provideElevation, provideMotion, provideShape, provideSizing, provideTypography, provideWindowMediaQuery } from '../src/index'
-
-const color = provideColor()
-const elevation = provideElevation({})
-const motion = provideMotion()
-const shape = provideShape()
-const typo = provideTypography()
-const border = provideBorder({})
-const mq = provideWindowMediaQuery()
-const width = provideSizing()
-
-/** @type {import('tailwindcss').Config} */
-export default {
- content: [
- './index.html'
- ],
- plugins: [
- color.getPlugin(),
- elevation.getPlugin(),
- motion.getPlugin(),
- shape.getPlugin(),
- typo.getPlugin(),
- border.getPlugin(),
- mq.getPlugin(),
- width.getPlugin(),
- ],
-}
-