straw-ui-vue 0.1.33 → 0.1.34

package/dist/{cva-Coy0mkca.js → cva-BU8WjbHO.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./dist-BkEt4gsd.js";
+import { r as e } from "./dist-QodMTiuA.js";
 //#region src/components/st-button/useButtonGroupState.ts
 var [t, n] = e((e) => e);
 //#endregion

package/dist/{dist-BkEt4gsd.js → dist-QodMTiuA.js}

@@ -28,10 +28,10 @@ function _(e, t) {
 }
 var v = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-var y = Object.prototype.toString, b = (e) => y.call(e) === "[object Object]", x = (e, t, n) => Math.min(n, Math.max(t, e)), S = () => {}, C = /* @__PURE__ */ w();
+var y = Object.prototype.toString, b = (e) => y.call(e) === "[object Object]", x = (e, t, n) => Math.min(n, Math.max(t, e)), S = () => {}, C = /* #__PURE__ */ w();
 function w() {
 	var e, t;
-	return v && !!(!((e = window) == null || (e = e.navigator) == null) && e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window) == null || (t = t.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+	return v && !!((e = window) != null && (e = e.navigator) != null && e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window) == null || (t = t.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
 }
 function T(e) {
 	return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);

package/dist/{st-button--HyXkQ9q.js → st-button-DguHNR5j.js}

@@ -1,4 +1,4 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, p as o, s, u as c } from "./dist-BkEt4gsd.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, p as o, s, u as c } from "./dist-QodMTiuA.js";
 import { computed as l, createBlock as u, createSlots as d, defineAsyncComponent as f, defineComponent as p, getCurrentInstance as m, hasInjectionContext as h, normalizeClass as g, normalizeStyle as _, onMounted as v, openBlock as y, renderSlot as b, shallowRef as x, toValue as S, unref as C, useAttrs as w, useSlots as T, watchEffect as E, withCtx as D } from "vue";
 //#region \0rolldown/runtime.js
 var O = Object.defineProperty, k = (e, t) => {
@@ -121,7 +121,9 @@ function z(e, t = {}) {
 	let { window: n = A, ssrWidth: i = /* @__PURE__ */ R() } = t, a = /* @__PURE__ */ I(() => n && "matchMedia" in n && typeof n.matchMedia == "function"), o = x(typeof i == "number"), s = x(), c = x(!1);
 	return E(() => {
 		if (o.value) {
-			o.value = !a.value, c.value = S(e).split(",").some((e) => {
+			o.value = !a.value;
+			let t = S(e).split(",");
+			c.value = t.some((e) => {
 				let t = e.includes("not all"), n = e.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), a = e.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), o = !!(n || a);
 				return n && o && (o = i >= r(n[1])), a && o && (o = i <= r(a[1])), t ? !o : o;
 			});

package/dist/straw-ui.js

@@ -1,7 +1,7 @@
 (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.st-input-group-input[data-v-cb924873]::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.st-input-group-input[data-v-cb924873]::-webkit-caps-lock-indicator{visibility:hidden}.st-input-group-input[data-v-cb924873]::-ms-reveal{display:none}.st-color-picker-panel[data-v-ea847367]{background-color:var(--color-background);border-radius:6px;width:240px;padding:12px;box-shadow:0 2px 8px #00000026}.st-color-picker-panel__saturation[data-v-ea847367]{cursor:crosshair;border-radius:4px;width:100%;height:160px;margin-bottom:12px;position:relative;overflow:hidden}.st-color-picker-panel__saturation-bg[data-v-ea847367]{position:absolute;inset:0}.st-color-picker-panel__saturation-white[data-v-ea847367]{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.st-color-picker-panel__saturation-black[data-v-ea847367]{background:linear-gradient(#0000,#000);position:absolute;inset:0}.st-color-picker-panel__cursor[data-v-ea847367]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #0000004d}.st-color-picker-panel__hue[data-v-ea847367]{margin-bottom:12px}.st-color-picker-panel__hue-bar[data-v-ea847367]{cursor:pointer;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border-radius:4px;width:100%;height:12px;position:relative}.st-color-picker-panel__hue-thumb[data-v-ea847367]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.st-color-picker-panel__alpha[data-v-ea847367]{margin-bottom:12px}.st-color-picker-panel__alpha-bar[data-v-ea847367]{cursor:pointer;background-image:linear-gradient(45deg,silver 25%,#0000 25%),linear-gradient(-45deg,silver 25%,#0000 25%),linear-gradient(45deg,#0000 75%,silver 75%),linear-gradient(-45deg,#0000 75%,silver 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;border-radius:4px;width:100%;height:12px;position:relative}.st-color-picker-panel__alpha-bg[data-v-ea847367]{border-radius:4px;position:absolute;inset:0}.st-color-picker-panel__alpha-thumb[data-v-ea847367]{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000004d}.st-color-picker-panel__input-group[data-v-ea847367]{gap:8px;margin-bottom:12px;display:flex}.st-color-picker-panel__input-item[data-v-ea847367]{flex-direction:column;flex:1;gap:4px;display:flex}.st-color-picker-panel__input-label[data-v-ea847367]{color:var(--color-muted-foreground);text-transform:uppercase;font-size:11px}.st-color-picker-panel__input[data-v-ea847367]{width:100%;height:28px;color:var(--color-foreground);background-color:var(--color-background);border:1px solid var(--color-border);-moz-appearance:textfield;border-radius:4px;outline:none;padding:0 6px;font-size:12px;transition:border-color .2s}.st-color-picker-panel__input[data-v-ea847367]:focus{border-color:var(--color-primary)}.st-color-picker-panel__input[data-v-ea847367]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.st-color-picker-panel__input[data-v-ea847367]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.st-color-picker-panel__presets[data-v-ea847367]{flex-wrap:wrap;gap:6px;display:flex}.st-color-picker-panel__preset-item[data-v-ea847367]{cursor:pointer;border:1px solid var(--color-border);border-radius:3px;width:18px;height:18px;transition:transform .15s,box-shadow .15s}.st-color-picker-panel__preset-item[data-v-ea847367]:hover{transform:scale(1.15);box-shadow:0 0 0 2px #0000001a}.st-color-picker[data-v-c0c10953]{position:relative}.st-color-picker--disabled[data-v-c0c10953]{opacity:.5;cursor:not-allowed}.st-color-picker--focused .st-color-picker__preview[data-v-c0c10953]{box-shadow:0 0 0 2px var(--color-primary)}.st-color-picker__preview[data-v-c0c10953]{border:1px solid var(--color-border);border-radius:4px;width:20px;height:20px;transition:box-shadow .2s}.st-color-picker__preview--empty[data-v-c0c10953]{background-image:linear-gradient(45deg,silver 25%,#0000 25%),linear-gradient(-45deg,silver 25%,#0000 25%),linear-gradient(45deg,#0000 75%,silver 75%),linear-gradient(-45deg,#0000 75%,silver 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.st-color-picker__arrow[data-v-c0c10953]{color:var(--color-muted-foreground)}.st-date-picker-panel[data-v-1c1adcae]{flex-direction:column;min-width:280px;display:flex}.st-date-picker-panel--range[data-v-1c1adcae]{flex-direction:row;min-width:560px}.st-date-picker-panel--range .st-date-picker-panel__divider[data-v-1c1adcae]{background-color:var(--border);width:1px;margin:0 8px}.st-date-picker-panel--range>div[data-v-1c1adcae]:not(.st-date-picker-panel__divider){flex:1;min-width:270px}.st-date-picker-panel__header[data-v-1c1adcae]{justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.st-date-picker-panel__nav-btn[data-v-1c1adcae]{width:28px;height:28px;color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.st-date-picker-panel__nav-btn[data-v-1c1adcae]:hover{background-color:var(--accent);color:var(--accent-foreground)}.st-date-picker-panel__title[data-v-1c1adcae]{color:var(--foreground);font-size:14px;font-weight:500}.st-date-picker-panel__weekdays[data-v-1c1adcae]{margin-bottom:8px;display:flex}.st-date-picker-panel__weekday[data-v-1c1adcae]{text-align:center;color:var(--muted-foreground);flex:1;font-size:12px}.st-date-picker-panel__body[data-v-1c1adcae]{flex-wrap:wrap;display:flex}.st-date-picker-panel__cell[data-v-1c1adcae]{width:14.2857%;color:var(--foreground);background:0 0;border:none}.st-date-picker-panel__cell--other-month[data-v-1c1adcae]{color:var(--muted-foreground)}.st-date-picker-panel__cell--today[data-v-1c1adcae]{border:1px solid var(--primary)}.st-date-picker-panel__cell--selected[data-v-1c1adcae]{background-color:var(--primary);color:var(--primary-foreground)}.st-date-picker-panel__cell--in-range[data-v-1c1adcae]{background-color:var(--primary-hover);color:var(--primary-foreground);border-radius:0}.st-date-picker-panel__cell--range-start[data-v-1c1adcae]{border-radius:4px 0 0 4px}.st-date-picker-panel__cell--range-end[data-v-1c1adcae]{border-radius:0 4px 4px 0}.st-date-picker-panel__cell--disabled[data-v-1c1adcae]{color:var(--muted-foreground);cursor:not-allowed;opacity:.5}.st-date-picker-panel__cell[data-v-1c1adcae]:hover:not(.st-date-picker-panel__cell--disabled):not(.st-date-picker-panel__cell--selected):not(.st-date-picker-panel__cell--in-range){background-color:var(--accent);color:var(--accent-foreground)}.st-date-picker--focused .st-date-picker__icon[data-v-c2feccda]{color:var(--primary)}.st-date-picker__icon[data-v-c2feccda]{color:var(--foreground)}.st-time-picker-panel[data-v-b1668901]{background-color:var(--color-background);border-radius:6px;width:220px;box-shadow:0 2px 8px #00000026}.st-time-picker-panel--disabled[data-v-b1668901]{opacity:.5;cursor:not-allowed}.st-time-picker-panel__columns[data-v-b1668901]{gap:8px;padding:8px 12px;display:flex}.st-time-picker-panel__column[data-v-b1668901]{flex-direction:column;flex:1;display:flex}.st-time-picker-panel__header[data-v-b1668901]{text-align:center;color:var(--color-muted-foreground);border-bottom:1px solid var(--color-border);margin-bottom:4px;padding:4px 0;font-size:12px}.st-time-picker-panel__list[data-v-b1668901]{height:192px}.st-time-picker-panel__item[data-v-b1668901]{text-align:center;height:32px;color:var(--color-foreground);cursor:pointer;border-radius:4px;font-size:14px;line-height:32px;transition:all .15s}.st-time-picker-panel__item[data-v-b1668901]:hover:not(.st-time-picker-panel__item--disabled):not(.st-time-picker-panel__item--selected){background-color:var(--color-muted)}.st-time-picker-panel__item--selected[data-v-b1668901]{background-color:var(--color-primary);color:var(--color-primary-foreground);font-weight:500}.st-time-picker-panel__item--disabled[data-v-b1668901]{color:var(--color-muted-foreground);cursor:not-allowed;opacity:.5}.st-time-picker-panel__footer[data-v-b1668901]{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;padding:8px 12px;display:flex}.st-time-picker-panel__btn[data-v-b1668901]{cursor:pointer;border:none;border-radius:4px;padding:6px 16px;font-size:13px;transition:all .15s}.st-time-picker-panel__btn--cancel[data-v-b1668901]{color:var(--color-muted-foreground);background-color:#0000}.st-time-picker-panel__btn--cancel[data-v-b1668901]:hover{color:var(--color-foreground)}.st-time-picker-panel__btn--confirm[data-v-b1668901]{background-color:var(--color-primary);color:var(--color-primary-foreground)}.st-time-picker-panel__btn--confirm[data-v-b1668901]:hover{opacity:.9}.st-datetime-picker-panel[data-v-7f8e3c9f]{padding:12px;display:flex}.st-datetime-picker-panel--range[data-v-7f8e3c9f]{flex-direction:row;gap:16px}.st-datetime-picker-panel__range-panel[data-v-7f8e3c9f]{flex-direction:column;gap:8px;display:flex}.st-datetime-picker-panel__date-section[data-v-7f8e3c9f]{flex-direction:column;min-width:280px;display:flex}.st-datetime-picker-panel__header[data-v-7f8e3c9f]{justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.st-datetime-picker-panel__nav-btn[data-v-7f8e3c9f]{width:28px;height:28px;color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.st-datetime-picker-panel__nav-btn[data-v-7f8e3c9f]:hover{background-color:var(--accent);color:var(--accent-foreground)}.st-datetime-picker-panel__title[data-v-7f8e3c9f]{color:var(--foreground);font-size:14px;font-weight:500}.st-datetime-picker-panel__weekdays[data-v-7f8e3c9f]{margin-bottom:8px;display:flex}.st-datetime-picker-panel__weekday[data-v-7f8e3c9f]{text-align:center;color:var(--muted-foreground);flex:1;font-size:12px}.st-datetime-picker-panel__body[data-v-7f8e3c9f]{flex-wrap:wrap;display:flex}.st-datetime-picker-panel__cell[data-v-7f8e3c9f]{width:14.2857%;color:var(--foreground);background:0 0;border:none}.st-datetime-picker-panel__cell--other-month[data-v-7f8e3c9f]{color:var(--muted-foreground)}.st-datetime-picker-panel__cell--today[data-v-7f8e3c9f]{border:1px solid var(--primary)}.st-datetime-picker-panel__cell--selected[data-v-7f8e3c9f]{background-color:var(--primary);color:var(--primary-foreground)}.st-datetime-picker-panel__cell--in-range[data-v-7f8e3c9f]{background-color:var(--primary-hover);color:var(--primary-foreground);border-radius:0}.st-datetime-picker-panel__cell--range-start[data-v-7f8e3c9f]{background-color:var(--primary);color:var(--primary-foreground);border-radius:4px 0 0 4px}.st-datetime-picker-panel__cell--range-end[data-v-7f8e3c9f]{background-color:var(--primary);color:var(--primary-foreground);border-radius:0 4px 4px 0}.st-datetime-picker-panel__cell--disabled[data-v-7f8e3c9f]{color:var(--muted-foreground);cursor:not-allowed;opacity:.5}.st-datetime-picker-panel__cell[data-v-7f8e3c9f]:hover:not(.st-datetime-picker-panel__cell--disabled):not(.st-datetime-picker-panel__cell--selected):not(.st-datetime-picker-panel__cell--in-range):not(.st-datetime-picker-panel__cell--range-start):not(.st-datetime-picker-panel__cell--range-end){background-color:var(--accent);color:var(--accent-foreground)}.st-datetime-picker-panel__divider[data-v-7f8e3c9f]{background-color:var(--border);width:1px;margin:0 12px}.st-datetime-picker-panel__time-section[data-v-7f8e3c9f]{flex-direction:column;display:flex}.st-datetime-picker-panel__time-label[data-v-7f8e3c9f]{color:var(--muted-foreground);text-align:center;margin-bottom:4px;padding:4px 0;font-size:12px}.st-datetime-picker--focused .st-datetime-picker__icon[data-v-626ecddd]{color:var(--primary)}.st-datetime-picker__icon[data-v-626ecddd]{color:var(--foreground)}input[type=number][data-v-fe4ffb58]{-moz-appearance:textfield}input[type=number][data-v-fe4ffb58]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-fe4ffb58]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.st-time-picker[data-v-988f023a]{position:relative}.st-time-picker--disabled[data-v-988f023a]{opacity:.5;cursor:not-allowed}.st-time-picker--focused .st-time-picker__arrow[data-v-988f023a]{color:var(--color-primary)}.st-time-picker__arrow[data-v-988f023a]{color:var(--color-muted-foreground)}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
-import { a as e, i as t, o as n, r, t as i } from "./st-button--HyXkQ9q.js";
-import { d as a, f as o, n as s, r as c, t as l } from "./dist-BkEt4gsd.js";
-import { i as u, n as d, r as f, t as p } from "./cva-Coy0mkca.js";
+import { a as e, i as t, o as n, r, t as i } from "./st-button-DguHNR5j.js";
+import { d as a, f as o, n as s, r as c, t as l } from "./dist-QodMTiuA.js";
+import { i as u, n as d, r as f, t as p } from "./cva-BU8WjbHO.js";
 import { Fragment as m, Teleport as h, Transition as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, defineAsyncComponent as T, defineComponent as E, guardReactiveProps as D, isReadonly as O, mergeModels as k, mergeProps as A, nextTick as j, normalizeClass as M, normalizeProps as N, normalizeStyle as P, onBeforeUnmount as F, onMounted as I, onUnmounted as L, openBlock as R, provide as ee, ref as z, renderList as B, renderSlot as V, resolveComponent as H, resolveDynamicComponent as te, toDisplayString as U, toRef as ne, toValue as W, unref as G, useAttrs as K, useId as re, useModel as q, useSlots as J, useTemplateRef as Y, vModelDynamic as ie, vModelText as ae, vShow as oe, watch as X, withCtx as Z, withDirectives as se, withKeys as ce, withModifiers as Q } from "vue";
 //#region src/utils/with-install.ts
 function le(e) {
@@ -155,14 +155,17 @@ var ue = /* @__PURE__ */ E({
 				group: ge,
 				hover: _e
 			}
-		}), c = _(() => o?.inGroup.value ?? !1), l = _(() => a.variant === void 0 ? o ? o.variant.value : "default" : a.variant), u = _(() => a.type === void 0 ? o ? o.type.value : "default" : a.type), h = _(() => a.disabled === void 0 ? o ? o.disabled.value : !1 : a.disabled), g = _(() => a.loading === void 0 ? o ? o.loading.value : !1 : a.loading), v = _(() => u.value === "icon"), S = _(() => h.value || g.value), C = _(() => !!(a.prefixIcon || r.prefixIcon)), w = _(() => !!(a.suffixIcon || r.suffixIcon)), T = _(() => d(s({
-			variant: l.value,
-			type: u.value,
-			disabled: h.value,
-			loading: g.value,
-			group: c.value ? o.direction.value : !1,
-			hover: h.value ? "disabled" : l.value
-		}), n.class));
+		}), c = _(() => o?.inGroup.value ?? !1), l = _(() => a.variant === void 0 ? o ? o.variant.value : "default" : a.variant), u = _(() => a.type === void 0 ? o ? o.type.value : "default" : a.type), h = _(() => a.disabled === void 0 ? o ? o.disabled.value : !1 : a.disabled), g = _(() => a.loading === void 0 ? o ? o.loading.value : !1 : a.loading), v = _(() => u.value === "icon"), S = _(() => h.value || g.value), C = _(() => !!(a.prefixIcon || r.prefixIcon)), w = _(() => !!(a.suffixIcon || r.suffixIcon)), T = _(() => {
+			let e = s({
+				variant: l.value,
+				type: u.value,
+				disabled: h.value,
+				loading: g.value,
+				group: c.value ? o.direction.value : !1,
+				hover: h.value ? "disabled" : l.value
+			});
+			return d(e, n.class);
+		});
 		function E(e) {
 			S.value || i("click", e);
 		}
@@ -275,14 +278,17 @@ var ue = /* @__PURE__ */ E({
 				group: De,
 				active: Oe
 			}
-		}), c = _(() => o?.inGroup.value ?? !1), l = _(() => a.variant === void 0 ? o ? o.variant.value : "default" : a.variant), u = _(() => a.type === void 0 ? o ? o.type.value : "default" : a.type), h = _(() => a.disabled === void 0 ? o ? o.disabled.value : !1 : a.disabled), g = _(() => a.loading === void 0 ? o ? o.loading.value : !1 : a.loading), v = _(() => u.value === "icon"), S = _(() => h.value || g.value), C = _(() => !!(a.prefixIcon || r.prefixIcon)), w = _(() => !!(a.suffixIcon || r.suffixIcon)), T = _(() => d(s({
-			variant: l.value,
-			type: u.value,
-			disabled: h.value,
-			loading: g.value,
-			group: c.value ? o.direction.value : !1,
-			active: h.value ? "disabled" : l.value
-		}), n.class));
+		}), c = _(() => o?.inGroup.value ?? !1), l = _(() => a.variant === void 0 ? o ? o.variant.value : "default" : a.variant), u = _(() => a.type === void 0 ? o ? o.type.value : "default" : a.type), h = _(() => a.disabled === void 0 ? o ? o.disabled.value : !1 : a.disabled), g = _(() => a.loading === void 0 ? o ? o.loading.value : !1 : a.loading), v = _(() => u.value === "icon"), S = _(() => h.value || g.value), C = _(() => !!(a.prefixIcon || r.prefixIcon)), w = _(() => !!(a.suffixIcon || r.suffixIcon)), T = _(() => {
+			let e = s({
+				variant: l.value,
+				type: u.value,
+				disabled: h.value,
+				loading: g.value,
+				group: c.value ? o.direction.value : !1,
+				active: h.value ? "disabled" : l.value
+			});
+			return d(e, n.class);
+		});
 		function E(e) {
 			S.value || i("click", e);
 		}
@@ -654,9 +660,7 @@ var ue = /* @__PURE__ */ E({
 						case "center":
 							s = t.left + (t.width - n.width) / 2;
 							break;
-						case "right":
-							s = t.right - n.width;
-							break;
+						case "right": s = t.right - n.width;
 					}
 					break;
 				case "bottom":
@@ -667,9 +671,7 @@ var ue = /* @__PURE__ */ E({
 						case "center":
 							s = t.left + (t.width - n.width) / 2;
 							break;
-						case "right":
-							s = t.right - n.width;
-							break;
+						case "right": s = t.right - n.width;
 					}
 					break;
 				case "left":
@@ -680,24 +682,18 @@ var ue = /* @__PURE__ */ E({
 						case "center":
 							o = t.top + (t.height - n.height) / 2;
 							break;
-						case "bottom":
-							o = t.bottom - n.height;
-							break;
-					}
-					break;
-				case "right":
-					switch (s = t.right + r, a) {
-						case "top":
-							o = t.top;
-							break;
-						case "center":
-							o = t.top + (t.height - n.height) / 2;
-							break;
-						case "bottom":
-							o = t.bottom - n.height;
-							break;
+						case "bottom": o = t.bottom - n.height;
 					}
 					break;
+				case "right": switch (s = t.right + r, a) {
+					case "top":
+						o = t.top;
+						break;
+					case "center":
+						o = t.top + (t.height - n.height) / 2;
+						break;
+					case "bottom": o = t.bottom - n.height;
+				}
 			}
 			return {
 				top: o,
@@ -2284,10 +2280,13 @@ var ue = /* @__PURE__ */ E({
 					false: "cursor-pointer"
 				}
 			}
-		}), S = _(() => d(g({
-			disabled: u.value,
-			checked: f.value
-		}), !u.value && !f.value ? "hover:border-primary" : "", o.boxClass)), C = _(() => d("text-primary-foreground w-full h-full inline-flex items-center justify-center text-sm", o.coreClass));
+		}), S = _(() => {
+			let e = g({
+				disabled: u.value,
+				checked: f.value
+			}), t = !u.value && !f.value ? "hover:border-primary" : "";
+			return d(e, t, o.boxClass);
+		}), C = _(() => d("text-primary-foreground w-full h-full inline-flex items-center justify-center text-sm", o.coreClass));
 		function w(e) {
 			u.value || (s ? s.updateValue(o.trueValue, !f.value) : n.value = f.value ? o.falseValue : o.trueValue, a("change", e));
 		}
@@ -2538,9 +2537,7 @@ var Pt = /* @__PURE__ */ E({
 			case o:
 				d = ((s - a) / e + 2) / 6;
 				break;
-			case s:
-				d = ((a - o) / e + 4) / 6;
-				break;
+			case s: d = ((a - o) / e + 4) / 6;
 		}
 	}
 	return {
@@ -2574,9 +2571,7 @@ var Pt = /* @__PURE__ */ E({
 		case o:
 			d = ((s - a) / u + 2) / 6;
 			break;
-		case s:
-			d = ((a - o) / u + 4) / 6;
-			break;
+		case s: d = ((a - o) / u + 4) / 6;
 	}
 	return {
 		h: Math.round(d * 360),
@@ -2602,9 +2597,7 @@ var Pt = /* @__PURE__ */ E({
 		case 4:
 			c = h, l = p, u = s;
 			break;
-		default:
-			c = s, l = p, u = m;
-			break;
+		default: c = s, l = p, u = m;
 	}
 	return {
 		r: Math.round(c * 255),
@@ -3842,7 +3835,7 @@ var Wn = {
 		let n = K();
 		J();
 		let r = e, i = jn(), a = Nn(), o = !1, s = 0, c = 0, l = p({
-			base: "absolute rounded-full bg-border",
+			base: "absolute rounded-full bg-scrollbar-thumb z-20",
 			variants: { direction: {
 				vertical: "top-0 right-0 min-h-5 w-2",
 				horizontal: "bottom-0 left-0 min-w-5 h-2"
@@ -3894,7 +3887,7 @@ var Wn = {
 		let n = K();
 		J();
 		let r = e, i = jn(), a = p({
-			base: "absolute rounded-full bg-border/50",
+			base: "absolute rounded-full bg-scrollbar-track z-20",
 			variants: { direction: {
 				vertical: "top-0 right-0 h-full w-2",
 				horizontal: "bottom-0 left-0 w-full h-2"
@@ -4249,9 +4242,7 @@ var Wn = {
 					case "right":
 						h.value += er;
 						break;
-					case "left":
-						h.value -= er;
-						break;
+					case "left": h.value -= er;
 				}
 				let n = F(t.clientX - h.value, t.clientY - g.value) * $n, r = T.value;
 				p.value = r > 0 ? Math.min(n, r) : n, e.cancelable && e.preventDefault();
@@ -4271,9 +4262,7 @@ var Wn = {
 					case "left":
 						r("pullLeft", e);
 						break;
-					case "right":
-						r("pullRight", e);
-						break;
+					case "right": r("pullRight", e);
 				}
 			} else H();
 		}
@@ -4939,10 +4928,13 @@ var Wn = {
 				if (e === "hour" && t > a || e === "minute" && (n > a || n === a && t > o) || e === "second" && (n > a || n === a && r > o || n === a && r === o && t > s)) return !1;
 			}
 			return !0;
-		}, T = (e, t) => d("st-time-picker-panel__item", {
-			"st-time-picker-panel__item--selected": e === "hour" ? l.value.hour === t : e === "minute" ? l.value.minute === t : l.value.second === t,
-			"st-time-picker-panel__item--disabled": i.disabled || !C(e, t)
-		}), E = (e) => e.toString().padStart(2, "0"), D = (e) => {
+		}, T = (e, t) => {
+			let n = e === "hour" ? l.value.hour === t : e === "minute" ? l.value.minute === t : l.value.second === t, r = i.disabled || !C(e, t);
+			return d("st-time-picker-panel__item", {
+				"st-time-picker-panel__item--selected": n,
+				"st-time-picker-panel__item--disabled": r
+			});
+		}, E = (e) => e.toString().padStart(2, "0"), D = (e) => {
 			i.disabled || !C("hour", e) || (l.value.hour = e, A(), L("hour", e));
 		}, O = (e) => {
 			i.disabled || !C("minute", e) || (l.value.minute = e, A(), L("minute", e));
@@ -5971,7 +5963,7 @@ var Wn = {
 	}),
 	emits: /*@__PURE__*/ k(["open", "close"], ["update:modelValue"]),
 	setup(t, { emit: n }) {
-		let r = T({ loader: () => import("./st-button--HyXkQ9q.js").then((e) => e.n) }), i = q(t, "modelValue"), a = K(), o = J(), s = n, { nextZIndex: c } = nt(), l = t, u = z(999), d = z(1e3), f = z(!1), p = z({
+		let r = T({ loader: () => import("./st-button-DguHNR5j.js").then((e) => e.n) }), i = q(t, "modelValue"), a = K(), o = J(), s = n, { nextZIndex: c } = nt(), l = t, u = z(999), d = z(1e3), f = z(!1), p = z({
 			isDragging: !1,
 			startX: 0,
 			startY: 0,
@@ -6142,10 +6134,13 @@ var Wn = {
 					dotted: "border-dotted"
 				}
 			}
-		}), a = _(() => d(i({
-			direction: r.direction.value,
-			variant: r.variant.value
-		}), n.class));
+		}), a = _(() => {
+			let e = i({
+				direction: r.direction.value,
+				variant: r.variant.value
+			});
+			return d(e, n.class);
+		});
 		return (e, t) => (R(), b("div", {
 			class: M([a.value, "st-divider-line"]),
 			style: P(G(n).style)
@@ -6216,7 +6211,13 @@ var Wn = {
 			left: "flex-1 min-w-0 min-h-0",
 			center: "flex-1 min-w-0 min-h-0",
 			right: "w-5%"
-		} } }), u = _(() => d(c({ position: i.contentPosition }), a.value ? "" : "flex-1 min-w-0 min-h-0", i.lineClass)), f = _(() => d(l({ position: i.contentPosition }), i.lineClass));
+		} } }), u = _(() => {
+			let e = c({ position: i.contentPosition }), t = a.value ? "" : "flex-1 min-w-0 min-h-0";
+			return d(e, t, i.lineClass);
+		}), f = _(() => {
+			let e = l({ position: i.contentPosition });
+			return d(e, i.lineClass);
+		});
 		return oi({
 			direction: _(() => i.direction),
 			variant: _(() => i.variant)
@@ -6502,7 +6503,7 @@ var Wn = {
 	}),
 	emits: /*@__PURE__*/ k(["open", "close"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = T({ loader: () => import("./st-button--HyXkQ9q.js").then((e) => e.n) }), r = q(e, "modelValue"), i = K(), a = J(), o = t, { nextZIndex: s } = nt(), c = e, l = _(() => !!(c.title || a.title)), u = _(() => !!(c.closable || a.action)), d = _(() => l.value || u.value), f = _(() => !!a.footer), p = z(999), m = z(1e3);
+		let n = T({ loader: () => import("./st-button-DguHNR5j.js").then((e) => e.n) }), r = q(e, "modelValue"), i = K(), a = J(), o = t, { nextZIndex: s } = nt(), c = e, l = _(() => !!(c.title || a.title)), u = _(() => !!(c.closable || a.action)), d = _(() => l.value || u.value), f = _(() => !!a.footer), p = z(999), m = z(1e3);
 		X(r, (e) => {
 			e ? (p.value = s(), m.value = s(), o("open")) : o("close");
 		});
@@ -9330,10 +9331,13 @@ var vo = /* @__PURE__ */ E({
 					false: "cursor-pointer"
 				}
 			}
-		}), C = _(() => d(S({
-			disabled: u.value,
-			checked: f.value
-		}), !u.value && !f.value ? "hover:border-primary" : "", o.boxClass)), w = p({
+		}), C = _(() => {
+			let e = S({
+				disabled: u.value,
+				checked: f.value
+			}), t = !u.value && !f.value ? "hover:border-primary" : "";
+			return d(e, t, o.boxClass);
+		}), w = p({
 			base: "w-full h-full rounded-full bg-primary transition-transform duration-200",
 			variants: { checked: {
 				true: "scale-100",
@@ -10312,7 +10316,10 @@ var vo = /* @__PURE__ */ E({
 			let e = [], t = r.step || 1;
 			for (let n = r.min; n <= r.max; n += t) e.push(n);
 			return e;
-		}), H = (e) => d("w-1.5 h-1.5 rounded-full -translate-y-1/2", (r.range ? e >= o.value && e <= s.value : e <= c.value) ? "bg-primary" : "bg-secondary-foreground/30"), te = _(() => ({ left: `${I(c.value)}%` })), ne = _(() => ({ left: `${I(o.value)}%` })), W = _(() => ({ left: `${I(s.value)}%` })), G = _(() => r.range ? {
+		}), H = (e) => {
+			let t = r.range ? e >= o.value && e <= s.value : e <= c.value;
+			return d("w-1.5 h-1.5 rounded-full -translate-y-1/2", t ? "bg-primary" : "bg-secondary-foreground/30");
+		}, te = _(() => ({ left: `${I(c.value)}%` })), ne = _(() => ({ left: `${I(o.value)}%` })), W = _(() => ({ left: `${I(s.value)}%` })), G = _(() => r.range ? {
 			left: `${I(o.value)}%`,
 			width: `${I(s.value) - I(o.value)}%`
 		} : {
@@ -10422,7 +10429,8 @@ function Ls(t) {
 		if (t.value === "horizontal") {
 			let e = parseFloat(r.paddingLeft) || 0, t = parseFloat(r.paddingRight) || 0;
 			return n.clientWidth - e - t;
-		} else {
+		}
+		{
 			let e = parseFloat(r.paddingTop) || 0, t = parseFloat(r.paddingBottom) || 0;
 			return n.clientHeight - e - t;
 		}
@@ -11453,7 +11461,10 @@ var Rs = /* @__PURE__ */ E({
 		let r = t, i = e, a = p({
 			base: "inline-flex items-center justify-center rounded-md font-medium transition-all duration-150 ease-in-out border-none outline-none select-none whitespace-nowrap h-6 px-2 text-3 gap-1 bg-muted",
 			variants: { closable: { true: "pr-1.5" } }
-		}), o = _(() => d(a({ closable: i.closable }), n.class)), s = (e) => {}, c = (e) => {
+		}), o = _(() => {
+			let e = a({ closable: i.closable });
+			return d(e, n.class);
+		}), s = (e) => {}, c = (e) => {
 			r("close", e);
 		};
 		return (e, t) => (R(), b("span", {
@@ -11822,10 +11833,13 @@ var Rs = /* @__PURE__ */ E({
 				disabled: { true: "opacity-50 cursor-not-allowed" }
 			},
 			defaultVariants: { variant: "default" }
-		}), h = _(() => d(m({
-			variant: a.variant,
-			disabled: a.disabled
-		}), !a.disabled && !u.value ? r[a.variant] : "", u.value ? i[a.variant] : "", s.class, a.toggleClass)), g = _(() => d("inline-flex", a.wrapperClass)), v = _(() => d("pointer-events-none", a.labelClass)), S = () => {
+		}), h = _(() => {
+			let e = m({
+				variant: a.variant,
+				disabled: a.disabled
+			}), t = !a.disabled && !u.value ? r[a.variant] : "", n = u.value ? i[a.variant] : "";
+			return d(e, t, n, s.class, a.toggleClass);
+		}), g = _(() => d("inline-flex", a.wrapperClass)), v = _(() => d("pointer-events-none", a.labelClass)), S = () => {
 			if (f.value) return;
 			let e = !u.value;
 			u.value = e, o("pressed-change", e);
@@ -12029,12 +12043,16 @@ var Rs = /* @__PURE__ */ E({
 			DEFAULT: "var(--accent)",
 			foreground: "var(--accent-foreground)"
 		},
-		border: "var(--border)",
-		input: "var(--input)",
 		sidebar: {
 			DEFAULT: "var(--sidebar)",
 			foreground: "var(--sidebar-foreground)"
-		}
+		},
+		scrollbar: {
+			track: "var(--scrollbar-track)",
+			thumb: "var(--scrollbar-thumb)"
+		},
+		border: "var(--border)",
+		input: "var(--input)"
 	},
 	radius: {
 		DEFAULT: "var(--radius)",
@@ -12300,30 +12318,20 @@ var Rs = /* @__PURE__ */ E({
 		return { "row-gap": t === 0 ? "var(--gap)" : `calc(var(--gap) ${t >= 0 ? "+" : "-"} ${Math.abs(t)}px)` };
 	}],
 	[/^scrollbar-(none|thin|auto)$/, ([, e]) => e === "none" ? { "scrollbar-width": "none" } : e === "thin" ? { "scrollbar-width": "thin" } : { "scrollbar-width": "auto" }]
-], fc = [{
-	order: -100,
-	match(e) {
-		return e.startsWith("hover:") ? {
-			matcher: e.slice(6),
-			selector: (e) => `${e}:hover`,
-			parent: "@media (hover: hover)"
-		} : e;
-	}
-}];
-function pc() {
+];
+function fc() {
 	return {
 		name: "preset-straw-ui",
 		theme: uc,
-		rules: dc,
-		variants: fc
+		rules: dc
 	};
 }
-function mc() {
+function pc() {
 	return uc;
 }
 //#endregion
 //#region src/index.ts
-var hc = [
+var mc = [
 	Ne,
 	Fe,
 	Pe,
@@ -12378,8 +12386,8 @@ var hc = [
 	oc,
 	sc,
 	cc
-], gc = { install(e) {
-	for (let t of hc) e.use(t);
+], hc = { install(e) {
+	for (let t of mc) e.use(t);
 } };
 //#endregion
-export { sc as StAddon, Ne as StButton, Fe as StButtonDesktop, Pe as StButtonGroup, Ie as StButtonPhone, We as StCard, Ge as StCardGroup, Ke as StCardGroupAddon, qe as StCardGroupContent, Je as StCardGroupDescription, Ye as StCardGroupFooter, Xe as StCardGroupHeader, Ze as StCardGroupTitle, wt as StCascade, Tt as StCascadePanel, Ft as StCheckbox, It as StCheckboxGroup, mn as StColorPicker, hn as StColorPickerPanel, Dn as StDatePicker, On as StDatePickerPanel, Lr as StDateTimePicker, Rr as StDateTimePickerPanel, Xr as StDialog, Zr as StDialogGroup, Qr as StDialogGroupAddon, $r as StDialogGroupBody, ei as StDialogGroupContent, ai as StDialogGroupDraggable, ti as StDialogGroupFooter, ni as StDialogGroupHeader, ri as StDialogGroupOverlay, ii as StDialogGroupTitle, ui as StDivider, fi as StDividerContent, di as StDividerLine, Ci as StDrawer, wi as StDrawerGroup, Ti as StDrawerGroupAddon, Ei as StDrawerGroupBody, Di as StDrawerGroupContent, Oi as StDrawerGroupFooter, ki as StDrawerGroupHeader, Ai as StDrawerGroupOverlay, ji as StDrawerGroupTitle, Fi as StEmpty, Ii as StEmptyGroup, Li as StEmptyGroupContent, Ri as StEmptyGroupDescription, qi as StForm, Ji as StFormControl, Yi as StFormDescription, Xi as StFormField, Zi as StFormItem, Qi as StFormLabel, $i as StFormMessage, ta as StImage, la as StInput, ua as StInputGroup, da as StInputGroupAddon, fa as StInputGroupButton, pa as StInputGroupInput, ma as StInputGroupText, ha as StInputGroupTextarea, ga as StInputNumber, va as StLabel, Ha as StMenu, Ua as StMenuContainer, Wa as StMenuContent, Ga as StMenuDivider, Ka as StMenuGroup, qa as StMenuItem, Ja as StMenuNode, Ya as StMenuTrigger, uo as StPagination, fo as StPopover, po as StPopoverArrow, mo as StPopoverContainer, ho as StPopoverContent, go as StPopoverTrigger, Oo as StProgress, jo as StProgressBar, ko as StProgressGroup, Ao as StProgressTrack, Lo as StRadio, Ro as StRadioGroup, Bo as StScrollbar, qo as StScrollbarDesktop, Jo as StScrollbarDesktopGroup, Vo as StScrollbarGroup, Go as StScrollbarGroupBackTop, Ko as StScrollbarGroupNavButton, Wo as StScrollbarGroupThumb, Uo as StScrollbarGroupTrack, Ho as StScrollbarGroupView, Yo as StScrollbarPhone, Xo as StScrollbarPhoneGroup, Zo as StScrollbarPhoneGroupPullAction, os as StSegmented, ss as StSegmentedGroup, ls as StSegmentedGroupIndicator, cs as StSegmentedGroupItem, ds as StSelect, fs as StSelectContainer, ps as StSelectContent, ms as StSelectEmpty, hs as StSelectGroup, gs as StSelectItem, _s as StSelectTrigger, Ts as StSidebar, Es as StSidebarItem, Os as StSkeleton, ks as StSkeletonItem, Ns as StSlider, Vs as StSplitter, Hs as StSplitterPanel, Gs as StSwitch, Qs as StTabs, $s as StTabsPane, ec as StTag, _a as StTextarea, tc as StTimePicker, nc as StTimePickerPanel, ic as StToggle, oc as StTooltip, cc as StTree, lc as StTreeNode, d as cn, gc as default, mc as getStrawUITheme, be as n, pc as presetStrawUI, je as t, r as useDevice, kn as useForwardEmit, nt as useZIndex, le as withInstall, $ as withInstallExtra };
+export { sc as StAddon, Ne as StButton, Fe as StButtonDesktop, Pe as StButtonGroup, Ie as StButtonPhone, We as StCard, Ge as StCardGroup, Ke as StCardGroupAddon, qe as StCardGroupContent, Je as StCardGroupDescription, Ye as StCardGroupFooter, Xe as StCardGroupHeader, Ze as StCardGroupTitle, wt as StCascade, Tt as StCascadePanel, Ft as StCheckbox, It as StCheckboxGroup, mn as StColorPicker, hn as StColorPickerPanel, Dn as StDatePicker, On as StDatePickerPanel, Lr as StDateTimePicker, Rr as StDateTimePickerPanel, Xr as StDialog, Zr as StDialogGroup, Qr as StDialogGroupAddon, $r as StDialogGroupBody, ei as StDialogGroupContent, ai as StDialogGroupDraggable, ti as StDialogGroupFooter, ni as StDialogGroupHeader, ri as StDialogGroupOverlay, ii as StDialogGroupTitle, ui as StDivider, fi as StDividerContent, di as StDividerLine, Ci as StDrawer, wi as StDrawerGroup, Ti as StDrawerGroupAddon, Ei as StDrawerGroupBody, Di as StDrawerGroupContent, Oi as StDrawerGroupFooter, ki as StDrawerGroupHeader, Ai as StDrawerGroupOverlay, ji as StDrawerGroupTitle, Fi as StEmpty, Ii as StEmptyGroup, Li as StEmptyGroupContent, Ri as StEmptyGroupDescription, qi as StForm, Ji as StFormControl, Yi as StFormDescription, Xi as StFormField, Zi as StFormItem, Qi as StFormLabel, $i as StFormMessage, ta as StImage, la as StInput, ua as StInputGroup, da as StInputGroupAddon, fa as StInputGroupButton, pa as StInputGroupInput, ma as StInputGroupText, ha as StInputGroupTextarea, ga as StInputNumber, va as StLabel, Ha as StMenu, Ua as StMenuContainer, Wa as StMenuContent, Ga as StMenuDivider, Ka as StMenuGroup, qa as StMenuItem, Ja as StMenuNode, Ya as StMenuTrigger, uo as StPagination, fo as StPopover, po as StPopoverArrow, mo as StPopoverContainer, ho as StPopoverContent, go as StPopoverTrigger, Oo as StProgress, jo as StProgressBar, ko as StProgressGroup, Ao as StProgressTrack, Lo as StRadio, Ro as StRadioGroup, Bo as StScrollbar, qo as StScrollbarDesktop, Jo as StScrollbarDesktopGroup, Vo as StScrollbarGroup, Go as StScrollbarGroupBackTop, Ko as StScrollbarGroupNavButton, Wo as StScrollbarGroupThumb, Uo as StScrollbarGroupTrack, Ho as StScrollbarGroupView, Yo as StScrollbarPhone, Xo as StScrollbarPhoneGroup, Zo as StScrollbarPhoneGroupPullAction, os as StSegmented, ss as StSegmentedGroup, ls as StSegmentedGroupIndicator, cs as StSegmentedGroupItem, ds as StSelect, fs as StSelectContainer, ps as StSelectContent, ms as StSelectEmpty, hs as StSelectGroup, gs as StSelectItem, _s as StSelectTrigger, Ts as StSidebar, Es as StSidebarItem, Os as StSkeleton, ks as StSkeletonItem, Ns as StSlider, Vs as StSplitter, Hs as StSplitterPanel, Gs as StSwitch, Qs as StTabs, $s as StTabsPane, ec as StTag, _a as StTextarea, tc as StTimePicker, nc as StTimePickerPanel, ic as StToggle, oc as StTooltip, cc as StTree, lc as StTreeNode, d as cn, hc as default, pc as getStrawUITheme, be as n, fc as presetStrawUI, je as t, r as useDevice, kn as useForwardEmit, nt as useZIndex, le as withInstall, $ as withInstallExtra };

package/dist/unocss-preset.d.ts

@@ -48,12 +48,16 @@ export declare function getStrawUITheme(): {
             DEFAULT: string;
             foreground: string;
         };
-        border: string;
-        input: string;
         sidebar: {
             DEFAULT: string;
             foreground: string;
         };
+        scrollbar: {
+            track: string;
+            thumb: string;
+        };
+        border: string;
+        input: string;
     };
     radius: {
         DEFAULT: string;

package/dist/variables.css

@@ -21,7 +21,6 @@
 
 	/* 低强调填充色 */
 	--secondary: oklch(0.97 0 0);
-	--secondary-light: oklch(0.97 0 0);
 	--secondary-foreground: oklch(0.205 0 0);
 
 	/* 成功操作色 */
@@ -40,16 +39,20 @@
 	--accent: oklch(0.97 0 0);
 	--accent-foreground: oklch(0.205 0 0);
 
+	/* 侧边栏颜色对 */
+	--sidebar: oklch(0.985 0 0);
+	--sidebar-foreground: oklch(0.145 0 0);
+
+	/* 滚动条颜色对 */
+	--scrollbar-track: oklch(0.952 0.002 247.84);
+	--scrollbar-thumb: oklch(0.9 0.003 264.541);
+
 	/* 边框颜色 */
 	--border: oklch(0.922 0 0);
 
 	/* 表单控件 */
 	--input: oklch(0.922 0 0);
 
-	/* 侧边栏基础 */
-	--sidebar: oklch(0.985 0 0);
-	--sidebar-foreground: oklch(0.145 0 0);
-
 	/* 圆角基准值 */
 	--radius: 8px;
 
@@ -108,13 +111,17 @@
 	--accent: oklch(0.269 0 0);
 	--accent-foreground: oklch(0.985 0 0);
 
+	/* 侧边栏颜色对 */
+	--sidebar: oklch(0.205 0 0);
+	--sidebar-foreground: oklch(0.985 0 0);
+
+	/* 滚动条颜色对 */
+	--scrollbar-track: oklch(0.301 0 0);
+	--scrollbar-thumb: oklch(0.383 0 0);
+
 	/* 边框颜色 */
 	--border: oklch(0.269 0 0);
 
 	/* 表单控件 */
 	--input: oklch(0.269 0 0);
-
-	/* 侧边栏基础 */
-	--sidebar: oklch(0.205 0 0);
-	--sidebar-foreground: oklch(0.985 0 0);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "straw-ui-vue",
-	"version": "0.1.33",
+	"version": "0.1.34",
 	"type": "module",
 	"main": "./dist/straw-ui.js",
 	"module": "./dist/straw-ui.js",
@@ -30,50 +30,40 @@
 		"docs:build": "vitepress build docs"
 	},
 	"peerDependencies": {
-		"pinia": "^3.0.0",
-		"vue": "^3.3.0",
-		"vue-router": "^5.0.0"
-	},
-	"peerDependenciesMeta": {
-		"pinia": {
-			"optional": true
-		},
-		"vue-router": {
-			"optional": true
-		}
+		"vue": "^3.4.0"
 	},
 	"dependencies": {
-		"@vueuse/core": "14.3.0",
-		"@vueuse/math": "14.3.0",
+		"@vueuse/core": "14.4.0",
+		"@vueuse/math": "14.4.0",
 		"clsx": "2.1.1",
 		"tailwind-merge": "3.6.0"
 	},
 	"devDependencies": {
-		"@iconify-json/lucide": "1.2.120",
+		"@iconify-json/lucide": "1.2.121",
 		"@prettier/sync": "0.6.1",
 		"@tsconfig/node24": "24.0.4",
 		"@types/markdown-it": "14.1.2",
 		"@types/markdown-it-container": "4.0.0",
-		"@types/node": "26.1.1",
+		"@types/node": "26.1.2",
 		"@vitejs/plugin-vue": "6.0.8",
 		"@vitejs/plugin-vue-jsx": "5.1.6",
 		"@vue/tsconfig": "0.9.1",
 		"highlight.js": "11.11.1",
-		"less": "4.8.0",
+		"less": "4.8.1",
 		"markdown-it-container": "4.0.0",
-		"npm-run-all2": "9.0.2",
+		"npm-run-all2": "9.0.3",
 		"pinia": "4.0.2",
 		"prettier": "3.9.6",
 		"typescript": "6.0.3",
 		"unocss": "66.7.5",
-		"vite": "8.1.5",
+		"vite": "8.2.0",
 		"vite-plugin-css-injected-by-js": "5.0.2",
 		"vite-plugin-dts": "5.0.3",
 		"vite-plugin-vue-devtools": "8.2.1",
 		"vitepress": "2.0.0-alpha.17",
 		"vue": "3.5.40",
 		"vue-router": "5.2.0",
-		"vue-tsc": "3.3.8"
+		"vue-tsc": "3.3.9"
 	},
 	"engines": {
 		"node": "^22.18.0 || >=24.12.0"