feat: spacecompact

package.json

@@ -17,16 +17,16 @@
     "@tailwindcss/vite": "^4.0.0-alpha.13",
     "@types/jsdom": "^21.1.6",
     "@types/mdast": "^4.0.3",
-    "@types/node": "^20.12.5",
-    "@typescript-eslint/eslint-plugin": "^7.5.0",
-    "@typescript-eslint/parser": "^7.5.0",
+    "@types/node": "^20.12.7",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^7.6.0",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-vue": "^9.24.0",
+    "eslint-plugin-vue": "^9.24.1",
     "globals": "^15.0.0",
-    "happy-dom": "^14.7.0",
+    "happy-dom": "^14.7.1",
     "mdast-util-from-markdown": "^2.0.0",
     "mdast-util-frontmatter": "^2.0.1",
     "mdast-util-to-markdown": "^2.1.0",
@@ -35,13 +35,13 @@
     "prettier": "^3.2.5",
     "prettier-plugin-tailwindcss": "^0.5.13",
     "rimraf": "^5.0.5",
-    "tailwindcss": "^4.0.0-alpha.13",
+    "tailwindcss": "^4.0.0-alpha.14",
     "typescript": "^5.4.4",
     "unist-util-visit": "^5.0.0",
     "vite": "^5.2.8",
     "vite-plugin-dts": "^3.8.1",
     "vite-plugin-inspect": "^0.8.3",
-    "vitepress": "1.0.2",
+    "vitepress": "1.1.0",
     "vitest": "^1.4.0",
     "vue-eslint-parser": "^9.4.2"
   },

packages/vue/src/Input/index.vue

@@ -71,7 +71,7 @@ defineExpose({
     </span>
     <input
       ref="inputRef"
-      class="z-input_input disabled block w-full flex-1 border-none bg-transparent py-1.5 px-3 text-sm leading-6 outline-none placeholder:text-slate-400 focus:outline-transparent"
+      class="z-input_input disabled block w-full flex-1 border-none bg-transparent py-1.5 px-3 text-sm leading-6 outline-none placeholder:text-slate-400 focus:outline-none"
       :class="{
         'pl-1': prefix || slots.prefix,
         'pr-1': suffix || slots.suffix,

packages/vue/src/Space/SpaceCompact.vue

@@ -5,7 +5,9 @@ const slots = defineSlots<{ default?(_: {}): any }>()
 const props = defineProps({})
 </script>
 <template>
-  <div class="t-space-compact flex items-center *:-me-[1px] *:rounded-none first:*:rounded-l-md last:*:rounded-r-md">
+  <div
+    class="t-space-compact flex items-center *:-me-[1px] *:rounded-none [&>:last-child]:rounded-r-md [&>:first-child]:rounded-l-md"
+  >
     <slot />
   </div>
 </template>