@shtabapp/ui-kit 1.32.0 → 1.34.0

package/dist/{SDropdown-Cv729__Y.js → SDropdown-CTQ5Qlez.js}

@@ -1,10 +1,10 @@
-import { i as e, t } from "./useFloatingOverlay-D-GlpoPP.js";
-import { Fragment as n, Teleport as r, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeModels as f, normalizeClass as p, normalizeStyle as m, openBlock as h, ref as g, renderSlot as _, unref as v, useId as y, useModel as b, useSlots as x, useTemplateRef as S, watch as C, withCtx as w } from "vue";
-import { useElementHover as T } from "@vueuse/core";
+import { i as e, t } from "./useFloatingOverlay-QcumEYEq.js";
+import { Fragment as n, Teleport as r, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderSlot as v, unref as y, useId as b, useModel as x, useSlots as S, useTemplateRef as C, watch as w, withCtx as T } from "vue";
+import { useElementHover as E } from "@vueuse/core";
 //#region src/components/SDropdown/utils/useDropdownPanelTransition.ts
-var E = (e) => {
-	let t = g(e.value), n = g(e.value);
-	return C(e, (e) => {
+var D = (e) => {
+	let t = _(e.value), n = _(e.value);
+	return w(e, (e) => {
 		if (e) {
 			t.value = !0, n.value = !0;
 			return;
@@ -17,13 +17,14 @@ var E = (e) => {
 			e.value || (n.value = !1);
 		}
 	};
-}, D = (e) => {
+}, O = (e) => {
 	if (!e) return null;
 	let t = e.getBoundingClientRect();
 	if (t.width > 0 || t.height > 0) return e;
 	let n = e.firstElementChild;
 	return n instanceof HTMLElement ? n : e;
-}, O = ["id"], ee = ["data-placement"], te = { class: "s-ui-dropdown__content" }, k = /* @__PURE__ */ d({
+}, ee = ["id"], te = ["data-placement"], k = { class: "s-ui-dropdown__content" }, A = /* @__PURE__ */ d({
+	inheritAttrs: !1,
 	__name: "SDropdown",
 	props: /*@__PURE__*/ f({
 		placement: { default: () => e.BOTTOM_START },
@@ -82,20 +83,20 @@ var E = (e) => {
 	}),
 	emits: ["update:modelValue"],
 	setup(e, { expose: d }) {
-		let f = b(e, "modelValue"), { isPanelShown: g, isPanelActive: k, handlePanelAfterLeave: A } = E(f), j = (e) => {
+		let f = x(e, "modelValue"), { isPanelShown: _, isPanelActive: A, handlePanelAfterLeave: j } = D(f), M = (e) => {
 			f.value = e;
-		}, M = x(), N = S("triggerWrapperRef"), P = S("panelRef"), F = y(), I = y(), L = a(() => e.contentId ?? F), R = a(() => M.trigger ? D(N.value) : e.reference), z = a(() => e.teleportTo !== !1), B = a(() => e.teleportTo === !1 ? "body" : e.teleportTo), V = () => {
+		}, N = S(), P = C("triggerWrapperRef"), F = C("panelRef"), I = b(), L = b(), R = a(() => e.contentId ?? I), z = a(() => N.trigger ? O(P.value) : e.reference), B = a(() => e.teleportTo !== !1), V = a(() => e.teleportTo === !1 ? "body" : e.teleportTo), H = () => {
 			e.disabled || (f.value = !f.value);
-		}, H = a(() => ({
-			id: I,
+		}, U = a(() => ({
+			id: L,
 			"aria-expanded": f.value,
 			"aria-haspopup": "dialog",
-			"aria-controls": L.value
-		})), { panelStyles: U, panelMaxHeight: W, resolvedPlacement: G, arrowStyles: K, isArrowOverflow: q, isPositionReady: J, updatePosition: Y } = t({
-			open: () => k.value,
-			onOpenChange: j,
-			reference: () => R.value,
-			panel: () => P.value,
+			"aria-controls": R.value
+		})), { panelStyles: W, panelMaxHeight: G, resolvedPlacement: K, arrowStyles: q, isArrowOverflow: J, isPositionReady: Y, updatePosition: X } = t({
+			open: () => A.value,
+			onOpenChange: M,
+			reference: () => z.value,
+			panel: () => F.value,
 			placement: () => e.placement,
 			offset: () => e.offset,
 			flip: () => e.flip,
@@ -106,8 +107,8 @@ var E = (e) => {
 			dismissOnEscape: () => e.dismissOnEscape,
 			viewportPadding: () => e.viewportPadding,
 			arrow: () => e.arrow
-		}), X = a(() => e.showOnHover ? R.value : null), Z = a(() => e.showOnHover ? P.value : null), Q = T(X, { delayLeave: e.hoverLeaveDelay }), $ = T(Z, { delayLeave: e.hoverLeaveDelay });
-		C([
+		}), Z = a(() => e.showOnHover ? z.value : null), ne = a(() => e.showOnHover ? F.value : null), Q = E(Z, { delayLeave: e.hoverLeaveDelay }), $ = E(ne, { delayLeave: e.hoverLeaveDelay });
+		w([
 			Q,
 			$,
 			() => e.showOnHover,
@@ -115,60 +116,60 @@ var E = (e) => {
 		], () => {
 			if (e.showOnHover) {
 				if (e.disabled) {
-					j(!1);
+					M(!1);
 					return;
 				}
-				j(Q.value || $.value);
+				M(Q.value || $.value);
 			}
 		});
-		let ne = a(() => !!W.value), re = a(() => {
-			if (W.value) return { maxHeight: `${W.value}px` };
+		let re = a(() => !!G.value), ie = a(() => {
+			if (G.value) return { maxHeight: `${G.value}px` };
 		});
-		return C(() => e.disabled, (e) => {
+		return w(() => e.disabled, (e) => {
 			e && f.value && (f.value = !1);
-		}), d({ updatePosition: Y }), (t, a) => (h(), c(n, null, [v(M).trigger ? (h(), c("span", {
+		}), d({ updatePosition: X }), (t, a) => (g(), c(n, null, [y(N).trigger ? (g(), c("span", p({
 			key: 0,
 			ref_key: "triggerWrapperRef",
-			ref: N,
+			ref: P,
 			class: "s-ui-dropdown"
-		}, [_(t.$slots, "trigger", {
+		}, t.$attrs), [v(t.$slots, "trigger", {
 			open: f.value,
-			toggle: V,
-			triggerProps: H.value
-		})], 512)) : s("", !0), (h(), o(r, {
-			to: B.value,
-			disabled: !z.value
+			toggle: H,
+			triggerProps: U.value
+		})], 16)) : s("", !0), (g(), o(r, {
+			to: V.value,
+			disabled: !B.value
 		}, [u(i, {
 			name: "s-ui-dropdown",
-			onAfterLeave: v(A)
+			onAfterLeave: y(j)
 		}, {
-			default: w(() => [v(g) ? (h(), c("div", {
+			default: T(() => [y(_) ? (g(), c("div", {
 				key: 0,
-				id: L.value,
+				id: R.value,
 				ref_key: "panelRef",
-				ref: P,
-				class: p(["s-ui-dropdown__panel", {
+				ref: F,
+				class: m(["s-ui-dropdown__panel", {
 					"s-ui-dropdown__panel--match-reference-width": e.matchReferenceWidth,
-					"s-ui-dropdown__panel--ready": v(J)
+					"s-ui-dropdown__panel--ready": y(Y)
 				}]),
-				style: m(v(U)),
+				style: h(y(W)),
 				role: "dialog"
 			}, [l("div", {
-				class: p(["s-ui-dropdown__surface", [e.surfaceClass, {
-					"s-ui-dropdown__surface--fit-viewport": ne.value,
+				class: m(["s-ui-dropdown__surface", [e.surfaceClass, {
+					"s-ui-dropdown__surface--fit-viewport": re.value,
 					"s-ui-dropdown__surface--with-arrow": e.arrow
 				}]]),
-				style: m(re.value),
-				"data-placement": v(G)
-			}, [e.arrow ? (h(), c("div", {
+				style: h(ie.value),
+				"data-placement": y(K)
+			}, [e.arrow ? (g(), c("div", {
 				key: 0,
-				class: p(["s-ui-dropdown__arrow", { "s-ui-dropdown__arrow--overflow": v(q) }]),
-				style: m(v(K)),
+				class: m(["s-ui-dropdown__arrow", { "s-ui-dropdown__arrow--overflow": y(J) }]),
+				style: h(y(q)),
 				"aria-hidden": "true"
-			}, [...a[0] ||= [l("span", { class: "s-ui-dropdown__arrow-outer" }, null, -1), l("span", { class: "s-ui-dropdown__arrow-inner" }, null, -1)]], 6)) : s("", !0), l("div", te, [_(t.$slots, "content", { resolvedPlacement: v(G) })])], 14, ee)], 14, O)) : s("", !0)]),
+			}, [...a[0] ||= [l("span", { class: "s-ui-dropdown__arrow-outer" }, null, -1), l("span", { class: "s-ui-dropdown__arrow-inner" }, null, -1)]], 6)) : s("", !0), l("div", k, [v(t.$slots, "content", { resolvedPlacement: y(K) })])], 14, te)], 14, ee)) : s("", !0)]),
 			_: 3
 		}, 8, ["onAfterLeave"])], 8, ["to", "disabled"]))], 64));
 	}
 });
 //#endregion
-export { k as t };
+export { A as t };

package/dist/SDropdown-_QUOP-rw.cjs

@@ -0,0 +1 @@
+const e=require("./useFloatingOverlay-B1UCUYQQ.cjs");let t=require("vue"),n=require("@vueuse/core");var r=e=>{let n=(0,t.ref)(e.value),r=(0,t.ref)(e.value);return(0,t.watch)(e,e=>{if(e){n.value=!0,r.value=!0;return}n.value=!1},{flush:`sync`}),{isPanelShown:n,isPanelActive:r,handlePanelAfterLeave:()=>{e.value||(r.value=!1)}}},i=e=>{if(!e)return null;let t=e.getBoundingClientRect();if(t.width>0||t.height>0)return e;let n=e.firstElementChild;return n instanceof HTMLElement?n:e},a=[`id`],o=[`data-placement`],s={class:`s-ui-dropdown__content`},c=(0,t.defineComponent)({inheritAttrs:!1,__name:`SDropdown`,props:(0,t.mergeModels)({placement:{default:()=>e.i.BOTTOM_START},offset:{default:8},flip:{type:Boolean,default:!0},shift:{type:Boolean,default:!1},matchReferenceWidth:{type:Boolean,default:!1},fitViewport:{type:Boolean,default:!1},surfaceClass:{},teleportTo:{type:[String,Boolean],default:`body`},dismissOnClickOutside:{type:Boolean,default:!0},dismissOnEscape:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},reference:{default:null},contentId:{},viewportPadding:{default:8},arrow:{type:Boolean,default:!1},showOnHover:{type:Boolean,default:!1},hoverLeaveDelay:{default:100}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(c,{expose:l}){let u=(0,t.useModel)(c,`modelValue`),{isPanelShown:d,isPanelActive:f,handlePanelAfterLeave:p}=r(u),m=e=>{u.value=e},h=(0,t.useSlots)(),g=(0,t.useTemplateRef)(`triggerWrapperRef`),_=(0,t.useTemplateRef)(`panelRef`),v=(0,t.useId)(),y=(0,t.useId)(),b=(0,t.computed)(()=>c.contentId??v),x=(0,t.computed)(()=>h.trigger?i(g.value):c.reference),S=(0,t.computed)(()=>c.teleportTo!==!1),C=(0,t.computed)(()=>c.teleportTo===!1?`body`:c.teleportTo),w=()=>{c.disabled||(u.value=!u.value)},T=(0,t.computed)(()=>({id:y,"aria-expanded":u.value,"aria-haspopup":`dialog`,"aria-controls":b.value})),{panelStyles:E,panelMaxHeight:D,resolvedPlacement:O,arrowStyles:k,isArrowOverflow:A,isPositionReady:j,updatePosition:M}=e.t({open:()=>f.value,onOpenChange:m,reference:()=>x.value,panel:()=>_.value,placement:()=>c.placement,offset:()=>c.offset,flip:()=>c.flip,shift:()=>c.shift,matchReferenceWidth:()=>c.matchReferenceWidth,fitViewport:()=>c.fitViewport,dismissOnClickOutside:()=>c.dismissOnClickOutside,dismissOnEscape:()=>c.dismissOnEscape,viewportPadding:()=>c.viewportPadding,arrow:()=>c.arrow}),N=(0,t.computed)(()=>c.showOnHover?x.value:null),P=(0,t.computed)(()=>c.showOnHover?_.value:null),F=(0,n.useElementHover)(N,{delayLeave:c.hoverLeaveDelay}),I=(0,n.useElementHover)(P,{delayLeave:c.hoverLeaveDelay});(0,t.watch)([F,I,()=>c.showOnHover,()=>c.disabled],()=>{if(c.showOnHover){if(c.disabled){m(!1);return}m(F.value||I.value)}});let L=(0,t.computed)(()=>!!D.value),R=(0,t.computed)(()=>{if(D.value)return{maxHeight:`${D.value}px`}});return(0,t.watch)(()=>c.disabled,e=>{e&&u.value&&(u.value=!1)}),l({updatePosition:M}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.unref)(h).trigger?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,(0,t.mergeProps)({key:0,ref_key:`triggerWrapperRef`,ref:g,class:`s-ui-dropdown`},e.$attrs),[(0,t.renderSlot)(e.$slots,`trigger`,{open:u.value,toggle:w,triggerProps:T.value})],16)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:C.value,disabled:!S.value},[(0,t.createVNode)(t.Transition,{name:`s-ui-dropdown`,onAfterLeave:(0,t.unref)(p)},{default:(0,t.withCtx)(()=>[(0,t.unref)(d)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:b.value,ref_key:`panelRef`,ref:_,class:(0,t.normalizeClass)([`s-ui-dropdown__panel`,{"s-ui-dropdown__panel--match-reference-width":c.matchReferenceWidth,"s-ui-dropdown__panel--ready":(0,t.unref)(j)}]),style:(0,t.normalizeStyle)((0,t.unref)(E)),role:`dialog`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`s-ui-dropdown__surface`,[c.surfaceClass,{"s-ui-dropdown__surface--fit-viewport":L.value,"s-ui-dropdown__surface--with-arrow":c.arrow}]]),style:(0,t.normalizeStyle)(R.value),"data-placement":(0,t.unref)(O)},[c.arrow?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`s-ui-dropdown__arrow`,{"s-ui-dropdown__arrow--overflow":(0,t.unref)(A)}]),style:(0,t.normalizeStyle)((0,t.unref)(k)),"aria-hidden":`true`},[...n[0]||=[(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-outer`},null,-1),(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-inner`},null,-1)]],6)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,s,[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(O)})])],14,o)],14,a)):(0,t.createCommentVNode)(``,!0)]),_:3},8,[`onAfterLeave`])],8,[`to`,`disabled`]))],64))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/{SSelect-iBb45tet.js → SSelect-AcH04gtk.js}

@@ -1,8 +1,8 @@
 import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
 import { t as r } from "./SButton-DnU_XZ1C.js";
 import { n as i } from "./useSelectionGroup-cKj38lEN.js";
-import { n as a, t as o } from "./SInput-iNlzBX5m.js";
-import { t as s } from "./SDropdown-Cv729__Y.js";
+import { t as a } from "./SDropdown-CTQ5Qlez.js";
+import { n as o, t as s } from "./SInput-iNlzBX5m.js";
 import { i as c, n as l, r as u, t as d } from "./SList-C_S9ej45.js";
 import { t as f } from "./SListItem-BD7wvCNe.js";
 import { computed as p, createBlock as ee, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as te, createVNode as v, defineComponent as y, guardReactiveProps as b, isRef as ne, mergeModels as x, mergeProps as re, nextTick as S, normalizeClass as C, normalizeProps as w, normalizeStyle as ie, openBlock as T, ref as E, renderSlot as D, toDisplayString as O, toValue as k, unref as A, useId as ae, useModel as oe, useSlots as se, useTemplateRef as j, vModelText as ce, watch as M, withCtx as N, withDirectives as le, withModifiers as ue } from "vue";
@@ -248,6 +248,10 @@ var fe = {
 		listHeight: { default: 320 },
 		searchPlaceholder: { default: "Search" },
 		filterOption: { type: Function },
+		fitViewport: {
+			type: Boolean,
+			default: !0
+		},
 		label: {},
 		labelProps: {},
 		placeholder: {},
@@ -266,7 +270,7 @@ var fe = {
 			default: !1
 		},
 		iconLeft: {},
-		customize: { default: () => a.NONE },
+		customize: { default: () => o.NONE },
 		name: {},
 		id: {}
 	}, {
@@ -282,7 +286,7 @@ var fe = {
 		"open",
 		"close"
 	], ["update:modelValue", "update:searchQuery"]),
-	setup(i, { expose: a, emit: c }) {
+	setup(i, { expose: o, emit: c }) {
 		let l = oe(i, "modelValue"), u = oe(i, "searchQuery"), y = c, x = se(), ie = ae(), k = ae(), fe = j("triggerInputRef"), pe = E(""), P = j("searchInputElementRef"), F = j("panelSearchInputElementRef"), I = j("listElementRef"), R = E(), z = E(!1), B = E(!1), V = p(() => i.itemId ?? i.itemValue), ge = p(() => ({
 			itemValue: i.itemValue,
 			itemTitle: i.itemTitle,
@@ -425,18 +429,18 @@ var fe = {
 		}, mt = () => {
 			Me(), y("clear");
 		};
-		return a({
+		return o({
 			open: Q,
 			close: $,
 			toggle: at,
 			focusSearchInput: Qe
-		}), (a, c) => (T(), h("div", { class: C(["s-ui-select", Ze.value]) }, [v(A(s), {
+		}), (o, c) => (T(), h("div", { class: C(["s-ui-select", Ze.value]) }, [v(A(a), {
 			modelValue: z.value,
 			"onUpdate:modelValue": c[4] ||= (e) => z.value = e,
 			reference: Je.value,
 			disabled: i.disabled,
 			"match-reference-width": !0,
-			"fit-viewport": !0,
+			"fit-viewport": i.fitViewport,
 			"content-id": qe.value,
 			"dismiss-on-click-outside": !0,
 			"dismiss-on-escape": !0
@@ -471,7 +475,7 @@ var fe = {
 					"item-props": Ue
 				}, _({ _: 2 }, [A(x).option ? {
 					name: "item",
-					fn: N((e) => [D(a.$slots, "option", w(b(e)))]),
+					fn: N((e) => [D(o.$slots, "option", w(b(e)))]),
 					key: "0"
 				} : i.closableOptions ? {
 					name: "item",
@@ -509,11 +513,11 @@ var fe = {
 					"height",
 					"max-height",
 					"virtual"
-				])) : (T(), h("div", xe, [D(a.$slots, "empty", {}, () => [c[8] ||= te("No options", -1)])]))], 32)]),
+				])) : (T(), h("div", xe, [D(o.$slots, "empty", {}, () => [c[8] ||= te("No options", -1)])]))], 32)]),
 				_: 2
 			}, [A(X) ? {
 				name: "header",
-				fn: N(() => [v(A(o), {
+				fn: N(() => [v(A(s), {
 					ref_key: "panelSearchInputElementRef",
 					ref: F,
 					modelValue: u.value,
@@ -533,7 +537,7 @@ var fe = {
 				key: "0"
 			} : void 0, A(x)["panel-footer"] ? {
 				name: "footer",
-				fn: N(() => [D(a.$slots, "panel-footer")]),
+				fn: N(() => [D(o.$slots, "panel-footer")]),
 				key: "1"
 			} : void 0]), 1024)]),
 			_: 3
@@ -541,8 +545,9 @@ var fe = {
 			"modelValue",
 			"reference",
 			"disabled",
+			"fit-viewport",
 			"content-id"
-		]), v(A(o), {
+		]), v(A(s), {
 			ref_key: "triggerInputRef",
 			ref: fe,
 			modelValue: pe.value,
@@ -584,8 +589,8 @@ var fe = {
 				onClick: ot,
 				onKeydown: lt
 			}, [
-				A(Z) ? D(a.$slots, "selection", w(re({ key: 0 }, Ye.value)), () => [A(K) ? (T(), h("span", Ce, O(A(K)), 1)) : A(q) && !A(J) ? (T(), h("span", we, O(i.placeholder), 1)) : m("", !0)]) : A(q) && !A(J) ? (T(), h("span", Te, O(i.placeholder), 1)) : A(J) ? m("", !0) : (T(), h("span", Ee, O(A(ve)), 1)),
-				Ie.value && !A(Z) && !A(J) && !A(q) ? (T(), h("div", De, [D(a.$slots, "value-suffix", w(b(Le.value)))])) : m("", !0),
+				A(Z) ? D(o.$slots, "selection", w(re({ key: 0 }, Ye.value)), () => [A(K) ? (T(), h("span", Ce, O(A(K)), 1)) : A(q) && !A(J) ? (T(), h("span", we, O(i.placeholder), 1)) : m("", !0)]) : A(q) && !A(J) ? (T(), h("span", Te, O(i.placeholder), 1)) : A(J) ? m("", !0) : (T(), h("span", Ee, O(A(ve)), 1)),
+				Ie.value && !A(Z) && !A(J) && !A(q) ? (T(), h("div", De, [D(o.$slots, "value-suffix", w(b(Le.value)))])) : m("", !0),
 				A(J) ? le((T(), h("input", {
 					key: 4,
 					ref_key: "searchInputElementRef",
@@ -612,22 +617,22 @@ var fe = {
 		}, [
 			A(x).label ? {
 				name: "label",
-				fn: N(() => [D(a.$slots, "label")]),
+				fn: N(() => [D(o.$slots, "label")]),
 				key: "0"
 			} : void 0,
 			A(x).prefix ? {
 				name: "prefix",
-				fn: N((e) => [D(a.$slots, "prefix", w(b(e)))]),
+				fn: N((e) => [D(o.$slots, "prefix", w(b(e)))]),
 				key: "1"
 			} : void 0,
 			A(x).prepend ? {
 				name: "prepend",
-				fn: N((e) => [D(a.$slots, "prepend", w(b(e)))]),
+				fn: N((e) => [D(o.$slots, "prepend", w(b(e)))]),
 				key: "2"
 			} : void 0,
 			A(x).message ? {
 				name: "message",
-				fn: N(() => [D(a.$slots, "message")]),
+				fn: N(() => [D(o.$slots, "message")]),
 				key: "3"
 			} : void 0
 		]), 1032, [

package/dist/{SSelect-CgL7ECfS.cjs → SSelect-CT3AMH-u.cjs}

@@ -1 +1 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./SInput-DYS84eMS.cjs"),i=require("./SDropdown-B6b7IDjp.cjs"),a=require("./SList-CU2Sy9Md.cjs"),o=require("./SListItem-BDkldLVt.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l={key:0,class:`s-ui-dropdown-menu__header`},u={key:1,class:`s-ui-dropdown-menu__footer`},d=(0,s.defineComponent)({__name:`SDropdownMenu`,props:{width:{},maxHeight:{},accent:{type:Boolean,default:!1}},setup(e){let t=(0,s.useSlots)(),n=e=>typeof e==`number`?`${e}px`:e,r=(0,s.computed)(()=>({"s-ui-dropdown-menu--accent":e.accent,"s-ui-dropdown-menu--bounded":!!e.maxHeight})),i=(0,s.computed)(()=>({"s-ui-dropdown-menu__body--scrollable":!!e.maxHeight})),a=(0,s.computed)(()=>({"--s-ui-dropdown-menu-width":n(e.width),"--s-ui-dropdown-menu-max-height":n(e.maxHeight)}));return(e,n)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu`,r.value]),style:(0,s.normalizeStyle)(a.value)},[(0,s.unref)(t).header?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,l,[(0,s.renderSlot)(e.$slots,`header`)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu__body`,i.value])},[(0,s.renderSlot)(e.$slots,`default`)],2),(0,s.unref)(t).footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,u,[(0,s.renderSlot)(e.$slots,`footer`)])):(0,s.createCommentVNode)(``,!0)],6))}}),f=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},p=e=>typeof e==`string`||typeof e==`number`,m=(e,t)=>{let n=e[t];if(p(n))return n},h=e=>typeof e==`string`?e:String(e),g=e=>e==null?!1:typeof e==`string`?e.length>0:!0,_=(e,t,n)=>t.find(t=>h(m(t,n)??``)===e),v=e=>typeof e==`object`&&!!e,y=(e,t,n)=>{let r=_(e,t,n);if(r)return m(r,n)},b=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),x=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=h(m(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},S=(e,t,n,r)=>{let i=r??((e,t)=>x(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},C=e=>typeof e==`string`&&g(e),w=e=>typeof e==`number`&&g(e),T=(e,t,n)=>{if(t){if(!v(e))return;let t=m(e,n);return C(t)||w(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(C(r)||w(r))return r},E=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=T(e,t,n);return g(r)?[r]:[]}):[],D=(e,t)=>{if(C(t)){e.value=t;return}if(w(t)){e.value=t;return}e.value=void 0},O=(e,t,n)=>t.flatMap(t=>{let r=h(t),i=e.find(e=>h(m(e,n)??``)===r);return i?[i]:[]}),k=({modelValue:e,options:t,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let f=(0,s.computed)(()=>(0,s.toValue)(i)),p=(0,s.computed)(()=>(0,s.toValue)(o)),v=(0,s.computed)(()=>(0,s.toValue)(c)===b.INPUT),x=(0,s.computed)(()=>(0,s.toValue)(c)===b.CONTENT),C=(0,s.computed)(()=>!!(0,s.toValue)(c)),w=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return E(e.value,p.value,t.itemValue)}),T=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return S(e,C.value?d.value:``,n,(0,s.toValue)(l))}),k=(0,s.computed)(()=>f.value?n.n.MULTIPLE:n.n.SINGLE),A=(t,n,r)=>{if(p.value){e.value=O(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(p.value){e.value=_(t,n,r)??void 0;return}D(e,y(t,n,r))},te=(0,s.computed)({get:()=>{if(f.value)return w.value.map(e=>h(e));let e=w.value[0];if(g(e))return h(e)},set:e=>{let n=(0,s.toValue)(t),i=(0,s.toValue)(r);if(f.value){A((Array.isArray(e)?e:[]).map(e=>y(e,n,i.itemValue)).filter(e=>g(e)),n,i.itemValue);return}ee(typeof e==`string`?e:void 0,n,i.itemValue)}}),j=(0,s.computed)(()=>w.value.length>0),M=(e,t,n)=>{let r=h(t);return e.find(e=>h(m(e,n)??``)===r)},N=(0,s.computed)(()=>{let e=w.value[0];if(!g(e))return``;let n=(0,s.toValue)(r),i=M((0,s.toValue)(t),e,n.itemValue);return i?a.i(i,n.itemTitle)??``:h(e)}),P=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return w.value.map(t=>{let r=M(e,t,n.itemValue);return r?a.i(r,n.itemTitle)??``:h(t)})}),ne=(0,s.computed)(()=>P.value.join(`, `)),re=(0,s.computed)(()=>f.value?w.value.length===0:!N.value),F=(0,s.computed)(()=>v.value&&(u.value||f.value)),I=()=>{d.value=``};return(0,s.watch)(u,e=>{e||I()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{I()}),{searchQuery:d,selectedValues:w,filteredOptions:T,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:j,singleDisplayLabel:N,multipleDisplayLabels:P,multipleDisplayText:ne,showPlaceholder:re,showInputSearchField:F,isSearchableMode:C,isSearchableInputMode:v,isSearchableContentMode:x,isMultipleMode:f,isReturnObjectMode:p,clearSelection:()=>{e.value=void 0,I()},removeSelectedValue:e=>{let n=h(e);A(w.value.filter(e=>h(e)!==n),(0,s.toValue)(t),(0,s.toValue)(r).itemValue)},resetSearchQuery:I,formatSelectListKey:h,resolveValueFromListKey:e=>y(e,(0,s.toValue)(t),(0,s.toValue)(r).itemValue)}},A={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},ee=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],te={key:0,class:`s-ui-select__value`},j={key:1,class:`s-ui-select__placeholder`},M={key:1,class:`s-ui-select__placeholder`},N={key:2,class:`s-ui-select__value`},P={key:3,class:`s-ui-select__value-suffix`},ne=[`name`,`placeholder`,`disabled`,`readonly`],re=20,F=20,I=(0,s.defineComponent)({inheritAttrs:!1,__name:`SSelect`,props:(0,s.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>r.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(n,{expose:l,emit:u}){let p=(0,s.useModel)(n,`modelValue`),m=(0,s.useModel)(n,`searchQuery`),h=u,_=(0,s.useSlots)(),v=(0,s.useId)(),y=(0,s.useId)(),b=(0,s.useTemplateRef)(`triggerInputRef`),x=(0,s.ref)(``),S=(0,s.useTemplateRef)(`searchInputElementRef`),C=(0,s.useTemplateRef)(`panelSearchInputElementRef`),w=(0,s.useTemplateRef)(`listElementRef`),T=(0,s.ref)(),E=(0,s.ref)(!1),D=(0,s.ref)(!1),O=(0,s.computed)(()=>n.itemId??n.itemValue),I=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:O.value})),{selectedValues:L,filteredOptions:R,listSelectionMode:ie,listSelectedModel:z,hasSelectedValues:B,singleDisplayLabel:ae,multipleDisplayLabels:oe,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:se,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:ce,removeSelectedValue:q,resolveValueFromListKey:le,formatSelectListKey:J}=k({modelValue:p,options:()=>n.options,itemFields:()=>I.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:E,searchQuery:m}),ue=(0,s.computed)(()=>!!_[`value-suffix`]),de=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:ae.value})),Y=(0,s.computed)(()=>R.value.length>F),fe=(0,s.computed)(()=>G.value||Y.value?n.listHeight:`auto`),pe=(0,s.computed)(()=>{if(!(G.value||Y.value))return n.listHeight}),me=(0,s.computed)(()=>L.value.map(e=>J(e))),he=e=>me.value.includes(e),ge=()=>({tiny:!0}),_e=e=>f({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:T.value,isOptionSelected:he(e.key)}),ve=e=>{let t=le(e);if(g(t)){if(K.value){q(t);return}p.value=void 0}},ye=(0,s.computed)(()=>n.id??v),be=(0,s.computed)(()=>y),xe=(0,s.computed)(()=>b.value?.fieldElementRef??null),Se=(0,s.computed)(()=>({labels:oe.value,values:L.value,displayText:V.value,disabled:n.disabled||n.readonly,removeValue:q})),Ce=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!W.value||!W.value))return 0}),we=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":E.value})),Te=()=>{if(G.value){C.value?.focus();return}S.value?.focus()},Ee=async()=>{await(0,s.nextTick)(),C.value?.focus()},De=async()=>{await(0,s.nextTick)(),await w.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!E.value){if(E.value=!0,h(`open`),G.value){await Ee();return}if(W.value){await(0,s.nextTick)(),S.value?.focus();return}await De()}},Oe=async()=>{n.disabled||n.readonly||E.value||await X()};(0,s.watch)(m,async e=>{W.value&&(n.disabled||n.readonly||e&&(E.value||await X()))});let Z=()=>{E.value&&(E.value=!1,T.value=void 0,h(`close`))},Q=()=>{!n.closeOnSelect||K.value||Z()};(0,s.watch)(p,(e,t)=>{!n.closeOnSelect||K.value||!E.value||!e||e===t||Z()});let ke=e=>{E.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Ae=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||E.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(E.value){Z();return}await X()},je=async e=>{if(!(n.disabled||n.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){E.value||await X();return}await $()}},Me=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),E.value||await X(),await De(),await w.value?.handleKeyboardNavigation(e),!0),Ne=e=>{let t=le(e);if(t){if(K.value){L.value.some(t=>J(t)===e)?q(t):z.value=[...L.value.map(e=>J(e)),e];return}z.value=e,Q()}},Pe=async e=>{if(!(n.disabled||n.readonly)&&!await Me(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),E.value&&T.value){Ne(T.value);return}await $()}}},Fe=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Me(e)},Ie=Fe,Le=e=>{n.disabled||(D.value||h(`focus`,e),D.value=!0)},Re=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(D.value=!1,h(`blur`,e))},ze=()=>{ce(),h(`clear`)};return l({open:X,close:Z,toggle:$,focusSearchInput:Te}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,we.value])},[(0,s.createVNode)((0,s.unref)(i.t),{modelValue:E.value,"onUpdate:modelValue":u[4]||=e=>E.value=e,reference:xe.value,disabled:n.disabled,"match-reference-width":!0,"fit-viewport":!0,"content-id":be.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(d),{class:`s-ui-select__menu`,width:`100%`},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:ke,onKeydown:Ae},[(0,s.unref)(R).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:w,modelValue:T.value,"onUpdate:modelValue":u[2]||=e=>T.value=e,selected:(0,s.unref)(z),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(z)?z.value=e:null,items:(0,s.unref)(R),"item-key":O.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(ie),mandatory:!n.multiple,height:fe.value,"max-height":pe.value,virtual:Y.value,"item-props":ge},(0,s.createSlots)({_:2},[(0,s.unref)(_).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:n.closableOptions?{name:`item`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(_e(n))),(0,s.createSlots)({_:2},[he(n.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(t.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>ve(n.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,A,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[u[8]||=(0,s.createTextVNode)(`No options`,-1)])]))],32)]),_:2},[(0,s.unref)(G)?{name:`header`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`panelSearchInputElementRef`,ref:C,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:n.searchPlaceholder,disabled:n.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(Ie)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])]),key:`0`}:void 0,(0,s.unref)(_)[`panel-footer`]?{name:`footer`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`panel-footer`)]),key:`1`}:void 0]),1024)]),_:3},8,[`modelValue`,`reference`,`disabled`,`content-id`]),(0,s.createVNode)((0,s.unref)(r.t),{ref_key:`triggerInputRef`,ref:b,modelValue:x.value,"onUpdate:modelValue":u[7]||=e=>x.value=e,label:n.label,"label-props":n.labelProps,placeholder:n.placeholder,"help-messages":n.helpMessages,"error-messages":n.errorMessages,bordered:n.bordered,disabled:n.disabled,readonly:n.readonly,clearable:n.clearable,"has-value":(0,s.unref)(B),focused:D.value||E.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:ye.value,onClear:ze,onFocus:Le,onBlur:Re},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:ye.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(B)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":ue.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":E.value,"aria-controls":be.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(se)?`list`:void 0,tabindex:Ce.value,onClick:je,onKeydown:Pe},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Se.value)),()=>[(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,te,(0,s.toDisplayString)((0,s.unref)(V)),1)):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,M,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,N,(0,s.toDisplayString)((0,s.unref)(ae)),1)),ue.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,P,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(de.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(U)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:S,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:Oe,onKeydown:Fe},null,40,ne)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,ee)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:re,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(_).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(_).prefix?{name:`prefix`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prefix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,s.unref)(_).prepend?{name:`prepend`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prepend`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,s.unref)(_).message?{name:`message`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return I}});
+const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./SDropdown-_QUOP-rw.cjs"),i=require("./SInput-DYS84eMS.cjs"),a=require("./SList-CU2Sy9Md.cjs"),o=require("./SListItem-BDkldLVt.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l={key:0,class:`s-ui-dropdown-menu__header`},u={key:1,class:`s-ui-dropdown-menu__footer`},d=(0,s.defineComponent)({__name:`SDropdownMenu`,props:{width:{},maxHeight:{},accent:{type:Boolean,default:!1}},setup(e){let t=(0,s.useSlots)(),n=e=>typeof e==`number`?`${e}px`:e,r=(0,s.computed)(()=>({"s-ui-dropdown-menu--accent":e.accent,"s-ui-dropdown-menu--bounded":!!e.maxHeight})),i=(0,s.computed)(()=>({"s-ui-dropdown-menu__body--scrollable":!!e.maxHeight})),a=(0,s.computed)(()=>({"--s-ui-dropdown-menu-width":n(e.width),"--s-ui-dropdown-menu-max-height":n(e.maxHeight)}));return(e,n)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu`,r.value]),style:(0,s.normalizeStyle)(a.value)},[(0,s.unref)(t).header?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,l,[(0,s.renderSlot)(e.$slots,`header`)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu__body`,i.value])},[(0,s.renderSlot)(e.$slots,`default`)],2),(0,s.unref)(t).footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,u,[(0,s.renderSlot)(e.$slots,`footer`)])):(0,s.createCommentVNode)(``,!0)],6))}}),f=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},p=e=>typeof e==`string`||typeof e==`number`,m=(e,t)=>{let n=e[t];if(p(n))return n},h=e=>typeof e==`string`?e:String(e),g=e=>e==null?!1:typeof e==`string`?e.length>0:!0,_=(e,t,n)=>t.find(t=>h(m(t,n)??``)===e),v=e=>typeof e==`object`&&!!e,y=(e,t,n)=>{let r=_(e,t,n);if(r)return m(r,n)},b=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),x=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=h(m(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},S=(e,t,n,r)=>{let i=r??((e,t)=>x(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},C=e=>typeof e==`string`&&g(e),w=e=>typeof e==`number`&&g(e),T=(e,t,n)=>{if(t){if(!v(e))return;let t=m(e,n);return C(t)||w(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(C(r)||w(r))return r},E=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=T(e,t,n);return g(r)?[r]:[]}):[],D=(e,t)=>{if(C(t)){e.value=t;return}if(w(t)){e.value=t;return}e.value=void 0},O=(e,t,n)=>t.flatMap(t=>{let r=h(t),i=e.find(e=>h(m(e,n)??``)===r);return i?[i]:[]}),k=({modelValue:e,options:t,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let f=(0,s.computed)(()=>(0,s.toValue)(i)),p=(0,s.computed)(()=>(0,s.toValue)(o)),v=(0,s.computed)(()=>(0,s.toValue)(c)===b.INPUT),x=(0,s.computed)(()=>(0,s.toValue)(c)===b.CONTENT),C=(0,s.computed)(()=>!!(0,s.toValue)(c)),w=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return E(e.value,p.value,t.itemValue)}),T=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return S(e,C.value?d.value:``,n,(0,s.toValue)(l))}),k=(0,s.computed)(()=>f.value?n.n.MULTIPLE:n.n.SINGLE),A=(t,n,r)=>{if(p.value){e.value=O(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(p.value){e.value=_(t,n,r)??void 0;return}D(e,y(t,n,r))},te=(0,s.computed)({get:()=>{if(f.value)return w.value.map(e=>h(e));let e=w.value[0];if(g(e))return h(e)},set:e=>{let n=(0,s.toValue)(t),i=(0,s.toValue)(r);if(f.value){A((Array.isArray(e)?e:[]).map(e=>y(e,n,i.itemValue)).filter(e=>g(e)),n,i.itemValue);return}ee(typeof e==`string`?e:void 0,n,i.itemValue)}}),j=(0,s.computed)(()=>w.value.length>0),M=(e,t,n)=>{let r=h(t);return e.find(e=>h(m(e,n)??``)===r)},N=(0,s.computed)(()=>{let e=w.value[0];if(!g(e))return``;let n=(0,s.toValue)(r),i=M((0,s.toValue)(t),e,n.itemValue);return i?a.i(i,n.itemTitle)??``:h(e)}),P=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return w.value.map(t=>{let r=M(e,t,n.itemValue);return r?a.i(r,n.itemTitle)??``:h(t)})}),ne=(0,s.computed)(()=>P.value.join(`, `)),re=(0,s.computed)(()=>f.value?w.value.length===0:!N.value),F=(0,s.computed)(()=>v.value&&(u.value||f.value)),I=()=>{d.value=``};return(0,s.watch)(u,e=>{e||I()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{I()}),{searchQuery:d,selectedValues:w,filteredOptions:T,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:j,singleDisplayLabel:N,multipleDisplayLabels:P,multipleDisplayText:ne,showPlaceholder:re,showInputSearchField:F,isSearchableMode:C,isSearchableInputMode:v,isSearchableContentMode:x,isMultipleMode:f,isReturnObjectMode:p,clearSelection:()=>{e.value=void 0,I()},removeSelectedValue:e=>{let n=h(e);A(w.value.filter(e=>h(e)!==n),(0,s.toValue)(t),(0,s.toValue)(r).itemValue)},resetSearchQuery:I,formatSelectListKey:h,resolveValueFromListKey:e=>y(e,(0,s.toValue)(t),(0,s.toValue)(r).itemValue)}},A={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},ee=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],te={key:0,class:`s-ui-select__value`},j={key:1,class:`s-ui-select__placeholder`},M={key:1,class:`s-ui-select__placeholder`},N={key:2,class:`s-ui-select__value`},P={key:3,class:`s-ui-select__value-suffix`},ne=[`name`,`placeholder`,`disabled`,`readonly`],re=20,F=20,I=(0,s.defineComponent)({inheritAttrs:!1,__name:`SSelect`,props:(0,s.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},fitViewport:{type:Boolean,default:!0},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>i.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(n,{expose:l,emit:u}){let p=(0,s.useModel)(n,`modelValue`),m=(0,s.useModel)(n,`searchQuery`),h=u,_=(0,s.useSlots)(),v=(0,s.useId)(),y=(0,s.useId)(),b=(0,s.useTemplateRef)(`triggerInputRef`),x=(0,s.ref)(``),S=(0,s.useTemplateRef)(`searchInputElementRef`),C=(0,s.useTemplateRef)(`panelSearchInputElementRef`),w=(0,s.useTemplateRef)(`listElementRef`),T=(0,s.ref)(),E=(0,s.ref)(!1),D=(0,s.ref)(!1),O=(0,s.computed)(()=>n.itemId??n.itemValue),I=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:O.value})),{selectedValues:L,filteredOptions:R,listSelectionMode:ie,listSelectedModel:z,hasSelectedValues:B,singleDisplayLabel:ae,multipleDisplayLabels:oe,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:se,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:ce,removeSelectedValue:q,resolveValueFromListKey:le,formatSelectListKey:J}=k({modelValue:p,options:()=>n.options,itemFields:()=>I.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:E,searchQuery:m}),ue=(0,s.computed)(()=>!!_[`value-suffix`]),de=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:ae.value})),Y=(0,s.computed)(()=>R.value.length>F),fe=(0,s.computed)(()=>G.value||Y.value?n.listHeight:`auto`),pe=(0,s.computed)(()=>{if(!(G.value||Y.value))return n.listHeight}),me=(0,s.computed)(()=>L.value.map(e=>J(e))),he=e=>me.value.includes(e),ge=()=>({tiny:!0}),_e=e=>f({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:T.value,isOptionSelected:he(e.key)}),ve=e=>{let t=le(e);if(g(t)){if(K.value){q(t);return}p.value=void 0}},ye=(0,s.computed)(()=>n.id??v),be=(0,s.computed)(()=>y),xe=(0,s.computed)(()=>b.value?.fieldElementRef??null),Se=(0,s.computed)(()=>({labels:oe.value,values:L.value,displayText:V.value,disabled:n.disabled||n.readonly,removeValue:q})),Ce=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!W.value||!W.value))return 0}),we=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":E.value})),Te=()=>{if(G.value){C.value?.focus();return}S.value?.focus()},Ee=async()=>{await(0,s.nextTick)(),C.value?.focus()},De=async()=>{await(0,s.nextTick)(),await w.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!E.value){if(E.value=!0,h(`open`),G.value){await Ee();return}if(W.value){await(0,s.nextTick)(),S.value?.focus();return}await De()}},Oe=async()=>{n.disabled||n.readonly||E.value||await X()};(0,s.watch)(m,async e=>{W.value&&(n.disabled||n.readonly||e&&(E.value||await X()))});let Z=()=>{E.value&&(E.value=!1,T.value=void 0,h(`close`))},Q=()=>{!n.closeOnSelect||K.value||Z()};(0,s.watch)(p,(e,t)=>{!n.closeOnSelect||K.value||!E.value||!e||e===t||Z()});let ke=e=>{E.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Ae=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||E.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(E.value){Z();return}await X()},je=async e=>{if(!(n.disabled||n.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){E.value||await X();return}await $()}},Me=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),E.value||await X(),await De(),await w.value?.handleKeyboardNavigation(e),!0),Ne=e=>{let t=le(e);if(t){if(K.value){L.value.some(t=>J(t)===e)?q(t):z.value=[...L.value.map(e=>J(e)),e];return}z.value=e,Q()}},Pe=async e=>{if(!(n.disabled||n.readonly)&&!await Me(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),E.value&&T.value){Ne(T.value);return}await $()}}},Fe=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Me(e)},Ie=Fe,Le=e=>{n.disabled||(D.value||h(`focus`,e),D.value=!0)},Re=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(D.value=!1,h(`blur`,e))},ze=()=>{ce(),h(`clear`)};return l({open:X,close:Z,toggle:$,focusSearchInput:Te}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,we.value])},[(0,s.createVNode)((0,s.unref)(r.t),{modelValue:E.value,"onUpdate:modelValue":u[4]||=e=>E.value=e,reference:xe.value,disabled:n.disabled,"match-reference-width":!0,"fit-viewport":n.fitViewport,"content-id":be.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(d),{class:`s-ui-select__menu`,width:`100%`},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:ke,onKeydown:Ae},[(0,s.unref)(R).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:w,modelValue:T.value,"onUpdate:modelValue":u[2]||=e=>T.value=e,selected:(0,s.unref)(z),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(z)?z.value=e:null,items:(0,s.unref)(R),"item-key":O.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(ie),mandatory:!n.multiple,height:fe.value,"max-height":pe.value,virtual:Y.value,"item-props":ge},(0,s.createSlots)({_:2},[(0,s.unref)(_).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:n.closableOptions?{name:`item`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(_e(n))),(0,s.createSlots)({_:2},[he(n.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(t.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>ve(n.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,A,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[u[8]||=(0,s.createTextVNode)(`No options`,-1)])]))],32)]),_:2},[(0,s.unref)(G)?{name:`header`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`panelSearchInputElementRef`,ref:C,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:n.searchPlaceholder,disabled:n.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(Ie)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])]),key:`0`}:void 0,(0,s.unref)(_)[`panel-footer`]?{name:`footer`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`panel-footer`)]),key:`1`}:void 0]),1024)]),_:3},8,[`modelValue`,`reference`,`disabled`,`fit-viewport`,`content-id`]),(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`triggerInputRef`,ref:b,modelValue:x.value,"onUpdate:modelValue":u[7]||=e=>x.value=e,label:n.label,"label-props":n.labelProps,placeholder:n.placeholder,"help-messages":n.helpMessages,"error-messages":n.errorMessages,bordered:n.bordered,disabled:n.disabled,readonly:n.readonly,clearable:n.clearable,"has-value":(0,s.unref)(B),focused:D.value||E.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:ye.value,onClear:ze,onFocus:Le,onBlur:Re},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:ye.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(B)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":ue.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":E.value,"aria-controls":be.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(se)?`list`:void 0,tabindex:Ce.value,onClick:je,onKeydown:Pe},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Se.value)),()=>[(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,te,(0,s.toDisplayString)((0,s.unref)(V)),1)):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,M,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,N,(0,s.toDisplayString)((0,s.unref)(ae)),1)),ue.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,P,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(de.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(U)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:S,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:Oe,onKeydown:Fe},null,40,ne)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,ee)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:re,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(_).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(_).prefix?{name:`prefix`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prefix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,s.unref)(_).prepend?{name:`prepend`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prepend`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,s.unref)(_).message?{name:`message`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return I}});

package/dist/STag-COwzellL.js

@@ -0,0 +1,123 @@
+import { n as e, t } from "./contrastSurfaceTextColor-Dl641cZ_.js";
+import { t as n } from "./colorValue-DXJiNKGE.js";
+import { n as r, r as i, t as a } from "./SButton.types-CpdHQtyx.js";
+import { t as o } from "./SButton-DnU_XZ1C.js";
+import { n as s, r as c, t as l } from "./useLink-Com5VhOk.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeModels as _, mergeProps as v, openBlock as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, useAttrs as C, useModel as w, withCtx as T, withModifiers as E } from "vue";
+//#region src/components/STag/STag.types.ts
+var D = /* @__PURE__ */ function(e) {
+	return e.RED_ORANGE = "red-orange", e.ORANGE = "orange", e.YELLOW = "yellow", e.GREEN = "green", e.TEAL = "teal", e.CYAN = "cyan", e.BLUE = "blue", e.INDIGO = "indigo", e.VIOLET = "violet", e.MAGENTA = "magenta", e.PINK = "pink", e.GRAY = "gray", e.RED = "red", e.WHITE_BORDER = "white-border", e.BILLING = "billing", e.BILLING_LIGHT = "billing-light", e;
+}({}), O = /* @__PURE__ */ function(e) {
+	return e.SMALL = "small", e.MEDIUM = "medium", e;
+}({}), k = (t) => e(t) || n(t), A = (e) => k(e) ? "s-ui-tag--color-custom" : `s-ui-tag--color-${e}`, j = (n) => {
+	let r = { "--s-ui-tag-bg": n };
+	return e(n) && (r["--s-ui-tag-text"] = t(n)), r;
+}, M = { class: "s-ui-tag__content s-ui-typography-body-12-regular" }, N = {
+	key: 0,
+	class: "s-ui-tag__actions"
+}, P = { class: "s-ui-tag__action-close" }, F = /* @__PURE__ */ g({
+	inheritAttrs: !1,
+	__name: "STag",
+	props: /*@__PURE__*/ _({
+		color: { default: () => D.RED_ORANGE },
+		size: { default: () => O.MEDIUM },
+		short: {
+			type: Boolean,
+			default: !1
+		},
+		closable: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		link: {},
+		exact: {
+			type: Boolean,
+			default: !1
+		},
+		replace: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ _(["close"], ["update:modelValue"]),
+	setup(e, { emit: t }) {
+		let n = C(), g = w(e, "modelValue"), _ = t, D = l(() => e.link, () => e.exact, () => e.replace), O = D.linkPresentation, F = u(() => {
+			let e = O.value;
+			return e.mode === "none" ? "span" : e.rootTag;
+		}), I = u(() => s(O.value, { replace: e.replace })), L = u(() => ({
+			...I.value,
+			...n
+		})), R = u(() => D.isRouterLink.value ? D.isActive.value : e.selected), z = u(() => e.closable && !e.short), B = u(() => {
+			if (e.disabled) return -1;
+			if (!c(e.link)) return z.value ? 0 : -1;
+		}), V = u(() => [
+			A(e.color),
+			`s-ui-tag--size-${e.size}`,
+			{
+				"s-ui-tag--short": e.short,
+				"s-ui-tag--disabled": e.disabled,
+				"s-ui-tag--selected": R.value,
+				"s-ui-tag--link": c(e.link)
+			}
+		]), H = u(() => {
+			if (k(e.color)) return j(e.color);
+		}), U = u(() => e.short ? g.value.slice(0, 1) : g.value), W = () => {
+			_("close");
+		}, G = [
+			"Enter",
+			" ",
+			"Spacebar"
+		], K = ["Delete", "Backspace"], q = (t) => {
+			if (!e.disabled) {
+				if (D.isRouterLink.value && G.includes(t.key)) {
+					t.preventDefault(), D.navigate();
+					return;
+				}
+				if (t.target === t.currentTarget && K.includes(t.key)) {
+					if (!z.value) return;
+					t.preventDefault(), _("close");
+				}
+			}
+		};
+		return (t, n) => (y(), d(b(F.value), v({
+			class: ["s-ui-tag", V.value],
+			style: H.value,
+			tabindex: B.value,
+			"aria-disabled": e.disabled ? !0 : void 0
+		}, L.value, { onKeydown: q }), {
+			default: T(() => [m("span", M, x(U.value), 1), z.value ? (y(), p("span", N, [m("span", P, [h(S(o), {
+				appearance: S(a).BARE,
+				variant: S(i).NEUTRAL,
+				size: S(r).SMALL,
+				disabled: e.disabled,
+				tabindex: -1,
+				icon: "closeMini",
+				onClick: E(W, ["stop"])
+			}, null, 8, [
+				"appearance",
+				"variant",
+				"size",
+				"disabled"
+			])])])) : f("", !0)]),
+			_: 1
+		}, 16, [
+			"class",
+			"style",
+			"tabindex",
+			"aria-disabled"
+		]));
+	}
+});
+//#endregion
+export { D as n, O as r, F as t };

package/dist/STag-HgFvU1Iy.cjs

@@ -0,0 +1 @@
+const e=require("./contrastSurfaceTextColor-Ybh-FZof.cjs"),t=require("./colorValue-DClAEDHr.cjs"),n=require("./SButton.types-UKroD-ev.cjs"),r=require("./SButton-C-z_q5CG.cjs"),i=require("./useLink-1LLWpdDZ.cjs");let a=require("vue");var o=function(e){return e.RED_ORANGE=`red-orange`,e.ORANGE=`orange`,e.YELLOW=`yellow`,e.GREEN=`green`,e.TEAL=`teal`,e.CYAN=`cyan`,e.BLUE=`blue`,e.INDIGO=`indigo`,e.VIOLET=`violet`,e.MAGENTA=`magenta`,e.PINK=`pink`,e.GRAY=`gray`,e.RED=`red`,e.WHITE_BORDER=`white-border`,e.BILLING=`billing`,e.BILLING_LIGHT=`billing-light`,e}({}),s=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),c=n=>e.n(n)||t.t(n),l=e=>c(e)?`s-ui-tag--color-custom`:`s-ui-tag--color-${e}`,u=t=>{let n={"--s-ui-tag-bg":t};return e.n(t)&&(n[`--s-ui-tag-text`]=e.t(t)),n},d={class:`s-ui-tag__content s-ui-typography-body-12-regular`},f={key:0,class:`s-ui-tag__actions`},p={class:`s-ui-tag__action-close`},m=(0,a.defineComponent)({inheritAttrs:!1,__name:`STag`,props:(0,a.mergeModels)({color:{default:()=>o.RED_ORANGE},size:{default:()=>s.MEDIUM},short:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,a.mergeModels)([`close`],[`update:modelValue`]),setup(e,{emit:t}){let o=(0,a.useAttrs)(),s=(0,a.useModel)(e,`modelValue`),m=t,h=i.t(()=>e.link,()=>e.exact,()=>e.replace),g=h.linkPresentation,_=(0,a.computed)(()=>{let e=g.value;return e.mode===`none`?`span`:e.rootTag}),v=(0,a.computed)(()=>i.n(g.value,{replace:e.replace})),y=(0,a.computed)(()=>({...v.value,...o})),b=(0,a.computed)(()=>h.isRouterLink.value?h.isActive.value:e.selected),x=(0,a.computed)(()=>e.closable&&!e.short),S=(0,a.computed)(()=>{if(e.disabled)return-1;if(!i.r(e.link))return x.value?0:-1}),C=(0,a.computed)(()=>[l(e.color),`s-ui-tag--size-${e.size}`,{"s-ui-tag--short":e.short,"s-ui-tag--disabled":e.disabled,"s-ui-tag--selected":b.value,"s-ui-tag--link":i.r(e.link)}]),w=(0,a.computed)(()=>{if(c(e.color))return u(e.color)}),T=(0,a.computed)(()=>e.short?s.value.slice(0,1):s.value),E=()=>{m(`close`)},D=[`Enter`,` `,`Spacebar`],O=[`Delete`,`Backspace`],k=t=>{if(!e.disabled){if(h.isRouterLink.value&&D.includes(t.key)){t.preventDefault(),h.navigate();return}if(t.target===t.currentTarget&&O.includes(t.key)){if(!x.value)return;t.preventDefault(),m(`close`)}}};return(t,i)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(_.value),(0,a.mergeProps)({class:[`s-ui-tag`,C.value],style:w.value,tabindex:S.value,"aria-disabled":e.disabled?!0:void 0},y.value,{onKeydown:k}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,d,(0,a.toDisplayString)(T.value),1),x.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,f,[(0,a.createElementVNode)(`span`,p,[(0,a.createVNode)((0,a.unref)(r.t),{appearance:(0,a.unref)(n.t).BARE,variant:(0,a.unref)(n.r).NEUTRAL,size:(0,a.unref)(n.n).SMALL,disabled:e.disabled,tabindex:-1,icon:`closeMini`,onClick:(0,a.withModifiers)(E,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`])])])):(0,a.createCommentVNode)(``,!0)]),_:1},16,[`class`,`style`,`tabindex`,`aria-disabled`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});

package/dist/{STagGroup-BMyuxfVX.cjs → STagGroup-CKxDA9Y0.cjs}

@@ -1 +1 @@
-const e=require("./SOverflowGroup-DyVUzkNu.cjs"),t=require("./STag-DVrSWByQ.cjs");let n=require("vue");var r=(e,{size:r,short:i})=>e.type===t.t?(0,n.cloneVNode)(e,{size:r,short:i,...i?{closable:!1}:{}}):e,i=(0,n.defineComponent)({__name:`STagGroup`,props:{maxVisible:{},size:{default:()=>t.r.SMALL},short:{type:Boolean,default:!0}},setup(i){let a=e=>r(e,{size:i.size,short:i.short});return(r,o)=>((0,n.openBlock)(),(0,n.createBlock)(e.t,{class:`s-ui-tag-group`,role:`group`,"cluster-class":`s-ui-tag-group__cluster`,"max-visible":i.maxVisible,"map-vnode":a},{overflow:(0,n.withCtx)(({overflowLabel:e})=>[(0,n.createVNode)((0,n.unref)(t.t),{color:(0,n.unref)(t.n).WHITE_BORDER,size:i.size,short:!1,"model-value":e},null,8,[`color`,`size`,`model-value`])]),default:(0,n.withCtx)(()=>[(0,n.renderSlot)(r.$slots,`default`)]),_:3},8,[`max-visible`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});
+const e=require("./SOverflowGroup-DyVUzkNu.cjs"),t=require("./STag-HgFvU1Iy.cjs");let n=require("vue");var r=(e,{size:r,short:i})=>e.type===t.t?(0,n.cloneVNode)(e,{size:r,short:i,...i?{closable:!1}:{}}):e,i=(0,n.defineComponent)({__name:`STagGroup`,props:{maxVisible:{},size:{default:()=>t.r.SMALL},short:{type:Boolean,default:!0}},setup(i){let a=e=>r(e,{size:i.size,short:i.short});return(r,o)=>((0,n.openBlock)(),(0,n.createBlock)(e.t,{class:`s-ui-tag-group`,role:`group`,"cluster-class":`s-ui-tag-group__cluster`,"max-visible":i.maxVisible,"map-vnode":a},{overflow:(0,n.withCtx)(({overflowLabel:e})=>[(0,n.createVNode)((0,n.unref)(t.t),{color:(0,n.unref)(t.n).WHITE_BORDER,size:i.size,short:!1,"model-value":e},null,8,[`color`,`size`,`model-value`])]),default:(0,n.withCtx)(()=>[(0,n.renderSlot)(r.$slots,`default`)]),_:3},8,[`max-visible`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/dist/{STagGroup-B2-_OG3R.js → STagGroup-Cbe0AENj.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./SOverflowGroup-CVSon6Eg.js";
-import { n as t, r as n, t as r } from "./STag-CYoj7L-p.js";
+import { n as t, r as n, t as r } from "./STag-COwzellL.js";
 import { cloneVNode as i, createBlock as a, createVNode as o, defineComponent as s, openBlock as c, renderSlot as l, unref as u, withCtx as d } from "vue";
 //#region src/components/STagGroup/utils/applyTagGroupItemProps.ts
 var f = (e, { size: t, short: n }) => e.type === r ? i(e, {

package/dist/colorValue-DClAEDHr.cjs

@@ -0,0 +1 @@
+const e=require("./contrastSurfaceTextColor-Ybh-FZof.cjs");var t=e=>e.startsWith(`var(--`),n=n=>e.n(n)||t(n),r=e=>`var(--s-ui-color-background-accent-${e}-primary)`,i=e=>n(e)?e:r(e),a=t=>n(t)?e.n(t)?t.toUpperCase():t:r(t),o=(e,t)=>a(e)===a(t);Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return t}});

package/dist/colorValue-DXJiNKGE.js

@@ -0,0 +1,5 @@
+import { n as e } from "./contrastSurfaceTextColor-Dl641cZ_.js";
+//#region src/utils/color/colorValue.ts
+var t = (e) => e.startsWith("var(--"), n = (n) => e(n) || t(n), r = (e) => `var(--s-ui-color-background-accent-${e}-primary)`, i = (e) => n(e) ? e : r(e), a = (t) => n(t) ? e(t) ? t.toUpperCase() : t : r(t), o = (e, t) => a(e) === a(t);
+//#endregion
+export { i as a, a as i, n, o as r, t };

package/dist/components/SAvatar/SAvatar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SAvatar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SAvatar/SAvatar.vue"],"names":[],"mappings":"AAqPA,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAA;AAsSxB,QAAA,MAAM,YAAY,sSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"SAvatar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SAvatar/SAvatar.vue"],"names":[],"mappings":"AA6OA,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAA;AA8RxB,QAAA,MAAM,YAAY,sSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/SAvatar/utils/getAvatarInitialsTextColor.d.ts

@@ -0,0 +1,4 @@
+import { type TSAvatarColorValue } from '../SAvatar.types';
+export declare const resolveAvatarBackgroundHex: (color: TSAvatarColorValue) => `#${string}` | undefined;
+export declare const getAvatarInitialsTextColor: (color: TSAvatarColorValue) => "var(--s-ui-color-text-surface-primary)" | "var(--s-ui-color-text-surface-static)" | undefined;
+//# sourceMappingURL=getAvatarInitialsTextColor.d.ts.map

package/dist/components/SAvatar/utils/getAvatarInitialsTextColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getAvatarInitialsTextColor.d.ts","sourceRoot":"","sources":["../../../../src/components/SAvatar/utils/getAvatarInitialsTextColor.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,kBAAkB,EAAyB,MAAM,kBAAkB,CAAA;AAahG,eAAO,MAAM,0BAA0B,GAAI,OAAO,kBAAkB,6BAUnE,CAAA;AAED,eAAO,MAAM,0BAA0B,GAAI,OAAO,kBAAkB,mGAQnE,CAAA"}

package/dist/components/SAvatar/utils/resolveAvatarColor.d.ts

@@ -1,7 +1,5 @@
 import { type TSAvatarColorValue, type TSAvatarHexColor } from '../SAvatar.types';
 export declare const isAvatarHexColor: (color: TSAvatarColorValue) => color is TSAvatarHexColor;
 export declare const getAvatarColorClass: (color: TSAvatarColorValue) => string;
-export declare const getAvatarCustomColorStyle: (color: TSAvatarHexColor) => {
-    '--s-ui-avatar-background': `#${string}`;
-};
+export declare const getAvatarColorStyle: (color: TSAvatarColorValue) => Record<string, string> | undefined;
 //# sourceMappingURL=resolveAvatarColor.d.ts.map

package/dist/components/SAvatar/utils/resolveAvatarColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveAvatarColor.d.ts","sourceRoot":"","sources":["../../../../src/components/SAvatar/utils/resolveAvatarColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAEjF,eAAO,MAAM,gBAAgB,GAAI,OAAO,kBAAkB,KAAG,KAAK,IAAI,gBAErE,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,kBAAkB,WAM5D,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,OAAO,gBAAgB;;CAIhE,CAAA"}
+{"version":3,"file":"resolveAvatarColor.d.ts","sourceRoot":"","sources":["../../../../src/components/SAvatar/utils/resolveAvatarColor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAGjF,eAAO,MAAM,gBAAgB,GAAI,OAAO,kBAAkB,KAAG,KAAK,IAAI,gBAErE,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,kBAAkB,WAM5D,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,kBAAkB,uCAiB5D,CAAA"}

package/dist/components/SColorPalette/SColorPalette.types.d.ts

@@ -0,0 +1,19 @@
+import type { ESColorSwatchSize } from '@shtabapp/ui-kit-primitives';
+import type { TColorValue } from '../../utils/color';
+import type SColorPalette from './SColorPalette.vue';
+export declare enum ESColorPaletteLayout {
+    ROW = "row",
+    GRID = "grid"
+}
+export interface ISColorPaletteProps {
+    /** Раскладка swatch: одна строка или перенос (Figma Palette). */
+    layout?: ESColorPaletteLayout;
+    /** Отключает выбор всех ячеек. */
+    disabled?: boolean;
+    /** Список значений палитры; default — 11 accent primary из DS. */
+    colors?: TColorValue[];
+    /** Размер ячеек. */
+    size?: ESColorSwatchSize;
+}
+export type TSColorPaletteInstance = InstanceType<typeof SColorPalette>;
+//# sourceMappingURL=SColorPalette.types.d.ts.map

package/dist/components/SColorPalette/SColorPalette.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SColorPalette.types.d.ts","sourceRoot":"","sources":["../../../src/components/SColorPalette/SColorPalette.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,KAAK,aAAa,MAAM,qBAAqB,CAAA;AAEpD,oBAAY,oBAAoB;IAC9B,GAAG,QAAQ;IACX,IAAI,SAAS;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,iEAAiE;IACjE,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kEAAkE;IAClE,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,oBAAoB;IACpB,IAAI,CAAC,EAAE,iBAAiB,CAAA;CACzB;AAED,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA"}