@shtabapp/ui-kit 1.58.0 → 1.59.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [@shtabapp/ui-kit-v1.59.1](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.59.0...@shtabapp/ui-kit@1.59.1) (2026-08-01)
+
+### Bug Fixes
+
+- **components:** measure indicator in percent of the track ([fd78dbd](https://gitlab.com/mstikharev/shtab-ui-kit/commit/fd78dbd79446e5a5275b46e47fb709be759409bf))
+
+## [@shtabapp/ui-kit-v1.59.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.58.0...@shtabapp/ui-kit@1.59.0) (2026-07-30)
+
+### Features
+
+- **components:** schip deletable and selected ([332115e](https://gitlab.com/mstikharev/shtab-ui-kit/commit/332115e81105a4ce88874c447c3eed8cc30b62e2))
+
 ## [@shtabapp/ui-kit-v1.58.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.57.0...@shtabapp/ui-kit@1.58.0) (2026-07-30)
 
 ### Features

package/dist/SChip-BL47yJ-i.cjs

@@ -0,0 +1 @@
+const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.BLUE=`blue`,e.RED=`red`,e.WHITE=`white`,e.BILLING=`billing`,e}({}),a=function(e){return e.SIZE_20=`20`,e.SIZE_24=`24`,e.SIZE_32=`32`,e}({}),o=[`tabindex`,`aria-disabled`,`inert`],s={class:`s-ui-chip__content`},c={key:0,class:`s-ui-chip__icon`},l={key:1,class:`s-ui-chip__prefix`},u={key:0,class:`s-ui-chip__actions`},d={key:0,class:`s-ui-chip__action-delete`},f=(0,n.defineComponent)({__name:`SChip`,props:{color:{default:()=>i.BLUE},disabled:{type:Boolean,default:!1},size:{default:()=>a.SIZE_32},deletable:{type:Boolean,default:!1},selected:{type:Boolean,default:!1}},emits:[`delete`],setup(f,{emit:p}){let m=p,{t:h}=(0,r.useUiKitI18n)(),g=(0,n.useSlots)(),_=(0,n.computed)(()=>f.color===i.BILLING),v=(0,n.computed)(()=>f.disabled?!1:_.value),y=(0,n.computed)(()=>f.disabled?-1:0),b=(0,n.computed)(()=>!!g.actions||f.deletable),x=()=>{m(`delete`)},S=(0,n.computed)(()=>[`s-ui-chip--color-${f.color}`,`s-ui-chip--size-${f.size}`,{"s-ui-chip--disabled":f.disabled,"s-ui-chip--selected":f.selected}]),C=(0,n.computed)(()=>f.size===a.SIZE_20?`s-ui-typography-label-12-medium`:`s-ui-typography-label-14-medium`),w={[a.SIZE_20]:16,[a.SIZE_24]:20,[a.SIZE_32]:20},T=(0,n.computed)(()=>w[f.size]);return(r,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{class:(0,n.normalizeClass)([`s-ui-chip`,S.value]),tabindex:y.value,role:`group`,"aria-disabled":f.disabled?!0:void 0,inert:f.disabled?!0:void 0},[(0,n.createElementVNode)(`span`,s,[(0,n.unref)(g).icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,c,[(0,n.renderSlot)(r.$slots,`icon`,{billing:v.value,disabled:f.disabled,size:T.value})])):(0,n.createCommentVNode)(``,!0),(0,n.unref)(g).prefix?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(r.$slots,`prefix`,{disabled:f.disabled,size:f.size})])):(0,n.createCommentVNode)(``,!0),(0,n.unref)(g).default?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:2,class:(0,n.normalizeClass)([`s-ui-chip__label`,C.value])},[(0,n.renderSlot)(r.$slots,`default`)],2)):(0,n.createCommentVNode)(``,!0)]),b.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(r.$slots,`actions`,{billing:_.value,disabled:f.disabled}),f.deletable?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.createVNode)((0,n.unref)(t.t),{appearance:(0,n.unref)(e.t).BARE,variant:(0,n.unref)(e.r).NEUTRAL,size:(0,n.unref)(e.n).SMALL,disabled:f.disabled,tabindex:-1,icon:`closeMini`,"aria-label":(0,n.unref)(h)(`chip.delete`),onClick:(0,n.withModifiers)(x,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])])):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0)],10,o))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/SChip-XCYvlpaS.js

@@ -0,0 +1,102 @@
+import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
+import { t as r } from "./SButton-DnU_XZ1C.js";
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, unref as p, useSlots as m, withModifiers as h } from "vue";
+import { useUiKitI18n as g } from "@shtabapp/ui-kit-primitives";
+//#region src/components/SChip/SChip.types.ts
+var _ = /* @__PURE__ */ function(e) {
+	return e.BLUE = "blue", e.RED = "red", e.WHITE = "white", e.BILLING = "billing", e;
+}({}), v = /* @__PURE__ */ function(e) {
+	return e.SIZE_20 = "20", e.SIZE_24 = "24", e.SIZE_32 = "32", e;
+}({}), y = [
+	"tabindex",
+	"aria-disabled",
+	"inert"
+], b = { class: "s-ui-chip__content" }, x = {
+	key: 0,
+	class: "s-ui-chip__icon"
+}, S = {
+	key: 1,
+	class: "s-ui-chip__prefix"
+}, C = {
+	key: 0,
+	class: "s-ui-chip__actions"
+}, w = {
+	key: 0,
+	class: "s-ui-chip__action-delete"
+}, T = /* @__PURE__ */ l({
+	__name: "SChip",
+	props: {
+		color: { default: () => _.BLUE },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: () => v.SIZE_32 },
+		deletable: {
+			type: Boolean,
+			default: !1
+		},
+		selected: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["delete"],
+	setup(l, { emit: T }) {
+		let E = T, { t: D } = g(), O = m(), k = i(() => l.color === _.BILLING), A = i(() => l.disabled ? !1 : k.value), j = i(() => l.disabled ? -1 : 0), M = i(() => !!O.actions || l.deletable), N = () => {
+			E("delete");
+		}, P = i(() => [
+			`s-ui-chip--color-${l.color}`,
+			`s-ui-chip--size-${l.size}`,
+			{
+				"s-ui-chip--disabled": l.disabled,
+				"s-ui-chip--selected": l.selected
+			}
+		]), F = i(() => l.size === v.SIZE_20 ? "s-ui-typography-label-12-medium" : "s-ui-typography-label-14-medium"), I = {
+			[v.SIZE_20]: 16,
+			[v.SIZE_24]: 20,
+			[v.SIZE_32]: 20
+		}, L = i(() => I[l.size]);
+		return (i, m) => (d(), o("span", {
+			class: u(["s-ui-chip", P.value]),
+			tabindex: j.value,
+			role: "group",
+			"aria-disabled": l.disabled ? !0 : void 0,
+			inert: l.disabled ? !0 : void 0
+		}, [s("span", b, [
+			p(O).icon ? (d(), o("span", x, [f(i.$slots, "icon", {
+				billing: A.value,
+				disabled: l.disabled,
+				size: L.value
+			})])) : a("", !0),
+			p(O).prefix ? (d(), o("span", S, [f(i.$slots, "prefix", {
+				disabled: l.disabled,
+				size: l.size
+			})])) : a("", !0),
+			p(O).default ? (d(), o("span", {
+				key: 2,
+				class: u(["s-ui-chip__label", F.value])
+			}, [f(i.$slots, "default")], 2)) : a("", !0)
+		]), M.value ? (d(), o("span", C, [f(i.$slots, "actions", {
+			billing: k.value,
+			disabled: l.disabled
+		}), l.deletable ? (d(), o("span", w, [c(p(r), {
+			appearance: p(n).BARE,
+			variant: p(t).NEUTRAL,
+			size: p(e).SMALL,
+			disabled: l.disabled,
+			tabindex: -1,
+			icon: "closeMini",
+			"aria-label": p(D)("chip.delete"),
+			onClick: h(N, ["stop"])
+		}, null, 8, [
+			"appearance",
+			"variant",
+			"size",
+			"disabled",
+			"aria-label"
+		])])) : a("", !0)])) : a("", !0)], 10, y));
+	}
+});
+//#endregion
+export { _ as n, v as r, T as t };

package/dist/SSegmentControl-Dh_HmD4Z.cjs

@@ -0,0 +1 @@
+const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectionGroup-TaektE-I.cjs"),n=require("./useSelectLink-DDdMmsJB.cjs"),r=require("./useLink-1LLWpdDZ.cjs"),i=require("./getIndicatorMetricsPercent-CFGy_nB8.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives"),s=require("@vueuse/core");var c=Symbol(`SSegmentControl`),l={key:0,class:`s-ui-segment-control__icon`,"aria-hidden":`true`},u=(0,a.defineComponent)({__name:`SSegmentControlItem`,props:{item:{}},setup(t){let i=(0,a.inject)(c,null),s={[e.n.SMALL]:`s-ui-typography-label-12-medium`,[e.n.MEDIUM]:`s-ui-typography-label-14-medium`,[e.n.LARGE]:`s-ui-typography-label-16-medium`},u={[e.n.SMALL]:16,[e.n.MEDIUM]:20,[e.n.LARGE]:24},d=(0,a.computed)(()=>i?(0,a.toValue)(i.size):e.n.MEDIUM),f=(0,a.computed)(()=>s[d.value]),p=(0,a.computed)(()=>u[d.value]),m=(0,a.useTemplateRef)(`itemRootRef`),h=r.t(()=>t.item.link,()=>t.item.exact,()=>t.item.replace);n.t({isRouterLink:h.isRouterLink,isActive:h.isActive,group:()=>i,value:()=>t.item.value});let g=(0,a.computed)(()=>!!(i&&(0,a.toValue)(i.disabled))||!!t.item.disabled),_=n.n({group:()=>i,value:()=>t.item.value,el:m,disabled:g}),v=(0,a.computed)(()=>h.isRouterLink.value?h.isActive.value:_.isActive.value),y=h.linkPresentation,b=(0,a.computed)(()=>{let e=y.value;return e.mode===`none`?`button`:e.rootTag}),x=(0,a.computed)(()=>b.value===`button`),S=(0,a.computed)(()=>{if(i)return(0,a.toValue)(i.name)}),C=(0,a.computed)(()=>({"s-ui-segment-control__item--selected":v.value,"s-ui-segment-control__item--icon-only":!!t.item.iconOnly,"s-ui-segment-control__item--link":r.r(t.item.link)})),w=(0,a.computed)(()=>({...r.n(y.value,{replace:t.item.replace}),disabled:x.value&&g.value?!0:void 0,"aria-disabled":!x.value&&g.value?!0:void 0})),T=(0,a.computed)(()=>g.value?-1:_.tabIndex.value??-1),E=e=>{if(!g.value){if(h.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),h.navigate();return}_.handleKeydown(e)}},D=e=>{if(g.value){e.preventDefault(),e.stopPropagation();return}h.isRouterLink.value||_.handleClick()};return(e,n)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(b.value),(0,a.mergeProps)({ref_key:`itemRootRef`,ref:m,role:`radio`,class:[`s-ui-segment-control__item`,C.value],type:x.value?`button`:void 0},w.value,{"aria-checked":v.value?`true`:`false`,tabindex:T.value,name:x.value?S.value:void 0,onClick:D,onKeydown:E}),{default:(0,a.withCtx)(()=>[t.item.icon?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,l,[(0,a.createVNode)((0,a.unref)(o.SIcon),{name:t.item.icon,size:p.value},null,8,[`name`,`size`])])):(0,a.createCommentVNode)(``,!0),t.item.label&&!t.item.iconOnly?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:1,class:(0,a.normalizeClass)([`s-ui-segment-control__label`,f.value])},(0,a.toDisplayString)(t.item.label),3)):(0,a.createCommentVNode)(``,!0)]),_:1},16,[`class`,`type`,`aria-checked`,`tabindex`,`name`]))}}),d=`.s-ui-segment-control__item`,f=({trackEl:e,activeIndex:t,itemCount:n})=>{let r=(0,a.ref)(i.t()),o=()=>{let n=(0,a.toValue)(e),o=(0,a.toValue)(t);if(!n||o<0){r.value=i.t();return}let s=n.querySelectorAll(d).item(o);if(!(s instanceof HTMLElement)){r.value=i.t();return}r.value=i.n(n,s)};return(0,s.useResizeObserver)(e,()=>{o()}),(0,a.watch)(()=>[(0,a.toValue)(t),(0,a.toValue)(n)],async()=>{await(0,a.nextTick)(),o()},{immediate:!0}),{indicatorStyle:(0,a.computed)(()=>{let{left:e,top:t,width:n,height:i}=r.value;return!n||!i?{opacity:`0`}:{opacity:`1`,left:`${e}%`,top:`${t}%`,width:`${n}%`,height:`${i}%`}}),updateMetrics:o}},p=[`aria-disabled`],m=(0,a.defineComponent)({__name:`SSegmentControl`,props:(0,a.mergeModels)({items:{},size:{default:()=>e.n.MEDIUM},disabled:{type:Boolean,default:!1},mandatory:{type:Boolean,default:!0},name:{}},{modelValue:{},modelModifiers:{}}),emits:(0,a.mergeModels)([`change`],[`update:modelValue`]),setup(e,{emit:n}){let r=(0,a.useModel)(e,`modelValue`),i=n,o=(0,a.useTemplateRef)(`trackRef`),s=t.o({modelValue:()=>r.value,onUpdateModelValue:e=>{t.i(e)&&(r.value=e,i(`change`,e))},mode:t.n.SINGLE,mandatory:()=>e.mandatory,orientation:t.r.HORIZONTAL,loop:!0});(0,a.provide)(c,{mode:()=>t.n.SINGLE,isSelected:s.isSelected,selectItem:s.select,registerItem:s.registerItem,getItemTabIndex:s.getItemTabIndex,getGroupTabIndex:s.getGroupTabIndex,handleItemKeydown:s.handleItemKeydown,disabled:()=>e.disabled,name:()=>e.name,size:()=>e.size});let{indicatorStyle:l}=f({trackEl:()=>o.value,activeIndex:(0,a.computed)(()=>{let t=e.items.findIndex(e=>s.isSelected(e.value));return t>=0?t:0}),itemCount:()=>e.items.length}),d=(0,a.computed)(()=>({[`s-ui-segment-control--size-${e.size}`]:!0,"s-ui-segment-control--disabled":e.disabled})),m=(e,t)=>`${String(e.value)}-${t}`,h=()=>{if(r.value!==void 0&&r.value!==null)return;let t=e.items.find(e=>!e.disabled);t&&(r.value=t.value)};return(0,a.watch)(()=>e.items,()=>{h()},{immediate:!0}),(t,n)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,(0,a.mergeProps)({ref_key:`trackRef`,ref:o,class:[`s-ui-segment-control`,d.value],role:`radiogroup`,"aria-disabled":e.disabled||void 0},t.$attrs),[(0,a.createElementVNode)(`span`,{class:`s-ui-segment-control__indicator`,style:(0,a.normalizeStyle)((0,a.unref)(l)),"aria-hidden":`true`},null,4),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)(e.items,(e,t)=>((0,a.openBlock)(),(0,a.createBlock)(u,{key:m(e,t),item:e},null,8,[`item`]))),128))],16,p))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});

package/dist/SSegmentControl-hAAYltQR.js

@@ -0,0 +1,202 @@
+import { n as e } from "./SButton.types-CpdHQtyx.js";
+import { i as t, n, o as r, r as i } from "./useSelectionGroup-cKj38lEN.js";
+import { n as a, t as o } from "./useSelectLink-DClG5hGA.js";
+import { n as s, r as c, t as l } from "./useLink-Com5VhOk.js";
+import { n as u, t as d } from "./getIndicatorMetricsPercent-CWrH_ONg.js";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, inject as b, mergeModels as x, mergeProps as S, nextTick as C, normalizeClass as w, normalizeStyle as T, openBlock as E, provide as D, ref as O, renderList as k, resolveDynamicComponent as A, toDisplayString as j, toValue as M, unref as N, useModel as P, useTemplateRef as F, watch as I, withCtx as L } from "vue";
+import { SIcon as R } from "@shtabapp/ui-kit-primitives";
+import { useResizeObserver as z } from "@vueuse/core";
+//#region src/components/SSegmentControl/utils/context.ts
+var B = Symbol("SSegmentControl"), V = {
+	key: 0,
+	class: "s-ui-segment-control__icon",
+	"aria-hidden": "true"
+}, H = /* @__PURE__ */ y({
+	__name: "SSegmentControlItem",
+	props: { item: {} },
+	setup(t) {
+		let n = b(B, null), r = {
+			[e.SMALL]: "s-ui-typography-label-12-medium",
+			[e.MEDIUM]: "s-ui-typography-label-14-medium",
+			[e.LARGE]: "s-ui-typography-label-16-medium"
+		}, i = {
+			[e.SMALL]: 16,
+			[e.MEDIUM]: 20,
+			[e.LARGE]: 24
+		}, u = p(() => n ? M(n.size) : e.MEDIUM), d = p(() => r[u.value]), f = p(() => i[u.value]), _ = F("itemRootRef"), y = l(() => t.item.link, () => t.item.exact, () => t.item.replace);
+		o({
+			isRouterLink: y.isRouterLink,
+			isActive: y.isActive,
+			group: () => n,
+			value: () => t.item.value
+		});
+		let x = p(() => !!(n && M(n.disabled)) || !!t.item.disabled), C = a({
+			group: () => n,
+			value: () => t.item.value,
+			el: _,
+			disabled: x
+		}), T = p(() => y.isRouterLink.value ? y.isActive.value : C.isActive.value), D = y.linkPresentation, O = p(() => {
+			let e = D.value;
+			return e.mode === "none" ? "button" : e.rootTag;
+		}), k = p(() => O.value === "button"), P = p(() => {
+			if (n) return M(n.name);
+		}), I = p(() => ({
+			"s-ui-segment-control__item--selected": T.value,
+			"s-ui-segment-control__item--icon-only": !!t.item.iconOnly,
+			"s-ui-segment-control__item--link": c(t.item.link)
+		})), z = p(() => ({
+			...s(D.value, { replace: t.item.replace }),
+			disabled: k.value && x.value ? !0 : void 0,
+			"aria-disabled": !k.value && x.value ? !0 : void 0
+		})), H = p(() => x.value ? -1 : C.tabIndex.value ?? -1), U = (e) => {
+			if (!x.value) {
+				if (y.isRouterLink.value && (e.key === "Enter" || e.key === " " || e.key === "Spacebar")) {
+					e.preventDefault(), y.navigate();
+					return;
+				}
+				C.handleKeydown(e);
+			}
+		}, W = (e) => {
+			if (x.value) {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			y.isRouterLink.value || C.handleClick();
+		};
+		return (e, n) => (E(), m(A(O.value), S({
+			ref_key: "itemRootRef",
+			ref: _,
+			role: "radio",
+			class: ["s-ui-segment-control__item", I.value],
+			type: k.value ? "button" : void 0
+		}, z.value, {
+			"aria-checked": T.value ? "true" : "false",
+			tabindex: H.value,
+			name: k.value ? P.value : void 0,
+			onClick: W,
+			onKeydown: U
+		}), {
+			default: L(() => [t.item.icon ? (E(), g("span", V, [v(N(R), {
+				name: t.item.icon,
+				size: f.value
+			}, null, 8, ["name", "size"])])) : h("", !0), t.item.label && !t.item.iconOnly ? (E(), g("span", {
+				key: 1,
+				class: w(["s-ui-segment-control__label", d.value])
+			}, j(t.item.label), 3)) : h("", !0)]),
+			_: 1
+		}, 16, [
+			"class",
+			"type",
+			"aria-checked",
+			"tabindex",
+			"name"
+		]));
+	}
+}), U = ".s-ui-segment-control__item", W = ({ trackEl: e, activeIndex: t, itemCount: n }) => {
+	let r = O(d()), i = () => {
+		let n = M(e), i = M(t);
+		if (!n || i < 0) {
+			r.value = d();
+			return;
+		}
+		let a = n.querySelectorAll(U).item(i);
+		if (!(a instanceof HTMLElement)) {
+			r.value = d();
+			return;
+		}
+		r.value = u(n, a);
+	};
+	return z(e, () => {
+		i();
+	}), I(() => [M(t), M(n)], async () => {
+		await C(), i();
+	}, { immediate: !0 }), {
+		indicatorStyle: p(() => {
+			let { left: e, top: t, width: n, height: i } = r.value;
+			return !n || !i ? { opacity: "0" } : {
+				opacity: "1",
+				left: `${e}%`,
+				top: `${t}%`,
+				width: `${n}%`,
+				height: `${i}%`
+			};
+		}),
+		updateMetrics: i
+	};
+}, G = ["aria-disabled"], K = /* @__PURE__ */ y({
+	__name: "SSegmentControl",
+	props: /*@__PURE__*/ x({
+		items: {},
+		size: { default: () => e.MEDIUM },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		mandatory: {
+			type: Boolean,
+			default: !0
+		},
+		name: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ x(["change"], ["update:modelValue"]),
+	setup(e, { emit: a }) {
+		let o = P(e, "modelValue"), s = a, c = F("trackRef"), l = r({
+			modelValue: () => o.value,
+			onUpdateModelValue: (e) => {
+				t(e) && (o.value = e, s("change", e));
+			},
+			mode: n.SINGLE,
+			mandatory: () => e.mandatory,
+			orientation: i.HORIZONTAL,
+			loop: !0
+		});
+		D(B, {
+			mode: () => n.SINGLE,
+			isSelected: l.isSelected,
+			selectItem: l.select,
+			registerItem: l.registerItem,
+			getItemTabIndex: l.getItemTabIndex,
+			getGroupTabIndex: l.getGroupTabIndex,
+			handleItemKeydown: l.handleItemKeydown,
+			disabled: () => e.disabled,
+			name: () => e.name,
+			size: () => e.size
+		});
+		let { indicatorStyle: u } = W({
+			trackEl: () => c.value,
+			activeIndex: p(() => {
+				let t = e.items.findIndex((e) => l.isSelected(e.value));
+				return t >= 0 ? t : 0;
+			}),
+			itemCount: () => e.items.length
+		}), d = p(() => ({
+			[`s-ui-segment-control--size-${e.size}`]: !0,
+			"s-ui-segment-control--disabled": e.disabled
+		})), h = (e, t) => `${String(e.value)}-${t}`, v = () => {
+			if (o.value !== void 0 && o.value !== null) return;
+			let t = e.items.find((e) => !e.disabled);
+			t && (o.value = t.value);
+		};
+		return I(() => e.items, () => {
+			v();
+		}, { immediate: !0 }), (t, n) => (E(), g("div", S({
+			ref_key: "trackRef",
+			ref: c,
+			class: ["s-ui-segment-control", d.value],
+			role: "radiogroup",
+			"aria-disabled": e.disabled || void 0
+		}, t.$attrs), [_("span", {
+			class: "s-ui-segment-control__indicator",
+			style: T(N(u)),
+			"aria-hidden": "true"
+		}, null, 4), (E(!0), g(f, null, k(e.items, (e, t) => (E(), m(H, {
+			key: h(e, t),
+			item: e
+		}, null, 8, ["item"]))), 128))], 16, G));
+	}
+});
+//#endregion
+export { K as t };

package/dist/STabs-BUafXb2Q.js

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

package/dist/STabs-h8sm-3do.cjs

@@ -0,0 +1 @@
+const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./getIndicatorMetricsPercent-CFGy_nB8.cjs"),i=require("./STab-BbzowB-Y.cjs");let a=require("vue"),o=require("@vueuse/core");var s=`.s-ui-tab[aria-selected="true"]`,c=()=>({...r.t(),isBilling:!1}),l=({trackEl:e,selectedValue:t,enabled:n})=>{let i=(0,a.ref)(c()),l=()=>{if(!(0,a.toValue)(n)){i.value=c();return}let t=(0,a.toValue)(e);if(!t){i.value=c();return}let o=t.querySelector(s);if(!(o instanceof HTMLElement)){i.value=c();return}i.value={...r.n(t,o),isBilling:o.classList.contains(`s-ui-tab--billing`)}};return(0,o.useResizeObserver)(e,()=>{l()}),(0,a.watch)(()=>(0,a.toValue)(t),async()=>{await(0,a.nextTick)(),l()},{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)}},u=[`aria-disabled`],d={class:`s-ui-tabs__body`},f=(0,a.defineComponent)({__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:s}){let c=(0,a.useModel)(r,`modelValue`),f=s,p=(0,a.useTemplateRef)(`tabsBodyRef`),m=(0,a.useTemplateRef)(`tabsTrackRef`),{arrivedState:h}=(0,o.useScroll)(p,{throttle:100,offset:{right:1}}),g=n.o({modelValue:()=>c.value,onUpdateModelValue:e=>{n.i(e)&&(c.value=e)},mode:n.n.SINGLE,mandatory:()=>r.mandatory,orientation:n.r.HORIZONTAL,loop:()=>r.loop});(0,a.provide)(i.i,{mode:()=>n.n.SINGLE,isSelected:g.isSelected,selectItem:g.toggle,registerItem:g.registerItem,getItemTabIndex:g.getItemTabIndex,getGroupTabIndex:g.getGroupTabIndex,handleItemKeydown:g.handleItemKeydown,appearance:()=>r.appearance,size:()=>r.size,disabled:()=>r.disabled});let _=(0,a.computed)(()=>r.appearance===i.n.PRIMARY),{indicatorStyle:v,indicatorIsBilling:y}=l({trackEl:()=>m.value,selectedValue:()=>c.value,enabled:_}),b=(0,a.computed)(()=>r.addable&&!h.right),x=(0,a.computed)(()=>[`s-ui-tabs--appearance-${r.appearance}`,`s-ui-tabs--size-${r.size}`,r.addable?`s-ui-tabs--addable`:void 0]),S=()=>{r.disabled||f(`add`)};return(n,i)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)([`s-ui-tabs`,x.value]),role:`tablist`,"aria-orientation":`horizontal`,"aria-disabled":r.disabled?!0:void 0},[(0,a.createElementVNode)(`div`,d,[(0,a.createElementVNode)(`div`,{ref_key:`tabsBodyRef`,ref:p,class:`s-ui-tabs__scroll`},[(0,a.createElementVNode)(`div`,{ref_key:`tabsTrackRef`,ref:m,class:`s-ui-tabs__track`},[_.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)(y)}]),style:(0,a.normalizeStyle)((0,a.unref)(v)),"aria-hidden":`true`},null,6)):(0,a.createCommentVNode)(``,!0),(0,a.renderSlot)(n.$slots,`default`)],512)],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":b.value}]),"aria-hidden":`true`},null,2)):(0,a.createCommentVNode)(``,!0)]),r.addable?(0,a.renderSlot)(n.$slots,`add`,{key:0},()=>[(0,a.createVNode)((0,a.unref)(t.t),{class:`s-ui-tabs__add`,icon:`plus`,appearance:(0,a.unref)(e.t).BARE,variant:(0,a.unref)(e.r).NEUTRAL,size:(0,a.unref)(e.n).SMALL,disabled:r.disabled,onClick:S},null,8,[`appearance`,`variant`,`size`,`disabled`])]):(0,a.createCommentVNode)(``,!0)],10,u))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

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

@@ -17,6 +17,10 @@ export interface ISChipProps {
     disabled?: boolean;
     /** Высота и типографика чипа. */
     size?: ESChipSize;
+    /** Показывает кнопку удаления справа; клик отдаёт событие `delete`. */
+    deletable?: boolean;
+    /** Визуально выделенное состояние; ховер и нажатие продолжают работать поверх. */
+    selected?: boolean;
 }
 export type TSChipInstance = InstanceType<typeof SChip>;
 //# sourceMappingURL=SChip.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SChip.types.d.ts","sourceRoot":"","sources":["../../../src/components/SChip/SChip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAE9B,oBAAY,WAAW;IACrB,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,oBAAY,UAAU;IACpB,OAAO,OAAO;IACd,OAAO,OAAO;IACd,OAAO,OAAO;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAA"}
+{"version":3,"file":"SChip.types.d.ts","sourceRoot":"","sources":["../../../src/components/SChip/SChip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAE9B,oBAAY,WAAW;IACrB,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,oBAAY,UAAU;IACpB,OAAO,OAAO;IACd,OAAO,OAAO;IACd,OAAO,OAAO;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAA"}

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

@@ -1,4 +1,4 @@
-import type { TSIconSize } from '@shtabapp/ui-kit-primitives';
+import { type TSIconSize } from '@shtabapp/ui-kit-primitives';
 import { ESChipSize, type ISChipProps } from './SChip.types';
 type __VLS_Slots = {
     actions?: (props: {
@@ -16,7 +16,11 @@ type __VLS_Slots = {
         size: ESChipSize;
     }) => unknown;
 };
-declare const __VLS_base: import("vue").DefineComponent<ISChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ISChipProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<ISChipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    delete: () => any;
+}, string, import("vue").PublicProps, Readonly<ISChipProps> & Readonly<{
+    onDelete?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"SChip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SChip/SChip.vue"],"names":[],"mappings":"AA6GA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,OAAO,EAAe,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAA;AAUzE,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAA;IACrE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,UAAU,CAAA;KAAE,KAAK,OAAO,CAAA;IACpF,OAAO,CAAC,EAAE,MAAM,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,UAAU,CAAA;KAAE,KAAK,OAAO,CAAA;CACrE,CAAC;AAkIF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SChip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SChip/SChip.vue"],"names":[],"mappings":"AA6IA,OAAO,EAAE,KAAK,UAAU,EAAgB,MAAM,6BAA6B,CAAA;AAI3E,OAAO,EAAe,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAA;AAoBzE,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAA;IACrE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,UAAU,CAAA;KAAE,KAAK,OAAO,CAAA;IACpF,OAAO,CAAC,EAAE,MAAM,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,UAAU,CAAA;KAAE,KAAK,OAAO,CAAA;CACrE,CAAC;AAwLF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/SSegmentControl/utils/useSegmentIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSegmentIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/SSegmentControl/utils/useSegmentIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAY1E,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC7C,WAAW,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACrC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CACpC;AASD,eAAO,MAAM,mBAAmB,GAAI,sCAIjC,2BAA2B;;;;;;;;;;;;;;;CAiE7B,CAAA"}
+{"version":3,"file":"useSegmentIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/SSegmentControl/utils/useSegmentIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAWpF,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC7C,WAAW,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACrC,SAAS,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CACpC;AAED,eAAO,MAAM,mBAAmB,GAAI,sCAIjC,2BAA2B;;;;;;;;;;;;;;;CA0D7B,CAAA"}

package/dist/components/STabs/utils/useTabsIndicator.d.ts

@@ -8,7 +8,7 @@ export interface IUseTabsIndicatorReturn {
     indicatorStyle: ComputedRef<{
         opacity: string;
         width?: string;
-        transform?: string;
+        left?: string;
     }>;
     indicatorIsBilling: ComputedRef<boolean>;
 }

package/dist/components/STabs/utils/useTabsIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTabsIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/STabs/utils/useTabsIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAA;AAWZ,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC7C,aAAa,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACxC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CACnC;AAED,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACpF,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CACzC;AAED,eAAO,MAAM,gBAAgB,GAAI,sCAI9B,wBAAwB,KAAG,uBAsE7B,CAAA"}
+{"version":3,"file":"useTabsIndicator.d.ts","sourceRoot":"","sources":["../../../../src/components/STabs/utils/useTabsIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAA;AAeZ,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC7C,aAAa,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACxC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CACnC;AAED,MAAM,WAAW,uBAAuB;IACtC,cAAc,EAAE,WAAW,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC/E,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CACzC;AAOD,eAAO,MAAM,gBAAgB,GAAI,sCAI9B,wBAAwB,KAAG,uBA8D7B,CAAA"}

package/dist/entries/chip.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SChip-DRz5BA4Z.cjs");exports.ESChipColor=e.n,exports.ESChipSize=e.r,exports.SChip=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SChip-BL47yJ-i.cjs");exports.ESChipColor=e.n,exports.ESChipSize=e.r,exports.SChip=e.t;

package/dist/entries/chip.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../SChip-DvPazz7Y.js";
+import { n as e, r as t, t as n } from "../SChip-XCYvlpaS.js";
 export { e as ESChipColor, t as ESChipSize, n as SChip };

package/dist/entries/segment-control.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SButton.types-UKroD-ev.cjs"),t=require("../SSegmentControl-Dz-d3Y9v.cjs");exports.ESSegmentControlSize=e.n,exports.SSegmentControl=t.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../SButton.types-UKroD-ev.cjs"),t=require("../SSegmentControl-Dh_HmD4Z.cjs");exports.ESSegmentControlSize=e.n,exports.SSegmentControl=t.t;

package/dist/entries/segment-control.js

@@ -1,3 +1,3 @@
 import { n as e } from "../SButton.types-CpdHQtyx.js";
-import { t } from "../SSegmentControl-CmJEjfSR.js";
+import { t } from "../SSegmentControl-hAAYltQR.js";
 export { e as ESSegmentControlSize, t as SSegmentControl };

package/dist/entries/tabs.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STab-BbzowB-Y.cjs"),t=require("../STabs-DeHqnjNJ.cjs");exports.ESTabAppearance=e.n,exports.ESTabSize=e.r,exports.STab=e.t,exports.STabs=t.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../STab-BbzowB-Y.cjs"),t=require("../STabs-h8sm-3do.cjs");exports.ESTabAppearance=e.n,exports.ESTabSize=e.r,exports.STab=e.t,exports.STabs=t.t;

package/dist/entries/tabs.js

@@ -1,3 +1,3 @@
 import { n as e, r as t, t as n } from "../STab-DY1TGadw.js";
-import { t as r } from "../STabs-CTM8Nji_.js";
+import { t as r } from "../STabs-BUafXb2Q.js";
 export { e as ESTabAppearance, t as ESTabSize, n as STab, r as STabs };

package/dist/getIndicatorMetricsPercent-CFGy_nB8.cjs

@@ -0,0 +1 @@
+var e=()=>({left:0,top:0,width:0,height:0}),t=(t,n)=>{let r=t.getBoundingClientRect();if(!r.width||!r.height)return e();let i=n.getBoundingClientRect();return{left:(i.left-r.left)/r.width*100,top:(i.top-r.top)/r.height*100,width:i.width/r.width*100,height:i.height/r.height*100}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/dist/getIndicatorMetricsPercent-CWrH_ONg.js

@@ -0,0 +1,19 @@
+//#region src/utils/getIndicatorMetricsPercent.ts
+var e = () => ({
+	left: 0,
+	top: 0,
+	width: 0,
+	height: 0
+}), t = (t, n) => {
+	let r = t.getBoundingClientRect();
+	if (!r.width || !r.height) return e();
+	let i = n.getBoundingClientRect();
+	return {
+		left: (i.left - r.left) / r.width * 100,
+		top: (i.top - r.top) / r.height * 100,
+		width: i.width / r.width * 100,
+		height: i.height / r.height * 100
+	};
+};
+//#endregion
+export { t as n, e as t };