@shtabapp/ui-kit 1.84.0 → 1.85.1

package/dist/STabs-CDNAhgMN.cjs

@@ -1 +0,0 @@
-const e=require("./SButton-CZW6Y8Vw.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs"),n=require("./useAriaAttrs-D748yeJ_.cjs"),r=require("./getIndicatorMetricsPercent-CFGy_nB8.cjs"),i=require("./STab-BkQzKaLY.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives"),s=require("@vueuse/core");var c=`.s-ui-tab[aria-selected="true"]`,l=()=>({...r.t(),isBilling:!1}),u=({trackEl:e,selectedValue:t,enabled:n})=>{let i=(0,a.ref)(l()),o=()=>{if(!(0,a.toValue)(n)){i.value=l();return}let t=(0,a.toValue)(e);if(!t){i.value=l();return}let o=t.querySelector(c);if(!(o instanceof HTMLElement)){i.value=l();return}i.value={...r.n(t,o),isBilling:o.classList.contains(`s-ui-tab--billing`)}};return(0,s.useResizeObserver)(e,()=>{o()}),(0,a.watch)(()=>(0,a.toValue)(t),async()=>{await(0,a.nextTick)(),o()},{immediate:!0}),{indicatorStyle:(0,a.computed)(()=>{let{left:e,width:t}=i.value;return t?{opacity:`1`,left:`${e}%`,width:`${t}%`}:{opacity:`0`}}),indicatorIsBilling:(0,a.computed)(()=>i.value.isBilling)}},d={class:`s-ui-tabs__body`},f=[`aria-disabled`],p=(0,a.defineComponent)({inheritAttrs:!1,__name:`STabs`,props:(0,a.mergeModels)({appearance:{default:()=>i.n.PRIMARY},size:{default:()=>i.r.LARGE},disabled:{type:Boolean,default:!1},mandatory:{type:Boolean,default:!0},addable:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},{modelValue:{},modelModifiers:{}}),emits:(0,a.mergeModels)([`add`],[`update:modelValue`]),setup(r,{emit:c}){let l=(0,a.useModel)(r,`modelValue`),{t:p}=(0,o.useUiKitI18n)(),{getRootAttrs:m,getAriaAttrs:h}=n.t(),g=c,_=(0,a.useTemplateRef)(`tabsBodyRef`),v=(0,a.useTemplateRef)(`tabsTrackRef`),{arrivedState:y}=(0,s.useScroll)(_,{throttle:100,offset:{right:1}}),b=t.o({modelValue:()=>l.value,onUpdateModelValue:e=>{t.i(e)&&(l.value=e)},mode:t.n.SINGLE,mandatory:()=>r.mandatory,orientation:t.r.HORIZONTAL,loop:()=>r.loop});(0,a.provide)(i.i,{mode:()=>t.n.SINGLE,isSelected:b.isSelected,selectItem:b.toggle,registerItem:b.registerItem,getItemTabIndex:b.getItemTabIndex,getGroupTabIndex:b.getGroupTabIndex,handleItemKeydown:b.handleItemKeydown,appearance:()=>r.appearance,size:()=>r.size,disabled:()=>r.disabled});let x=(0,a.computed)(()=>r.appearance===i.n.PRIMARY),{indicatorStyle:S,indicatorIsBilling:C}=u({trackEl:()=>v.value,selectedValue:()=>l.value,enabled:x}),w=(0,a.computed)(()=>r.addable&&!y.right),T=(0,a.computed)(()=>[`s-ui-tabs--appearance-${r.appearance}`,`s-ui-tabs--size-${r.size}`,r.addable?`s-ui-tabs--addable`:void 0]),E=()=>{r.disabled||g(`add`)};return(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({class:[`s-ui-tabs`,T.value]},(0,a.unref)(m)()),[(0,a.createElementVNode)(`div`,d,[(0,a.createElementVNode)(`div`,{ref_key:`tabsBodyRef`,ref:_,class:`s-ui-tabs__scroll`},[(0,a.createElementVNode)(`div`,(0,a.mergeProps)({ref_key:`tabsTrackRef`,ref:v,class:`s-ui-tabs__track`,role:`tablist`,"aria-orientation":`horizontal`},(0,a.unref)(h)(),{"aria-disabled":r.disabled?!0:void 0}),[x.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:0,class:(0,a.normalizeClass)([`s-ui-tabs__indicator`,{"s-ui-tabs__indicator--billing":(0,a.unref)(C)}]),style:(0,a.normalizeStyle)((0,a.unref)(S)),"aria-hidden":`true`},null,6)):(0,a.createCommentVNode)(``,!0),(0,a.renderSlot)(t.$slots,`default`)],16,f)],512),r.addable?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:0,class:(0,a.normalizeClass)([`s-ui-tabs__fade`,{"s-ui-tabs__fade--visible":w.value}]),"aria-hidden":`true`},null,2)):(0,a.createCommentVNode)(``,!0)]),r.addable?(0,a.renderSlot)(t.$slots,`add`,{key:0},()=>[(0,a.createVNode)((0,a.unref)(e.t),{class:`s-ui-tabs__add`,icon:`plus`,appearance:(0,a.unref)(e.n).BARE,variant:(0,a.unref)(e.i).NEUTRAL,size:(0,a.unref)(e.r).SMALL,disabled:r.disabled,"aria-label":(0,a.unref)(p)(`tabs.add`),onClick:E},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])]):(0,a.createCommentVNode)(``,!0)],16))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});

package/dist/STabs-_Zwxu8-o.js

@@ -1,151 +0,0 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-n2Zuqh04.js";
-import { i, n as a, o, r as s } from "./useSelectionGroup-BCAmPf3R.js";
-import { t as c } from "./useAriaAttrs-CxGRTeye.js";
-import { n as l, t as u } from "./getIndicatorMetricsPercent-CWrH_ONg.js";
-import { i as d, n as f, r as p } from "./STab-D7SATMfv.js";
-import { computed as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, mergeModels as b, mergeProps as x, nextTick as S, normalizeClass as C, normalizeStyle as w, openBlock as T, provide as E, ref as D, renderSlot as O, toValue as k, unref as A, useModel as j, useTemplateRef as M, watch as N } from "vue";
-import { useUiKitI18n as P } from "@shtabapp/ui-kit-primitives";
-import { useResizeObserver as F, useScroll as I } from "@vueuse/core";
-//#region src/components/STabs/utils/useTabsIndicator.ts
-var L = ".s-ui-tab[aria-selected=\"true\"]", R = () => ({
-	...u(),
-	isBilling: !1
-}), z = ({ trackEl: e, selectedValue: t, enabled: n }) => {
-	let r = D(R()), i = () => {
-		if (!k(n)) {
-			r.value = R();
-			return;
-		}
-		let t = k(e);
-		if (!t) {
-			r.value = R();
-			return;
-		}
-		let i = t.querySelector(L);
-		if (!(i instanceof HTMLElement)) {
-			r.value = R();
-			return;
-		}
-		r.value = {
-			...l(t, i),
-			isBilling: i.classList.contains("s-ui-tab--billing")
-		};
-	};
-	return F(e, () => {
-		i();
-	}), N(() => k(t), async () => {
-		await S(), i();
-	}, { immediate: !0 }), {
-		indicatorStyle: m(() => {
-			let { left: e, width: t } = r.value;
-			return t ? {
-				opacity: "1",
-				left: `${e}%`,
-				width: `${t}%`
-			} : { opacity: "0" };
-		}),
-		indicatorIsBilling: m(() => r.value.isBilling)
-	};
-}, B = { class: "s-ui-tabs__body" }, V = ["aria-disabled"], H = /* @__PURE__ */ y({
-	inheritAttrs: !1,
-	__name: "STabs",
-	props: /*@__PURE__*/ b({
-		appearance: { default: () => f.PRIMARY },
-		size: { default: () => p.LARGE },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		mandatory: {
-			type: Boolean,
-			default: !0
-		},
-		addable: {
-			type: Boolean,
-			default: !1
-		},
-		loop: {
-			type: Boolean,
-			default: !0
-		}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ b(["add"], ["update:modelValue"]),
-	setup(l, { emit: u }) {
-		let p = j(l, "modelValue"), { t: y } = P(), { getRootAttrs: b, getAriaAttrs: S } = c(), D = u, k = M("tabsBodyRef"), N = M("tabsTrackRef"), { arrivedState: F } = I(k, {
-			throttle: 100,
-			offset: { right: 1 }
-		}), L = o({
-			modelValue: () => p.value,
-			onUpdateModelValue: (e) => {
-				i(e) && (p.value = e);
-			},
-			mode: a.SINGLE,
-			mandatory: () => l.mandatory,
-			orientation: s.HORIZONTAL,
-			loop: () => l.loop
-		});
-		E(d, {
-			mode: () => a.SINGLE,
-			isSelected: L.isSelected,
-			selectItem: L.toggle,
-			registerItem: L.registerItem,
-			getItemTabIndex: L.getItemTabIndex,
-			getGroupTabIndex: L.getGroupTabIndex,
-			handleItemKeydown: L.handleItemKeydown,
-			appearance: () => l.appearance,
-			size: () => l.size,
-			disabled: () => l.disabled
-		});
-		let R = m(() => l.appearance === f.PRIMARY), { indicatorStyle: H, indicatorIsBilling: U } = z({
-			trackEl: () => N.value,
-			selectedValue: () => p.value,
-			enabled: R
-		}), W = m(() => l.addable && !F.right), G = m(() => [
-			`s-ui-tabs--appearance-${l.appearance}`,
-			`s-ui-tabs--size-${l.size}`,
-			l.addable ? "s-ui-tabs--addable" : void 0
-		]), K = () => {
-			l.disabled || D("add");
-		};
-		return (i, a) => (T(), g("div", x({ class: ["s-ui-tabs", G.value] }, A(b)()), [_("div", B, [_("div", {
-			ref_key: "tabsBodyRef",
-			ref: k,
-			class: "s-ui-tabs__scroll"
-		}, [_("div", x({
-			ref_key: "tabsTrackRef",
-			ref: N,
-			class: "s-ui-tabs__track",
-			role: "tablist",
-			"aria-orientation": "horizontal"
-		}, A(S)(), { "aria-disabled": l.disabled ? !0 : void 0 }), [R.value ? (T(), g("span", {
-			key: 0,
-			class: C(["s-ui-tabs__indicator", { "s-ui-tabs__indicator--billing": A(U) }]),
-			style: w(A(H)),
-			"aria-hidden": "true"
-		}, null, 6)) : h("", !0), O(i.$slots, "default")], 16, V)], 512), l.addable ? (T(), g("span", {
-			key: 0,
-			class: C(["s-ui-tabs__fade", { "s-ui-tabs__fade--visible": W.value }]),
-			"aria-hidden": "true"
-		}, null, 2)) : h("", !0)]), l.addable ? O(i.$slots, "add", { key: 0 }, () => [v(A(r), {
-			class: "s-ui-tabs__add",
-			icon: "plus",
-			appearance: A(t).BARE,
-			variant: A(e).NEUTRAL,
-			size: A(n).SMALL,
-			disabled: l.disabled,
-			"aria-label": A(y)("tabs.add"),
-			onClick: K
-		}, null, 8, [
-			"appearance",
-			"variant",
-			"size",
-			"disabled",
-			"aria-label"
-		])]) : h("", !0)], 16));
-	}
-});
-//#endregion
-export { H as t };

package/dist/STag-C21nN8ow.js

@@ -1,125 +0,0 @@
-import { n as e, t } from "./contrastSurfaceTextColor-BDlLSSXC.js";
-import { t as n } from "./colorValue-CSh0chxp.js";
-import { i as r, n as i, r as a, t as o } from "./SButton-n2Zuqh04.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";
-import { useUiKitI18n as D } from "@shtabapp/ui-kit-primitives";
-//#region src/components/STag/STag.types.ts
-var O = /* @__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;
-}({}), k = /* @__PURE__ */ function(e) {
-	return e.SMALL = "small", e.MEDIUM = "medium", e;
-}({}), A = (t) => e(t) || n(t), j = (e) => A(e) ? "s-ui-tag--color-custom" : `s-ui-tag--color-${e}`, M = (n) => {
-	let r = { "--s-ui-tag-bg": n };
-	return e(n) && (r["--s-ui-tag-text"] = t(n)), r;
-}, N = { class: "s-ui-tag__content s-ui-typography-body-12-regular" }, P = {
-	key: 0,
-	class: "s-ui-tag__actions"
-}, F = { class: "s-ui-tag__action-close" }, I = /* @__PURE__ */ g({
-	inheritAttrs: !1,
-	__name: "STag",
-	props: /*@__PURE__*/ _({
-		color: { default: () => O.RED_ORANGE },
-		size: { default: () => k.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 = w(e, "modelValue"), g = t, { t: _ } = D(), O = C(), k = l(() => e.link, () => e.exact, () => e.replace), I = k.linkPresentation, L = u(() => {
-			let e = I.value;
-			return e.mode === "none" ? "span" : e.rootTag;
-		}), R = u(() => s(I.value, { replace: e.replace })), z = u(() => ({
-			...R.value,
-			...O
-		})), B = u(() => k.isRouterLink.value ? k.isActive.value : e.selected), V = u(() => e.closable && !e.short), H = u(() => {
-			if (e.disabled) return -1;
-			if (!c(e.link)) return V.value ? 0 : -1;
-		}), U = u(() => [
-			j(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": c(e.link)
-			}
-		]), W = u(() => {
-			if (A(e.color)) return M(e.color);
-		}), G = u(() => e.short ? n.value.slice(0, 1) : n.value), K = () => {
-			g("close");
-		}, q = [
-			"Enter",
-			" ",
-			"Spacebar"
-		], J = ["Delete", "Backspace"], Y = (t) => {
-			if (!e.disabled) {
-				if (k.isRouterLink.value && q.includes(t.key)) {
-					t.preventDefault(), k.navigate();
-					return;
-				}
-				if (t.target === t.currentTarget && J.includes(t.key)) {
-					if (!V.value) return;
-					t.preventDefault(), g("close");
-				}
-			}
-		};
-		return (t, n) => (y(), d(b(L.value), v({
-			class: ["s-ui-tag", U.value],
-			style: W.value,
-			tabindex: H.value,
-			"aria-disabled": e.disabled ? !0 : void 0
-		}, z.value, { onKeydown: Y }), {
-			default: T(() => [m("span", N, x(G.value), 1), V.value ? (y(), p("span", P, [m("span", F, [h(S(o), {
-				appearance: S(i).BARE,
-				variant: S(r).NEUTRAL,
-				size: S(a).SMALL,
-				disabled: e.disabled,
-				tabindex: -1,
-				icon: "closeMini",
-				"aria-label": S(_)("tag.close"),
-				onClick: E(K, ["stop"])
-			}, null, 8, [
-				"appearance",
-				"variant",
-				"size",
-				"disabled",
-				"aria-label"
-			])])])) : f("", !0)]),
-			_: 1
-		}, 16, [
-			"class",
-			"style",
-			"tabindex",
-			"aria-disabled"
-		]));
-	}
-});
-//#endregion
-export { O as n, k as r, I as t };

package/dist/STag-qKbkpXjI.cjs

@@ -1 +0,0 @@
-const e=require("./contrastSurfaceTextColor-BRjRzXyZ.cjs"),t=require("./colorValue-Dda7fKd3.cjs"),n=require("./SButton-CZW6Y8Vw.cjs"),r=require("./useLink-1LLWpdDZ.cjs");let i=require("vue"),a=require("@shtabapp/ui-kit-primitives");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,i.defineComponent)({inheritAttrs:!1,__name:`STag`,props:(0,i.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,i.mergeModels)([`close`],[`update:modelValue`]),setup(e,{emit:t}){let o=(0,i.useModel)(e,`modelValue`),s=t,{t:m}=(0,a.useUiKitI18n)(),h=(0,i.useAttrs)(),g=r.t(()=>e.link,()=>e.exact,()=>e.replace),_=g.linkPresentation,v=(0,i.computed)(()=>{let e=_.value;return e.mode===`none`?`span`:e.rootTag}),y=(0,i.computed)(()=>r.n(_.value,{replace:e.replace})),b=(0,i.computed)(()=>({...y.value,...h})),x=(0,i.computed)(()=>g.isRouterLink.value?g.isActive.value:e.selected),S=(0,i.computed)(()=>e.closable&&!e.short),C=(0,i.computed)(()=>{if(e.disabled)return-1;if(!r.r(e.link))return S.value?0:-1}),w=(0,i.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":x.value,"s-ui-tag--link":r.r(e.link)}]),T=(0,i.computed)(()=>{if(c(e.color))return u(e.color)}),E=(0,i.computed)(()=>e.short?o.value.slice(0,1):o.value),D=()=>{s(`close`)},O=[`Enter`,` `,`Spacebar`],k=[`Delete`,`Backspace`],A=t=>{if(!e.disabled){if(g.isRouterLink.value&&O.includes(t.key)){t.preventDefault(),g.navigate();return}if(t.target===t.currentTarget&&k.includes(t.key)){if(!S.value)return;t.preventDefault(),s(`close`)}}};return(t,r)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(v.value),(0,i.mergeProps)({class:[`s-ui-tag`,w.value],style:T.value,tabindex:C.value,"aria-disabled":e.disabled?!0:void 0},b.value,{onKeydown:A}),{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`span`,d,(0,i.toDisplayString)(E.value),1),S.value?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,f,[(0,i.createElementVNode)(`span`,p,[(0,i.createVNode)((0,i.unref)(n.t),{appearance:(0,i.unref)(n.n).BARE,variant:(0,i.unref)(n.i).NEUTRAL,size:(0,i.unref)(n.r).SMALL,disabled:e.disabled,tabindex:-1,icon:`closeMini`,"aria-label":(0,i.unref)(m)(`tag.close`),onClick:(0,i.withModifiers)(D,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])])])):(0,i.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-6Z8CKlut.cjs

@@ -1 +0,0 @@
-const e=require("./SOverflowGroup-rmU10_7L.cjs"),t=require("./STag-qKbkpXjI.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-CW9kWSnz.js

@@ -1,47 +0,0 @@
-import { t as e } from "./SOverflowGroup-CyksOav7.js";
-import { n as t, r as n, t as r } from "./STag-C21nN8ow.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, {
-	size: t,
-	short: n,
-	...n ? { closable: !1 } : {}
-}) : e, p = /* @__PURE__ */ s({
-	__name: "STagGroup",
-	props: {
-		maxVisible: {},
-		size: { default: () => n.SMALL },
-		short: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(n) {
-		let i = (e) => f(e, {
-			size: n.size,
-			short: n.short
-		});
-		return (s, f) => (c(), a(e, {
-			class: "s-ui-tag-group",
-			role: "group",
-			"cluster-class": "s-ui-tag-group__cluster",
-			"max-visible": n.maxVisible,
-			"map-vnode": i
-		}, {
-			overflow: d(({ overflowLabel: e }) => [o(u(r), {
-				color: u(t).WHITE_BORDER,
-				size: n.size,
-				short: !1,
-				"model-value": e
-			}, null, 8, [
-				"color",
-				"size",
-				"model-value"
-			])]),
-			default: d(() => [l(s.$slots, "default")]),
-			_: 3
-		}, 8, ["max-visible"]));
-	}
-});
-//#endregion
-export { p as t };

package/dist/STextarea-BDyy7Ku5.js

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

package/dist/STextarea-C4qDIp2k.cjs

@@ -1 +0,0 @@
-const e=require("./SInlineMessage-gjkMiE-W.cjs"),t=require("./SLabel-DLKfepRW.cjs"),n=require("./useFieldMessages-2TaArixP.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,{rootAttrs:l,controlAttrs:u,errorQa:d}=n.r(),f=(0,r.useId)(),y=(0,r.useTemplateRef)(`textareaElementRef`),{isFocused:b,handleFocus:x,handleFocusOut:S}=n.n({isDisabled:()=>i.disabled,blurField:()=>y.value?.blur(),emitFocus:e=>c(`focus`,e),emitBlur:e=>c(`blur`,e)});p({elementRef:y,isEnabled:()=>i.resizeAutoScroll&&i.resizable&&!i.autoGrow&&!i.disabled&&!i.readonly});let C=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}},w=()=>{let e=y.value;if(!e)return;if(!i.autoGrow){e.style.height=``,e.style.overflowY=``;return}e.style.height=`auto`;let{height:t,isOverflowing:n}=C(e);e.style.height=`${t}px`,e.style.overflowY=n?`auto`:`hidden`};(0,r.watch)([y,s,()=>i.autoGrow,()=>i.minRows,()=>i.maxRows],()=>(0,r.nextTick)(w),{immediate:!0});let{normalizedHelpMessages:T,normalizedErrorMessages:E,hasErrorMessages:D,hasHelpMessages:O}=n.t(()=>i.helpMessages,()=>i.errorMessages),k=(0,r.computed)(()=>i.id?i.id:f),A=(0,r.computed)(()=>!!i.label),j=(0,r.computed)(()=>O.value||D.value),M=(0,r.computed)(()=>!(!i.maxlength||i.counter===!1)),N=(0,r.computed)(()=>j.value||M.value),P=(0,r.computed)(()=>i.maxlength?`${s.value.length}/${i.maxlength}`:``),F=(0,r.computed)(()=>s.value.length>0),I=(0,r.computed)(()=>({"s-ui-textarea--disabled":i.disabled,"s-ui-textarea--readonly":i.readonly})),L=(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":D.value,"s-ui-textarea__field--filled":F.value,"s-ui-textarea__field--focused":b.value,"s-ui-textarea__field--resizable":i.resizable&&!i.autoGrow&&!i.disabled&&!i.readonly})),R=()=>{y.value?.focus()},z=()=>{y.value?.blur()},B=e=>{i.disabled||i.readonly||e.target instanceof HTMLElement&&e.target!==y.value&&R()};return a({blur:z,focus:R,textareaElementRef:y}),(n,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,(0,r.mergeProps)({class:[`s-ui-textarea`,I.value]},(0,r.unref)(l)),[A.value?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.t),(0,r.mergeProps)({key:0},i.labelProps,{"html-for":k.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`,L.value]),inert:i.disabled?!0:void 0,"aria-disabled":i.disabled?!0:void 0,onClick:a[2]||=e=>B(e),onFocusout:a[3]||=(...e)=>(0,r.unref)(S)&&(0,r.unref)(S)(...e)},[(0,r.withDirectives)((0,r.createElementVNode)(`textarea`,(0,r.mergeProps)({id:k.value,ref_key:`textareaElementRef`,ref:y,"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)(u),{onFocus:a[1]||=(...e)=>(0,r.unref)(x)&&(0,r.unref)(x)(...e)}),null,16,h),[[r.vModelText,s.value]])],42,m),N.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,g,[j.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,_,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)((0,r.unref)(T),(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)(E),(t,n)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(e.t),{key:`error-${n}`,message:t,"data-qa":(0,r.unref)(d),"validation-status":(0,r.unref)(e.n).ERROR},null,8,[`message`,`data-qa`,`validation-status`]))),128))])):(0,r.createCommentVNode)(``,!0),M.value?((0,r.openBlock)(),(0,r.createElementBlock)(`p`,v,(0,r.toDisplayString)(P.value),1)):(0,r.createCommentVNode)(``,!0)])):(0,r.createCommentVNode)(``,!0)],16))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return y}});

package/dist/SToggle-BNgLiIrQ.cjs

@@ -1 +0,0 @@
-const e=require("./useAriaAttrs-D748yeJ_.cjs");let t=require("vue");var n=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e.LARGE=`large`,e}({}),r=function(e){return e.LEFT=`left`,e.RIGHT=`right`,e}({}),i=[`disabled`,`name`],a={key:0,class:`s-ui-toggle__content`},o={key:0,class:`s-ui-toggle__label s-ui-typography-label-14-medium`},s={key:1,class:`s-ui-toggle__description s-ui-typography-body-12-regular`},c=(0,t.defineComponent)({inheritAttrs:!1,__name:`SToggle`,props:(0,t.mergeModels)({disabled:{type:Boolean,default:!1},labelPlacement:{default:()=>r.RIGHT},name:{},size:{default:()=>n.LARGE}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,t.mergeModels)([`change`],[`update:modelValue`]),setup(n,{emit:c}){let l=(0,t.useModel)(n,`modelValue`),u=c,{getRootAttrs:d,getAriaAttrs:f}=e.t(),p=(0,t.useSlots)(),m=(0,t.computed)(()=>[`s-ui-toggle--size-${n.size}`,{"s-ui-toggle--checked":l.value,"s-ui-toggle--disabled":n.disabled,"s-ui-toggle--label-left":n.labelPlacement===r.LEFT}]),h=async e=>{let n=e.target;n instanceof HTMLInputElement&&(u(`change`,n.checked),await(0,t.nextTick)(),n.checked!==l.value&&(n.checked=l.value))};return(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,(0,t.mergeProps)({class:`s-ui-toggle`},(0,t.unref)(d)(),{class:[m.value,{"s-ui-toggle--control-only":!(0,t.unref)(p).default&&!(0,t.unref)(p).description}]}),[(0,t.withDirectives)((0,t.createElementVNode)(`input`,(0,t.mergeProps)({"onUpdate:modelValue":r[0]||=e=>l.value=e,type:`checkbox`,role:`switch`,class:`s-ui-toggle__input`},(0,t.unref)(f)(),{disabled:n.disabled,name:n.name,onChange:h}),null,16,i),[[t.vModelCheckbox,l.value]]),r[1]||=(0,t.createElementVNode)(`span`,{class:`s-ui-toggle__track`},[(0,t.createElementVNode)(`span`,{class:`s-ui-toggle__thumb-shell`},[(0,t.createElementVNode)(`span`,{class:`s-ui-toggle__thumb`})])],-1),(0,t.unref)(p).default||(0,t.unref)(p).description?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,a,[(0,t.unref)(p).default?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,o,[(0,t.renderSlot)(e.$slots,`default`)])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(p).description?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,s,[(0,t.renderSlot)(e.$slots,`description`)])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)],16))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});