@shtabapp/ui-kit 1.56.0 → 1.57.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [@shtabapp/ui-kit-v1.57.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.56.0...@shtabapp/ui-kit@1.57.0) (2026-07-29)
+
+### Features
+
+- **components:** stextarea resize auto-scroll ([6537f4d](https://gitlab.com/mstikharev/shtab-ui-kit/commit/6537f4d208dd6718cad4317b85490576b9e75101))
+
+### Bug Fixes
+
+- **components:** expose focus and blur from stextarea ([738f973](https://gitlab.com/mstikharev/shtab-ui-kit/commit/738f973efa6544d2500495b9f78a821d46d1e8f6))
+
 ## [@shtabapp/ui-kit-v1.56.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.55.0...@shtabapp/ui-kit@1.56.0) (2026-07-29)
 
 ### Features

package/dist/STextarea-CFOemAYa.js

@@ -0,0 +1,264 @@
+import { n as e, t } from "./SInlineMessage-Dirk5RwO.js";
+import { t as n } from "./SLabel-FHHPlcKq.js";
+import { n as r, t as i } from "./useFieldMessages-Cb06My1W.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, onScopeDispose as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, useAttrs as C, useId as w, useModel as T, useTemplateRef as E, vModelText as D, watch as O, withCtx as k, withDirectives as ee } from "vue";
+import { useEventListener as A } from "@vueuse/core";
+//#region src/composables/useResizeAutoScroll.ts
+var j = 20, M = 96, N = 12, P = [
+	"auto",
+	"scroll",
+	"overlay"
+], F = (e) => P.some((t) => t === e), I = (e) => {
+	if (e instanceof HTMLElement) {
+		let { top: t, bottom: n } = e.getBoundingClientRect();
+		return {
+			top: t,
+			bottom: n
+		};
+	}
+	return {
+		top: 0,
+		bottom: window.innerHeight
+	};
+}, L = (e) => {
+	if (e <= 0) return N;
+	if (e >= M) return 0;
+	let t = 1 - e / M;
+	return N * t * t;
+}, R = (e, t, n) => {
+	let r = e - t;
+	if (r < 0) return -12;
+	if (r < M) return -L(r);
+	let i = n - e;
+	return i < 0 ? N : i < M ? L(i) : 0;
+}, z = ({ elementRef: e, isEnabled: t }) => {
+	let n = y(!1), r = y(!1), i = y({
+		x: 0,
+		y: 0
+	}), a = y({
+		x: 0,
+		y: 0
+	}), o = y(0), s = null, c = null, l = {
+		top: 0,
+		bottom: 0
+	}, u = () => {
+		let t = e.value;
+		if (!t) return window;
+		let n = t.parentElement;
+		for (; n;) {
+			let e = getComputedStyle(n);
+			if ((F(e.overflowY) || F(e.overflow)) && n.scrollHeight > n.clientHeight) return n;
+			n = n.parentElement;
+		}
+		return window;
+	}, d = () => {
+		c = u(), l = I(c);
+	}, f = () => {
+		n.value = !1, r.value = !1, c = null, l = {
+			top: 0,
+			bottom: 0
+		}, s !== null && (cancelAnimationFrame(s), s = null);
+	}, p = () => {
+		if (!t() || !r.value || !e.value) {
+			s = null;
+			return;
+		}
+		d();
+		let n = R(a.value.y, l.top, l.bottom);
+		n !== 0 && c && c.scrollBy({
+			top: n,
+			behavior: "auto"
+		}), s = requestAnimationFrame(p);
+	}, m = () => {
+		!t() || r.value || s !== null || (d(), r.value = !0, s = requestAnimationFrame(p));
+	}, h = (n) => {
+		let r = e.value;
+		if (!t() || !r) return !1;
+		let { right: i, bottom: a } = r.getBoundingClientRect(), o = i - n.clientX, s = a - n.clientY;
+		return o >= 0 && o <= j && s >= 0 && s <= j;
+	}, g = (t) => {
+		let s = e.value;
+		if (t.button !== 0 || !h(t) || !s) {
+			f();
+			return;
+		}
+		i.value = {
+			x: t.clientX,
+			y: t.clientY
+		}, a.value = {
+			x: t.clientX,
+			y: t.clientY
+		}, o.value = s.offsetHeight, n.value = !0, r.value = !1;
+	}, v = (s) => {
+		let c = e.value;
+		if (!t() || !n.value || !c) return;
+		a.value = {
+			x: s.clientX,
+			y: s.clientY
+		}, r.value && d();
+		let l = s.clientX !== i.value.x || s.clientY !== i.value.y, u = Math.abs(c.offsetHeight - o.value) >= 1;
+		(l || u) && m();
+	};
+	return A(e, "pointerdown", g), A(e, "mousedown", g), A(document, "pointermove", v, { passive: !0 }), A(document, "mousemove", v, { passive: !0 }), A(document, "pointerup", f), A(document, "mouseup", f), A(document, "pointercancel", f), A(window, "resize", () => {
+		!t() || !r.value || d();
+	}, { passive: !0 }), A(window, "blur", f), _(f), { isResizeActive: r };
+}, B = ["inert", "aria-disabled"], V = [
+	"id",
+	"name",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"rows",
+	"maxlength",
+	"autocomplete"
+], H = {
+	key: 1,
+	class: "s-ui-textarea__footer"
+}, U = {
+	key: 0,
+	class: "s-ui-textarea__messages"
+}, W = {
+	key: 1,
+	class: "s-ui-textarea__counter s-ui-typography-label-12-medium"
+}, G = /* @__PURE__ */ f({
+	inheritAttrs: !1,
+	__name: "STextarea",
+	props: /*@__PURE__*/ p({
+		label: {},
+		labelProps: {},
+		placeholder: {},
+		helpMessages: {},
+		errorMessages: {},
+		bordered: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		maxlength: {},
+		counter: { type: Boolean },
+		resizable: {
+			type: Boolean,
+			default: !0
+		},
+		rows: {},
+		autoGrow: {
+			type: Boolean,
+			default: !1
+		},
+		resizeAutoScroll: {
+			type: Boolean,
+			default: !1
+		},
+		minRows: { default: 1 },
+		maxRows: { default: 7 },
+		name: {},
+		id: {},
+		autocomplete: {}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ p(["focus", "blur"], ["update:modelValue"]),
+	setup(f, { expose: p, emit: _ }) {
+		let y = T(f, "modelValue"), A = _, j = C(), M = w(), N = E("textareaElementRef"), { isFocused: P, handleFocus: F, handleFocusOut: I } = r({
+			isDisabled: () => f.disabled,
+			blurField: () => N.value?.blur(),
+			emitFocus: (e) => A("focus", e),
+			emitBlur: (e) => A("blur", e)
+		});
+		z({
+			elementRef: N,
+			isEnabled: () => f.resizeAutoScroll && f.resizable && !f.autoGrow && !f.disabled && !f.readonly
+		});
+		let L = (e) => {
+			let t = getComputedStyle(e), n = Number.parseFloat(t.lineHeight) || 0, r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom), i = Number.parseFloat(t.borderTopWidth) + Number.parseFloat(t.borderBottomWidth), a = e.scrollHeight + i, o = n * f.minRows + r + i, s = n * f.maxRows + r + i;
+			return {
+				height: Math.min(Math.max(a, o), s),
+				isOverflowing: a > s
+			};
+		}, R = () => {
+			let e = N.value;
+			if (!e) return;
+			if (!f.autoGrow) {
+				e.style.height = "", e.style.overflowY = "";
+				return;
+			}
+			e.style.height = "auto";
+			let { height: t, isOverflowing: n } = L(e);
+			e.style.height = `${t}px`, e.style.overflowY = n ? "auto" : "hidden";
+		};
+		O([
+			N,
+			y,
+			() => f.autoGrow,
+			() => f.minRows,
+			() => f.maxRows
+		], () => h(R), { immediate: !0 });
+		let { normalizedHelpMessages: G, normalizedErrorMessages: K, hasErrorMessages: q, hasHelpMessages: J } = i(() => f.helpMessages, () => f.errorMessages), Y = o(() => f.id ? f.id : M), X = o(() => !!f.label), Z = o(() => J.value || q.value), Q = o(() => !(!f.maxlength || f.counter === !1)), te = o(() => Z.value || Q.value), ne = o(() => f.maxlength ? `${y.value.length}/${f.maxlength}` : ""), re = o(() => y.value.length > 0), ie = o(() => ({
+			"s-ui-textarea--disabled": f.disabled,
+			"s-ui-textarea--readonly": f.readonly
+		})), ae = o(() => ({
+			"s-ui-textarea__field--bordered": f.bordered,
+			"s-ui-textarea__field--borderless": !f.bordered,
+			"s-ui-textarea__field--disabled": f.disabled,
+			"s-ui-textarea__field--readonly": f.readonly,
+			"s-ui-textarea__field--error": q.value,
+			"s-ui-textarea__field--filled": re.value,
+			"s-ui-textarea__field--focused": P.value,
+			"s-ui-textarea__field--resizable": f.resizable && !f.autoGrow && !f.disabled && !f.readonly
+		})), $ = () => {
+			N.value?.focus();
+		}, oe = () => {
+			N.value?.blur();
+		}, se = (e) => {
+			f.disabled || f.readonly || e.target instanceof HTMLElement && e.target !== N.value && $();
+		};
+		return p({
+			blur: oe,
+			focus: $,
+			textareaElementRef: N
+		}), (r, i) => (v(), l("div", { class: g(["s-ui-textarea", ie.value]) }, [
+			X.value ? (v(), s(S(n), m({ key: 0 }, f.labelProps, { "html-for": Y.value }), {
+				default: k(() => [d(x(f.label), 1)]),
+				_: 1
+			}, 16, ["html-for"])) : c("", !0),
+			u("div", {
+				class: g(["s-ui-textarea__field", ae.value]),
+				inert: f.disabled ? !0 : void 0,
+				"aria-disabled": f.disabled ? !0 : void 0,
+				onClick: i[2] ||= (e) => se(e),
+				onFocusout: i[3] ||= (...e) => S(I) && S(I)(...e)
+			}, [ee(u("textarea", m({
+				id: Y.value,
+				ref_key: "textareaElementRef",
+				ref: N,
+				"onUpdate:modelValue": i[0] ||= (e) => y.value = e,
+				class: "s-ui-textarea__control s-ui-typography-body-16-regular",
+				name: f.name,
+				placeholder: f.placeholder,
+				disabled: f.disabled,
+				readonly: f.readonly,
+				rows: f.rows,
+				maxlength: f.maxlength,
+				autocomplete: f.autocomplete
+			}, S(j), { onFocus: i[1] ||= (...e) => S(F) && S(F)(...e) }), null, 16, V), [[D, y.value]])], 42, B),
+			te.value ? (v(), l("div", H, [Z.value ? (v(), l("div", U, [(v(!0), l(a, null, b(S(G), (e, n) => (v(), s(S(t), {
+				key: `help-${n}`,
+				message: e
+			}, null, 8, ["message"]))), 128)), (v(!0), l(a, null, b(S(K), (n, r) => (v(), s(S(t), {
+				key: `error-${r}`,
+				message: n,
+				"validation-status": S(e).ERROR
+			}, null, 8, ["message", "validation-status"]))), 128))])) : c("", !0), Q.value ? (v(), l("p", W, x(ne.value), 1)) : c("", !0)])) : c("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { G as t };

package/dist/STextarea-Dg-Dy3ZT.cjs

@@ -0,0 +1 @@
+const e=require("./SInlineMessage-gjkMiE-W.cjs"),t=require("./SLabel-DLKfepRW.cjs"),n=require("./useFieldMessages-CzjU0ajM.cjs");let r=require("vue"),i=require("@vueuse/core");var a=20,o=96,s=12,c=[`auto`,`scroll`,`overlay`],l=e=>c.some(t=>t===e),u=e=>{if(e instanceof HTMLElement){let{top:t,bottom:n}=e.getBoundingClientRect();return{top:t,bottom:n}}return{top:0,bottom:window.innerHeight}},d=e=>{if(e<=0)return s;if(e>=o)return 0;let t=1-e/o;return s*t*t},f=(e,t,n)=>{let r=e-t;if(r<0)return-12;if(r<o)return-d(r);let i=n-e;return i<0?s:i<o?d(i):0},p=({elementRef:e,isEnabled:t})=>{let n=(0,r.ref)(!1),o=(0,r.ref)(!1),s=(0,r.ref)({x:0,y:0}),c=(0,r.ref)({x:0,y:0}),d=(0,r.ref)(0),p=null,m=null,h={top:0,bottom:0},g=()=>{let t=e.value;if(!t)return window;let n=t.parentElement;for(;n;){let e=getComputedStyle(n);if((l(e.overflowY)||l(e.overflow))&&n.scrollHeight>n.clientHeight)return n;n=n.parentElement}return window},_=()=>{m=g(),h=u(m)},v=()=>{n.value=!1,o.value=!1,m=null,h={top:0,bottom:0},p!==null&&(cancelAnimationFrame(p),p=null)},y=()=>{if(!t()||!o.value||!e.value){p=null;return}_();let n=f(c.value.y,h.top,h.bottom);n!==0&&m&&m.scrollBy({top:n,behavior:`auto`}),p=requestAnimationFrame(y)},b=()=>{!t()||o.value||p!==null||(_(),o.value=!0,p=requestAnimationFrame(y))},x=n=>{let r=e.value;if(!t()||!r)return!1;let{right:i,bottom:o}=r.getBoundingClientRect(),s=i-n.clientX,c=o-n.clientY;return s>=0&&s<=a&&c>=0&&c<=a},S=t=>{let r=e.value;if(t.button!==0||!x(t)||!r){v();return}s.value={x:t.clientX,y:t.clientY},c.value={x:t.clientX,y:t.clientY},d.value=r.offsetHeight,n.value=!0,o.value=!1},C=r=>{let i=e.value;if(!t()||!n.value||!i)return;c.value={x:r.clientX,y:r.clientY},o.value&&_();let a=r.clientX!==s.value.x||r.clientY!==s.value.y,l=Math.abs(i.offsetHeight-d.value)>=1;(a||l)&&b()};return(0,i.useEventListener)(e,`pointerdown`,S),(0,i.useEventListener)(e,`mousedown`,S),(0,i.useEventListener)(document,`pointermove`,C,{passive:!0}),(0,i.useEventListener)(document,`mousemove`,C,{passive:!0}),(0,i.useEventListener)(document,`pointerup`,v),(0,i.useEventListener)(document,`mouseup`,v),(0,i.useEventListener)(document,`pointercancel`,v),(0,i.useEventListener)(window,`resize`,()=>{!t()||!o.value||_()},{passive:!0}),(0,i.useEventListener)(window,`blur`,v),(0,r.onScopeDispose)(v),{isResizeActive:o}},m=[`inert`,`aria-disabled`],h=[`id`,`name`,`placeholder`,`disabled`,`readonly`,`rows`,`maxlength`,`autocomplete`],g={key:1,class:`s-ui-textarea__footer`},_={key:0,class:`s-ui-textarea__messages`},v={key:1,class:`s-ui-textarea__counter s-ui-typography-label-12-medium`},y=(0,r.defineComponent)({inheritAttrs:!1,__name:`STextarea`,props:(0,r.mergeModels)({label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},maxlength:{},counter:{type:Boolean},resizable:{type:Boolean,default:!0},rows:{},autoGrow:{type:Boolean,default:!1},resizeAutoScroll:{type:Boolean,default:!1},minRows:{default:1},maxRows:{default:7},name:{},id:{},autocomplete:{}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,r.mergeModels)([`focus`,`blur`],[`update:modelValue`]),setup(i,{expose:a,emit:o}){let s=(0,r.useModel)(i,`modelValue`),c=o,l=(0,r.useAttrs)(),u=(0,r.useId)(),d=(0,r.useTemplateRef)(`textareaElementRef`),{isFocused:f,handleFocus:y,handleFocusOut:b}=n.n({isDisabled:()=>i.disabled,blurField:()=>d.value?.blur(),emitFocus:e=>c(`focus`,e),emitBlur:e=>c(`blur`,e)});p({elementRef:d,isEnabled:()=>i.resizeAutoScroll&&i.resizable&&!i.autoGrow&&!i.disabled&&!i.readonly});let x=e=>{let t=getComputedStyle(e),n=Number.parseFloat(t.lineHeight)||0,r=Number.parseFloat(t.paddingTop)+Number.parseFloat(t.paddingBottom),a=Number.parseFloat(t.borderTopWidth)+Number.parseFloat(t.borderBottomWidth),o=e.scrollHeight+a,s=n*i.minRows+r+a,c=n*i.maxRows+r+a;return{height:Math.min(Math.max(o,s),c),isOverflowing:o>c}},S=()=>{let e=d.value;if(!e)return;if(!i.autoGrow){e.style.height=``,e.style.overflowY=``;return}e.style.height=`auto`;let{height:t,isOverflowing:n}=x(e);e.style.height=`${t}px`,e.style.overflowY=n?`auto`:`hidden`};(0,r.watch)([d,s,()=>i.autoGrow,()=>i.minRows,()=>i.maxRows],()=>(0,r.nextTick)(S),{immediate:!0});let{normalizedHelpMessages:C,normalizedErrorMessages:w,hasErrorMessages:T,hasHelpMessages:E}=n.t(()=>i.helpMessages,()=>i.errorMessages),D=(0,r.computed)(()=>i.id?i.id:u),O=(0,r.computed)(()=>!!i.label),k=(0,r.computed)(()=>E.value||T.value),A=(0,r.computed)(()=>!(!i.maxlength||i.counter===!1)),j=(0,r.computed)(()=>k.value||A.value),M=(0,r.computed)(()=>i.maxlength?`${s.value.length}/${i.maxlength}`:``),N=(0,r.computed)(()=>s.value.length>0),P=(0,r.computed)(()=>({"s-ui-textarea--disabled":i.disabled,"s-ui-textarea--readonly":i.readonly})),F=(0,r.computed)(()=>({"s-ui-textarea__field--bordered":i.bordered,"s-ui-textarea__field--borderless":!i.bordered,"s-ui-textarea__field--disabled":i.disabled,"s-ui-textarea__field--readonly":i.readonly,"s-ui-textarea__field--error":T.value,"s-ui-textarea__field--filled":N.value,"s-ui-textarea__field--focused":f.value,"s-ui-textarea__field--resizable":i.resizable&&!i.autoGrow&&!i.disabled&&!i.readonly})),I=()=>{d.value?.focus()},L=()=>{d.value?.blur()},R=e=>{i.disabled||i.readonly||e.target instanceof HTMLElement&&e.target!==d.value&&I()};return a({blur:L,focus:I,textareaElementRef:d}),(n,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`s-ui-textarea`,P.value])},[O.value?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.t),(0,r.mergeProps)({key:0},i.labelProps,{"html-for":D.value}),{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(i.label),1)]),_:1},16,[`html-for`])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([`s-ui-textarea__field`,F.value]),inert:i.disabled?!0:void 0,"aria-disabled":i.disabled?!0:void 0,onClick:a[2]||=e=>R(e),onFocusout:a[3]||=(...e)=>(0,r.unref)(b)&&(0,r.unref)(b)(...e)},[(0,r.withDirectives)((0,r.createElementVNode)(`textarea`,(0,r.mergeProps)({id:D.value,ref_key:`textareaElementRef`,ref:d,"onUpdate:modelValue":a[0]||=e=>s.value=e,class:`s-ui-textarea__control s-ui-typography-body-16-regular`,name:i.name,placeholder:i.placeholder,disabled:i.disabled,readonly:i.readonly,rows:i.rows,maxlength:i.maxlength,autocomplete:i.autocomplete},(0,r.unref)(l),{onFocus:a[1]||=(...e)=>(0,r.unref)(y)&&(0,r.unref)(y)(...e)}),null,16,h),[[r.vModelText,s.value]])],42,m),j.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,g,[k.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,_,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)((0,r.unref)(C),(t,n)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(e.t),{key:`help-${n}`,message:t},null,8,[`message`]))),128)),((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)((0,r.unref)(w),(t,n)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(e.t),{key:`error-${n}`,message:t,"validation-status":(0,r.unref)(e.n).ERROR},null,8,[`message`,`validation-status`]))),128))])):(0,r.createCommentVNode)(``,!0),A.value?((0,r.openBlock)(),(0,r.createElementBlock)(`p`,v,(0,r.toDisplayString)(M.value),1)):(0,r.createCommentVNode)(``,!0)])):(0,r.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});

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

@@ -28,6 +28,8 @@ export interface ISTextareaProps {
     rows?: number;
     /** Подгоняет высоту под содержимое; отключает ручной resize. */
     autoGrow?: boolean;
+    /** Подкручивает ближайший скроллируемый контейнер, пока тянут ручку resize. */
+    resizeAutoScroll?: boolean;
     /** Нижняя граница высоты в строках при `autoGrow`. */
     minRows?: number;
     /** Верхняя граница высоты в строках при `autoGrow`; дальше появляется скролл. */

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

@@ -1 +1 @@
-{"version":3,"file":"STextarea.types.d.ts","sourceRoot":"","sources":["../../../src/components/STextarea/STextarea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,GAAG,CAAA;AAElC,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAElD,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,kDAAkD;IAClD,aAAa,CAAC,EAAE,kBAAkB,CAAA;IAClC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA"}
+{"version":3,"file":"STextarea.types.d.ts","sourceRoot":"","sources":["../../../src/components/STextarea/STextarea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,GAAG,CAAA;AAElC,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAElD,MAAM,WAAW,eAAe;IAC9B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,mDAAmD;IACnD,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,kDAAkD;IAClD,aAAa,CAAC,EAAE,kBAAkB,CAAA;IAClC,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iFAAiF;IACjF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA"}

package/dist/components/STextarea/STextarea.vue.d.ts

@@ -4,7 +4,11 @@ type __VLS_ModelProps = {
     modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    blur: () => void;
+    focus: () => void;
+    textareaElementRef: Readonly<import("vue").ShallowRef<HTMLTextAreaElement | null>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
     "update:modelValue": (value: string) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"STextarea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/STextarea/STextarea.vue"],"names":[],"mappings":"AA6PA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAMxD,KAAK,WAAW,GAAG,eAAe,CAAC;AAuLnC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAqJxD,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"STextarea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/STextarea/STextarea.vue"],"names":[],"mappings":"AAmRA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAMxD,KAAK,WAAW,GAAG,eAAe,CAAC;AA4MnC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAqJxD,QAAA,MAAM,YAAY;;;;;;;;;;;;kFAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/composables/useResizeAutoScroll.d.ts

@@ -0,0 +1,10 @@
+import { type Ref } from 'vue';
+type TResizeAutoScrollOptions = {
+    elementRef: Readonly<Ref<HTMLElement | null>>;
+    isEnabled: () => boolean;
+};
+export declare const useResizeAutoScroll: ({ elementRef, isEnabled }: TResizeAutoScrollOptions) => {
+    isResizeActive: Ref<boolean, boolean>;
+};
+export {};
+//# sourceMappingURL=useResizeAutoScroll.d.ts.map

package/dist/composables/useResizeAutoScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeAutoScroll.d.ts","sourceRoot":"","sources":["../../src/composables/useResizeAutoScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAWnD,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAA;IAC7C,SAAS,EAAE,MAAM,OAAO,CAAA;CACzB,CAAA;AAoDD,eAAO,MAAM,mBAAmB,GAAI,2BAA2B,wBAAwB;;CAwJtF,CAAA"}

package/dist/entries/textarea.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STextarea-Cz7Frk82.cjs");exports.STextarea=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STextarea-Dg-Dy3ZT.cjs");exports.STextarea=e.t;

package/dist/entries/textarea.js

@@ -1,2 +1,2 @@
-import { t as e } from "../STextarea-SwVygHwh.js";
+import { t as e } from "../STextarea-CFOemAYa.js";
 export { e as STextarea };

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-DTG0odWX.cjs"),n=require("./SColorPicker-Cucd749L.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CTC_esUv.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-C-z_q5CG.cjs"),c=require("./useSelectionGroup-TaektE-I.cjs"),l=require("./useSelectLink-DDdMmsJB.cjs"),u=require("./SButtonGroup-BPy2YaEP.cjs"),d=require("./SCheckbox-DnnC5mOH.cjs"),f=require("./SCard-DKZYyR5b.cjs"),p=require("./SSegmentControl-Dz-d3Y9v.cjs"),m=require("./STab-BbzowB-Y.cjs"),h=require("./STabs-DeHqnjNJ.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D1mmp1kd.cjs"),v=require("./STagGroup-CF2TFkb3.cjs"),y=require("./SChip-DRz5BA4Z.cjs"),b=require("./SDropdown-_QUOP-rw.cjs"),x=require("./SSelect-BVs3lWQ9.cjs"),S=require("./SInput-Cw8pt9Sr.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-DLKfepRW.cjs"),T=require("./SList-D9SztBPD.cjs"),E=require("./SListItem-3IpjaE9h.cjs"),D=require("./SRadio-DRo_GU5A.cjs"),O=require("./SToggle-FrWtwY4F.cjs"),k=require("./SInlineInput-D3vCX4QA.cjs"),ee=require("./STextarea-Cz7Frk82.cjs"),A=require("./SPhotoEdit-vg58q6I7.cjs"),j=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),te=require("./SChartLine-BF6Klm4j.cjs"),ne=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),re=require("./SChartStackedArea-BLHs3sSH.cjs"),ie=require("./SChartStackedBar-CWNyvUj9.cjs"),ae=require("./SChartHorizontalBar-4H-lgfO4.cjs"),oe=require("./SChartPie-namQTFla.cjs"),se=require("./SChartMultiLine-Ddvfmf__.cjs"),ce=require("./SChartBurnup-C4x5kik6.cjs"),le=require("./SChartProgress-DsFHotRv.cjs"),M=require("./SChartLegend-DGtjd6zV.cjs"),ue=require("./useHasListener-BPgtbbo6.cjs"),N=require("./buildWorkTimeLegendItems-DjhLKbAP.cjs");let P=require("vue"),F=require("@shtabapp/ui-kit-primitives"),de=require("@vueuse/core");var I=[`--s-ui-chart-segmented-bar-palette-1`,`--s-ui-chart-segmented-bar-palette-2`,`--s-ui-chart-segmented-bar-palette-3`,`--s-ui-chart-segmented-bar-palette-4`,`--s-ui-chart-segmented-bar-palette-5`,`--s-ui-chart-segmented-bar-palette-6`,`--s-ui-chart-segmented-bar-palette-7`,`--s-ui-chart-segmented-bar-palette-8`],L=[`--s-ui-chart-segmented-bar-skeleton-palette-1`,`--s-ui-chart-segmented-bar-skeleton-palette-2`,`--s-ui-chart-segmented-bar-skeleton-palette-3`,`--s-ui-chart-segmented-bar-skeleton-palette-4`,`--s-ui-chart-segmented-bar-skeleton-palette-5`,`--s-ui-chart-segmented-bar-skeleton-palette-6`,`--s-ui-chart-segmented-bar-skeleton-palette-7`,`--s-ui-chart-segmented-bar-skeleton-palette-8`],fe=(e,t,n,r=!1)=>ne.t(e,t,n,r,{palette:I,paletteFallback:I[0],skeletonPalette:L,skeletonFallback:L[0]}),R=function(e){return e.INFO_ACCENT=`info-accent`,e.INFO_NORMAL=`info-normal`,e.SUCCESS=`success`,e.WARNING=`warning`,e.DANGER=`danger`,e.BILLING=`billing`,e}({}),z=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),B=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),V=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),pe={[R.INFO_ACCENT]:F.ESIconName.infoCircle,[R.INFO_NORMAL]:F.ESIconName.infoCircle,[R.SUCCESS]:F.ESIconName.checkCircle,[R.WARNING]:F.ESIconName.alertCircle,[R.DANGER]:F.ESIconName.dangerCircleFill,[R.BILLING]:F.ESIconName.infoCircle},me=(e,t)=>t||pe[e],he=[`role`],ge={class:`s-ui-notification__body`},_e={key:0,class:`s-ui-notification__leftside`},ve={key:0,class:`s-ui-notification__icon`},ye={class:`s-ui-notification__content`},be={class:`s-ui-notification__title-row`},xe={class:`s-ui-notification__title s-ui-typography-label-14-medium`},Se={key:0,class:`s-ui-notification__description-block`},Ce={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},we={key:1,class:`s-ui-notification__actions-stack`},Te={key:1,class:`s-ui-notification__actions-row`},H=(0,P.defineComponent)({__name:`SNotification`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},surface:{default:()=>V.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,P.useSlots)(),a=(0,P.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,P.computed)(()=>{let t={};return e.width&&(t.width=typeof e.width==`number`?`${e.width}px`:e.width),e.maxWidth&&(t.maxWidth=typeof e.maxWidth==`number`?`${e.maxWidth}px`:e.maxWidth),t}),l=(0,P.computed)(()=>e.type===R.DANGER?`alert`:`status`),u=(0,P.computed)(()=>me(e.type,e.icon)),d=(0,P.computed)(()=>e.type===R.BILLING),f=(0,P.computed)(()=>!!(e.leftside===B.AVATAR&&e.avatar||e.leftside===B.ICON)),p=(0,P.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,P.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,P.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,P.computed)(()=>e.type===R.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,P.computed)(()=>e.type===R.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-notification`,a.value]),style:(0,P.normalizeStyle)(c.value),role:l.value},[(0,P.createElementVNode)(`div`,ge,[f.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,_e,[e.leftside===(0,P.unref)(B).ICON?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,ve,[(0,P.createVNode)((0,P.unref)(F.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,P.unref)(B).AVATAR&&e.avatar?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,P.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),(0,P.createElementVNode)(`div`,ye,[(0,P.createElementVNode)(`div`,be,[(0,P.createElementVNode)(`span`,xe,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])]),e.layout===(0,P.unref)(z).VERTICAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)]),p.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Se,[e.description||(0,P.unref)(i).description?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,Ce,[(0,P.renderSlot)(n.$slots,`description`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.description),1)])])):(0,P.createCommentVNode)(``,!0),e.linkText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).MAIN,size:(0,P.unref)(o.n).SMALL,onClick:y},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).VERTICAL&&m.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,we,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,onClick:x},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)]),e.layout===(0,P.unref)(z).HORIZONTAL&&h.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).HORIZONTAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)])],14,he))}}),Ee=(0,P.defineComponent)({__name:`SBanner`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)();return(t,i)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).BANNER,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,maxWidth:e.maxWidth,onClose:i[0]||=e=>n(`close`),onLinkClick:i[1]||=e=>n(`linkClick`),onPrimaryAction:i[2]||=e=>n(`primaryAction`),onSecondaryAction:i[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),U=(0,P.defineComponent)({__name:`SToast`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)(),i=(0,P.computed)(()=>e.width??360);return(t,a)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).TOAST,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,width:i.value,onClose:a[0]||=e=>n(`close`),onLinkClick:a[1]||=e=>n(`linkClick`),onPrimaryAction:a[2]||=e=>n(`primaryAction`),onSecondaryAction:a[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),De=.05,Oe=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],ke=(0,P.defineComponent)({__name:`SToastProviderToast`,props:{index:{},expanded:{type:Boolean},frontToastHeight:{},stackPeek:{},removed:{type:Boolean},visible:{type:Boolean},offsetY:{}},emits:[`heightChange`],setup(e,{emit:t}){let n=t,r=(0,P.ref)(null),i=(0,P.ref)(0),a=(0,P.ref)(!1),o=(0,P.computed)(()=>e.index===0),s=(0,P.computed)(()=>1-e.index*De),c=(0,P.computed)(()=>({"--s-ui-toast-provider-toasts-before":String(e.index),"--s-ui-toast-provider-lift-amount":`${e.stackPeek*-1}px`,"--s-ui-toast-provider-front-toast-height":`${e.frontToastHeight}px`,"--s-ui-toast-provider-offset-y":`${e.offsetY}px`,"--s-ui-toast-provider-initial-height":`${i.value}px`,"--s-ui-toast-provider-stack-scale":String(s.value),zIndex:String(1e3-e.index)}));return(0,de.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,P.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:`s-ui-toast-provider__toast`,"data-mounted":a.value,"data-front":o.value,"data-expanded":e.expanded,"data-removed":e.removed,"data-visible":e.visible,style:(0,P.normalizeStyle)(c.value)},[(0,P.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,P.renderSlot)(t.$slots,`default`)],512)],12,Oe))}}),W=4e3,G=1e4,Ae=50,K=(e,t)=>{let n=W+(e.length+(t?.length??0))*50;return n>1e4?G:n},q=(0,P.shallowRef)([]),J=new Map,je=0,Me={type:R.INFO_ACCENT,layout:z.HORIZONTAL,leftside:B.ICON,showPrimaryButton:!1,closable:!0},Ne=()=>`toast-${Date.now()}-${++je}`,Y=e=>{let t=J.get(e);t&&(window.clearTimeout(t),J.delete(e))},X=e=>{Y(e.id);let t=e.duration===void 0?K(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{Z(e.id)},t);J.set(e.id,n)}},Z=e=>{let t=q.value.findIndex(t=>t.id===e);if(t===-1)return;let n=q.value[t];n&&(Y(e),n.onClose&&n.onClose(),q.value=q.value.filter(t=>t.id!==e))},Pe=()=>{J.forEach(e=>window.clearTimeout(e)),J.clear(),q.value=[]},Q=e=>e.length<=3?e:(e.slice(3).forEach(e=>{Y(e.id)}),e.slice(0,3)),Fe=e=>{let t=e.id??Ne(),n={...Me,...e,id:t},r=q.value.findIndex(e=>e.id===t);if(r>-1){let e=[...q.value];e[r]=n,q.value=Q(e)}else q.value=Q([n,...q.value]);return X(n),t},Ie=(e,t)=>{let n=q.value.findIndex(t=>t.id===e);if(n===-1)return;let r=q.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...q.value];a[n]=i,q.value=a,X(i)},$=()=>({toasts:q,show:Fe,hide:Z,hideAll:Pe,update:Ie}),Le=(0,P.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=$(),r=(0,P.computed)(()=>t.value.slice(0,3)),i=(0,P.ref)(!1),a=(0,P.shallowRef)({}),o=(0,P.ref)(new Set),s=(0,P.computed)(()=>t.value[0]??null),c=(0,P.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,P.ref)(0),u=(0,P.computed)(()=>c.value>0?c.value:l.value);(0,P.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,P.computed)(()=>{if(r.value.length===0)return{};if(i.value)return{height:`${r.value.reduce((e,t,n)=>{let r=a.value[t.id]??0,i=n>0?4:0;return e+r+i},0)}px`};let e=Math.min(r.value.length-1,2)*10;return{height:`${u.value+e}px`}}),f=e=>{let t=0;for(let n=0;n<e;n+=1){let e=r.value[n];e&&(t+=(a.value[e.id]??0)+4)}return t},p=e=>o.value.has(e),m=()=>{r.value.length>1&&(i.value=!0)},h=()=>{i.value=!1},g=(e,t)=>{a.value={...a.value,[e]:t}},_=e=>{o.value.has(e)||(o.value=new Set([...o.value,e]),window.setTimeout(()=>{n(e);let t=new Set(o.value);t.delete(e),o.value=t;let r={...a.value};delete r[e],a.value=r},200))},v=e=>{e.onLinkClick&&e.onLinkClick()},y=e=>{e.onPrimaryAction&&e.onPrimaryAction(e.id)},b=e=>{e.onSecondaryAction&&e.onSecondaryAction()};return(e,t)=>((0,P.openBlock)(),(0,P.createBlock)(P.Teleport,{to:`body`},[(0,P.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,P.normalizeStyle)(d.value)},[((0,P.openBlock)(!0),(0,P.createElementBlock)(P.Fragment,null,(0,P.renderList)(r.value,(t,n)=>((0,P.openBlock)(),(0,P.createBlock)(ke,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,P.unref)(10),removed:p(t.id),visible:n<(0,P.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,P.withCtx)(()=>[(0,P.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,P.openBlock)(),(0,P.createBlock)((0,P.resolveDynamicComponent)(t.component),(0,P.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(U),{key:1,type:t.type,layout:t.layout,leftside:t.leftside,title:t.title,description:t.description,linkText:t.linkText,primaryButtonText:t.primaryButtonText,secondaryButtonText:t.secondaryButtonText,showPrimaryButton:t.showPrimaryButton,closable:t.closable,closeAriaLabel:t.closeAriaLabel,icon:t.icon,avatar:t.avatar,width:t.width,onClose:e=>_(t.id),onLinkClick:e=>v(t),onPrimaryAction:e=>y(t),onSecondaryAction:e=>b(t)},null,8,[`type`,`layout`,`leftside`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,P.createCommentVNode)(``,!0)],32)]))}}),Re=4,ze=4,Be=1,Ve=`400 12px var(--s-ui-font-family-label)`,He=4,Ue=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},We=e=>{let t=e.getProps([`x`,`y`,`base`],!0),n=Number(t.x),r=Number(t.y),i=Number(t.base);return!Number.isFinite(n)||!Number.isFinite(r)||!Number.isFinite(i)?null:{left:Math.min(i,n),width:Math.abs(n-i),centerY:r}},Ge=(e,t,n,r)=>{let i=We(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+Re*2;if(i.width<o+He*2)return;let s=i.left+i.width/2;Ue(e,s-o/2,i.centerY-20/2,o,20,ze),e.fillStyle=r.background,e.fill(),e.lineWidth=Be,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},Ke=e=>({id:`segmentedBarBadge`,afterDatasetsDraw(t){let n={background:j.w(j.v.pieBadgeBackground,e),border:j.w(j.v.pieBadgeBorder,e),text:j.w(j.v.pieBadgeText,e)},{ctx:r}=t;r.save(),r.font=Ve,r.textAlign=`center`,r.textBaseline=`middle`,t.data.datasets.forEach((e,i)=>{let a=t.getDatasetMeta(i)?.data[0],o=e.data[0];a&&typeof o==`number`&&o>0&&Ge(r,a,o,n)}),r.restore()}}),qe=40,Je=4,Ye=1,Xe=[`mousemove`,`mouseout`,`click`,`touchstart`,`touchmove`],Ze=({segments:e,segmentColors:t,colorHostElement:n,skeleton:r=!1,onSegmentClick:i})=>{if(e.length===0)return null;let a=j.w(`--s-ui-color-surface-primary`,n),o=e.reduce((e,t)=>e+t.value,0),s=j.a({kind:`series`,skeleton:r,colorHostElement:n,onIndexClick:i});return{type:`bar`,data:{labels:[``],datasets:e.map((e,n)=>({label:e.label,data:[e.value],backgroundColor:t[n],hoverBackgroundColor:t[n],borderColor:a,borderWidth:{left:Ye,right:Ye},borderSkipped:!1,borderRadius:Je,barThickness:qe,stack:`track`}))},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,layout:{padding:0},events:r?[]:Xe,onHover:s.onHover,onClick:s.onClick,hover:r?void 0:{mode:`nearest`,intersect:!0},elements:r?void 0:{bar:{hoverBorderColor:a}},plugins:{legend:{display:!1},tooltip:{enabled:!1}},scales:{x:{display:!1,stacked:!0,min:0,max:o},y:{display:!1,stacked:!0}}},plugins:[...r?[]:[Ke(n)],...s.plugins]}},Qe=[4,1,2,1,3,1,2,1].map((e,t)=>({label:`Series ${t+1}`,value:e})),$e={class:`s-ui-chart-segmented-bar__canvas-wrap`},et=(0,P.defineComponent)({__name:`SChartSegmentedBar`,props:{segments:{default:()=>[]},showLegend:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},emits:[`segmentClick`],setup(e,{expose:t,emit:n}){let r=n,i=j.n,a=(0,P.useTemplateRef)(`chartRootRef`),o=(0,P.useTemplateRef)(`chartCanvasRef`),s=(0,P.computed)(()=>e.loading?Qe:e.segments),c=(0,P.computed)(()=>s.value.map((t,n)=>fe(n,a.value,t.fillColor,e.loading))),l=(0,P.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,P.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,P.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,P.computed)(()=>{let e=new Map;return l.value.forEach(({segmentIndex:t},n)=>{e.set(t,n)}),e}),p=e=>{let t=l.value[e];t&&r(`segmentClick`,t.segmentIndex,t.segment)},m=ue.t(`onSegmentClick`),h=(0,P.computed)(()=>Ze({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,P.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=j.i({canvasRef:o,config:h,enabled:(0,P.computed)(()=>e.loading||u.value.length>0)}),{exportImage:v,handleLegendItemHover:y}=j.r({chartInstance:_,canvasRef:o,colorHostElement:a}),b=e=>{y(e===null?null:f.value.get(e)??null)};return t({exportImage:v}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,P.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,P.createElementVNode)(`div`,$e,[(0,P.createVNode)((0,P.unref)(j.t),{loading:e.loading,type:(0,P.unref)(i).CARTESIAN},{default:(0,P.withCtx)(()=>[(0,P.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:o,class:`s-ui-chart-segmented-bar__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),e.showLegend&&g.value.length?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(M.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,P.createCommentVNode)(``,!0)],2))}}),tt={key:0,class:`s-ui-chart-widget__header`},nt={key:0,class:`s-ui-chart-widget__title-skeleton`,"aria-hidden":`true`},rt={key:1,class:`s-ui-chart-widget__title s-ui-typography-label-16-medium`},it={class:`s-ui-chart-widget__controls`},at={key:1,class:`s-ui-chart-widget__content`},ot=(0,P.defineComponent)({__name:`SChartWidget`,props:(0,P.mergeModels)({title:{default:``},collapsible:{type:Boolean,default:!1},hideContentWhenCollapsed:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},{collapsed:{type:Boolean,default:!1},collapsedModifiers:{}}),emits:[`update:collapsed`],setup(e){let t=(0,P.useModel)(e,`collapsed`),n=(0,P.useSlots)(),{t:r}=(0,F.useUiKitI18n)(),i=(0,P.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,P.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,P.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,tt,[e.loading?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,nt)):((0,P.openBlock)(),(0,P.createElementBlock)(`span`,rt,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])])),(0,P.createElementVNode)(`div`,it,[(0,P.renderSlot)(n.$slots,`actions`),e.collapsible?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:(0,P.unref)(o.t).OUTLINED,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,icon:t.value?(0,P.unref)(F.ESIconName).chevronDown:(0,P.unref)(F.ESIconName).chevronUp,"aria-label":c.value,"aria-expanded":!t.value,onClick:r[0]||=e=>t.value=!t.value},null,8,[`appearance`,`variant`,`size`,`icon`,`aria-label`,`aria-expanded`])):(0,P.createCommentVNode)(``,!0)])])):(0,P.createCommentVNode)(``,!0),a.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,at,[(0,P.renderSlot)(n.$slots,`default`)])):(0,P.createCommentVNode)(``,!0)],2))}});exports.CALENDAR_WEEK_SLOT_COUNT=N.a,exports.DAY_TIMELINE_MINUTES=N.r,exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.n,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=z,exports.ENotificationLeftside=B,exports.ENotificationType=R,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxLabelPlacement=d.r,exports.ESCheckboxSize=d.i,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineInputAppearance=k.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=T.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=A.n,exports.ESPhotoEditSize=A.r,exports.ESRadioLabelPlacement=D.n,exports.ESSelectSearchable=x.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleLabelPlacement=O.n,exports.ESToggleSize=O.r,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.EWorkTimeSource=N.c,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=Ee,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCalendarMonth=N.l,exports.SCalendarWeekGrid=N.i,exports.SCard=f.t,exports.SChartBurnup=ce.t,exports.SChartHorizontalBar=ae.t,exports.SChartLegend=M.t,exports.SChartLine=te.t,exports.SChartMultiLine=se.t,exports.SChartPie=oe.t,exports.SChartProgress=le.t,exports.SChartSegmentedBar=et,exports.SChartStackedArea=re.t,exports.SChartStackedBar=ie.t,exports.SChartWidget=ot,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDayTimeline=N.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.r,exports.SInlineInput=k.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=T.t,exports.SListItem=E.t,exports.SPhotoEdit=A.t,exports.SRadio=D.t,exports.SSegmentControl=p.t,exports.SSelect=x.t,exports.STab=m.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=ee.t,exports.SToast=U,exports.SToastProvider=Le,exports.SToggle=O.t,exports.TOAST_AUTO_DURATION_MAX_MS=G,exports.TOAST_AUTO_DURATION_MIN_MS=W,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=Ae,exports.WORK_TIME_SOURCE_COLOR_VARS=N.o,exports.WORK_TIME_SOURCE_ORDER=N.s,exports.buildWorkTimeLegendItems=N.t,exports.computeAutoDuration=K,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return F.createUiKit}}),exports.formatDurationHM=N.u,exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return F.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return F.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return F.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=$,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return F.useUiKitI18n}});var st=require("@shtabapp/ui-kit-tokens");Object.keys(st).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return st[e]}})}),Object.keys(F).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return F[e]}})});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SAvatar-DTG0odWX.cjs"),n=require("./SColorPicker-Cucd749L.cjs"),r=require("./SColorPalette-CqfVzhda.cjs"),i=require("./colorValue-Dda7fKd3.cjs"),a=require("./SAvatarGroup-CTC_esUv.cjs"),o=require("./SButton.types-UKroD-ev.cjs"),s=require("./SButton-C-z_q5CG.cjs"),c=require("./useSelectionGroup-TaektE-I.cjs"),l=require("./useSelectLink-DDdMmsJB.cjs"),u=require("./SButtonGroup-BPy2YaEP.cjs"),d=require("./SCheckbox-DnnC5mOH.cjs"),f=require("./SCard-DKZYyR5b.cjs"),p=require("./SSegmentControl-Dz-d3Y9v.cjs"),m=require("./STab-BbzowB-Y.cjs"),h=require("./STabs-DeHqnjNJ.cjs"),g=require("./useFloatingOverlay-B1UCUYQQ.cjs"),_=require("./STag-D1mmp1kd.cjs"),v=require("./STagGroup-CF2TFkb3.cjs"),y=require("./SChip-DRz5BA4Z.cjs"),b=require("./SDropdown-_QUOP-rw.cjs"),x=require("./SSelect-BVs3lWQ9.cjs"),S=require("./SInput-Cw8pt9Sr.cjs"),C=require("./SInlineMessage-gjkMiE-W.cjs"),w=require("./SLabel-DLKfepRW.cjs"),T=require("./SList-D9SztBPD.cjs"),E=require("./SListItem-3IpjaE9h.cjs"),D=require("./SRadio-DRo_GU5A.cjs"),O=require("./SToggle-FrWtwY4F.cjs"),k=require("./SInlineInput-D3vCX4QA.cjs"),ee=require("./STextarea-Dg-Dy3ZT.cjs"),A=require("./SPhotoEdit-vg58q6I7.cjs"),j=require("./SChartSkeletonHost-Dt5EjQr5.cjs"),te=require("./SChartLine-BF6Klm4j.cjs"),ne=require("./resolveSeriesPaletteColor-hI4YDdUg.cjs"),re=require("./SChartStackedArea-BLHs3sSH.cjs"),ie=require("./SChartStackedBar-CWNyvUj9.cjs"),ae=require("./SChartHorizontalBar-4H-lgfO4.cjs"),oe=require("./SChartPie-namQTFla.cjs"),se=require("./SChartMultiLine-Ddvfmf__.cjs"),ce=require("./SChartBurnup-C4x5kik6.cjs"),le=require("./SChartProgress-DsFHotRv.cjs"),M=require("./SChartLegend-DGtjd6zV.cjs"),ue=require("./useHasListener-BPgtbbo6.cjs"),N=require("./buildWorkTimeLegendItems-DjhLKbAP.cjs");let P=require("vue"),F=require("@shtabapp/ui-kit-primitives"),de=require("@vueuse/core");var I=[`--s-ui-chart-segmented-bar-palette-1`,`--s-ui-chart-segmented-bar-palette-2`,`--s-ui-chart-segmented-bar-palette-3`,`--s-ui-chart-segmented-bar-palette-4`,`--s-ui-chart-segmented-bar-palette-5`,`--s-ui-chart-segmented-bar-palette-6`,`--s-ui-chart-segmented-bar-palette-7`,`--s-ui-chart-segmented-bar-palette-8`],L=[`--s-ui-chart-segmented-bar-skeleton-palette-1`,`--s-ui-chart-segmented-bar-skeleton-palette-2`,`--s-ui-chart-segmented-bar-skeleton-palette-3`,`--s-ui-chart-segmented-bar-skeleton-palette-4`,`--s-ui-chart-segmented-bar-skeleton-palette-5`,`--s-ui-chart-segmented-bar-skeleton-palette-6`,`--s-ui-chart-segmented-bar-skeleton-palette-7`,`--s-ui-chart-segmented-bar-skeleton-palette-8`],fe=(e,t,n,r=!1)=>ne.t(e,t,n,r,{palette:I,paletteFallback:I[0],skeletonPalette:L,skeletonFallback:L[0]}),R=function(e){return e.INFO_ACCENT=`info-accent`,e.INFO_NORMAL=`info-normal`,e.SUCCESS=`success`,e.WARNING=`warning`,e.DANGER=`danger`,e.BILLING=`billing`,e}({}),z=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),B=function(e){return e.ICON=`icon`,e.AVATAR=`avatar`,e}({}),V=function(e){return e.BANNER=`banner`,e.TOAST=`toast`,e}({}),pe={[R.INFO_ACCENT]:F.ESIconName.infoCircle,[R.INFO_NORMAL]:F.ESIconName.infoCircle,[R.SUCCESS]:F.ESIconName.checkCircle,[R.WARNING]:F.ESIconName.alertCircle,[R.DANGER]:F.ESIconName.dangerCircleFill,[R.BILLING]:F.ESIconName.infoCircle},me=(e,t)=>t||pe[e],he=[`role`],ge={class:`s-ui-notification__body`},_e={key:0,class:`s-ui-notification__leftside`},ve={key:0,class:`s-ui-notification__icon`},ye={class:`s-ui-notification__content`},be={class:`s-ui-notification__title-row`},xe={class:`s-ui-notification__title s-ui-typography-label-14-medium`},Se={key:0,class:`s-ui-notification__description-block`},Ce={key:0,class:`s-ui-notification__description s-ui-typography-label-12-medium`},we={key:1,class:`s-ui-notification__actions-stack`},Te={key:1,class:`s-ui-notification__actions-row`},H=(0,P.defineComponent)({__name:`SNotification`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},surface:{default:()=>V.BANNER},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:n}){let r=n,i=(0,P.useSlots)(),a=(0,P.computed)(()=>[`s-ui-notification--type-${e.type}`,`s-ui-notification--layout-${e.layout}`,`s-ui-notification--surface-${e.surface}`]),c=(0,P.computed)(()=>{let t={};return e.width&&(t.width=typeof e.width==`number`?`${e.width}px`:e.width),e.maxWidth&&(t.maxWidth=typeof e.maxWidth==`number`?`${e.maxWidth}px`:e.maxWidth),t}),l=(0,P.computed)(()=>e.type===R.DANGER?`alert`:`status`),u=(0,P.computed)(()=>me(e.type,e.icon)),d=(0,P.computed)(()=>e.type===R.BILLING),f=(0,P.computed)(()=>!!(e.leftside===B.AVATAR&&e.avatar||e.leftside===B.ICON)),p=(0,P.computed)(()=>!!(e.description||e.linkText||i.description)),m=(0,P.computed)(()=>e.showPrimaryButton&&(e.primaryButtonText||e.secondaryButtonText)),h=(0,P.computed)(()=>e.showPrimaryButton&&e.primaryButtonText||e.closable),g=(0,P.computed)(()=>e.type===R.BILLING?o.t.MAJOR:o.t.OUTLINED),_=(0,P.computed)(()=>e.type===R.BILLING?o.r.BILLING:o.r.MAIN),v=()=>{r(`close`)},y=()=>{r(`linkClick`)},b=()=>{r(`primaryAction`)},x=()=>{r(`secondaryAction`)};return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-notification`,a.value]),style:(0,P.normalizeStyle)(c.value),role:l.value},[(0,P.createElementVNode)(`div`,ge,[f.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,_e,[e.leftside===(0,P.unref)(B).ICON?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,ve,[(0,P.createVNode)((0,P.unref)(F.SIcon),{name:u.value,size:16,billing:d.value},null,8,[`name`,`billing`])])):e.leftside===(0,P.unref)(B).AVATAR&&e.avatar?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(t.t),{key:1,name:e.avatar.name,src:e.avatar.src,badge:e.avatar.badge,size:(0,P.unref)(t.o).SIZE_20,showName:!1},null,8,[`name`,`src`,`badge`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),(0,P.createElementVNode)(`div`,ye,[(0,P.createElementVNode)(`div`,be,[(0,P.createElementVNode)(`span`,xe,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])]),e.layout===(0,P.unref)(z).VERTICAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)]),p.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Se,[e.description||(0,P.unref)(i).description?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,Ce,[(0,P.renderSlot)(n.$slots,`description`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.description),1)])])):(0,P.createCommentVNode)(``,!0),e.linkText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__link`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).MAIN,size:(0,P.unref)(o.n).SMALL,onClick:y},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.linkText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).VERTICAL&&m.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,we,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.showPrimaryButton&&e.secondaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,onClick:x},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.secondaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)]),e.layout===(0,P.unref)(z).HORIZONTAL&&h.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,Te,[e.showPrimaryButton&&e.primaryButtonText?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:g.value,variant:_.value,size:(0,P.unref)(o.n).SMALL,onClick:b},{default:(0,P.withCtx)(()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.primaryButtonText),1)]),_:1},8,[`appearance`,`variant`,`size`])):(0,P.createCommentVNode)(``,!0),e.layout===(0,P.unref)(z).HORIZONTAL&&e.closable?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:1,class:`s-ui-notification__close`,appearance:(0,P.unref)(o.t).BARE,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,"aria-label":e.closeAriaLabel,icon:`closeMini`,onClick:v},null,8,[`appearance`,`variant`,`size`,`aria-label`])):(0,P.createCommentVNode)(``,!0)])):(0,P.createCommentVNode)(``,!0)])],14,he))}}),Ee=(0,P.defineComponent)({__name:`SBanner`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},maxWidth:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)();return(t,i)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-banner`,"data-qa":`ui:banner`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).BANNER,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,maxWidth:e.maxWidth,onClose:i[0]||=e=>n(`close`),onLinkClick:i[1]||=e=>n(`linkClick`),onPrimaryAction:i[2]||=e=>n(`primaryAction`),onSecondaryAction:i[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`maxWidth`]))}}),U=(0,P.defineComponent)({__name:`SToast`,props:{type:{default:()=>R.INFO_ACCENT},layout:{default:()=>z.HORIZONTAL},leftside:{default:()=>B.ICON},title:{},description:{},linkText:{},primaryButtonText:{},secondaryButtonText:{},showPrimaryButton:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},closeAriaLabel:{default:``},icon:{},avatar:{},width:{}},emits:[`close`,`linkClick`,`primaryAction`,`secondaryAction`],setup(e,{emit:t}){let n=t,r=(0,P.useSlots)(),i=(0,P.computed)(()=>e.width??360);return(t,a)=>((0,P.openBlock)(),(0,P.createBlock)(H,{class:`s-ui-toast`,"data-qa":`ui:toast`,type:e.type,layout:e.layout,leftside:e.leftside,surface:(0,P.unref)(V).TOAST,title:e.title,description:e.description,linkText:e.linkText,primaryButtonText:e.primaryButtonText,secondaryButtonText:e.secondaryButtonText,showPrimaryButton:e.showPrimaryButton,closable:e.closable,closeAriaLabel:e.closeAriaLabel,icon:e.icon,avatar:e.avatar,width:i.value,onClose:a[0]||=e=>n(`close`),onLinkClick:a[1]||=e=>n(`linkClick`),onPrimaryAction:a[2]||=e=>n(`primaryAction`),onSecondaryAction:a[3]||=e=>n(`secondaryAction`)},(0,P.createSlots)({_:2},[(0,P.unref)(r).title?{name:`title`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`title`)]),key:`0`}:void 0,(0,P.unref)(r).description?{name:`description`,fn:(0,P.withCtx)(()=>[(0,P.renderSlot)(t.$slots,`description`)]),key:`1`}:void 0]),1032,[`type`,`layout`,`leftside`,`surface`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`]))}}),De=.05,Oe=[`data-mounted`,`data-front`,`data-expanded`,`data-removed`,`data-visible`],ke=(0,P.defineComponent)({__name:`SToastProviderToast`,props:{index:{},expanded:{type:Boolean},frontToastHeight:{},stackPeek:{},removed:{type:Boolean},visible:{type:Boolean},offsetY:{}},emits:[`heightChange`],setup(e,{emit:t}){let n=t,r=(0,P.ref)(null),i=(0,P.ref)(0),a=(0,P.ref)(!1),o=(0,P.computed)(()=>e.index===0),s=(0,P.computed)(()=>1-e.index*De),c=(0,P.computed)(()=>({"--s-ui-toast-provider-toasts-before":String(e.index),"--s-ui-toast-provider-lift-amount":`${e.stackPeek*-1}px`,"--s-ui-toast-provider-front-toast-height":`${e.frontToastHeight}px`,"--s-ui-toast-provider-offset-y":`${e.offsetY}px`,"--s-ui-toast-provider-initial-height":`${i.value}px`,"--s-ui-toast-provider-stack-scale":String(s.value),zIndex:String(1e3-e.index)}));return(0,de.useResizeObserver)(r,e=>{let t=e[0]?.contentRect.height??0;t!==i.value&&(i.value=t,n(`heightChange`,t))}),(0,P.onMounted)(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{a.value=!0})})}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:`s-ui-toast-provider__toast`,"data-mounted":a.value,"data-front":o.value,"data-expanded":e.expanded,"data-removed":e.removed,"data-visible":e.visible,style:(0,P.normalizeStyle)(c.value)},[(0,P.createElementVNode)(`div`,{ref_key:`contentRef`,ref:r,class:`s-ui-toast-provider__toast-content`},[(0,P.renderSlot)(t.$slots,`default`)],512)],12,Oe))}}),W=4e3,G=1e4,Ae=50,K=(e,t)=>{let n=W+(e.length+(t?.length??0))*50;return n>1e4?G:n},q=(0,P.shallowRef)([]),J=new Map,je=0,Me={type:R.INFO_ACCENT,layout:z.HORIZONTAL,leftside:B.ICON,showPrimaryButton:!1,closable:!0},Ne=()=>`toast-${Date.now()}-${++je}`,Y=e=>{let t=J.get(e);t&&(window.clearTimeout(t),J.delete(e))},X=e=>{Y(e.id);let t=e.duration===void 0?K(e.title,e.description):e.duration;if(t>0){let n=window.setTimeout(()=>{Z(e.id)},t);J.set(e.id,n)}},Z=e=>{let t=q.value.findIndex(t=>t.id===e);if(t===-1)return;let n=q.value[t];n&&(Y(e),n.onClose&&n.onClose(),q.value=q.value.filter(t=>t.id!==e))},Pe=()=>{J.forEach(e=>window.clearTimeout(e)),J.clear(),q.value=[]},Q=e=>e.length<=3?e:(e.slice(3).forEach(e=>{Y(e.id)}),e.slice(0,3)),Fe=e=>{let t=e.id??Ne(),n={...Me,...e,id:t},r=q.value.findIndex(e=>e.id===t);if(r>-1){let e=[...q.value];e[r]=n,q.value=Q(e)}else q.value=Q([n,...q.value]);return X(n),t},Ie=(e,t)=>{let n=q.value.findIndex(t=>t.id===e);if(n===-1)return;let r=q.value[n];if(!r)return;let i={...r,...t,id:r.id},a=[...q.value];a[n]=i,q.value=a,X(i)},$=()=>({toasts:q,show:Fe,hide:Z,hideAll:Pe,update:Ie}),Le=(0,P.defineComponent)({__name:`SToastProvider`,setup(e){let{toasts:t,hide:n}=$(),r=(0,P.computed)(()=>t.value.slice(0,3)),i=(0,P.ref)(!1),a=(0,P.shallowRef)({}),o=(0,P.ref)(new Set),s=(0,P.computed)(()=>t.value[0]??null),c=(0,P.computed)(()=>s.value?a.value[s.value.id]??0:0),l=(0,P.ref)(0),u=(0,P.computed)(()=>c.value>0?c.value:l.value);(0,P.watch)(c,e=>{e>0&&(l.value=e)});let d=(0,P.computed)(()=>{if(r.value.length===0)return{};if(i.value)return{height:`${r.value.reduce((e,t,n)=>{let r=a.value[t.id]??0,i=n>0?4:0;return e+r+i},0)}px`};let e=Math.min(r.value.length-1,2)*10;return{height:`${u.value+e}px`}}),f=e=>{let t=0;for(let n=0;n<e;n+=1){let e=r.value[n];e&&(t+=(a.value[e.id]??0)+4)}return t},p=e=>o.value.has(e),m=()=>{r.value.length>1&&(i.value=!0)},h=()=>{i.value=!1},g=(e,t)=>{a.value={...a.value,[e]:t}},_=e=>{o.value.has(e)||(o.value=new Set([...o.value,e]),window.setTimeout(()=>{n(e);let t=new Set(o.value);t.delete(e),o.value=t;let r={...a.value};delete r[e],a.value=r},200))},v=e=>{e.onLinkClick&&e.onLinkClick()},y=e=>{e.onPrimaryAction&&e.onPrimaryAction(e.id)},b=e=>{e.onSecondaryAction&&e.onSecondaryAction()};return(e,t)=>((0,P.openBlock)(),(0,P.createBlock)(P.Teleport,{to:`body`},[(0,P.createElementVNode)(`div`,{class:`s-ui-toast-provider`,onMouseenter:m,onMouseleave:h},[r.value.length>0?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{key:0,class:`s-ui-toast-provider__list`,style:(0,P.normalizeStyle)(d.value)},[((0,P.openBlock)(!0),(0,P.createElementBlock)(P.Fragment,null,(0,P.renderList)(r.value,(t,n)=>((0,P.openBlock)(),(0,P.createBlock)(ke,{key:t.id,index:n,expanded:i.value,"front-toast-height":u.value,"stack-peek":(0,P.unref)(10),removed:p(t.id),visible:n<(0,P.unref)(3),"offset-y":f(n),onHeightChange:e=>g(t.id,e)},{default:(0,P.withCtx)(()=>[(0,P.renderSlot)(e.$slots,`toast`,{toast:t},()=>[t.component?((0,P.openBlock)(),(0,P.createBlock)((0,P.resolveDynamicComponent)(t.component),(0,P.mergeProps)({key:0,ref_for:!0},t.componentProps,{toast:t,onClose:e=>_(t.id)}),null,16,[`toast`,`onClose`])):((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(U),{key:1,type:t.type,layout:t.layout,leftside:t.leftside,title:t.title,description:t.description,linkText:t.linkText,primaryButtonText:t.primaryButtonText,secondaryButtonText:t.secondaryButtonText,showPrimaryButton:t.showPrimaryButton,closable:t.closable,closeAriaLabel:t.closeAriaLabel,icon:t.icon,avatar:t.avatar,width:t.width,onClose:e=>_(t.id),onLinkClick:e=>v(t),onPrimaryAction:e=>y(t),onSecondaryAction:e=>b(t)},null,8,[`type`,`layout`,`leftside`,`title`,`description`,`linkText`,`primaryButtonText`,`secondaryButtonText`,`showPrimaryButton`,`closable`,`closeAriaLabel`,`icon`,`avatar`,`width`,`onClose`,`onLinkClick`,`onPrimaryAction`,`onSecondaryAction`]))])]),_:2},1032,[`index`,`expanded`,`front-toast-height`,`stack-peek`,`removed`,`visible`,`offset-y`,`onHeightChange`]))),128))],4)):(0,P.createCommentVNode)(``,!0)],32)]))}}),Re=4,ze=4,Be=1,Ve=`400 12px var(--s-ui-font-family-label)`,He=4,Ue=(e,t,n,r,i,a)=>{let o=Math.min(a,r/2,i/2);e.beginPath(),e.moveTo(t+o,n),e.lineTo(t+r-o,n),e.arcTo(t+r,n,t+r,n+o,o),e.lineTo(t+r,n+i-o),e.arcTo(t+r,n+i,t+r-o,n+i,o),e.lineTo(t+o,n+i),e.arcTo(t,n+i,t,n+i-o,o),e.lineTo(t,n+o),e.arcTo(t,n,t+o,n,o),e.closePath()},We=e=>{let t=e.getProps([`x`,`y`,`base`],!0),n=Number(t.x),r=Number(t.y),i=Number(t.base);return!Number.isFinite(n)||!Number.isFinite(r)||!Number.isFinite(i)?null:{left:Math.min(i,n),width:Math.abs(n-i),centerY:r}},Ge=(e,t,n,r)=>{let i=We(t);if(!i)return;let a=`${n}`,o=e.measureText(a).width+Re*2;if(i.width<o+He*2)return;let s=i.left+i.width/2;Ue(e,s-o/2,i.centerY-20/2,o,20,ze),e.fillStyle=r.background,e.fill(),e.lineWidth=Be,e.strokeStyle=r.border,e.stroke(),e.fillStyle=r.text,e.fillText(a,s,i.centerY)},Ke=e=>({id:`segmentedBarBadge`,afterDatasetsDraw(t){let n={background:j.w(j.v.pieBadgeBackground,e),border:j.w(j.v.pieBadgeBorder,e),text:j.w(j.v.pieBadgeText,e)},{ctx:r}=t;r.save(),r.font=Ve,r.textAlign=`center`,r.textBaseline=`middle`,t.data.datasets.forEach((e,i)=>{let a=t.getDatasetMeta(i)?.data[0],o=e.data[0];a&&typeof o==`number`&&o>0&&Ge(r,a,o,n)}),r.restore()}}),qe=40,Je=4,Ye=1,Xe=[`mousemove`,`mouseout`,`click`,`touchstart`,`touchmove`],Ze=({segments:e,segmentColors:t,colorHostElement:n,skeleton:r=!1,onSegmentClick:i})=>{if(e.length===0)return null;let a=j.w(`--s-ui-color-surface-primary`,n),o=e.reduce((e,t)=>e+t.value,0),s=j.a({kind:`series`,skeleton:r,colorHostElement:n,onIndexClick:i});return{type:`bar`,data:{labels:[``],datasets:e.map((e,n)=>({label:e.label,data:[e.value],backgroundColor:t[n],hoverBackgroundColor:t[n],borderColor:a,borderWidth:{left:Ye,right:Ye},borderSkipped:!1,borderRadius:Je,barThickness:qe,stack:`track`}))},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,layout:{padding:0},events:r?[]:Xe,onHover:s.onHover,onClick:s.onClick,hover:r?void 0:{mode:`nearest`,intersect:!0},elements:r?void 0:{bar:{hoverBorderColor:a}},plugins:{legend:{display:!1},tooltip:{enabled:!1}},scales:{x:{display:!1,stacked:!0,min:0,max:o},y:{display:!1,stacked:!0}}},plugins:[...r?[]:[Ke(n)],...s.plugins]}},Qe=[4,1,2,1,3,1,2,1].map((e,t)=>({label:`Series ${t+1}`,value:e})),$e={class:`s-ui-chart-segmented-bar__canvas-wrap`},et=(0,P.defineComponent)({__name:`SChartSegmentedBar`,props:{segments:{default:()=>[]},showLegend:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},emits:[`segmentClick`],setup(e,{expose:t,emit:n}){let r=n,i=j.n,a=(0,P.useTemplateRef)(`chartRootRef`),o=(0,P.useTemplateRef)(`chartCanvasRef`),s=(0,P.computed)(()=>e.loading?Qe:e.segments),c=(0,P.computed)(()=>s.value.map((t,n)=>fe(n,a.value,t.fillColor,e.loading))),l=(0,P.computed)(()=>s.value.map((e,t)=>({segment:e,segmentIndex:t})).filter(({segment:e})=>e.value>0)),u=(0,P.computed)(()=>l.value.map(({segment:e})=>e)),d=(0,P.computed)(()=>l.value.map(({segmentIndex:e})=>c.value[e]??``)),f=(0,P.computed)(()=>{let e=new Map;return l.value.forEach(({segmentIndex:t},n)=>{e.set(t,n)}),e}),p=e=>{let t=l.value[e];t&&r(`segmentClick`,t.segmentIndex,t.segment)},m=ue.t(`onSegmentClick`),h=(0,P.computed)(()=>Ze({segments:u.value,segmentColors:d.value,colorHostElement:a.value,skeleton:e.loading,onSegmentClick:m()?p:void 0})),g=(0,P.computed)(()=>s.value.map((e,t)=>({label:e.label,color:c.value[t]??``}))),{chartInstance:_}=j.i({canvasRef:o,config:h,enabled:(0,P.computed)(()=>e.loading||u.value.length>0)}),{exportImage:v,handleLegendItemHover:y}=j.r({chartInstance:_,canvasRef:o,colorHostElement:a}),b=e=>{y(e===null?null:f.value.get(e)??null)};return t({exportImage:v}),(t,n)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:a,class:(0,P.normalizeClass)([`s-ui-chart-segmented-bar`,{"s-ui-chart-segmented-bar--skeleton":e.loading}]),"data-qa":`ui:chart-segmented-bar`},[(0,P.createElementVNode)(`div`,$e,[(0,P.createVNode)((0,P.unref)(j.t),{loading:e.loading,type:(0,P.unref)(i).CARTESIAN},{default:(0,P.withCtx)(()=>[(0,P.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:o,class:`s-ui-chart-segmented-bar__canvas`},null,512)]),_:1},8,[`loading`,`type`])]),e.showLegend&&g.value.length?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(M.t),{key:0,items:g.value,disabled:e.loading,interactive:!e.loading,onItemHover:b},null,8,[`items`,`disabled`,`interactive`])):(0,P.createCommentVNode)(``,!0)],2))}}),tt={key:0,class:`s-ui-chart-widget__header`},nt={key:0,class:`s-ui-chart-widget__title-skeleton`,"aria-hidden":`true`},rt={key:1,class:`s-ui-chart-widget__title s-ui-typography-label-16-medium`},it={class:`s-ui-chart-widget__controls`},at={key:1,class:`s-ui-chart-widget__content`},ot=(0,P.defineComponent)({__name:`SChartWidget`,props:(0,P.mergeModels)({title:{default:``},collapsible:{type:Boolean,default:!1},hideContentWhenCollapsed:{type:Boolean,default:!0},loading:{type:Boolean,default:!1}},{collapsed:{type:Boolean,default:!1},collapsedModifiers:{}}),emits:[`update:collapsed`],setup(e){let t=(0,P.useModel)(e,`collapsed`),n=(0,P.useSlots)(),{t:r}=(0,F.useUiKitI18n)(),i=(0,P.computed)(()=>!!e.title||!!n.title||!!n.actions||e.collapsible),a=(0,P.computed)(()=>!t.value||!e.collapsible||!e.hideContentWhenCollapsed),c=(0,P.computed)(()=>r(t.value?`chartWidget.expand`:`chartWidget.collapse`));return(n,r)=>((0,P.openBlock)(),(0,P.createElementBlock)(`div`,{class:(0,P.normalizeClass)([`s-ui-chart-widget`,{"s-ui-chart-widget--skeleton":e.loading}]),"data-qa":`ui:chart-widget`},[i.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,tt,[e.loading?((0,P.openBlock)(),(0,P.createElementBlock)(`span`,nt)):((0,P.openBlock)(),(0,P.createElementBlock)(`span`,rt,[(0,P.renderSlot)(n.$slots,`title`,{},()=>[(0,P.createTextVNode)((0,P.toDisplayString)(e.title),1)])])),(0,P.createElementVNode)(`div`,it,[(0,P.renderSlot)(n.$slots,`actions`),e.collapsible?((0,P.openBlock)(),(0,P.createBlock)((0,P.unref)(s.t),{key:0,appearance:(0,P.unref)(o.t).OUTLINED,variant:(0,P.unref)(o.r).NEUTRAL,size:(0,P.unref)(o.n).SMALL,icon:t.value?(0,P.unref)(F.ESIconName).chevronDown:(0,P.unref)(F.ESIconName).chevronUp,"aria-label":c.value,"aria-expanded":!t.value,onClick:r[0]||=e=>t.value=!t.value},null,8,[`appearance`,`variant`,`size`,`icon`,`aria-label`,`aria-expanded`])):(0,P.createCommentVNode)(``,!0)])])):(0,P.createCommentVNode)(``,!0),a.value?((0,P.openBlock)(),(0,P.createElementBlock)(`div`,at,[(0,P.renderSlot)(n.$slots,`default`)])):(0,P.createCommentVNode)(``,!0)],2))}});exports.CALENDAR_WEEK_SLOT_COUNT=N.a,exports.DAY_TIMELINE_MINUTES=N.r,exports.DEFAULT_COLOR_PALETTE=r.i,exports.EAccentColor=r.a,exports.EButtonAppearance=o.t,exports.EButtonGroupLayout=u.n,exports.EButtonSize=o.n,exports.ESSegmentControlSize=o.n,exports.EButtonVariant=o.r,exports.EColorFormat=r.o,exports.EConnectedPositionStrategy=g.r,exports.ENotificationLayout=z,exports.ENotificationLeftside=B,exports.ENotificationType=R,exports.ESAvatarBadge=t.n,exports.ESAvatarColor=t.r,exports.ESAvatarGroupSize=a.n,exports.ESAvatarIconBackground=t.i,exports.ESAvatarShape=t.a,exports.ESAvatarSize=t.o,exports.ESBadgeColor=e.n,exports.ESBadgePlacement=e.r,exports.ESCardLayout=f.n,exports.ESCheckboxColor=d.n,exports.ESCheckboxLabelPlacement=d.r,exports.ESCheckboxSize=d.i,exports.ESChipColor=y.n,exports.ESChipSize=y.r,exports.ESColorPaletteLayout=r.n,exports.ESDropdownPlacement=g.i,exports.ESInlineInputAppearance=k.n,exports.ESInlineMessageValidationStatus=C.n,exports.ESInputCustomize=S.n,exports.ESLabelSize=w.n,exports.ESLabelVariant=w.r,exports.ESListGap=T.a,exports.ESListItemVariant=E.n,exports.ESPhotoEditShape=A.n,exports.ESPhotoEditSize=A.r,exports.ESRadioLabelPlacement=D.n,exports.ESSelectSearchable=x.n,exports.ESTabAppearance=m.n,exports.ESTabSize=m.r,exports.ESTagColor=_.n,exports.ESTagSize=_.r,exports.ESToggleLabelPlacement=O.n,exports.ESToggleSize=O.r,exports.ESelectionFocusMode=c.t,exports.ESelectionMode=c.n,exports.ESelectionOrientation=c.r,exports.EWorkTimeSource=N.c,exports.MAX_RECENT_COLORS=n.i,exports.RECOMMENDED_COLOR_PALETTE=r.r,exports.SAvatar=t.t,exports.SAvatarGroup=a.t,exports.SBadge=e.t,exports.SBanner=Ee,exports.SButton=s.t,exports.SButtonGroup=u.t,exports.SCalendarMonth=N.l,exports.SCalendarWeekGrid=N.i,exports.SCard=f.t,exports.SChartBurnup=ce.t,exports.SChartHorizontalBar=ae.t,exports.SChartLegend=M.t,exports.SChartLine=te.t,exports.SChartMultiLine=se.t,exports.SChartPie=oe.t,exports.SChartProgress=le.t,exports.SChartSegmentedBar=et,exports.SChartStackedArea=re.t,exports.SChartStackedBar=ie.t,exports.SChartWidget=ot,exports.SCheckbox=d.t,exports.SChip=y.t,exports.SColorArea=n.r,exports.SColorPalette=r.t,exports.SColorPicker=n.t,exports.SColorValues=n.n,exports.SDayTimeline=N.n,exports.SDropdown=b.t,exports.SDropdownMenu=x.r,exports.SInlineInput=k.t,exports.SInlineMessage=C.t,exports.SInput=S.t,exports.SLabel=w.t,exports.SList=T.t,exports.SListItem=E.t,exports.SPhotoEdit=A.t,exports.SRadio=D.t,exports.SSegmentControl=p.t,exports.SSelect=x.t,exports.STab=m.t,exports.STabs=h.t,exports.STag=_.t,exports.STagGroup=v.t,exports.STextarea=ee.t,exports.SToast=U,exports.SToastProvider=Le,exports.SToggle=O.t,exports.TOAST_AUTO_DURATION_MAX_MS=G,exports.TOAST_AUTO_DURATION_MIN_MS=W,exports.TOAST_AUTO_DURATION_MS_PER_CHAR=Ae,exports.WORK_TIME_SOURCE_COLOR_VARS=N.o,exports.WORK_TIME_SOURCE_ORDER=N.s,exports.buildWorkTimeLegendItems=N.t,exports.computeAutoDuration=K,exports.computeConnectedPosition=g.n,Object.defineProperty(exports,"createUiKit",{enumerable:!0,get:function(){return F.createUiKit}}),exports.formatDurationHM=N.u,exports.isSameColor=i.r,exports.normalizeColorValue=i.i,exports.resolveColorPreview=i.a,exports.resolveOwnPropOrGroupedOrFallback=c.a,Object.defineProperty(exports,"setUiKitLocale",{enumerable:!0,get:function(){return F.setUiKitLocale}}),Object.defineProperty(exports,"uiKitLocaleEn",{enumerable:!0,get:function(){return F.uiKitLocaleEn}}),Object.defineProperty(exports,"uiKitLocaleRu",{enumerable:!0,get:function(){return F.uiKitLocaleRu}}),exports.useFlatTreeList=T.s,exports.useFloatingOverlay=g.t,exports.useSListEndReached=T.o,exports.useSelectionGroup=c.o,exports.useSelectionGroupItem=l.n,exports.useToast=$,Object.defineProperty(exports,"useUiKitI18n",{enumerable:!0,get:function(){return F.useUiKitI18n}});var st=require("@shtabapp/ui-kit-tokens");Object.keys(st).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return st[e]}})}),Object.keys(F).forEach(function(e){e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return F[e]}})});

package/dist/index.js

@@ -28,7 +28,7 @@ import { n as Je, t as Ye } from "./SListItem-BYMbFs2A.js";
 import { n as Xe, t as Ze } from "./SRadio-D6_Pd6XX.js";
 import { n as Qe, r as $e, t as et } from "./SToggle-BtKNq9ZX.js";
 import { n as tt, t as nt } from "./SInlineInput-DO_glYxP.js";
-import { t as rt } from "./STextarea-SwVygHwh.js";
+import { t as rt } from "./STextarea-CFOemAYa.js";
 import { n as it, r as at, t as ot } from "./SPhotoEdit-BJXa6mh4.js";
 import { a as st, i as ct, n as lt, r as ut, t as dt, v as T, w as E } from "./SChartSkeletonHost-BT96eWSF.js";
 import { t as ft } from "./SChartLine-DSQaezYq.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.56.0",
+  "version": "1.57.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",

package/dist/STextarea-Cz7Frk82.cjs

@@ -1 +0,0 @@
-const e=require("./SInlineMessage-gjkMiE-W.cjs"),t=require("./SLabel-DLKfepRW.cjs"),n=require("./useFieldMessages-CzjU0ajM.cjs");let r=require("vue");var i=[`inert`,`aria-disabled`],a=[`id`,`name`,`placeholder`,`disabled`,`readonly`,`rows`,`maxlength`,`autocomplete`],o={key:1,class:`s-ui-textarea__footer`},s={key:0,class:`s-ui-textarea__messages`},c={key:1,class:`s-ui-textarea__counter s-ui-typography-label-12-medium`},l=(0,r.defineComponent)({inheritAttrs:!1,__name:`STextarea`,props:(0,r.mergeModels)({label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},maxlength:{},counter:{type:Boolean},resizable:{type:Boolean,default:!0},rows:{},autoGrow:{type:Boolean,default:!1},minRows:{default:1},maxRows:{default:7},name:{},id:{},autocomplete:{}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,r.mergeModels)([`focus`,`blur`],[`update:modelValue`]),setup(l,{emit:u}){let d=(0,r.useModel)(l,`modelValue`),f=u,p=(0,r.useAttrs)(),m=(0,r.useId)(),h=(0,r.useTemplateRef)(`textareaElementRef`),{isFocused:g,handleFocus:_,handleFocusOut:v}=n.n({isDisabled:()=>l.disabled,blurField:()=>h.value?.blur(),emitFocus:e=>f(`focus`,e),emitBlur:e=>f(`blur`,e)}),y=e=>{let t=getComputedStyle(e),n=Number.parseFloat(t.lineHeight)||0,r=Number.parseFloat(t.paddingTop)+Number.parseFloat(t.paddingBottom),i=Number.parseFloat(t.borderTopWidth)+Number.parseFloat(t.borderBottomWidth),a=e.scrollHeight+i,o=n*l.minRows+r+i,s=n*l.maxRows+r+i;return{height:Math.min(Math.max(a,o),s),isOverflowing:a>s}},b=()=>{let e=h.value;if(!e)return;if(!l.autoGrow){e.style.height=``,e.style.overflowY=``;return}e.style.height=`auto`;let{height:t,isOverflowing:n}=y(e);e.style.height=`${t}px`,e.style.overflowY=n?`auto`:`hidden`};(0,r.watch)([h,d,()=>l.autoGrow,()=>l.minRows,()=>l.maxRows],()=>(0,r.nextTick)(b),{immediate:!0});let{normalizedHelpMessages:x,normalizedErrorMessages:S,hasErrorMessages:C,hasHelpMessages:w}=n.t(()=>l.helpMessages,()=>l.errorMessages),T=(0,r.computed)(()=>l.id?l.id:m),E=(0,r.computed)(()=>!!l.label),D=(0,r.computed)(()=>w.value||C.value),O=(0,r.computed)(()=>!(!l.maxlength||l.counter===!1)),k=(0,r.computed)(()=>D.value||O.value),A=(0,r.computed)(()=>l.maxlength?`${d.value.length}/${l.maxlength}`:``),j=(0,r.computed)(()=>d.value.length>0),M=(0,r.computed)(()=>({"s-ui-textarea--disabled":l.disabled,"s-ui-textarea--readonly":l.readonly})),N=(0,r.computed)(()=>({"s-ui-textarea__field--bordered":l.bordered,"s-ui-textarea__field--borderless":!l.bordered,"s-ui-textarea__field--disabled":l.disabled,"s-ui-textarea__field--readonly":l.readonly,"s-ui-textarea__field--error":C.value,"s-ui-textarea__field--filled":j.value,"s-ui-textarea__field--focused":g.value,"s-ui-textarea__field--resizable":l.resizable&&!l.autoGrow&&!l.disabled&&!l.readonly})),P=e=>{l.disabled||l.readonly||e.target instanceof HTMLElement&&e.target!==h.value&&h.value?.focus()};return(n,u)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([`s-ui-textarea`,M.value])},[E.value?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.t),(0,r.mergeProps)({key:0},l.labelProps,{"html-for":T.value}),{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(l.label),1)]),_:1},16,[`html-for`])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([`s-ui-textarea__field`,N.value]),inert:l.disabled?!0:void 0,"aria-disabled":l.disabled?!0:void 0,onClick:u[2]||=e=>P(e),onFocusout:u[3]||=(...e)=>(0,r.unref)(v)&&(0,r.unref)(v)(...e)},[(0,r.withDirectives)((0,r.createElementVNode)(`textarea`,(0,r.mergeProps)({id:T.value,ref_key:`textareaElementRef`,ref:h,"onUpdate:modelValue":u[0]||=e=>d.value=e,class:`s-ui-textarea__control s-ui-typography-body-16-regular`,name:l.name,placeholder:l.placeholder,disabled:l.disabled,readonly:l.readonly,rows:l.rows,maxlength:l.maxlength,autocomplete:l.autocomplete},(0,r.unref)(p),{onFocus:u[1]||=(...e)=>(0,r.unref)(_)&&(0,r.unref)(_)(...e)}),null,16,a),[[r.vModelText,d.value]])],42,i),k.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,o,[D.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,s,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)((0,r.unref)(x),(t,n)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(e.t),{key:`help-${n}`,message:t},null,8,[`message`]))),128)),((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)((0,r.unref)(S),(t,n)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(e.t),{key:`error-${n}`,message:t,"validation-status":(0,r.unref)(e.n).ERROR},null,8,[`message`,`validation-status`]))),128))])):(0,r.createCommentVNode)(``,!0),O.value?((0,r.openBlock)(),(0,r.createElementBlock)(`p`,c,(0,r.toDisplayString)(A.value),1)):(0,r.createCommentVNode)(``,!0)])):(0,r.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/STextarea-SwVygHwh.js

@@ -1,148 +0,0 @@
-import { n as e, t } from "./SInlineMessage-Dirk5RwO.js";
-import { t as n } from "./SLabel-FHHPlcKq.js";
-import { n as r, t as i } from "./useFieldMessages-Cb06My1W.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, nextTick as h, normalizeClass as g, openBlock as _, renderList as v, toDisplayString as y, unref as b, useAttrs as x, useId as S, useModel as C, useTemplateRef as w, vModelText as T, watch as E, withCtx as D, withDirectives as O } from "vue";
-//#region src/components/STextarea/STextarea.vue?vue&type=script&setup=true&lang.ts
-var k = ["inert", "aria-disabled"], A = [
-	"id",
-	"name",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"rows",
-	"maxlength",
-	"autocomplete"
-], j = {
-	key: 1,
-	class: "s-ui-textarea__footer"
-}, M = {
-	key: 0,
-	class: "s-ui-textarea__messages"
-}, N = {
-	key: 1,
-	class: "s-ui-textarea__counter s-ui-typography-label-12-medium"
-}, P = /* @__PURE__ */ f({
-	inheritAttrs: !1,
-	__name: "STextarea",
-	props: /*@__PURE__*/ p({
-		label: {},
-		labelProps: {},
-		placeholder: {},
-		helpMessages: {},
-		errorMessages: {},
-		bordered: {
-			type: Boolean,
-			default: !0
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		},
-		maxlength: {},
-		counter: { type: Boolean },
-		resizable: {
-			type: Boolean,
-			default: !0
-		},
-		rows: {},
-		autoGrow: {
-			type: Boolean,
-			default: !1
-		},
-		minRows: { default: 1 },
-		maxRows: { default: 7 },
-		name: {},
-		id: {},
-		autocomplete: {}
-	}, {
-		modelValue: { default: "" },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ p(["focus", "blur"], ["update:modelValue"]),
-	setup(f, { emit: p }) {
-		let P = C(f, "modelValue"), F = p, I = x(), L = S(), R = w("textareaElementRef"), { isFocused: z, handleFocus: B, handleFocusOut: V } = r({
-			isDisabled: () => f.disabled,
-			blurField: () => R.value?.blur(),
-			emitFocus: (e) => F("focus", e),
-			emitBlur: (e) => F("blur", e)
-		}), H = (e) => {
-			let t = getComputedStyle(e), n = Number.parseFloat(t.lineHeight) || 0, r = Number.parseFloat(t.paddingTop) + Number.parseFloat(t.paddingBottom), i = Number.parseFloat(t.borderTopWidth) + Number.parseFloat(t.borderBottomWidth), a = e.scrollHeight + i, o = n * f.minRows + r + i, s = n * f.maxRows + r + i;
-			return {
-				height: Math.min(Math.max(a, o), s),
-				isOverflowing: a > s
-			};
-		}, U = () => {
-			let e = R.value;
-			if (!e) return;
-			if (!f.autoGrow) {
-				e.style.height = "", e.style.overflowY = "";
-				return;
-			}
-			e.style.height = "auto";
-			let { height: t, isOverflowing: n } = H(e);
-			e.style.height = `${t}px`, e.style.overflowY = n ? "auto" : "hidden";
-		};
-		E([
-			R,
-			P,
-			() => f.autoGrow,
-			() => f.minRows,
-			() => f.maxRows
-		], () => h(U), { immediate: !0 });
-		let { normalizedHelpMessages: W, normalizedErrorMessages: G, hasErrorMessages: K, hasHelpMessages: q } = i(() => f.helpMessages, () => f.errorMessages), J = o(() => f.id ? f.id : L), Y = o(() => !!f.label), X = o(() => q.value || K.value), Z = o(() => !(!f.maxlength || f.counter === !1)), Q = o(() => X.value || Z.value), $ = o(() => f.maxlength ? `${P.value.length}/${f.maxlength}` : ""), ee = o(() => P.value.length > 0), te = o(() => ({
-			"s-ui-textarea--disabled": f.disabled,
-			"s-ui-textarea--readonly": f.readonly
-		})), ne = o(() => ({
-			"s-ui-textarea__field--bordered": f.bordered,
-			"s-ui-textarea__field--borderless": !f.bordered,
-			"s-ui-textarea__field--disabled": f.disabled,
-			"s-ui-textarea__field--readonly": f.readonly,
-			"s-ui-textarea__field--error": K.value,
-			"s-ui-textarea__field--filled": ee.value,
-			"s-ui-textarea__field--focused": z.value,
-			"s-ui-textarea__field--resizable": f.resizable && !f.autoGrow && !f.disabled && !f.readonly
-		})), re = (e) => {
-			f.disabled || f.readonly || e.target instanceof HTMLElement && e.target !== R.value && R.value?.focus();
-		};
-		return (r, i) => (_(), l("div", { class: g(["s-ui-textarea", te.value]) }, [
-			Y.value ? (_(), s(b(n), m({ key: 0 }, f.labelProps, { "html-for": J.value }), {
-				default: D(() => [d(y(f.label), 1)]),
-				_: 1
-			}, 16, ["html-for"])) : c("", !0),
-			u("div", {
-				class: g(["s-ui-textarea__field", ne.value]),
-				inert: f.disabled ? !0 : void 0,
-				"aria-disabled": f.disabled ? !0 : void 0,
-				onClick: i[2] ||= (e) => re(e),
-				onFocusout: i[3] ||= (...e) => b(V) && b(V)(...e)
-			}, [O(u("textarea", m({
-				id: J.value,
-				ref_key: "textareaElementRef",
-				ref: R,
-				"onUpdate:modelValue": i[0] ||= (e) => P.value = e,
-				class: "s-ui-textarea__control s-ui-typography-body-16-regular",
-				name: f.name,
-				placeholder: f.placeholder,
-				disabled: f.disabled,
-				readonly: f.readonly,
-				rows: f.rows,
-				maxlength: f.maxlength,
-				autocomplete: f.autocomplete
-			}, b(I), { onFocus: i[1] ||= (...e) => b(B) && b(B)(...e) }), null, 16, A), [[T, P.value]])], 42, k),
-			Q.value ? (_(), l("div", j, [X.value ? (_(), l("div", M, [(_(!0), l(a, null, v(b(W), (e, n) => (_(), s(b(t), {
-				key: `help-${n}`,
-				message: e
-			}, null, 8, ["message"]))), 128)), (_(!0), l(a, null, v(b(G), (n, r) => (_(), s(b(t), {
-				key: `error-${r}`,
-				message: n,
-				"validation-status": b(e).ERROR
-			}, null, 8, ["message", "validation-status"]))), 128))])) : c("", !0), Z.value ? (_(), l("p", N, y($.value), 1)) : c("", !0)])) : c("", !0)
-		], 2));
-	}
-});
-//#endregion
-export { P as t };