@soybeanjs/ui 0.0.2-beta.9 → 0.0.3-beta.1

package/dist/styles.css

@@ -260,6 +260,9 @@ body {
             font-size: 24px;
           }
         
+/* layer: typography */
+:is(.prose-slate){color:var(--un-prose-body);max-width:65ch;:where(p):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;margin-bottom:1.25em;}:where([class~="lead"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em;}:where(a):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:where(strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-bold);font-weight:600;}:where(a strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(blockquote strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(thead th strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(ol):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:where(ol[type="A"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-alpha;}:where(ol[type="a"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-alpha;}:where(ol[type="A" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-alpha;}:where(ol[type="a" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-alpha;}:where(ol[type="I"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-roman;}:where(ol[type="i"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-roman;}:where(ol[type="I" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:upper-roman;}:where(ol[type="i" s]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:lower-roman;}:where(ol[type="1"]):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:decimal;}:where(ul):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;}:where(ol > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::marker {font-weight:400;color:var(--un-prose-counters);}:where(ul > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::marker {color:var(--un-prose-bullets);}:where(dt):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;margin-top:1.25em;}:where(hr):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-color:var(--un-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em;}:where(blockquote):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:500;font-style:italic;color:var(--un-prose-quotes);border-inline-start-width:0.25rem;border-inline-start-color:var(--un-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;}:where(blockquote p:first-of-type):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::before {content:open-quote;}:where(blockquote p:last-of-type):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::after {content:close-quote;}:where(h1):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:0.8888889em;line-height:1.1111111;}:where(h1 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:900;color:inherit;}:where(h2):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333;}:where(h2 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:800;color:inherit;}:where(h3):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:0.6em;line-height:1.6;}:where(h3 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:700;color:inherit;}:where(h4):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.5;}:where(h4 strong):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:700;color:inherit;}:where(img):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:2em;margin-bottom:2em;}:where(picture):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {display:block;margin-top:2em;margin-bottom:2em;}:where(video):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:2em;margin-bottom:2em;}:where(kbd):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {font-weight:500;font-family:inherit;color:var(--un-prose-kbd);box-shadow:0 0 0 1px rgb(var(--un-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--un-prose-kbd-shadows) / 10%);font-size:0.875em;border-radius:0.3125rem;padding-top:0.1875em;padding-inline-end:0.375em;padding-bottom:0.1875em;padding-inline-start:0.375em;}:where(code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-code);font-weight:600;font-size:0.875em;}:where(code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::before {content:"`";}:where(code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::after {content:"`";}:where(a code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(h1 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(h2 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;font-size:0.875em;}:where(h3 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;font-size:0.9em;}:where(h4 code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(blockquote code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(thead th code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:inherit;}:where(pre):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-pre-code);background-color:var(--un-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:0.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:0.375rem;padding-top:0.8571429em;padding-inline-end:1.1428571em;padding-bottom:0.8571429em;padding-inline-start:1.1428571em;}:where(pre code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;}:where(pre code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::before {content:none;}:where(pre code):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *))::after {content:none;}:where(table):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:0.875em;line-height:1.7142857;}:where(thead):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-bottom-width:1px;border-bottom-color:var(--un-prose-th-borders);}:where(thead th):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:where(tbody tr):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-bottom-width:1px;border-bottom-color:var(--un-prose-td-borders);}:where(tbody tr:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-bottom-width:0;}:where(tbody td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {vertical-align:baseline;}:where(tfoot):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {border-top-width:1px;border-top-color:var(--un-prose-th-borders);}:where(tfoot td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {vertical-align:top;}:where(th, td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {text-align:start;}:where(figure > *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;margin-bottom:0;}:where(figcaption):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {color:var(--un-prose-captions);font-size:0.875em;line-height:1.4285714;margin-top:0.8571429em;}font-size:1rem;line-height:1.75;:where(picture > img):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;margin-bottom:0;}:where(li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.5em;margin-bottom:0.5em;}:where(ol > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0.375em;}:where(ul > li):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0.375em;}:where(> ul > li p):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.75em;margin-bottom:0.75em;}:where(> ul > li > p:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;}:where(> ul > li > p:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-bottom:1.25em;}:where(> ol > li > p:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;}:where(> ol > li > p:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-bottom:1.25em;}:where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.75em;margin-bottom:0.75em;}:where(dl):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:1.25em;margin-bottom:1.25em;}:where(dd):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0.5em;padding-inline-start:1.625em;}:where(hr + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(h2 + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(h3 + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(h4 + *):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(thead th:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0;}:where(thead th:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-end:0;}:where(tbody td, tfoot td):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-top:0.5714286em;padding-inline-end:0.5714286em;padding-bottom:0.5714286em;padding-inline-start:0.5714286em;}:where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-start:0;}:where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {padding-inline-end:0;}:where(figure):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:2em;margin-bottom:2em;}:where(> :first-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-top:0;}:where(> :last-child):not(:where([class~="not-prose-slate"],[class~="not-prose-slate"] *)) {margin-bottom:0;}--un-prose-body:#374151;--un-prose-invert-body:#d1d5db;--un-prose-headings:#111827;--un-prose-invert-headings:white;--un-prose-lead:#4b5563;--un-prose-invert-lead:#9ca3af;--un-prose-links:#111827;--un-prose-invert-links:white;--un-prose-bold:#111827;--un-prose-invert-bold:white;--un-prose-counters:#6b7280;--un-prose-invert-counters:#9ca3af;--un-prose-bullets:#d1d5db;--un-prose-invert-bullets:#4b5563;--un-prose-hr:#e5e7eb;--un-prose-invert-hr:#374151;--un-prose-quotes:#111827;--un-prose-invert-quotes:#f3f4f6;--un-prose-quote-borders:#e5e7eb;--un-prose-invert-quote-borders:#374151;--un-prose-captions:#6b7280;--un-prose-invert-captions:#9ca3af;--un-prose-kbd:#111827;--un-prose-invert-kbd:white;--un-prose-kbd-shadows:#111827;--un-prose-invert-kbd-shadows:white;--un-prose-code:#111827;--un-prose-invert-code:white;--un-prose-pre-code:#e5e7eb;--un-prose-invert-pre-code:#d1d5db;--un-prose-pre-bg:#1f2937;--un-prose-invert-pre-bg:rgb(0 0 0 / 50%);--un-prose-th-borders:#d1d5db;--un-prose-invert-th-borders:#4b5563;--un-prose-td-borders:#e5e7eb;--un-prose-invert-td-borders:#374151;}
+.dark :is(.dark\:prose-slate-invert){--un-prose-body:var(--un-prose-invert-body);--un-prose-headings:var(--un-prose-invert-headings);--un-prose-lead:var(--un-prose-invert-lead);--un-prose-links:var(--un-prose-invert-links);--un-prose-bold:var(--un-prose-invert-bold);--un-prose-counters:var(--un-prose-invert-counters);--un-prose-bullets:var(--un-prose-invert-bullets);--un-prose-hr:var(--un-prose-invert-hr);--un-prose-quotes:var(--un-prose-invert-quotes);--un-prose-quote-borders:var(--un-prose-invert-quote-borders);--un-prose-captions:var(--un-prose-invert-captions);--un-prose-kbd:var(--un-prose-invert-kbd);--un-prose-kbd-shadows:var(--un-prose-invert-kbd-shadows);--un-prose-code:var(--un-prose-invert-code);--un-prose-pre-code:var(--un-prose-invert-pre-code);--un-prose-pre-bg:var(--un-prose-invert-pre-bg);--un-prose-th-borders:var(--un-prose-invert-th-borders);--un-prose-td-borders:var(--un-prose-invert-td-borders);}
 /* layer: default */
 .\[--soybean-layout-spacing\:0\.75rem\]{--soybean-layout-spacing:0.75rem;}
 .\[--soybean-layout-spacing\:0\.875rem\]{--soybean-layout-spacing:0.875rem;}
@@ -407,6 +410,7 @@ body {
 .order-1{order:1;}
 .grid{display:grid;}
 .grid-cols-\[auto_auto\]{grid-template-columns:auto auto;}
+.m-auto{margin:auto;}
 .-mx-0\.75{margin-left:-0.1875rem;margin-right:-0.1875rem;}
 .-mx-0\.875{margin-left:-0.21875rem;margin-right:-0.21875rem;}
 .-mx-1{margin-left:-0.25rem;margin-right:-0.25rem;}
@@ -902,6 +906,7 @@ body {
 .data-\[state\=indeterminate\]\:bg-accent-foreground\/5[data-state=indeterminate]{background-color:hsl(var(--accent-foreground) / 0.05) /* hsl(var(--accent-foreground)) */;}
 .bg-accent-foreground\/60{background-color:hsl(var(--accent-foreground) / 0.6) /* hsl(var(--accent-foreground)) */;}
 .bg-background,
+.dark .dark\:bg-background,
 .data-\[selected\]\:bg-background[data-selected],
 .data-\[state\=active\]\:bg-background[data-state=active]{--un-bg-opacity:1;background-color:hsl(var(--background) / var(--un-bg-opacity)) /* hsl(var(--background)) */;}
 .bg-black\/80{background-color:rgb(0 0 0 / 0.8) /* #000 */;}
@@ -1106,16 +1111,10 @@ body {
 .pl-9{padding-left:2.25rem;}
 .pr-1{padding-right:0.25rem;}
 .pr-1\.5{padding-right:0.375rem;}
-.pr-10{padding-right:2.5rem;}
-.pr-12{padding-right:3rem;}
 .pr-2{padding-right:0.5rem;}
 .pr-2\.5{padding-right:0.625rem;}
 .pr-3{padding-right:0.75rem;}
 .pr-3\.5{padding-right:0.875rem;}
-.pr-6{padding-right:1.5rem;}
-.pr-7{padding-right:1.75rem;}
-.pr-8{padding-right:2rem;}
-.pr-9{padding-right:2.25rem;}
 .pt-3{padding-top:0.75rem;}
 .pt-3\.5{padding-top:0.875rem;}
 .pt-4{padding-top:1rem;}
@@ -1123,6 +1122,7 @@ body {
 .pt-5{padding-top:1.25rem;}
 .pt-6{padding-top:1.5rem;}
 .text-center{text-align:center;}
+.text-left{text-align:left;}
 .text-2xl{font-size:1.5rem;line-height:2rem;}
 .text-2xs{font-size:0.625rem;line-height:0.75rem;}
 .text-3{font-size:0.75rem;}
@@ -1185,7 +1185,6 @@ body {
 .text-muted{--un-text-opacity:1;color:hsl(var(--muted) / var(--un-text-opacity)) /* hsl(var(--muted)) */;}
 .text-muted-foreground\/50{color:hsl(var(--muted-foreground) / 0.5) /* hsl(var(--muted-foreground)) */;}
 .text-popover-foreground{--un-text-opacity:1;color:hsl(var(--popover-foreground) / var(--un-text-opacity)) /* hsl(var(--popover-foreground)) */;}
-.text-secondary{--un-text-opacity:1;color:hsl(var(--secondary) / var(--un-text-opacity)) /* hsl(var(--secondary)) */;}
 .text-success{--un-text-opacity:1;color:hsl(var(--success) / var(--un-text-opacity)) /* hsl(var(--success)) */;}
 .text-warning{--un-text-opacity:1;color:hsl(var(--warning) / var(--un-text-opacity)) /* hsl(var(--warning)) */;}
 .\[\&\:not\(\[data-selected\]\)\]\:hover\:text-accent-foreground:hover:not([data-selected]){--un-text-opacity:1;color:hsl(var(--accent-foreground) / var(--un-text-opacity)) /* hsl(var(--accent-foreground)) */;}
@@ -1243,8 +1242,6 @@ body {
 .opacity-0{opacity:0;}
 .opacity-60{opacity:0.6;}
 .opacity-70{opacity:0.7;}
-.opacity-90{opacity:0.9;}
-.group:hover .group-hover\:opacity-100{opacity:1;}
 .hover\:opacity-100:hover{opacity:1;}
 .disabled\:opacity-20:disabled{opacity:0.2;}
 .disabled\:opacity-50:disabled{opacity:0.5;}
@@ -1304,7 +1301,6 @@ body {
 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .transition-all-200{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
 .transition-colors-200{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
-.transition-opacity-200{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
 .transition-transform-200{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
 .transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .data-\[state\=closed\]\:duration-300[data-state=closed],
@@ -1367,13 +1363,9 @@ body {
 .lt-sm\:left-7\/8{left:87.5%;}
 }
 @media (min-width: 640px){
-.sm\:bottom-0{bottom:0;}
-.sm\:right-0{right:0;}
-.sm\:top-auto{top:auto;}
 .sm\:max-w-sm{max-width:24rem;}
 .sm\:flex{display:flex;}
 .sm\:flex-row{flex-direction:row;}
-.sm\:flex-col{flex-direction:column;}
 .sm\:justify-end{justify-content:flex-end;}
 .sm\:rounded-lg{border-radius:var(--radius);}
 .sm\:text-left{text-align:left;}

package/dist/theme/index.d.ts

@@ -1,3 +1,4 @@
 import "./merge.js";
+import "./shared.js";
 import { ThemeColor, ThemeSize } from "./types.js";
 import "./context.js";

package/dist/theme/shared.d.ts

@@ -0,0 +1 @@
+import { ClassValue } from "@soybeanjs/headless";

package/dist/theme/shared.js

@@ -1 +1 @@
-import{cn as e}from"./merge.js";function t(t,n){return Object.entries(t).reduce((t,[r,i])=>{let a=r;return t[a]=e(i(),n?.[a]),t},{})}export{t as mergeSlotVariants};
+import{cn as e}from"./merge.js";function t(t,n){return Object.entries(t).reduce((t,[r,i])=>{let a=r;return t[a]=e(i(),n?.[a]),t},{})}function n(t,n){return Object.entries(t).reduce((t,[r,i])=>(Object.assign(t,{[r]:e(i,n[r])}),t),{})}export{t as mergeSlotVariants,n as mergeUi};

package/dist/variants/alert.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants3 from "tailwind-variants";
+import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/alert.d.ts
-declare const alertVariants: tailwind_variants3.TVReturnType<{
+declare const alertVariants: tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       root: string;
@@ -196,7 +196,7 @@ declare const alertVariants: tailwind_variants3.TVReturnType<{
   title: string;
   description: string;
   closable: string;
-}, tailwind_variants3.TVReturnType<{
+}, tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       root: string;

package/dist/variants/badge.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants9 from "tailwind-variants";
+import * as tailwind_variants1 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/badge.d.ts
-declare const badgeVariants: tailwind_variants9.TVReturnType<{
+declare const badgeVariants: tailwind_variants1.TVReturnType<{
   color: {
     primary: {
       content: string;
@@ -130,7 +130,7 @@ declare const badgeVariants: tailwind_variants9.TVReturnType<{
 }, {
   root: string;
   content: string;
-}, tailwind_variants9.TVReturnType<{
+}, tailwind_variants1.TVReturnType<{
   color: {
     primary: {
       content: string;

package/dist/variants/button.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants25 from "tailwind-variants";
+import * as tailwind_variants3 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/button.d.ts
-declare const buttonVariants: tailwind_variants25.TVReturnType<{
+declare const buttonVariants: tailwind_variants3.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -92,7 +92,7 @@ declare const buttonVariants: tailwind_variants25.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants25.TVReturnType<{
+}, undefined, tailwind_variants3.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/checkbox.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants21 from "tailwind-variants";
+import * as tailwind_variants11 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/checkbox.d.ts
-declare const checkboxVariants: tailwind_variants21.TVReturnType<{
+declare const checkboxVariants: tailwind_variants11.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -164,7 +164,7 @@ declare const checkboxVariants: tailwind_variants21.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants21.TVReturnType<{
+}, tailwind_variants11.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/kbd.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants17 from "tailwind-variants";
+import * as tailwind_variants15 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/kbd.d.ts
-declare const kbdVariants: tailwind_variants17.TVReturnType<{
+declare const kbdVariants: tailwind_variants15.TVReturnType<{
   variant: {
     solid: string;
     outline: string;
@@ -30,7 +30,7 @@ declare const kbdVariants: tailwind_variants17.TVReturnType<{
     xl: string;
     '2xl': string;
   };
-}, undefined, tailwind_variants17.TVReturnType<{
+}, undefined, tailwind_variants15.TVReturnType<{
   variant: {
     solid: string;
     outline: string;

package/dist/variants/pagination.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants1 from "tailwind-variants";
+import * as tailwind_variants31 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/pagination.d.ts
-declare const paginationVariants: tailwind_variants1.TVReturnType<{
+declare const paginationVariants: tailwind_variants31.TVReturnType<{
   size: {
     xs: {
       list: string;
@@ -150,7 +150,7 @@ declare const paginationVariants: tailwind_variants1.TVReturnType<{
   ellipsis: string;
   button: string[];
   navigationButton: string[];
-}, tailwind_variants1.TVReturnType<{
+}, tailwind_variants31.TVReturnType<{
   size: {
     xs: {
       list: string;

package/dist/variants/radio-group.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants11 from "tailwind-variants";
+import * as tailwind_variants27 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/radio-group.d.ts
-declare const radioGroupVariants: tailwind_variants11.TVReturnType<{
+declare const radioGroupVariants: tailwind_variants27.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -180,7 +180,7 @@ declare const radioGroupVariants: tailwind_variants11.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants11.TVReturnType<{
+}, tailwind_variants27.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/separator.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants5 from "tailwind-variants";
+import * as tailwind_variants7 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/separator.d.ts
-declare const separatorVariants: tailwind_variants5.TVReturnType<{
+declare const separatorVariants: tailwind_variants7.TVReturnType<{
   size: {
     xs: {
       label: string;
@@ -114,7 +114,7 @@ declare const separatorVariants: tailwind_variants5.TVReturnType<{
 }, {
   root: string;
   label: string;
-}, tailwind_variants5.TVReturnType<{
+}, tailwind_variants7.TVReturnType<{
   size: {
     xs: {
       label: string;

package/dist/variants/switch.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants15 from "tailwind-variants";
+import * as tailwind_variants19 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/switch.d.ts
-declare const switchVariants: tailwind_variants15.TVReturnType<{
+declare const switchVariants: tailwind_variants19.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -136,7 +136,7 @@ declare const switchVariants: tailwind_variants15.TVReturnType<{
   root: string;
   control: string[];
   thumb: string;
-}, tailwind_variants15.TVReturnType<{
+}, tailwind_variants19.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/tabs.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants19 from "tailwind-variants";
+import * as tailwind_variants21 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tabs.d.ts
-declare const tabsVariants: tailwind_variants19.TVReturnType<{
+declare const tabsVariants: tailwind_variants21.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -148,7 +148,7 @@ declare const tabsVariants: tailwind_variants19.TVReturnType<{
   indicator: string;
   indicatorContent: string;
   content: string;
-}, tailwind_variants19.TVReturnType<{
+}, tailwind_variants21.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/variants/tag.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants7 from "tailwind-variants";
+import * as tailwind_variants9 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tag.d.ts
-declare const tagVariants: tailwind_variants7.TVReturnType<{
+declare const tagVariants: tailwind_variants9.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -64,7 +64,7 @@ declare const tagVariants: tailwind_variants7.TVReturnType<{
     auto: string;
     rounded: string;
   };
-}, undefined, tailwind_variants7.TVReturnType<{
+}, undefined, tailwind_variants9.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/textarea.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants0 from "tailwind-variants";
+import * as tailwind_variants17 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/textarea.d.ts
-declare const textareaVariants: tailwind_variants0.TVReturnType<{
+declare const textareaVariants: tailwind_variants17.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -118,7 +118,7 @@ declare const textareaVariants: tailwind_variants0.TVReturnType<{
   control: string[];
   counter: string;
   clearable: string;
-}, tailwind_variants0.TVReturnType<{
+}, tailwind_variants17.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/variants/toast.d.ts

@@ -0,0 +1,61 @@
+import * as tailwind_variants23 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/variants/toast.d.ts
+
+declare const toastViewportVariants: tailwind_variants23.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  position: {
+    'top-left': string;
+    top: string;
+    'top-right': string;
+    bottom: string;
+    'bottom-left': string;
+    'bottom-right': string;
+  };
+}, undefined, string[], {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  position: {
+    'top-left': string;
+    top: string;
+    'top-right': string;
+    bottom: string;
+    'bottom-left': string;
+    'bottom-right': string;
+  };
+}, undefined, tailwind_variants23.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  position: {
+    'top-left': string;
+    top: string;
+    'top-right': string;
+    bottom: string;
+    'bottom-left': string;
+    'bottom-right': string;
+  };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ToastViewportVariants = VariantProps<typeof toastViewportVariants>;
+type ToastPosition = NonNullable<ToastViewportVariants['position']>;
+//#endregion
+export { ToastPosition };

package/dist/variants/toast.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group pointer-events-auto relative flex flex-col w-full overflow-hidden rounded-md border shadow-lg transition-all-200 dark:bg-background`,`data-[swipe=cancel]:translate-x-0`,`data-[swipe=end]:translate-x-[var(--soybean-toast-swipe-end-x)] data-[swipe=end]:animate-out`,`data-[swipe=move]:translate-x-[var(--soybean-toast-swipe-move-x)] data-[swipe=move]:transition-none`,`data-[state=open]:slide-in-from-top-full sm:slide-in-from-bottom-full data-[state=open]:animate-in`,`data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=closed]:animate-out`],title:`flex items-center font-medium tracking-tight`,description:`[&_p]:leading-relaxed`,close:`absolute`,action:``},variants:{size:{xs:{root:`gap-0.75 px-2 py-1.75 text-2xs`,title:`gap-1.5 leading-3.125`,close:`right-1 top-1`},sm:{root:`gap-1 px-3 py-2.5 text-xs`,title:`gap-1.75 leading-3.75`,close:`right-1.25 top-1.25`},md:{root:`gap-1 px-4 py-3 text-sm`,title:`gap-2 leading-4.375`,close:`right-1.5 top-1.5`},lg:{root:`gap-1.25 px-5 py-3.5 text-base`,title:`gap-2.5 leading-5`,close:`right-1.75 top-1.75`},xl:{root:`gap-1.5 px-6 py-4 text-lg`,title:`gap-3 leading-5.625`,close:`right-2 top-2`},"2xl":{root:`gap-2 px-7 py-4.5 text-xl`,title:`gap-4 leading-6.25`,close:`right-2.5 top-2.5`}},color:{default:{root:`bg-background`},primary:{root:`border-primary bg-primary-100  text-primary`},destructive:{root:`border-destructive bg-destructive-100 text-destructive`},success:{root:`border-success bg-success-100 text-success`},info:{root:`border-info bg-info-100 text-info`},warning:{root:`border-warning bg-warning-100 text-warning`},carbon:{root:`border-carbon bg-carbon-100 text-carbon`},secondary:{root:`border-secondary bg-secondary text-secondary-foreground`},accent:{root:`border-accent bg-accent text-accent-foreground`}}},defaultVariants:{size:`md`,color:`default`}}),n=e({base:[`fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse pointer-events-none`,`focus-visible:outline-none md:max-w-105`],variants:{size:{xs:`gap-1 p-3`,sm:`gap-1.5 p-3.5`,md:`gap-2 p-4`,lg:`gap-2.5 p-4.5`,xl:`gap-3 p-5`,"2xl":`gap-4 p-6`},position:{"top-left":`top-0 left-0`,top:`top-0 left-1/2 -translate-x-1/2`,"top-right":`top-0 right-0`,bottom:`bottom-0 left-1/2 -translate-x-1/2`,"bottom-left":`bottom-0 left-0`,"bottom-right":`bottom-0 right-0`}},defaultVariants:{size:`md`,position:`top-right`}});export{t as toastVariants,n as toastViewportVariants};

package/dist/variants/tree-menu.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 size-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out data-[state=collapsed]:space-y-0`,groupLabel:`flex items-center text-foreground/70 list-none group-data-[state=collapsed]:size-0 group-data-[state=collapsed]:p-0 group-data-[state=collapsed]:opacity-0 group-data-[state=collapsed]:overflow-hidden transition-[height,padding,opacity]-200`,item:[`relative rounded-sm outline-none cursor-pointer select-none outline-none`,`data-[selected]:bg-primary/10 data-[selected]:text-primary`,`[&:not([data-selected])]:hover:bg-accent [&:not([data-selected])]:hover:text-accent-foreground`,`[&:not([data-selected])]:focus:bg-accent [&:not([data-selected])]:focus:text-accent-foreground`,`data-[contains-selected]:text-primary data-[contains-selected]:hover:text-primary data-[contains-selected]:focus:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`,`group-data-[state=collapsed]:overflow-hidden`],itemContent:`flex items-center w-full outline-none data-[link]:decoration-none`,itemAbsolute:`absolute top-0 left-0 w-full h-full z-1`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground`,itemBadge:``,itemTag:`shrink-0 ml-auto`,itemAction:`shrink-0 ml-auto`,collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 data-[expanded]:rotate-90`},variants:{size:{xs:{root:`space-y-0.75 p-1.5 text-2xs`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,item:`h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6 text-2xs ml-[calc(var(--soybean-tree-menu-indent)*0.75rem)]`,itemContent:`gap-1.5`,itemLinkIcon:`size-2 -ml-1`},sm:{root:`space-y-0.875 p-1.75 text-xs`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,item:`h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7 text-xs ml-[calc(var(--soybean-tree-menu-indent)*0.875rem)]`,itemContent:`gap-1.75`,itemLinkIcon:`size-2.5 -ml-1.5`},md:{root:`space-y-1 p-2 text-sm`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,item:`h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8 text-sm ml-[calc(var(--soybean-tree-menu-indent)*1rem)]`,itemContent:`gap-2`,itemLinkIcon:`size-3 -ml-2`},lg:{root:`space-y-1.25 p-2.25 text-base`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,item:`h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9 text-base ml-[calc(var(--soybean-tree-menu-indent)*1.125rem)]`,itemContent:`gap-2.25`,itemLinkIcon:`size-3.5 -ml-2.5`},xl:{root:`space-y-1.5 p-2.5 text-lg`,groupLabel:`h-10 gap-3 px-2.5 py-1.5 text-base`,item:`h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10 text-lg ml-[calc(var(--soybean-tree-menu-indent)*1.25rem)]`,itemContent:`gap-2.5`,itemLinkIcon:`size-4 -ml-3`},"2xl":{root:`space-y-2 p-3 text-xl`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,item:`h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12 text-xl ml-[calc(var(--soybean-tree-menu-indent)*1.5rem)]`,itemContent:`gap-3`,itemLinkIcon:`size-5 -ml-4`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 size-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out data-[state=collapsed]:space-y-0`,groupLabel:`flex items-center text-foreground/70 list-none group-data-[state=collapsed]:size-0 group-data-[state=collapsed]:p-0 group-data-[state=collapsed]:opacity-0 group-data-[state=collapsed]:overflow-hidden transition-[height,padding,opacity]-200`,item:[`relative rounded-sm outline-none cursor-pointer select-none outline-none`,`data-[selected]:bg-primary/10 data-[selected]:text-primary`,`[&:not([data-selected])]:hover:bg-accent [&:not([data-selected])]:hover:text-accent-foreground`,`[&:not([data-selected])]:focus:bg-accent [&:not([data-selected])]:focus:text-accent-foreground`,`data-[contains-selected]:text-primary data-[contains-selected]:hover:text-primary data-[contains-selected]:focus:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`,`group-data-[state=collapsed]:overflow-hidden`],itemContent:`flex items-center w-full outline-none data-[link]:decoration-none`,itemAbsolute:`absolute top-0 left-0 w-full h-full z-1`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground`,itemBadge:``,itemTag:`shrink-0 ml-auto`,itemAction:`absolute -translate-y-1/2 top-1/2`,collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 data-[expanded]:rotate-90`},variants:{size:{xs:{root:`space-y-0.75 p-1.5 text-2xs`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,item:`h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6 text-2xs ml-[calc(var(--soybean-tree-menu-indent)*0.75rem)]`,itemContent:`gap-1.5`,itemLinkIcon:`size-2 -ml-1`,itemAction:`right-1.5`},sm:{root:`space-y-0.875 p-1.75 text-xs`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,item:`h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7 text-xs ml-[calc(var(--soybean-tree-menu-indent)*0.875rem)]`,itemContent:`gap-1.75`,itemLinkIcon:`size-2.5 -ml-1.5`,itemAction:`right-1.75`},md:{root:`space-y-1 p-2 text-sm`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,item:`h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8 text-sm ml-[calc(var(--soybean-tree-menu-indent)*1rem)]`,itemContent:`gap-2`,itemLinkIcon:`size-3 -ml-2`,itemAction:`right-2`},lg:{root:`space-y-1.25 p-2.25 text-base`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,item:`h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9 text-base ml-[calc(var(--soybean-tree-menu-indent)*1.125rem)]`,itemContent:`gap-2.25`,itemLinkIcon:`size-3.5 -ml-2.5`,itemAction:`right-2.25`},xl:{root:`space-y-1.5 p-2.5 text-lg`,groupLabel:`h-10 gap-3 px-2.5 py-1.5 text-base`,item:`h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10 text-lg ml-[calc(var(--soybean-tree-menu-indent)*1.25rem)]`,itemContent:`gap-2.5`,itemLinkIcon:`size-4 -ml-3`,itemAction:`right-2.5`},"2xl":{root:`space-y-2 p-3 text-xl`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,item:`h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12 text-xl ml-[calc(var(--soybean-tree-menu-indent)*1.5rem)]`,itemContent:`gap-3`,itemLinkIcon:`size-5 -ml-4`,itemAction:`right-3`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/ui",
   "type": "module",
-  "version": "0.0.2-beta.9",
+  "version": "0.0.3-beta.1",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "author": {
     "name": "Soybean",
@@ -26,6 +26,16 @@
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
+    "./nuxt": {
+      "types": "./dist/nuxt/index.d.ts",
+      "import": "./dist/nuxt/index.js",
+      "require": "./dist/nuxt/index.js"
+    },
+    "./resolver": {
+      "types": "./dist/resolver/index.d.ts",
+      "import": "./dist/resolver/index.js",
+      "require": "./dist/resolver/index.js"
+    },
     "./styles.css": "./dist/styles.css"
   },
   "main": "./dist/index.js",
@@ -40,39 +50,38 @@
     "@soybeanjs/unocss-shadcn": "^0.0.1",
     "clsx": "^2.1.1",
     "fuse.js": "^7.1.0",
-    "tailwind-merge": "^3.3.1",
+    "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.1.1",
-    "@soybeanjs/headless": "^0.0.2-beta.9"
+    "@soybeanjs/headless": "^0.0.3-beta.1"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.1",
-    "@soybeanjs/eslint-config": "^1.7.3",
-    "@soybeanjs/unocss-preset": "^0.1.5",
-    "@types/node": "^24.10.0",
-    "@unocss/cli": "^66.5.5",
-    "@vitest/coverage-v8": "^4.0.8",
+    "@soybeanjs/eslint-config": "^1.7.4",
+    "@soybeanjs/unocss-preset": "^0.1.7",
+    "@types/node": "^24.10.1",
+    "@unocss/cli": "^66.5.6",
+    "@vitest/coverage-v8": "^4.0.10",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^9.39.1",
     "eslint-plugin-vue": "^10.5.1",
     "happy-dom": "^20.0.10",
     "lint-staged": "^16.2.6",
     "simple-git-hooks": "^2.13.1",
-    "tsdown": "^0.16.1",
+    "tsdown": "^0.16.5",
     "tsx": "^4.20.6",
     "typescript": "^5.9.3",
-    "unocss": "^66.5.5",
+    "unocss": "^66.5.6",
     "unocss-preset-animations": "^1.3.0",
-    "unplugin-vue": "^7.0.4",
+    "unplugin-vue": "^7.0.7",
     "unplugin-vue-components": "^30.0.0",
     "unplugin-vue-jsx": "^0.8.1",
     "vite": "^7.2.2",
-    "vite-plugin-vue-devtools": "^8.0.3",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^4.0.8",
+    "vite-plugin-vue-devtools": "^8.0.5",
+    "vitest": "^4.0.10",
     "vue": "^3.5.24",
     "vue-eslint-parser": "^10.2.0",
     "vue-router": "^4.6.3",
-    "vue-tsc": "^3.1.3"
+    "vue-tsc": "^3.1.4"
   },
   "simple-git-hooks": {
     "commit-msg": "pnpm soy git-commit-verify",
@@ -84,12 +93,14 @@
   "scripts": {
     "build": "pnpm build:headless && pnpm build:ui && pnpm build:css",
     "build:css": "unocss build",
+    "build:docs": "pnpm --filter @soybeanjs/ui-docs build",
     "build:headless": "pnpm --filter @soybeanjs/headless build",
     "build:play": "vite build",
     "build:ui": "pnpm tsdown",
     "cleanup": "soy cleanup",
     "commit": "soy git-commit",
     "dev": "vite",
+    "dev:docs": "pnpm --filter @soybeanjs/ui-docs dev",
     "lint": "eslint . --fix",
     "preview": "vite preview",
     "publish-pkg": "pnpm publish -r --access public",