improve styling

add tabs

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@avocadi/ui",
 	"type": "module",
-	"version": "0.2.17",
+	"version": "0.2.18",
 	"description": "ui elements for avocadi",
 	"private": false,
 	"files": [
@@ -29,6 +29,7 @@
 		"motion": "^12.38.0",
 		"radix-ui": "^1.4.3",
 		"react": "^19.2.5",
+		"react-dom": "^19.2.5",
 		"typescript": "^6",
 		"use-sound": "^5.0.0",
 		"zod": "^4.3.6"
@@ -57,6 +58,7 @@
 		"./section/heading": "./dist/section/heading/index.js",
 		"./section/section.types": "./dist/section/section.types.js",
 		"./styles/animations": "./dist/styles/animations.js",
+		"./tabs": "./dist/tabs.js",
 		"./logo/text": "./dist/logo/text.js",
 		"./text": "./dist/text.js",
 		"./package.json": "./package.json",
@@ -83,7 +85,6 @@
 		"@radix-ui/react-use-layout-effect": "1.1.1",
 		"framer-motion": "12.38.0",
 		"motion-dom": "12.38.0",
-		"motion-utils": "12.36.0",
-		"react-dom": "19.2.5"
+		"motion-utils": "12.36.0"
 	}
 }