@nattstack/ui 0.0.1 → 0.0.2

package/dist/tailwind-tokenless/10/container.css

@@ -0,0 +1,16 @@
+@theme {
+  --container-\*: initial;
+  --container-256: 25.6rem;
+  --container-288: 28.8rem;
+  --container-320: 32rem;
+  --container-384: 38.4rem;
+  --container-448: 44.8rem;
+  --container-512: 51.2rem;
+  --container-576: 57.6rem;
+  --container-672: 67.2rem;
+  --container-768: 76.8rem;
+  --container-896: 89.6rem;
+  --container-1024: 102.4rem;
+  --container-1152: 115.2rem;
+  --container-1280: 128rem;
+}

package/dist/tailwind-tokenless/10/index.css

@@ -0,0 +1,19 @@
+@import "../aspect.css";
+@import "../blur.css";
+@import "../breakpoint.css";
+@import "../drop-shadow.css";
+@import "../font-weight.css";
+@import "../inset-shadow.css";
+@import "../leading.css";
+@import "../perspective-dramatic.css";
+@import "../shadow.css";
+@import "../text-shadow.css";
+@import "../tracking.css";
+@import "./container.css";
+@import "./radius.css";
+@import "./spacing.css";
+@import "./text.css";
+
+html {
+  font-size: 10px;
+}

package/dist/tailwind-tokenless/10/radius.css

@@ -0,0 +1,12 @@
+@theme {
+  --radius-\*: initial;
+  --radius-0: 0rem;
+  --radius-2: 0.2rem;
+  --radius-4: 0.4rem;
+  --radius-6: 0.6rem;
+  --radius-8: 0.8rem;
+  --radius-10: 1rem;
+  --radius-12: 1.2rem;
+  --radius-16: 1.6rem;
+  --radius-20: 2rem;
+}

package/dist/tailwind-tokenless/10/spacing.css

@@ -0,0 +1,38 @@
+@theme {
+  --spacing-\*: initial;
+  --spacing-0: 0rem;
+  --spacing-1: 0.1rem;
+  --spacing-2: 0.2rem;
+  --spacing-4: 0.4rem;
+  --spacing-6: 0.6rem;
+  --spacing-8: 0.8rem;
+  --spacing-10: 1rem;
+  --spacing-12: 1.2rem;
+  --spacing-14: 1.4rem;
+  --spacing-16: 1.6rem;
+  --spacing-20: 2rem;
+  --spacing-24: 2.4rem;
+  --spacing-28: 2.8rem;
+  --spacing-32: 3.2rem;
+  --spacing-36: 3.6rem;
+  --spacing-40: 4rem;
+  --spacing-44: 4.4rem;
+  --spacing-48: 4.8rem;
+  --spacing-56: 5.6rem;
+  --spacing-64: 6.4rem;
+  --spacing-80: 8rem;
+  --spacing-96: 9.6rem;
+  --spacing-112: 11.2rem;
+  --spacing-128: 12.8rem;
+  --spacing-144: 14.4rem;
+  --spacing-160: 16rem;
+  --spacing-176: 17.6rem;
+  --spacing-192: 19.2rem;
+  --spacing-208: 20.8rem;
+  --spacing-224: 22.4rem;
+  --spacing-240: 24rem;
+  --spacing-256: 25.6rem;
+  --spacing-288: 28.8rem;
+  --spacing-320: 32rem;
+  --spacing-384: 38.4rem;
+}

package/dist/tailwind-tokenless/10/text.css

@@ -0,0 +1,20 @@
+@theme {
+  --text-\*: initial;
+  --text-12: 1.2rem;
+  --text-14: 1.4rem;
+  --text-16: 1.6rem;
+  --text-18: 1.8rem;
+  --text-20: 2rem;
+  --text-24: 2.4rem;
+  --text-30: 3rem;
+  --text-36: 3.6rem;
+  --text-48: 4.8rem;
+  --text-60: 6rem;
+  --text-72: 7.2rem;
+  --text-96: 9.6rem;
+  --text-128: 12.8rem;
+
+  /* Custom */
+  --text-13: 1.3rem;
+  --text-15: 1.5rem;
+}

package/dist/tailwind-tokenless/16/container.css

@@ -0,0 +1,16 @@
+@theme {
+  --container-\*: initial;
+  --container-256: 16rem;
+  --container-288: 18rem;
+  --container-320: 20rem;
+  --container-384: 24rem;
+  --container-448: 28rem;
+  --container-512: 32rem;
+  --container-576: 36rem;
+  --container-672: 42rem;
+  --container-768: 48rem;
+  --container-896: 56rem;
+  --container-1024: 64rem;
+  --container-1152: 72rem;
+  --container-1280: 80rem;
+}

package/dist/tailwind-tokenless/16/index.css

@@ -0,0 +1,19 @@
+@import "../aspect.css";
+@import "../blur.css";
+@import "../breakpoint.css";
+@import "../drop-shadow.css";
+@import "../font-weight.css";
+@import "../inset-shadow.css";
+@import "../leading.css";
+@import "../perspective-dramatic.css";
+@import "../shadow.css";
+@import "../text-shadow.css";
+@import "../tracking.css";
+@import "./container.css";
+@import "./radius.css";
+@import "./spacing.css";
+@import "./text.css";
+
+html {
+  font-size: 16px;
+}

package/dist/tailwind-tokenless/16/radius.css

@@ -0,0 +1,12 @@
+@theme {
+  --radius-\*: initial;
+  --radius-0: 0rem;
+  --radius-2: 0.125rem;
+  --radius-4: 0.25rem;
+  --radius-6: 0.375rem;
+  --radius-8: 0.5rem;
+  --radius-10: 0.625rem;
+  --radius-12: 0.75rem;
+  --radius-16: 1rem;
+  --radius-20: 1.25rem;
+}

package/dist/tailwind-tokenless/16/spacing.css

@@ -0,0 +1,38 @@
+@theme {
+  --spacing-\*: initial;
+  --spacing-0: 0rem;
+  --spacing-1: 0.0625rem;
+  --spacing-2: 0.125rem;
+  --spacing-4: 0.25rem;
+  --spacing-6: 0.375rem;
+  --spacing-8: 0.5rem;
+  --spacing-10: 0.625rem;
+  --spacing-12: 0.75rem;
+  --spacing-14: 0.875rem;
+  --spacing-16: 1rem;
+  --spacing-20: 1.25rem;
+  --spacing-24: 1.5rem;
+  --spacing-28: 1.75rem;
+  --spacing-32: 2rem;
+  --spacing-36: 2.25rem;
+  --spacing-40: 2.5rem;
+  --spacing-44: 2.75rem;
+  --spacing-48: 3rem;
+  --spacing-56: 3.5rem;
+  --spacing-64: 4rem;
+  --spacing-80: 5rem;
+  --spacing-96: 6rem;
+  --spacing-112: 7rem;
+  --spacing-128: 8rem;
+  --spacing-144: 9rem;
+  --spacing-160: 10rem;
+  --spacing-176: 11rem;
+  --spacing-192: 12rem;
+  --spacing-208: 13rem;
+  --spacing-224: 14rem;
+  --spacing-240: 15rem;
+  --spacing-256: 16rem;
+  --spacing-288: 18rem;
+  --spacing-320: 20rem;
+  --spacing-384: 24rem;
+}

package/dist/tailwind-tokenless/16/text.css

@@ -0,0 +1,20 @@
+@theme {
+  --text-\*: initial;
+  --text-12: 0.75rem;
+  --text-14: 0.875rem;
+  --text-16: 1rem;
+  --text-18: 1.125rem;
+  --text-20: 1.25rem;
+  --text-24: 1.5rem;
+  --text-30: 1.875rem;
+  --text-36: 2.25rem;
+  --text-48: 3rem;
+  --text-60: 3.75rem;
+  --text-72: 4.5rem;
+  --text-96: 6rem;
+  --text-128: 8rem;
+
+  /* Custom */
+  --text-13: 0.8125rem;
+  --text-15: 0.9375rem;
+}

package/dist/tailwind-tokenless/aspect.css

@@ -0,0 +1,7 @@
+@theme {
+  --aspect-\*: initial;
+  --aspect-1-1: 1 / 1;
+  --aspect-4-3: 4 / 3;
+  --aspect-3-2: 3 / 2;
+  --aspect-16-9: 16 / 9;
+}

package/dist/tailwind-tokenless/blur.css

@@ -0,0 +1,11 @@
+@theme {
+  --blur-\*: initial;
+  --blur-0: 0px;
+  --blur-4: 4px;
+  --blur-8: 8px;
+  --blur-12: 12px;
+  --blur-16: 16px;
+  --blur-24: 24px;
+  --blur-40: 40px;
+  --blur-64: 64px;
+}

package/dist/tailwind-tokenless/breakpoint.css

@@ -0,0 +1,10 @@
+@theme {
+  --breakpoint-\*: initial;
+  --breakpoint-320: 320px;
+  --breakpoint-480: 480px;
+  --breakpoint-640: 640px;
+  --breakpoint-768: 768px;
+  --breakpoint-1024: 1024px;
+  --breakpoint-1280: 1280px;
+  --breakpoint-1400: 1400px;
+}

package/dist/tailwind-tokenless/drop-shadow.css

@@ -0,0 +1,10 @@
+@theme {
+  --drop-shadow-\*: initial;
+  --drop-shadow-0: 0 0 #000000;
+  --drop-shadow-1: 0 1px 1px rgb(0 0 0 / 0.05);
+  --drop-shadow-2: 0 1px 2px rgb(0 0 0 / 0.15);
+  --drop-shadow-3: 0 3px 3px rgb(0 0 0 / 0.12);
+  --drop-shadow-4: 0 4px 4px rgb(0 0 0 / 0.15);
+  --drop-shadow-5: 0 9px 7px rgb(0 0 0 / 0.1);
+  --drop-shadow-6: 0 25px 25px rgb(0 0 0 / 0.15);
+}

package/dist/tailwind-tokenless/font-weight.css

@@ -0,0 +1,12 @@
+@theme {
+  --font-weight-\*: initial;
+  --font-weight-100: 100;
+  --font-weight-200: 200;
+  --font-weight-300: 300;
+  --font-weight-400: 400;
+  --font-weight-500: 500;
+  --font-weight-600: 600;
+  --font-weight-700: 700;
+  --font-weight-800: 800;
+  --font-weight-900: 900;
+}

package/dist/tailwind-tokenless/inset-shadow.css

@@ -0,0 +1,6 @@
+@theme {
+  --inset-shadow-\*: initial;
+  --inset-shadow-1: inset 0 1px rgb(0 0 0 / 0.05);
+  --inset-shadow-2: inset 0 1px 1px rgb(0 0 0 / 0.05);
+  --inset-shadow-3: inset 0 2px 4px rgb(0 0 0 / 0.05);
+}

package/dist/tailwind-tokenless/leading.css

@@ -0,0 +1,9 @@
+@theme {
+  --leading-\*: initial;
+  --leading-1: 1;
+  --leading-1-25: 1.25;
+  --leading-1-375: 1.375;
+  --leading-1-5: 1.5;
+  --leading-1-625: 1.625;
+  --leading-2: 2;
+}

package/dist/tailwind-tokenless/perspective-dramatic.css

@@ -0,0 +1,9 @@
+@theme {
+  --perspective-\*: initial;
+  --perspective-0: 0px;
+  --perspective-100: 100px;
+  --perspective-300: 300px;
+  --perspective-500: 500px;
+  --perspective-800: 800px;
+  --perspective-1200: 1200px;
+}

package/dist/tailwind-tokenless/shadow.css

@@ -0,0 +1,11 @@
+@theme {
+  --shadow-\*: initial;
+  --shadow-0: 0 0 #0000;
+  --shadow-1: 0 1px rgb(0 0 0 / 0.05);
+  --shadow-2: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --shadow-3: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --shadow-4: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --shadow-5: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --shadow-6: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --shadow-7: 0 25px 50px -12px rgb(0 0 0 / 0.25);
+}

package/dist/tailwind-tokenless/text-shadow.css

@@ -0,0 +1,12 @@
+@theme {
+  --text-shadow-\*: initial;
+  --text-shadow-0: none;
+  --text-shadow-1: 0px 1px 0px rgb(0 0 0 / 0.15);
+  --text-shadow-2: 0px 1px 1px rgb(0 0 0 / 0.2);
+  --text-shadow-3:
+    0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075);
+  --text-shadow-4:
+    0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1);
+  --text-shadow-5:
+    0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1);
+}

package/dist/tailwind-tokenless/tracking.css

@@ -0,0 +1,7 @@
+@theme {
+  --tracking-\*: initial;
+  --tracking-p0: 0em;
+  --tracking-p0025: 0.025em;
+  --tracking-p005: 0.05em;
+  --tracking-p01: 0.1em;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "components",
@@ -20,18 +20,18 @@
     "dist"
   ],
   "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "main": "./dist/components/index.js",
+  "module": "./dist/components/index.js",
+  "types": "./dist/components/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
     },
-    "./colors": "./src/colors/index.css",
-    "./tailwind-colors": "./src/tailwind-colors/index.css",
-    "./tailwind-tokenless-10": "./src/tailwind-tokenless/10/index.css",
-    "./tailwind-tokenless-16": "./src/tailwind-tokenless/16/index.css"
+    "./colors": "./dist/colors/index.css",
+    "./tailwind-colors": "./dist/tailwind-colors/index.css",
+    "./tailwind-tokenless-10": "./dist/tailwind-tokenless/10/index.css",
+    "./tailwind-tokenless-16": "./dist/tailwind-tokenless/16/index.css"
   },
   "publishConfig": {
     "access": "public"
@@ -47,6 +47,7 @@
     "@base-ui/react": "1.3.0"
   },
   "devDependencies": {
+    "@types/bun": "1.3.11",
     "@types/react": "19.2.14",
     "tsup": "8.5.1",
     "typescript": "5.9.3"