From 13c27b18a0cd1fcf78f85b872880f03bd915aeb0 Mon Sep 17 00:00:00 2001
From: zernonia <zernonia@gmail.com>
Date: Sat, 22 Jul 2023 18:26:17 +0800
Subject: [PATCH 1/2] add new logo

---
 docs/.vitepress/cache/deps/_metadata.json |  22 +--
 docs/.vitepress/components/HomePage.vue   |   2 +-
 docs/.vitepress/config.ts                 |   1 +
 docs/.vitepress/contributors.ts           |   3 +-
 docs/.vitepress/theme/style.css           |  10 +-
 docs/assets/css/tailwind.css              |   3 -
 docs/content/index.md                     |   3 +
 docs/{ => content}/public/cover.png       | Bin
 docs/content/public/favicon.ico           | Bin 0 -> 4286 bytes
 docs/content/public/logo.png              | Bin 0 -> 15025 bytes
 docs/content/public/logo.svg              |  34 +++++
 docs/pages/index.vue                      | 178 ----------------------
 docs/public/favicon.ico                   | Bin 15406 -> 0 bytes
 docs/public/logo-with-name.svg            |   4 -
 docs/public/logo.svg                      |   3 -
 15 files changed, 58 insertions(+), 205 deletions(-)
 delete mode 100644 docs/assets/css/tailwind.css
 rename docs/{ => content}/public/cover.png (100%)
 create mode 100644 docs/content/public/favicon.ico
 create mode 100644 docs/content/public/logo.png
 create mode 100644 docs/content/public/logo.svg
 delete mode 100644 docs/pages/index.vue
 delete mode 100644 docs/public/favicon.ico
 delete mode 100644 docs/public/logo-with-name.svg
 delete mode 100644 docs/public/logo.svg

diff --git a/docs/.vitepress/cache/deps/_metadata.json b/docs/.vitepress/cache/deps/_metadata.json
index 292515781..da9c8e577 100644
--- a/docs/.vitepress/cache/deps/_metadata.json
+++ b/docs/.vitepress/cache/deps/_metadata.json
@@ -1,29 +1,29 @@
 {
-  "hash": "e3235f3e",
-  "browserHash": "eae20b59",
+  "hash": "1484c3a1",
+  "browserHash": "644576f9",
   "optimized": {
     "vue": {
       "src": "../../../node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue.runtime.esm-bundler.js",
       "file": "vue.js",
-      "fileHash": "2781cafd",
+      "fileHash": "d0500447",
       "needsInterop": false
     },
     "vitepress > @vue/devtools-api": {
       "src": "../../../node_modules/.pnpm/@vue+devtools-api@6.5.0/node_modules/@vue/devtools-api/lib/esm/index.js",
       "file": "vitepress___@vue_devtools-api.js",
-      "fileHash": "3f2ad026",
-      "needsInterop": false
-    },
-    "@iconify/vue": {
-      "src": "../../../node_modules/.pnpm/@iconify+vue@4.1.1_vue@3.3.4/node_modules/@iconify/vue/dist/iconify.mjs",
-      "file": "@iconify_vue.js",
-      "fileHash": "ef8046cb",
+      "fileHash": "87c6cf1f",
       "needsInterop": false
     },
     "radix-vue": {
       "src": "../../../node_modules/.pnpm/radix-vue@0.1.9_vue@3.3.4/node_modules/radix-vue/dist/index.js",
       "file": "radix-vue.js",
-      "fileHash": "d6447b00",
+      "fileHash": "d1c262a8",
+      "needsInterop": false
+    },
+    "@iconify/vue": {
+      "src": "../../../node_modules/.pnpm/@iconify+vue@4.1.1_vue@3.3.4/node_modules/@iconify/vue/dist/iconify.mjs",
+      "file": "@iconify_vue.js",
+      "fileHash": "9fdc3366",
       "needsInterop": false
     }
   },
diff --git a/docs/.vitepress/components/HomePage.vue b/docs/.vitepress/components/HomePage.vue
index 4d33f8e8a..4744fe6c3 100644
--- a/docs/.vitepress/components/HomePage.vue
+++ b/docs/.vitepress/components/HomePage.vue
@@ -17,7 +17,7 @@ import Contributors from "./Contributors.vue";
           <p class="text-lg max-w-200 text-center leading-7">
             <Contributors />
             <br />
-            <a href="https://chat.vitest.dev" rel="noopener noreferrer">Join the community</a> and get involved!
+            <a href="https://chat.radix-vue.com" rel="noopener noreferrer">Join the community</a> and get involved!
           </p>
         </div>
       </main>
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 10cdae791..fee5e5466 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -52,6 +52,7 @@ export default defineConfig({
       { text: "Home", link: "/" },
       { text: "Demo", link: "/#demo" },
     ],
+    logo: "/logo.svg",
 
     sidebar: sidebar(),
 
diff --git a/docs/.vitepress/contributors.ts b/docs/.vitepress/contributors.ts
index 75cc5071a..c067e953c 100644
--- a/docs/.vitepress/contributors.ts
+++ b/docs/.vitepress/contributors.ts
@@ -18,8 +18,7 @@ export interface CoreTeam extends DefaultTheme.TeamMember {
 const contributorsAvatars: Record<string, string> = {};
 
 function getAvatarUrl(name: string) {
-  // @ts-ignore
-  return import.meta.hot ? `https://github.com/${name}.png` : `/user-avatars/${name}.png`;
+  return `https://github.com/${name}.png`;
 }
 
 export const contributors = (contributorNames as string[]).reduce((acc, name) => {
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index efc850ca9..0337ac849 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -43,10 +43,10 @@
 
 :root {
   --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #14b8a6 30%, #22c55e);
+  --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #11b981 30%, #6ff4cc);
 
-  --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
-  --vp-home-hero-image-filter: blur(40px);
+  --vp-home-hero-image-background-image: linear-gradient(180deg, #8600c5 0%, #00f0ff 100%);
+  --vp-home-hero-image-filter: blur(50px);
 }
 
 @media (min-width: 640px) {
@@ -121,3 +121,7 @@
 li > span {
   @apply text-[15px] md:text-base;
 }
+
+.image-bg {
+  @apply scale-75 !transform !-translate-x-1/2 !-translate-y-1/2;
+}
diff --git a/docs/assets/css/tailwind.css b/docs/assets/css/tailwind.css
deleted file mode 100644
index b5c61c956..000000000
--- a/docs/assets/css/tailwind.css
+++ /dev/null
@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
diff --git a/docs/content/index.md b/docs/content/index.md
index 66b63f80d..3db658f3a 100644
--- a/docs/content/index.md
+++ b/docs/content/index.md
@@ -7,6 +7,9 @@ hero:
   name: Radix Vue
   text: Vue Port of Radix UI
   tagline: Unstyled, accessible components for building high‑quality design systems and web apps in Vue.
+  image:
+    src: /logo.svg
+    alt: Radix-Vue
   actions:
     - theme: brand
       text: Get Started
diff --git a/docs/public/cover.png b/docs/content/public/cover.png
similarity index 100%
rename from docs/public/cover.png
rename to docs/content/public/cover.png
diff --git a/docs/content/public/favicon.ico b/docs/content/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..d20781303e404acfd89c1025beaf3c08398f5dc7
GIT binary patch
literal 4286
zcmeHLX;4#F6i$D1I$fq?ZC$!psdnm8#ky6Uc3K&wYSCKUTDM{??piC<rM1vXt1WIt
zR7Bh<$RfKe0YV6bH3)*Nfh>@OB?)U-0wKxQ^Im|#ai$X-X8MPhIl1@Ucklha^PO|g
z%Y?&uhCVhn9Oj!7Jc`2^%i(aQlF<-nF&Q(?Ui56Tt;H+@91cdV5e0@(fv%or2ujZ*
zI?okRB3DG_x*#Iw2ZU!Ir1lWx>YQOjdvdERu@8O;9*tvxFX3pwi#Y86JY4TQ2bWvV
z;`{3ya0@)1Tr^B0T3sc)xeMSP`WkBtkDu?3!cT!O6OR|*8EK1#ma<_$Gs6tiWBZuQ
zMsSOc!y|G$JR)AlZ(-x`>%B2>3wagCgI<AK@EGJt{2yEMG&g3#={4zLFt)>F?j6{o
zx-k=8Tw9!qnShf~Z{hdIH*g|+Jn<My97ZEFdnc{w8kj%y4tZ=gu((|YEp*)qbQ;v`
zHa)%Vh<M-(&o~>hcktK!i8vKK0e?iji4zgyC?*S`ZYv);<iH9Gc8{?Q?LBp9)>lH^
zQGi-qHuSwsD6I{LH*W^cC%%WX3Gd=`{3LkB+ThQaw~5On6vzVxc6yo)qjQf@N7yQ8
zJ4>L_WkA{-hjMKQ$}~X;5;@`mZyGKnPs86yQ*e%J;o%uO5mEVjNwdzUfo0b)d1f$m
zqQg*6*riak2_S9^Ls5etM5@!^%Us|uvcu(6TU_MNfOpFK@FE`P6Q|%z!enGtc|A2Y
zv(RYnVKr{iOIW|fjrUMce-Rl9HzY}SBf4Te!b(=bFLOS8(q;|txWJpvYT=u@2su(8
zbQ{`+%%k6TCgz%sBFLKKQP^-5!WuUuRDFlAG6#f~E<;qs8Uz=vz*XT~TuGk|AHghK
zN}buK#Z=-k72M*ZL*~H5z1!G|)^0iK+H+7rzKd$lAX&N(;bp53Tw=#^h!Jl<oY)Ee
zd3Ny2m<wOw99&8J0G9<!OlDGUOlM;vlKTxwgMRIqd{?%mqf`@sETsqHtDMMhd)zBs
zj!5!7wsH#+rMnPY?u45;i*PM#KJl0b-}E^Y6XHR+;hi!a{@D)D>FccIV1|+EOqW4}
zrmk|-wDM7`zD;p=$9?fe)^7&;zIYQG3!ZF01o9&Yd$fi)EX4Kf1-M2zah3GwkBN_9
zHl!M!RrpMW?KO3=HKwr-zeIBzLdv_?%FS%vF@7_7z{Dd}?#ezB$c`Z(e+h2oF0$~*
z`jB#S9_0q3g)IscH-~_)Cw#{L3erCfW!k&QRGdJfWGA>1XUhLQNRb_cp!x`_OSbY9
zoyju@D|UqcgO71r^byPB2BQV>@D<L6sQQvs_{=1x)-y3+>Ru<+T%|4*Le*jLYxaRB
z-(xY^UhrgeFFU|;;Z`~$xX2!X4;SN~{7(jWSn^^X3Y0gj#veS<M0KF3(F+MR>yS{r
z4skMyz2r+oSABsf@k&ILe@;2E9HAwjA*9%zI4r^4LOTQ$Sa{sYv*;nwatCi~bziN|
zMQYu*NLFn`lHzM{Yc?QWPCTT2JSqqCSV26NA>@%gf*2kT?N}|siX73}CAS*0f1<&p
z!^4)7NNv~(e%)5^YBwWUxe<wquSkpa#A7XDrH+WHT8(Jp5m~Vk;fx-1J{diNA1y^-
z;it$|oMU6!zpu4ztv(5vjm}8dZbzDW8}axCDRo=GQ*A<$(xL^!BTlxKVq)PDC0>Py
z3J0oFj226gEZIlzY^Al31M~DIH459^k=3#TnN7|RHf~3{W*Y=*C-CdHB8Aa{V!~*_
ztr?_+gyK=@fN1e*Iy3HQ)yoF<97?C%C__<)8}fBO;z64WL@kGq+k6n&O$U&r-H!~-
zUI-g@BdvZH1hqTBS2=^P+=+D6A>=olrFT{uy+1pK0{Pfns)ArN=rk$OX|z~}Q32L^
jsU>S?%uv&3^t-6Ho;|b7`5n1N6!<R%`u_*`zuJER$2e&n

literal 0
HcmV?d00001

diff --git a/docs/content/public/logo.png b/docs/content/public/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..817e0ae8abad0db6d936310bbf7bb2a49a39ee2e
GIT binary patch
literal 15025
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
POaW5j@?y0j20{M=Cs_K;

literal 0
HcmV?d00001

diff --git a/docs/content/public/logo.svg b/docs/content/public/logo.svg
new file mode 100644
index 000000000..74c363a88
--- /dev/null
+++ b/docs/content/public/logo.svg
@@ -0,0 +1,34 @@
+<svg width="290" height="290" viewBox="0 0 290 290" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M226.269 52.4044L226.274 52.4067C237.406 58.2619 245.614 66.3008 250.94 76.5218C256.285 86.7776 258.969 98.4614 258.969 111.596C258.969 124.732 256.285 136.34 250.943 146.446C245.618 156.521 237.447 164.451 226.389 170.234C221.59 172.712 219.355 178.881 222.459 183.542L257.922 236.789C261.773 242.571 257.628 250.311 250.681 250.311H196.906C193.806 250.311 190.939 248.661 189.382 245.98L79.3991 56.5686C76.0313 50.7687 80.2159 43.5 86.9227 43.5H183.394C200.888 43.5 215.161 46.4896 226.269 52.4044Z" fill="url(#paint0_linear_30_25)" stroke="url(#paint1_linear_30_25)" stroke-width="1.93333"/>
+<path d="M116.722 247.228C113.004 253.687 103.684 253.687 99.9661 247.228L26.2042 119.085C22.4947 112.64 27.1462 104.596 34.5821 104.596L182.106 104.596C189.542 104.596 194.193 112.64 190.484 119.085L116.722 247.228Z" fill="url(#paint2_radial_30_25)"/>
+<path d="M116.722 247.228C113.004 253.687 103.684 253.687 99.9661 247.228L26.2042 119.085C22.4947 112.64 27.1462 104.596 34.5821 104.596L182.106 104.596C189.542 104.596 194.193 112.64 190.484 119.085L116.722 247.228Z" fill="url(#paint3_radial_30_25)" fill-opacity="0.5"/>
+<path d="M100.804 246.745L27.042 118.602C23.7034 112.802 27.8898 105.562 34.5821 105.562L182.106 105.562C188.798 105.562 192.985 112.802 189.646 118.602L115.884 246.745C112.538 252.558 104.15 252.558 100.804 246.745Z" fill="url(#paint4_radial_30_25)" fill-opacity="0.5" stroke="url(#paint5_linear_30_25)" stroke-width="1.93333" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear_30_25" x1="241.666" y1="264.867" x2="88.9331" y2="7.73334" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00996C"/>
+<stop offset="1" stop-color="#7AFFD8"/>
+</linearGradient>
+<linearGradient id="paint1_linear_30_25" x1="192.366" y1="289.033" x2="233.933" y2="42.5333" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.56"/>
+<stop offset="0.494792" stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<radialGradient id="paint2_radial_30_25" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(185.6 110.2) rotate(147.858) scale(129.006 128.619)">
+<stop offset="0.48614" stop-color="#00C58A"/>
+<stop offset="1" stop-color="white" stop-opacity="0.21"/>
+</radialGradient>
+<radialGradient id="paint3_radial_30_25" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(108.266 160.467) rotate(90) scale(191.4 190.827)">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<radialGradient id="paint4_radial_30_25" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(108.266 181.733) rotate(-90) scale(129.533 129.145)">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<linearGradient id="paint5_linear_30_25" x1="105.366" y1="105.367" x2="105.366" y2="261" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.6"/>
+<stop offset="0.494792" stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white" stop-opacity="0.38"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
deleted file mode 100644
index fc3d874d3..000000000
--- a/docs/pages/index.vue
+++ /dev/null
@@ -1,178 +0,0 @@
-<script setup lang="ts">
-import { Icon } from "@iconify/vue";
-
-definePageMeta({
-  colorMode: "dark",
-});
-</script>
-
-<template>
-  <div class="flex flex-col items-center px-5 min-h-screen w-full max-w-screen overflow-x-clip -mt-20">
-    <div class="z-[-1] bg-black fixed h-[200vh] w-screen" />
-    <div
-      class="max-w-7xl relative w-full flex flex-col items-center overflow-y-clip h-full py-20"
-    >
-      <div
-        class="gradient-ball-small absolute"
-        style="
-          left: 30%;
-          top: 5%;
-          transform: translateX(-50%) translateY(-50%);
-          z-index: -1;
-        "
-      />
-      <div
-        class="gradient-ball absolute"
-        style="
-          right: 16%;
-          top: 30%;
-          transform: translateX(50%) translateY(-50%);
-          z-index: -1;
-        "
-      />
-      <div
-        class="gradient-ball absolute"
-        style="
-          left: 10%;
-          bottom: 20%;
-          transform: translateX(-50%) translateY(50%);
-          z-index: -1;
-        "
-      />
-      <div class="mt-[90px] flex flex-col items-center">
-        <h1
-          class="font-bold text-center text-5xl md:text-[58px] break-words max-w-[680px] md:leading-[55.8px] tracking-tight"
-        >
-          Build Production Grade Components, in an Instant.
-        </h1>
-        <p class="hero-description">
-          <span class="text-green-400 underline underline-offset-4">Unstyled,</span>
-          <span class="text-green-400 underline underline-offset-4">accessible</span>
-          components for building
-          <span class="text-green-400 underline underline-offset-4">high‑quality</span>
-          design systems and web apps in Vue.
-        </p>
-      </div>
-      <div class="mt-11 w-full flex gap-3 justify-center items-center">
-        <NuxtLink
-          to="/overview/getting-started"
-          class="rounded-2xl px-10 h-[60px] text-xl font-semibold bg-gradient-to-r from-green-600 to-teal-500 items-center hover:from-green-600 hover:to-teal-400 transition-colors duration-200 justify-center flex"
-        >
-          Quick Start
-        </NuxtLink>
-        <HomeHeroCode language="bash">
-        <span class="text-green-400">pnpm</span>
-        <span class="text-green-400"> install </span>
-        <span class="">radix-vue</span></HomeHeroCode>
-      </div>
-      <div
-        class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 mt-28 w-full max-w-5xl gap-x-6 gap-y-5"
-      >
-        <HomeCard
-          title="Accordion"
-          description="With modal and non-modal modes, fine-grained focus control, accessible to screen readers."
-        >
-          <HomeDemosAccordion />
-        </HomeCard>
-        <HomeCard
-          title="Aspect Ratio"
-          description="With modal and non-modal modes, fine-grained focus control, accessible to screen readers."
-        >
-          <HomeDemosAspectRatio />
-        </HomeCard>
-        <HomeCard
-          title="Avatar"
-          description="With modal and non-modal modes, fine-grained focus control, accessible to screen readers."
-        >
-          <HomeDemosAvatar />
-        </HomeCard>
-        <HomeCard
-          title="Slider"
-          description="With modal and non-modal modes, fine-grained focus control, accessible to screen readers."
-        >
-          <HomeDemosSlider />
-        </HomeCard>
-        <HomeCard
-          title="Switch"
-          description="With modal and non-modal modes, fine-grained focus control, accessible to screen readers."
-        >
-          <HomeDemosSwitch />
-        </HomeCard>
-        <HomeCard
-          title="Dialog"
-          description="With modal and non-modal modes, fine-grained focus control, accessible to screen readers."
-        >
-          <HomeDemosAlertDialog />
-        </HomeCard>
-        <HomeCard
-          title="Dialog"
-          description="With modal and non-modal modes, fine-grained focus control, accessible to screen readers."
-        >
-          <HomeDemosAlertDialog />
-        </HomeCard>
-        <HomeCard
-          title="Dialog"
-          description="With modal and non-modal modes, fine-grained focus control, accessible to screen readers."
-        >
-          <HomeDemosAlertDialog />
-        </HomeCard>
-        <HomeCard
-          title="Dialog"
-          description="With modal and non-modal modes, fine-grained focus control, accessible to screen readers."
-        >
-          <HomeDemosAlertDialog />
-        </HomeCard>
-        <HomeCard
-          title="Dialog"
-          description="With modal and non-modal modes, fine-grained focus control, accessible to screen readers."
-        >
-          <HomeDemosAlertDialog />
-        </HomeCard>
-        <HomeCard
-          title="Dialog"
-          description="With modal and non-modal modes, fine-grained focus control, accessible to screen readers."
-        >
-          <HomeDemosAlertDialog />
-        </HomeCard>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style>
-.hero-description {
-  margin-top: 17px;
-  font-weight: 400;
-  font-size: 24px;
-  line-height: 29px;
-  text-align: center;
-  letter-spacing: -0.01em;
-  opacity: 70%;
-  max-width: 720px;
-}
-
-.gradient-ball-small {
-  width: 1020px;
-  height: 1020px;
-  background: radial-gradient(
-    50% 50% at 50% 50%,
-    rgba(22, 102, 83, 0.47) 0%,
-    rgba(17, 51, 101, 0.15) 75%,
-    rgba(17, 51, 101, 0) 100%
-  );
-  user-select: none;
-}
-
-.gradient-ball {
-  width: 1480px;
-  height: 1480px;
-
-  background: radial-gradient(
-    50% 50% at 50% 50%,
-    rgba(22, 102, 83, 0.47) 0%,
-    rgba(17, 51, 101, 0.15) 75%,
-    rgba(17, 51, 101, 0) 100%
-  );
-  user-select: none;
-}
-</style>
diff --git a/docs/public/favicon.ico b/docs/public/favicon.ico
deleted file mode 100644
index dfe416355aca877e4786c8d5120d50c176ab604b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 15406
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

diff --git a/docs/public/logo-with-name.svg b/docs/public/logo-with-name.svg
deleted file mode 100644
index 34eacb9b1..000000000
--- a/docs/public/logo-with-name.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg width="694" height="179" viewBox="0 0 694 179" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M155 49.25L85.5 9L16 49.25V129.75L39.1667 143.167L39.1667 62.6667L85.5 35.8333L131.833 62.6667V116.333L108.667 104.258V76.0833L85.5 62.6667L62.3333 76.0833V156.583L85.5 170L155 129.75V49.25Z" fill="white"/>
-<path d="M211.068 124.5V54.6818H238.614C243.886 54.6818 248.386 55.625 252.114 57.5114C255.864 59.375 258.716 62.0227 260.67 65.4545C262.648 68.8636 263.636 72.875 263.636 77.4886C263.636 82.125 262.636 86.1136 260.636 89.4545C258.636 92.7727 255.739 95.3182 251.943 97.0909C248.17 98.8636 243.602 99.75 238.239 99.75H219.795V87.8864H235.852C238.67 87.8864 241.011 87.5 242.875 86.7273C244.739 85.9545 246.125 84.7955 247.034 83.25C247.966 81.7045 248.432 79.7841 248.432 77.4886C248.432 75.1705 247.966 73.2159 247.034 71.625C246.125 70.0341 244.727 68.8295 242.841 68.0114C240.977 67.1705 238.625 66.75 235.784 66.75H225.83V124.5H211.068ZM248.773 92.7273L266.125 124.5H249.83L232.852 92.7273H248.773ZM288.727 125.489C285.386 125.489 282.409 124.909 279.795 123.75C277.182 122.568 275.114 120.83 273.591 118.534C272.091 116.216 271.341 113.33 271.341 109.875C271.341 106.966 271.875 104.523 272.943 102.545C274.011 100.568 275.466 98.9773 277.307 97.7727C279.148 96.5682 281.239 95.6591 283.58 95.0455C285.943 94.4318 288.42 94 291.011 93.75C294.057 93.4318 296.511 93.1364 298.375 92.8636C300.239 92.5682 301.591 92.1364 302.432 91.5682C303.273 91 303.693 90.1591 303.693 89.0455V88.8409C303.693 86.6818 303.011 85.0114 301.648 83.8295C300.307 82.6477 298.398 82.0568 295.92 82.0568C293.307 82.0568 291.227 82.6364 289.682 83.7955C288.136 84.9318 287.114 86.3636 286.614 88.0909L273.182 87C273.864 83.8182 275.205 81.0682 277.205 78.75C279.205 76.4091 281.784 74.6136 284.943 73.3636C288.125 72.0909 291.807 71.4545 295.989 71.4545C298.898 71.4545 301.682 71.7955 304.341 72.4773C307.023 73.1591 309.398 74.2159 311.466 75.6477C313.557 77.0795 315.205 78.9205 316.409 81.1705C317.614 83.3977 318.216 86.0682 318.216 89.1818V124.5H304.443V117.239H304.034C303.193 118.875 302.068 120.318 300.659 121.568C299.25 122.795 297.557 123.761 295.58 124.466C293.602 125.148 291.318 125.489 288.727 125.489ZM292.886 115.466C295.023 115.466 296.909 115.045 298.545 114.205C300.182 113.341 301.466 112.182 302.398 110.727C303.33 109.273 303.795 107.625 303.795 105.784V100.227C303.341 100.523 302.716 100.795 301.92 101.045C301.148 101.273 300.273 101.489 299.295 101.693C298.318 101.875 297.341 102.045 296.364 102.205C295.386 102.341 294.5 102.466 293.705 102.58C292 102.83 290.511 103.227 289.239 103.773C287.966 104.318 286.977 105.057 286.273 105.989C285.568 106.898 285.216 108.034 285.216 109.398C285.216 111.375 285.932 112.886 287.364 113.932C288.818 114.955 290.659 115.466 292.886 115.466ZM348.778 125.352C344.801 125.352 341.199 124.33 337.972 122.284C334.767 120.216 332.222 117.182 330.335 113.182C328.472 109.159 327.54 104.227 327.54 98.3864C327.54 92.3864 328.506 87.3977 330.438 83.4205C332.369 79.4205 334.938 76.4318 338.142 74.4545C341.369 72.4545 344.903 71.4545 348.744 71.4545C351.676 71.4545 354.119 71.9545 356.074 72.9545C358.051 73.9318 359.642 75.1591 360.847 76.6364C362.074 78.0909 363.006 79.5227 363.642 80.9318H364.085V54.6818H378.574V124.5H364.256V116.114H363.642C362.96 117.568 361.994 119.011 360.744 120.443C359.517 121.852 357.915 123.023 355.938 123.955C353.983 124.886 351.597 125.352 348.778 125.352ZM353.381 113.795C355.722 113.795 357.699 113.159 359.312 111.886C360.949 110.591 362.199 108.784 363.062 106.466C363.949 104.148 364.392 101.432 364.392 98.3182C364.392 95.2045 363.96 92.5 363.097 90.2045C362.233 87.9091 360.983 86.1364 359.347 84.8864C357.71 83.6364 355.722 83.0114 353.381 83.0114C350.994 83.0114 348.983 83.6591 347.347 84.9545C345.71 86.25 344.472 88.0455 343.631 90.3409C342.79 92.6364 342.369 95.2955 342.369 98.3182C342.369 101.364 342.79 104.057 343.631 106.398C344.494 108.716 345.733 110.534 347.347 111.852C348.983 113.148 350.994 113.795 353.381 113.795ZM390.514 124.5V72.1364H405.037V124.5H390.514ZM397.81 65.3864C395.651 65.3864 393.798 64.6705 392.253 63.2386C390.73 61.7841 389.969 60.0455 389.969 58.0227C389.969 56.0227 390.73 54.3068 392.253 52.875C393.798 51.4205 395.651 50.6932 397.81 50.6932C399.969 50.6932 401.81 51.4205 403.332 52.875C404.878 54.3068 405.651 56.0227 405.651 58.0227C405.651 60.0455 404.878 61.7841 403.332 63.2386C401.81 64.6705 399.969 65.3864 397.81 65.3864ZM428.807 72.1364L438.42 90.4432L448.273 72.1364H463.17L448 98.3182L463.58 124.5H448.75L438.42 106.398L428.261 124.5H413.261L428.807 98.3182L413.807 72.1364H428.807ZM506.901 54.6818L523.776 107.727H524.423L541.332 54.6818H557.696L533.628 124.5H514.605L490.503 54.6818H506.901ZM599.406 102.205V72.1364H613.929V124.5H599.986V114.989H599.44C598.259 118.057 596.293 120.523 593.543 122.386C590.815 124.25 587.486 125.182 583.554 125.182C580.054 125.182 576.974 124.386 574.315 122.795C571.656 121.205 569.577 118.943 568.077 116.011C566.599 113.08 565.849 109.568 565.827 105.477V72.1364H580.349V102.886C580.372 105.977 581.202 108.42 582.838 110.216C584.474 112.011 586.668 112.909 589.418 112.909C591.168 112.909 592.804 112.511 594.327 111.716C595.849 110.898 597.077 109.693 598.009 108.102C598.963 106.511 599.429 104.545 599.406 102.205ZM649.409 125.523C644.023 125.523 639.386 124.432 635.5 122.25C631.636 120.045 628.659 116.932 626.568 112.909C624.477 108.864 623.432 104.08 623.432 98.5568C623.432 93.1705 624.477 88.4432 626.568 84.375C628.659 80.3068 631.602 77.1364 635.398 74.8636C639.216 72.5909 643.693 71.4545 648.83 71.4545C652.284 71.4545 655.5 72.0114 658.477 73.125C661.477 74.2159 664.091 75.8636 666.318 78.0682C668.568 80.2727 670.318 83.0455 671.568 86.3864C672.818 89.7045 673.443 93.5909 673.443 98.0455V102.034H629.227V93.0341H659.773C659.773 90.9432 659.318 89.0909 658.409 87.4773C657.5 85.8636 656.239 84.6023 654.625 83.6932C653.034 82.7614 651.182 82.2955 649.068 82.2955C646.864 82.2955 644.909 82.8068 643.205 83.8295C641.523 84.8295 640.205 86.1818 639.25 87.8864C638.295 89.5682 637.807 91.4432 637.784 93.5114V102.068C637.784 104.659 638.261 106.898 639.216 108.784C640.193 110.67 641.568 112.125 643.341 113.148C645.114 114.17 647.216 114.682 649.648 114.682C651.261 114.682 652.739 114.455 654.08 114C655.42 113.545 656.568 112.864 657.523 111.955C658.477 111.045 659.205 109.932 659.705 108.614L673.136 109.5C672.455 112.727 671.057 115.545 668.943 117.955C666.852 120.341 664.148 122.205 660.83 123.545C657.534 124.864 653.727 125.523 649.409 125.523Z" fill="white"/>
-</svg>
diff --git a/docs/public/logo.svg b/docs/public/logo.svg
deleted file mode 100644
index 7bfdbfa4f..000000000
--- a/docs/public/logo.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="180" height="180" viewBox="0 0 180 180" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M156 51.3938L89.5 13L23 51.3938V128.181L45.1667 140.979L45.1667 64.1917L89.5 38.5959L133.833 64.1917V115.383L111.667 103.865V76.9896L89.5 64.1917L67.3333 76.9896V153.777L89.5 166.575L156 128.181V51.3938Z" fill="white"/>
-</svg>

From e76faadbe88705c029db39907b2ae36d3ff892d3 Mon Sep 17 00:00:00 2001
From: zernonia <zernonia@gmail.com>
Date: Sat, 22 Jul 2023 22:46:57 +0800
Subject: [PATCH 2/2] fix responsive issue

---
 docs/.vitepress/components/HomePage.vue     |  2 +-
 docs/.vitepress/components/HomePageDemo.vue |  4 +-
 docs/.vitepress/config.ts                   |  5 +-
 docs/.vitepress/theme/style.css             |  6 +++
 docs/components/DemoContainer.vue           |  6 +--
 docs/components/HeroContainer.vue           | 16 +++++--
 docs/components/demo/Accordion/index.vue    | 52 +++++++++------------
 docs/components/demo/AspectRatio/index.vue  |  8 ++--
 docs/components/demo/Collapsible/index.vue  |  6 +--
 docs/components/demo/ContextMenu/index.vue  | 26 +++++------
 docs/components/demo/Progress/index.vue     | 16 ++++---
 docs/components/demo/Tabs/index.vue         |  2 +-
 docs/components/demo/Toolbar/index.vue      | 35 ++++++++++----
 docs/content/components/toolbar.md          |  2 +-
 14 files changed, 105 insertions(+), 81 deletions(-)

diff --git a/docs/.vitepress/components/HomePage.vue b/docs/.vitepress/components/HomePage.vue
index 4744fe6c3..cd5016f1e 100644
--- a/docs/.vitepress/components/HomePage.vue
+++ b/docs/.vitepress/components/HomePage.vue
@@ -5,7 +5,7 @@ import Contributors from "./Contributors.vue";
 </script>
 
 <template>
-  <div class="content px-[64px]">
+  <div class="content px-6 sm:px-[48px] lg:px-[64px]">
     <div class="mx-auto w-full container max-w-[1152px]">
       <main class="w-full">
         <div class="vp-doc flex flex-col items-center mt-10">
diff --git a/docs/.vitepress/components/HomePageDemo.vue b/docs/.vitepress/components/HomePageDemo.vue
index 63fc6e19a..6bac565f2 100644
--- a/docs/.vitepress/components/HomePageDemo.vue
+++ b/docs/.vitepress/components/HomePageDemo.vue
@@ -3,9 +3,9 @@ import Demos from "../../components/Demos.vue";
 </script>
 
 <template>
-  <div class="mt-24 content px-[64px]">
+  <div class="mt-12 md:mt-24 content px-6 sm:px-[48px] lg:px-[64px]">
     <div class="mx-auto w-full container max-w-[1152px]">
-      <Demos class="grid lg:grid-cols-2 gap-12 lg:gap-6" />
+      <Demos class="grid w-auto lg:grid-cols-2 gap-6 md:gap-12 lg:gap-6" />
     </div>
   </div>
 </template>
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index fee5e5466..d41d07789 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -48,10 +48,7 @@ export default defineConfig({
   lastUpdated: true,
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
-    nav: [
-      { text: "Home", link: "/" },
-      { text: "Demo", link: "/#demo" },
-    ],
+    nav: [{ text: "Home", link: "/" }],
     logo: "/logo.svg",
 
     sidebar: sidebar(),
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index 0337ac849..a8fda9857 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -125,3 +125,9 @@ li > span {
 .image-bg {
   @apply scale-75 !transform !-translate-x-1/2 !-translate-y-1/2;
 }
+
+.custom-justify-center:before,
+.custom-justify-center:after {
+  content: "";
+  flex: 1;
+}
diff --git a/docs/components/DemoContainer.vue b/docs/components/DemoContainer.vue
index bd9462a29..24907c127 100644
--- a/docs/components/DemoContainer.vue
+++ b/docs/components/DemoContainer.vue
@@ -6,16 +6,16 @@ defineProps<{
 </script>
 
 <template>
-  <div>
+  <div class="w-full" :class="{ 'overflow-x-auto': title === 'toolbar' }">
     <a
-      class="capitalize text-lg font-semibold mb-2 ml-2 inline-flex items-center group"
+      class="capitalize md:text-lg font-semibold mb-2 ml-2 inline-flex items-center group"
       :href="`/components/${title?.replace(' ', '-')}.html`"
       >{{ title }}
 
       <Icon icon="ic-round-arrow-forward" class="ml-2 group-focus:ml-3 group-hover:ml-3 transition-[margin]"></Icon>
     </a>
     <div
-      class="p-10 min-h-[256px] lg:h-[400px] bg-gradient-to-br rounded-xl from-teal9 to-green9 w-full relative items-center justify-center flex"
+      class="custom-justify-center p-4 md:p-10 min-h-[256px] lg:h-[400px] bg-gradient-to-br rounded-xl from-teal9 to-green9 w-full relative items-center flex overflow-x-auto"
     >
       <slot />
     </div>
diff --git a/docs/components/HeroContainer.vue b/docs/components/HeroContainer.vue
index 5590cdae5..38824d200 100644
--- a/docs/components/HeroContainer.vue
+++ b/docs/components/HeroContainer.vue
@@ -1,7 +1,16 @@
+<script setup lang="ts">
+defineProps<{
+  overflow?: boolean;
+}>();
+</script>
+
 <template>
   <div class="relative text-[15px] text-black">
-    <div class="bg-gradient-to-br rounded-t-lg from-teal9 to-green9 w-full relative items-center justify-center flex">
-      <div class="w-full max-w-[700px] flex flex-col items-center justify-center py-[100px]">
+    <div
+      class="bg-gradient-to-br p-4 rounded-t-lg from-teal9 to-green9 w-full relative items-center justify-center flex"
+      :class="{ 'overflow-x-auto': overflow }"
+    >
+      <div class="w-full max-w-[700px] flex items-center py-12 sm:py-[100px] custom-justify-center z-10">
         <slot />
       </div>
     </div>
@@ -18,7 +27,8 @@
   margin-top: 0 !important;
 }
 
-:deep(button:focus), :deep(button:focus-visible) {
+:deep(button:focus),
+:deep(button:focus-visible) {
   outline: 0;
 }
 
diff --git a/docs/components/demo/Accordion/index.vue b/docs/components/demo/Accordion/index.vue
index 4628cf3af..5da55b1b1 100644
--- a/docs/components/demo/Accordion/index.vue
+++ b/docs/components/demo/Accordion/index.vue
@@ -1,57 +1,49 @@
 <script setup lang="ts">
-import {
-  AccordionRoot,
-  AccordionItem,
-  AccordionHeader,
-  AccordionTrigger,
-  AccordionContent,
-} from "radix-vue";
+import { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionContent } from "radix-vue";
 import { Icon } from "@iconify/vue";
 
 const accordionItems = [
   {
     value: "item-1",
     title: "Is it accessible?",
-    content: "Yes. It adheres to the WAI-ARIA design pattern."
+    content: "Yes. It adheres to the WAI-ARIA design pattern.",
   },
   {
     value: "item-2",
     title: "Is it unstyled?",
-    content: "Yes. It's unstyled by default, giving you freedom over the look and feel."
+    content: "Yes. It's unstyled by default, giving you freedom over the look and feel.",
   },
   {
     value: "item-3",
     title: "Can it be animated?",
-    content: "Yes! You can use the transition prop to configure the animation."
-  }
-]
+    content: "Yes! You can use the transition prop to configure the animation.",
+  },
+];
 </script>
 
 <template>
   <AccordionRoot
-    class="bg-mauve6 w-[300px] rounded-md shadow-[0_2px_10px] shadow-black/5"
+    class="bg-mauve6 sm:w-[300px] rounded-md shadow-[0_2px_10px] shadow-black/5"
     default-value="'item-1'"
     type="single"
     :collapsible="true"
   >
     <template v-for="item in accordionItems" :key="item.value">
-    <AccordionItem class="accordion-item" :value="item.value">
-      <AccordionHeader class="flex">
-        <AccordionTrigger class="accordion-trigger group"
-          ><span>{{item.title}}</span>
-          <Icon
-            icon="radix-icons:chevron-down"
-            class="text-green10 ease-[cubic-bezier(0.87,_0,_0.13,_1)] transition-transform duration-300 group-data-[state=open]:rotate-180"
-            aria-hidden
-          />
-        </AccordionTrigger>
-      </AccordionHeader>
-      <AccordionContent
-        class="accordion-content"
-      >
-        <div class="px-5 py-4">{{item.content}}</div>
-      </AccordionContent>
-    </AccordionItem>
+      <AccordionItem class="accordion-item" :value="item.value">
+        <AccordionHeader class="flex">
+          <AccordionTrigger class="accordion-trigger group"
+            ><span>{{ item.title }}</span>
+            <Icon
+              icon="radix-icons:chevron-down"
+              class="text-green10 ease-[cubic-bezier(0.87,_0,_0.13,_1)] transition-transform duration-300 group-data-[state=open]:rotate-180"
+              aria-hidden
+            />
+          </AccordionTrigger>
+        </AccordionHeader>
+        <AccordionContent class="accordion-content">
+          <div class="px-5 py-4">{{ item.content }}</div>
+        </AccordionContent>
+      </AccordionItem>
     </template>
   </AccordionRoot>
 </template>
diff --git a/docs/components/demo/AspectRatio/index.vue b/docs/components/demo/AspectRatio/index.vue
index a1e7671d8..d2618bafa 100644
--- a/docs/components/demo/AspectRatio/index.vue
+++ b/docs/components/demo/AspectRatio/index.vue
@@ -3,11 +3,13 @@ import { AspectRatio } from "radix-vue";
 </script>
 
 <template>
-  <div class="shadow-blackA7 w-[300px] overflow-hidden rounded-md shadow-[0_2px_10px]">
+  <div class="shadow-blackA7 w-full sm:w-[300px] overflow-hidden rounded-md shadow-[0_2px_10px]">
     <AspectRatio :ratio="16 / 9">
-      <img class="h-full w-full object-cover"
+      <img
+        class="h-full w-full object-cover"
         src="https://images.unsplash.com/photo-1535025183041-0991a977e25b?w=300&dpr=2&q=80"
-        alt="Landscape photograph by Tobias Tullius" />
+        alt="Landscape photograph by Tobias Tullius"
+      />
     </AspectRatio>
   </div>
 </template>
diff --git a/docs/components/demo/Collapsible/index.vue b/docs/components/demo/Collapsible/index.vue
index f5666759e..d6a5e1e58 100644
--- a/docs/components/demo/Collapsible/index.vue
+++ b/docs/components/demo/Collapsible/index.vue
@@ -9,14 +9,14 @@ const open = ref(false);
 </script>
 
 <template>
-  <CollapsibleRoot class="w-[300px]" v-model:open="rootOpen" :disabled="rootDisabled">
+  <CollapsibleRoot class="sm:w-[300px]" v-model:open="rootOpen" :disabled="rootDisabled">
     <div style="display: flex; align-items: center; justify-content: space-between">
       <span class="text-white text-[15px] leading-[25px]"> @peduarte starred 3 repos </span>
       <CollapsibleTrigger
         class="cursor-default rounded-full h-[25px] w-[25px] inline-flex items-center justify-center text-grass11 shadow-[0_2px_10px] shadow-blackA7 outline-none data-[state=closed]:bg-white data-[state=open]:bg-green3 hover:bg-green3 focus:shadow-[0_0_0_2px] focus:shadow-black"
       >
-          <Icon v-if="rootOpen" icon="radix-icons:cross-2" class="h-3.5 w-3.5" />
-          <Icon v-else icon="radix-icons:row-spacing" class="h-3.5 w-3.5" />
+        <Icon v-if="rootOpen" icon="radix-icons:cross-2" class="h-3.5 w-3.5" />
+        <Icon v-else icon="radix-icons:row-spacing" class="h-3.5 w-3.5" />
       </CollapsibleTrigger>
     </div>
 
diff --git a/docs/components/demo/ContextMenu/index.vue b/docs/components/demo/ContextMenu/index.vue
index 23ddb4660..71782252c 100644
--- a/docs/components/demo/ContextMenu/index.vue
+++ b/docs/components/demo/ContextMenu/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { Icon } from '@iconify/vue'
-import { ref } from 'vue'
+import { Icon } from "@iconify/vue";
+import { ref } from "vue";
 import {
   ContextMenuCheckboxItem,
   ContextMenuContent,
@@ -15,15 +15,15 @@ import {
   ContextMenuTrigger,
   ContextMenuSub,
   ContextMenuSubContent,
-  ContextMenuSubTrigger
-} from 'radix-vue'
+  ContextMenuSubTrigger,
+} from "radix-vue";
 
-const checkboxOne = ref(false)
-const checkboxTwo = ref(false)
-const person = ref('pedro')
+const checkboxOne = ref(false);
+const checkboxTwo = ref(false);
+const person = ref("pedro");
 
 function handleClick() {
-  alert('hello!')
+  alert("hello!");
 }
 </script>
 
@@ -31,11 +31,9 @@ function handleClick() {
   <ContextMenuRoot>
     <ContextMenuTrigger
       as-child
-      class="block border-2 border-white border-dashed text-white rounded text-[15px] select-none py-[45px] w-[300px] text-center"
+      class="block border-2 border-white border-dashed text-white rounded text-[15px] select-none py-[45px] w-full sm:w-[300px] text-center"
     >
-    <span>
-      Right click here.
-    </span>
+      <span> Right click here. </span>
     </ContextMenuTrigger>
 
     <ContextMenuPortal>
@@ -297,9 +295,7 @@ function handleClick() {
         </ContextMenuCheckboxItem>
         <ContextMenuSeparator class="h-[1px] bg-green6 m-[5px]" />
 
-        <ContextMenuLabel class="pl-[25px] text-xs leading-[25px] text-mauve11">
-          People
-        </ContextMenuLabel>
+        <ContextMenuLabel class="pl-[25px] text-xs leading-[25px] text-mauve11"> People </ContextMenuLabel>
         <ContextMenuRadioGroup v-model="person">
           <ContextMenuRadioItem
             class="text-[13px] leading-none text-grass11 rounded-[3px] flex items-center h-[25px] px-[5px] relative pl-[25px] select-none outline-none data-[disabled]:text-mauve8 data-[disabled]:pointer-events-none data-[highlighted]:bg-green9 data-[highlighted]:text-green1"
diff --git a/docs/components/demo/Progress/index.vue b/docs/components/demo/Progress/index.vue
index 4f2a7c52f..67cf25d41 100644
--- a/docs/components/demo/Progress/index.vue
+++ b/docs/components/demo/Progress/index.vue
@@ -5,16 +5,20 @@ import { ProgressRoot, ProgressIndicator } from "radix-vue";
 const progressValue = ref(10);
 
 onMounted(() => {
-  const timer = setTimeout(() => progressValue.value = 66, 500);
+  const timer = setTimeout(() => (progressValue.value = 66), 500);
   return () => clearTimeout(timer);
-})
+});
 </script>
 
 <template>
-  <ProgressRoot class="relative overflow-hidden bg-blackA9 rounded-full w-[300px] h-[25px]"
-    style="transform: translateZ(0)" v-model="progressValue">
+  <ProgressRoot
+    class="relative overflow-hidden bg-blackA9 rounded-full w-full sm:w-[300px] h-4 sm:h-5"
+    style="transform: translateZ(0)"
+    v-model="progressValue"
+  >
     <ProgressIndicator
-      class="bg-white w-full h-full transition-transform duration-[660ms] ease-[cubic-bezier(0.65, 0, 0.35, 1)]"
-      :style="`transform: translateX(-${100 - progressValue}%)`" />
+      class="bg-white rounded-full w-full h-full transition-transform duration-[660ms] ease-[cubic-bezier(0.65, 0, 0.35, 1)]"
+      :style="`transform: translateX(-${100 - progressValue}%)`"
+    />
   </ProgressRoot>
 </template>
diff --git a/docs/components/demo/Tabs/index.vue b/docs/components/demo/Tabs/index.vue
index 13d3481d2..cef0c910d 100644
--- a/docs/components/demo/Tabs/index.vue
+++ b/docs/components/demo/Tabs/index.vue
@@ -3,7 +3,7 @@ import { TabsRoot, TabsList, TabsTrigger, TabsContent } from "radix-vue";
 </script>
 
 <template>
-  <TabsRoot class="flex flex-col w-[300px] shadow-[0_2px_10px] shadow-blackA4" default-value="tab1">
+  <TabsRoot class="flex flex-col w-full sm:w-[300px] shadow-[0_2px_10px] shadow-blackA4" default-value="tab1">
     <TabsList class="shrink-0 flex border-b border-mauve6" aria-label="Manage your account">
       <TabsTrigger
         class="bg-white px-5 h-[45px] flex-1 flex items-center justify-center text-[15px] leading-none text-mauve11 select-none first:rounded-tl-md last:rounded-tr-md hover:text-grass11 data-[state=active]:text-grass11 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black outline-none cursor-default"
diff --git a/docs/components/demo/Toolbar/index.vue b/docs/components/demo/Toolbar/index.vue
index f524af2f7..0ec264f8f 100644
--- a/docs/components/demo/Toolbar/index.vue
+++ b/docs/components/demo/Toolbar/index.vue
@@ -17,21 +17,28 @@ const toggleStateMultiple = ref([]);
 <template>
   <ToolbarRoot
     class="flex p-[10px] w-full max-w-[610px] !min-w-max rounded-md bg-white shadow-[0_2px_10px] shadow-blackA7"
-    aria-label="Formatting options">
+    aria-label="Formatting options"
+  >
     <ToolbarToggleGroup type="multiple" aria-label="Text formatting" v-model="toggleStateMultiple">
       <ToolbarToggleItem
         class="flex-shrink-0 flex-grow-0 basis-auto text-mauve11 h-[25px] px-[5px] rounded inline-flex text-[13px] leading-none items-center justify-center bg-white ml-0.5 outline-none hover:bg-green3 hover:text-grass11 focus:relative focus:shadow-[0_0_0_2px] focus:shadow-green7 first:ml-0 data-[state=on]:bg-green5 data-[state=on]:text-grass11"
-        value="bold" aria-label="Bold">
+        value="bold"
+        aria-label="Bold"
+      >
         <Icon class="w-[15px] h-[15px]" icon="radix-icons:font-bold" />
       </ToolbarToggleItem>
       <ToolbarToggleItem
         class="flex-shrink-0 flex-grow-0 basis-auto text-mauve11 h-[25px] px-[5px] rounded inline-flex text-[13px] leading-none items-center justify-center bg-white ml-0.5 outline-none hover:bg-green3 hover:text-grass11 focus:relative focus:shadow-[0_0_0_2px] focus:shadow-green7 first:ml-0 data-[state=on]:bg-green5 data-[state=on]:text-grass11"
-        value="italic" aria-label="Italic">
+        value="italic"
+        aria-label="Italic"
+      >
         <Icon class="w-[15px] h-[15px]" icon="radix-icons:font-italic" />
       </ToolbarToggleItem>
       <ToolbarToggleItem
         class="flex-shrink-0 flex-grow-0 basis-auto text-mauve11 h-[25px] px-[5px] rounded inline-flex text-[13px] leading-none items-center justify-center bg-white ml-0.5 outline-none hover:bg-green3 hover:text-grass11 focus:relative focus:shadow-[0_0_0_2px] focus:shadow-green7 first:ml-0 data-[state=on]:bg-green5 data-[state=on]:text-grass11"
-        value="strikethrough" aria-label="Strike through">
+        value="strikethrough"
+        aria-label="Strike through"
+      >
         <Icon class="w-[15px] h-[15px]" icon="radix-icons:strikethrough" />
       </ToolbarToggleItem>
     </ToolbarToggleGroup>
@@ -39,29 +46,39 @@ const toggleStateMultiple = ref([]);
     <ToolbarToggleGroup type="single" v-model="toggleStateSingle" aria-label="Text Alignment">
       <ToolbarToggleItem
         class="flex-shrink-0 flex-grow-0 basis-auto text-mauve11 h-[25px] px-[5px] rounded inline-flex text-[13px] leading-none items-center justify-center bg-white ml-0.5 outline-none hover:bg-green3 hover:text-grass11 focus:relative focus:shadow-[0_0_0_2px] focus:shadow-green7 first:ml-0 data-[state=on]:bg-green5 data-[state=on]:text-grass11"
-        value="left" aria-label="Left Aligned">
+        value="left"
+        aria-label="Left Aligned"
+      >
         <Icon class="w-[15px] h-[15px]" icon="radix-icons:text-align-left" />
       </ToolbarToggleItem>
       <ToolbarToggleItem
         class="flex-shrink-0 flex-grow-0 basis-auto text-mauve11 h-[25px] px-[5px] rounded inline-flex text-[13px] leading-none items-center justify-center bg-white ml-0.5 outline-none hover:bg-green3 hover:text-grass11 focus:relative focus:shadow-[0_0_0_2px] focus:shadow-green7 first:ml-0 data-[state=on]:bg-green5 data-[state=on]:text-grass11"
-        value="center" aria-label="Center Aligned">
+        value="center"
+        aria-label="Center Aligned"
+      >
         <Icon class="w-[15px] h-[15px]" icon="radix-icons:text-align-center" />
       </ToolbarToggleItem>
       <ToolbarToggleItem
         class="flex-shrink-0 flex-grow-0 basis-auto text-mauve11 h-[25px] px-[5px] rounded inline-flex text-[13px] leading-none items-center justify-center bg-white ml-0.5 outline-none hover:bg-green3 hover:text-grass11 focus:relative focus:shadow-[0_0_0_2px] focus:shadow-green7 first:ml-0 data-[state=on]:bg-green5 data-[state=on]:text-grass11"
-        value="right" aria-label="Right Aligned">
+        value="right"
+        aria-label="Right Aligned"
+      >
         <Icon class="w-[15px] h-[15px]" icon="radix-icons:text-align-right" />
       </ToolbarToggleItem>
     </ToolbarToggleGroup>
     <ToolbarSeparator class="w-[1px] bg-mauve6 mx-[10px]" />
     <ToolbarLink
       class="bg-transparent !font-normal !text-mauve11 inline-flex justify-center items-center hover:bg-transparent hover:cursor-pointer flex-shrink-0 flex-grow-0 basis-auto h-[25px] px-[5px] rounded text-[13px] leading-none bg-white ml-0.5 outline-none hover:bg-green3 hover:text-grass11 focus:relative focus:shadow-[0_0_0_2px] focus:shadow-green7 first:ml-0 data-[state=on]:bg-green5 data-[state=on]:text-grass11"
-      href="#" target="_blank" style="margin-right: 10">
+      href="#"
+      target="_blank"
+      style="margin-right: 10"
+    >
       Edited 2 hours ago
     </ToolbarLink>
     <ToolbarButton
       class="px-[10px] text-white bg-green9 flex-shrink-0 flex-grow-0 basis-auto h-[25px] rounded inline-flex text-[13px] leading-none items-center justify-center outline-none hover:bg-green10 focus:relative focus:shadow-[0_0_0_2px] focus:shadow-green7"
-      style="margin-left: auto">
+      style="margin-left: auto"
+    >
       Share
     </ToolbarButton>
   </ToolbarRoot>
diff --git a/docs/content/components/toolbar.md b/docs/content/components/toolbar.md
index 4ee84ae4d..2a3f31e28 100644
--- a/docs/content/components/toolbar.md
+++ b/docs/content/components/toolbar.md
@@ -17,7 +17,7 @@ A container for grouping a set of controls, such as buttons, Toolbar groups or
 dropdown menus.
 </Description>
 
-<HeroContainer>
+<HeroContainer overflow>
 <DemoToolbar />
 <template v-slot:codeSlot>
 <HeroCodeGroup>