straw-ui-vue 0.1.60 → 0.1.62

package/dist/components/st-cascade/desktop/st-cascade-desktop.d.ts

@@ -33,6 +33,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StCas
     showPath: boolean;
     defaultExpandedAll: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/st-cascade/desktop/types/st-cascade-desktop.d.ts

@@ -36,6 +36,8 @@ export interface StCascadeDesktopProps {
 	defaultExpandedAll?: boolean;
 	/** 是否启用浮动占位标签（placeholder 在聚焦或有值时缩到左上角） */
 	floatingLabel?: boolean;
+	/** 弹出层宽度是否锁定为触发输入框宽度：true 等宽（超长节点省略号截断），false 以触发输入框宽度为最小宽度、由内容撑开 */
+	matchTriggerWidth?: boolean;
 	/** 弹出层的类名 */
 	popoverClass?: ClassValue;
 	/** 弹出层的样式 */

package/dist/components/st-cascade/index.d.ts

@@ -21,6 +21,7 @@ export declare const StCascade: {
         expandOnClick: boolean | "auto";
         showPath: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -43,6 +44,7 @@ export declare const StCascade: {
         expandOnClick: boolean | "auto";
         showPath: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -69,6 +71,7 @@ export declare const StCascade: {
     expandOnClick: boolean | "auto";
     showPath: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: import('./index.ts').StCascadeSlots;
 }) & {
@@ -258,6 +261,7 @@ export declare const StCascade: {
             showPath: boolean;
             defaultExpandedAll: boolean;
             floatingLabel: boolean;
+            matchTriggerWidth: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -288,6 +292,7 @@ export declare const StCascade: {
             showPath: boolean;
             defaultExpandedAll: boolean;
             floatingLabel: boolean;
+            matchTriggerWidth: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -320,6 +325,7 @@ export declare const StCascade: {
         showPath: boolean;
         defaultExpandedAll: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: import('./index.ts').StCascadeDesktopSlots;
     });
@@ -627,6 +633,7 @@ export declare const StCascadeDesktop: {
         showPath: boolean;
         defaultExpandedAll: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -657,6 +664,7 @@ export declare const StCascadeDesktop: {
         showPath: boolean;
         defaultExpandedAll: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -689,6 +697,7 @@ export declare const StCascadeDesktop: {
     showPath: boolean;
     defaultExpandedAll: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: import('./index.ts').StCascadeDesktopSlots;
 });

package/dist/components/st-cascade/st-cascade.d.ts

@@ -27,6 +27,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StCas
     expandOnClick: boolean | "auto";
     showPath: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/st-select/desktop/st-select-desktop.d.ts

@@ -27,6 +27,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StSel
     placeholder: string;
     clearable: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
     filterable: boolean;
     remote: boolean;
     loadingText: string;

package/dist/components/st-select/desktop/types/st-select-desktop.d.ts

@@ -38,6 +38,8 @@ export interface StSelectDesktopProps {
 	group?: boolean;
 	/** 是否启用浮动占位标签（placeholder 在聚焦或有值时缩到左上角） */
 	floatingLabel?: boolean;
+	/** 下拉面板宽度是否锁定为触发器宽度：true 等宽（超长选项省略号截断），false 以触发器宽度为最小宽度、由内容撑开 */
+	matchTriggerWidth?: boolean;
 	/** popover 下拉菜单的类名 */
 	popoverClass?: ClassValue;
 	/** popover 下拉菜单的样式 */

package/dist/components/st-select/index.d.ts

@@ -16,6 +16,7 @@ export declare const StSelect: {
     }, import('vue').PublicProps, {
         deviceType: import('../../types.ts').DeviceType | "auto";
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -34,6 +35,7 @@ export declare const StSelect: {
     }>, import('./index.ts').StSelectExpose, {}, {}, {}, {
         deviceType: import('../../types.ts').DeviceType | "auto";
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -55,6 +57,7 @@ export declare const StSelect: {
 }, string, {
     deviceType: import('../../types.ts').DeviceType | "auto";
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: import('./index.ts').StSelectSlots;
 }) & {
@@ -170,6 +173,7 @@ export declare const StSelect: {
     StSelectDropdown: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             disabled: boolean;
+            matchTriggerWidth: boolean;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -179,12 +183,14 @@ export declare const StSelect: {
             Defaults: {};
         }, Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, {
             disabled: boolean;
+            matchTriggerWidth: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         disabled: boolean;
+        matchTriggerWidth: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: import('./types/st-select-dropdown').StSelectDropdownSlots;
     });
@@ -358,6 +364,7 @@ export declare const StSelect: {
             placeholder: string;
             clearable: boolean;
             floatingLabel: boolean;
+            matchTriggerWidth: boolean;
             filterable: boolean;
             remote: boolean;
             loadingText: string;
@@ -389,6 +396,7 @@ export declare const StSelect: {
             placeholder: string;
             clearable: boolean;
             floatingLabel: boolean;
+            matchTriggerWidth: boolean;
             filterable: boolean;
             remote: boolean;
             loadingText: string;
@@ -423,6 +431,7 @@ export declare const StSelect: {
         placeholder: string;
         clearable: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
         filterable: boolean;
         remote: boolean;
         loadingText: string;
@@ -714,6 +723,7 @@ export declare const StSelectContent: {
 export declare const StSelectDropdown: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         disabled: boolean;
+        matchTriggerWidth: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -723,12 +733,14 @@ export declare const StSelectDropdown: {
         Defaults: {};
     }, Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, {
         disabled: boolean;
+        matchTriggerWidth: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./types/st-select-dropdown').StSelectDropdownProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     disabled: boolean;
+    matchTriggerWidth: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: import('./types/st-select-dropdown').StSelectDropdownSlots;
 });
@@ -903,6 +915,7 @@ export declare const StSelectDesktop: {
         placeholder: string;
         clearable: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
         filterable: boolean;
         remote: boolean;
         loadingText: string;
@@ -934,6 +947,7 @@ export declare const StSelectDesktop: {
         placeholder: string;
         clearable: boolean;
         floatingLabel: boolean;
+        matchTriggerWidth: boolean;
         filterable: boolean;
         remote: boolean;
         loadingText: string;
@@ -968,6 +982,7 @@ export declare const StSelectDesktop: {
     placeholder: string;
     clearable: boolean;
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
     filterable: boolean;
     remote: boolean;
     loadingText: string;

package/dist/components/st-select/st-select-dropdown.d.ts

@@ -2,6 +2,7 @@ import { StSelectDropdownProps, StSelectDropdownSlots } from './types/st-select-
 type __VLS_Slots = StSelectDropdownSlots;
 declare const __VLS_base: import('vue').DefineComponent<StSelectDropdownProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StSelectDropdownProps> & Readonly<{}>, {
     disabled: boolean;
+    matchTriggerWidth: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/st-select/st-select.d.ts

@@ -20,6 +20,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, StSel
 }>, {
     deviceType: import('../../types.ts').DeviceType | "auto";
     floatingLabel: boolean;
+    matchTriggerWidth: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/st-select/types/st-select-dropdown.d.ts

@@ -10,6 +10,8 @@ export interface StSelectDropdownProps {
 	popoverClass?: ClassValue;
 	/** 下拉面板样式 */
 	popoverStyle?: StyleValue;
+	/** 面板宽度是否锁定为触发器宽度：true 等宽（超长内容省略号截断），false 以触发器宽度为最小宽度、由内容撑开 */
+	matchTriggerWidth?: boolean;
 }
 
 /**

package/dist/straw-ui.js

@@ -1,3 +1,4 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.st-input-group-input[type=number][data-v-af941ff6]{-moz-appearance:textfield}.st-input-group-input[type=number][data-v-af941ff6]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.st-input-group-input[type=number][data-v-af941ff6]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.st-input-group-input[data-v-af941ff6]::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.st-input-group-input[data-v-af941ff6]::-webkit-caps-lock-indicator{visibility:hidden}.st-input-group-input[data-v-af941ff6]::-ms-reveal{display:none}.st-color-picker-panel[data-v-1e932aa8]{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-1e932aa8]{cursor:crosshair;border-radius:4px;width:100%;height:160px;margin-bottom:12px;position:relative;overflow:hidden}.st-color-picker-panel__saturation-bg[data-v-1e932aa8]{position:absolute;inset:0}.st-color-picker-panel__saturation-white[data-v-1e932aa8]{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.st-color-picker-panel__saturation-black[data-v-1e932aa8]{background:linear-gradient(#0000,#000);position:absolute;inset:0}.st-color-picker-panel__cursor[data-v-1e932aa8]{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-1e932aa8]{margin-bottom:12px}.st-color-picker-panel__hue-bar[data-v-1e932aa8]{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-1e932aa8]{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-1e932aa8]{margin-bottom:12px}.st-color-picker-panel__alpha-bar[data-v-1e932aa8]{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-1e932aa8]{border-radius:4px;position:absolute;inset:0}.st-color-picker-panel__alpha-thumb[data-v-1e932aa8]{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-1e932aa8]{gap:8px;margin-bottom:12px;display:flex}.st-color-picker-panel__input-item[data-v-1e932aa8]{flex-direction:column;flex:1;gap:4px;display:flex}.st-color-picker-panel__input-label[data-v-1e932aa8]{color:var(--color-muted-foreground);text-transform:uppercase;font-size:11px}.st-color-picker-panel__input[data-v-1e932aa8]{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-1e932aa8]:focus{border-color:var(--color-primary)}.st-color-picker-panel__input[data-v-1e932aa8]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.st-color-picker-panel__input[data-v-1e932aa8]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.st-color-picker-panel__presets[data-v-1e932aa8]{flex-wrap:wrap;gap:6px;display:flex}.st-color-picker-panel__preset-item[data-v-1e932aa8]{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-1e932aa8]:hover{transform:scale(1.15);box-shadow:0 0 0 2px #0000001a}.st-color-picker[data-v-e86e01ab]{position:relative}.st-color-picker--disabled[data-v-e86e01ab]{opacity:.5;cursor:not-allowed}.st-color-picker--focused .st-color-picker__preview[data-v-e86e01ab]{box-shadow:0 0 0 2px var(--color-primary)}.st-color-picker__preview[data-v-e86e01ab]{border:1px solid var(--color-border);border-radius:4px;width:20px;height:20px;transition:box-shadow .2s}.st-color-picker__preview--empty[data-v-e86e01ab]{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-e86e01ab]{color:var(--color-muted-foreground)}input[type=number][data-v-3115292b]{-moz-appearance:textfield}input[type=number][data-v-3115292b]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-3115292b]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 import { C as e, S as t, _ as n, b as r, d as i, f as a, g as o, h as s, l as c, m as l, n as u, p as d, t as f, u as p, v as m, w as h, x as g, y as _ } from "./forward-props-BJqcpGUj.js";
 import { d as v, f as y, r as b, t as x } from "./dist-umlLlysd.js";
 import { n as S, t as C } from "./use-field-validation-BaP5Jru4.js";
@@ -5396,6 +5397,10 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -5483,7 +5488,14 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			}
 			let e = Ht(r.value);
 			return e === void 0 ? T(i.value) : E(e);
-		}), ee = O(() => d.placeholder || "请选择"), te = O(() => !d.clearable || d.disabled || !m.value ? !1 : D.value.length > 0), A = O(() => d.popoverStyle ? d.popoverStyle : h.value > 0 ? { minWidth: `${h.value}px` } : {});
+		}), ee = O(() => d.placeholder || "请选择"), te = O(() => !d.clearable || d.disabled || !m.value ? !1 : D.value.length > 0), A = O(() => {
+			if (d.popoverStyle) return d.popoverStyle;
+			if (h.value > 0) {
+				let e = `${h.value}px`;
+				return d.matchTriggerWidth ? { width: e } : { minWidth: e };
+			}
+			return {};
+		});
 		function j() {
 			d.multiple || (g.value = [...i.value], i.value.length > 0 && (_.value = [.../* @__PURE__ */ new Set([..._.value, ...i.value.slice(0, -1)])])), d.defaultExpandedAll && (_.value = [...v.value.values()].filter((e) => !e.isLeaf).map((e) => e.path[e.path.length - 1]));
 		}
@@ -5575,6 +5587,7 @@ var Qn = ["for"], $n = /* @__PURE__ */ I({
 			}, [d.list.length > 0 ? (H(), k(zn, {
 				key: 0,
 				class: "flex max-h-280px flex-col",
+				"content-class": "w-full",
 				vertical: "",
 				"view-class": "min-h-0 flex-1"
 			}, {
@@ -8027,6 +8040,10 @@ var si = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -8180,6 +8197,7 @@ var si = /* @__PURE__ */ I({
 			"floating-label": c.floatingLabel,
 			"label-key": c.labelKey,
 			list: c.list,
+			"match-trigger-width": c.matchTriggerWidth,
 			multiple: c.multiple,
 			"panel-class": c.panelClass,
 			"panel-style": c.panelStyle,
@@ -8222,6 +8240,7 @@ var si = /* @__PURE__ */ I({
 			"floating-label",
 			"label-key",
 			"list",
+			"match-trigger-width",
 			"multiple",
 			"panel-class",
 			"panel-style",
@@ -18562,14 +18581,25 @@ var wf = /* @__PURE__ */ I({
 			String,
 			Object,
 			Array
-		] }
+		] },
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	setup(e) {
 		let t = e;
 		X();
 		let n = Sf();
 		if (!n) throw Error("StSelectDropdown must be used within a StSelectContainer");
-		let r = O(() => t.popoverStyle ? t.popoverStyle : n.triggerWidth.value > 0 ? { width: `${n.triggerWidth.value}px` } : {});
+		let r = O(() => {
+			if (t.popoverStyle) return t.popoverStyle;
+			if (n.triggerWidth.value > 0) {
+				let e = `${n.triggerWidth.value}px`;
+				return t.matchTriggerWidth ? { width: e } : { minWidth: e };
+			}
+			return {};
+		});
 		return (e, i) => (H(), k(Qt, {
 			"content-class": t.popoverClass,
 			"content-style": r.value,
@@ -18711,6 +18741,7 @@ var wf = /* @__PURE__ */ I({
 			class: B(n.value),
 			"show-track": !1,
 			style: V(q(t).style),
+			"content-class": "w-full",
 			"device-type": "desktop",
 			vertical: "",
 			"view-class": "min-h-0 flex-1 px-1 py-1.5"
@@ -18719,7 +18750,7 @@ var wf = /* @__PURE__ */ I({
 			_: 3
 		}, 8, ["class", "style"]));
 	}
-}), kf = { class: "flex-1 truncate text-foreground" }, Af = {
+}), kf = { class: "min-w-0 flex-1 truncate text-foreground" }, Af = {
 	key: 0,
 	class: "st-select__check text-primary"
 }, jf = /* @__PURE__ */ I({
@@ -18784,7 +18815,7 @@ var wf = /* @__PURE__ */ I({
 	setup(e) {
 		let t = J(), n = e;
 		if (!Sf()) throw Error("SelectGroup must be used within a Select");
-		let r = O(() => l("st-select__group-label", "px-3 py-2 text-xs font-semibold text-muted-foreground", t.class));
+		let r = O(() => l("st-select__group-label", "truncate px-3 py-2 text-xs font-semibold text-muted-foreground", t.class));
 		return (e, i) => (H(), j("div", Mf, [M("div", {
 			class: B(r.value),
 			style: V(q(t).style)
@@ -18991,6 +19022,10 @@ var wf = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -19128,6 +19163,7 @@ var wf = /* @__PURE__ */ I({
 		}, {
 			default: $(() => [F(Tf, {
 				disabled: i.disabled,
+				"match-trigger-width": i.matchTriggerWidth,
 				"popover-class": i.popoverClass,
 				"popover-style": i.popoverStyle
 			}, {
@@ -19214,6 +19250,7 @@ var wf = /* @__PURE__ */ I({
 				_: 3
 			}, 8, [
 				"disabled",
+				"match-trigger-width",
 				"popover-class",
 				"popover-style"
 			])]),
@@ -19567,6 +19604,10 @@ var wf = /* @__PURE__ */ I({
 			type: Boolean,
 			default: !0
 		},
+		matchTriggerWidth: {
+			type: Boolean,
+			default: !1
+		},
 		popoverClass: { type: [
 			Boolean,
 			null,
@@ -19746,6 +19787,7 @@ var wf = /* @__PURE__ */ I({
 			list: c.list,
 			loading: c.loading,
 			"loading-text": c.loadingText,
+			"match-trigger-width": c.matchTriggerWidth,
 			"no-match-text": c.noMatchText,
 			"option-class": c.optionClass,
 			"option-style": c.optionStyle,
@@ -19777,7 +19819,7 @@ var wf = /* @__PURE__ */ I({
 				fn: $(() => [G(e.$slots, "prefix")]),
 				key: "2"
 			} : void 0
-		]), 1032, /* @__PURE__ */ "modelValue.class.clearable.content-class.content-style.debounce.disabled.dropdown-class.dropdown-style.empty-class.empty-style.filterable.floating-label.group.group-label-class.group-label-style.label-key.list.loading.loading-text.no-match-text.option-class.option-style.placeholder.popover-class.popover-style.remote.remote-method.size.style.value-key".split("."))) : (H(), k(qf, {
+		]), 1032, /* @__PURE__ */ "modelValue.class.clearable.content-class.content-style.debounce.disabled.dropdown-class.dropdown-style.empty-class.empty-style.filterable.floating-label.group.group-label-class.group-label-style.label-key.list.loading.loading-text.match-trigger-width.no-match-text.option-class.option-style.placeholder.popover-class.popover-style.remote.remote-method.size.style.value-key".split("."))) : (H(), k(qf, {
 			key: 1,
 			ref_key: "selectRef",
 			ref: l,

package/dist/validation.js

@@ -1,2 +1 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.st-input-group-input[type=number][data-v-af941ff6]{-moz-appearance:textfield}.st-input-group-input[type=number][data-v-af941ff6]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.st-input-group-input[type=number][data-v-af941ff6]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.st-input-group-input[data-v-af941ff6]::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.st-input-group-input[data-v-af941ff6]::-webkit-caps-lock-indicator{visibility:hidden}.st-input-group-input[data-v-af941ff6]::-ms-reveal{display:none}.st-color-picker-panel[data-v-1e932aa8]{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-1e932aa8]{cursor:crosshair;border-radius:4px;width:100%;height:160px;margin-bottom:12px;position:relative;overflow:hidden}.st-color-picker-panel__saturation-bg[data-v-1e932aa8]{position:absolute;inset:0}.st-color-picker-panel__saturation-white[data-v-1e932aa8]{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.st-color-picker-panel__saturation-black[data-v-1e932aa8]{background:linear-gradient(#0000,#000);position:absolute;inset:0}.st-color-picker-panel__cursor[data-v-1e932aa8]{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-1e932aa8]{margin-bottom:12px}.st-color-picker-panel__hue-bar[data-v-1e932aa8]{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-1e932aa8]{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-1e932aa8]{margin-bottom:12px}.st-color-picker-panel__alpha-bar[data-v-1e932aa8]{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-1e932aa8]{border-radius:4px;position:absolute;inset:0}.st-color-picker-panel__alpha-thumb[data-v-1e932aa8]{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-1e932aa8]{gap:8px;margin-bottom:12px;display:flex}.st-color-picker-panel__input-item[data-v-1e932aa8]{flex-direction:column;flex:1;gap:4px;display:flex}.st-color-picker-panel__input-label[data-v-1e932aa8]{color:var(--color-muted-foreground);text-transform:uppercase;font-size:11px}.st-color-picker-panel__input[data-v-1e932aa8]{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-1e932aa8]:focus{border-color:var(--color-primary)}.st-color-picker-panel__input[data-v-1e932aa8]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.st-color-picker-panel__input[data-v-1e932aa8]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.st-color-picker-panel__presets[data-v-1e932aa8]{flex-wrap:wrap;gap:6px;display:flex}.st-color-picker-panel__preset-item[data-v-1e932aa8]{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-1e932aa8]:hover{transform:scale(1.15);box-shadow:0 0 0 2px #0000001a}.st-color-picker[data-v-e86e01ab]{position:relative}.st-color-picker--disabled[data-v-e86e01ab]{opacity:.5;cursor:not-allowed}.st-color-picker--focused .st-color-picker__preview[data-v-e86e01ab]{box-shadow:0 0 0 2px var(--color-primary)}.st-color-picker__preview[data-v-e86e01ab]{border:1px solid var(--color-border);border-radius:4px;width:20px;height:20px;transition:box-shadow .2s}.st-color-picker__preview--empty[data-v-e86e01ab]{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-e86e01ab]{color:var(--color-muted-foreground)}input[type=number][data-v-3115292b]{-moz-appearance:textfield}input[type=number][data-v-3115292b]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-3115292b]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 export { t as useInjectFieldValidation, n as useProvideFieldValidation } from "./use-field-validation-BaP5Jru4.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "straw-ui-vue",
-	"version": "0.1.60",
+	"version": "0.1.62",
 	"type": "module",
 	"main": "./dist/straw-ui.js",
 	"module": "./dist/straw-ui.js",