@shtabapp/ui-kit 1.33.0 → 1.35.0

package/dist/STab-BbzowB-Y.cjs

@@ -0,0 +1 @@
+const e=require("./useSelectionGroup-TaektE-I.cjs"),t=require("./useSelectLink-DDdMmsJB.cjs"),n=require("./useLink-1LLWpdDZ.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives");var a=Symbol(`STabs`),o=function(e){return e.PRIMARY=`primary`,e.SECONDARY=`secondary`,e}({}),s=function(e){return e.SMALL=`small`,e.LARGE=`large`,e}({}),c={class:`s-ui-tab__content`},l={key:0,class:`s-ui-tab__icon-wrap`},u={class:`s-ui-tab__icon`},d={key:0,class:`s-ui-tab__icon-badge`,"aria-hidden":`true`},f={key:1,class:`s-ui-tab__label-wrap`},ee={key:0,class:`s-ui-tab__caret`,"aria-hidden":`true`},p={key:3,class:`s-ui-tab__caret`,"aria-hidden":`true`},m=[`placeholder`,`disabled`],h={key:2,class:`s-ui-tab__right`},g=(0,r.defineComponent)({inheritAttrs:!1,__name:`STab`,props:(0,r.mergeModels)({appearance:{},size:{},disabled:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},icon:{},iconOnly:{type:Boolean,default:!1},billing:{type:Boolean,default:!1},placeholder:{type:Boolean,default:!1},placeholderText:{},editableStaticDisplay:{type:Boolean,default:!1},iconBadge:{},value:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,r.mergeModels)([`click`,`rename`],[`update:modelValue`]),setup(g,{expose:_,emit:v}){let y=(0,r.inject)(a,null),{t:b}=(0,i.useUiKitI18n)(),x=(0,r.computed)(()=>g.placeholderText??b(`tab.placeholder`)),S=(0,r.useAttrs)(),C=(0,r.useSlots)(),w=(0,r.computed)(()=>e.a(g.appearance,y?(0,r.toValue)(y.appearance):void 0,o.PRIMARY)),T=(0,r.computed)(()=>e.a(g.size,y?(0,r.toValue)(y.size):void 0,s.LARGE)),E=(0,r.computed)(()=>g.disabled||!!(y&&(0,r.toValue)(y.disabled))),D=(0,r.useTemplateRef)(`tabRootRef`),O=t.n({group:()=>y,value:()=>g.value,el:D,disabled:E}),k=n.t(()=>g.link,()=>g.exact,()=>g.replace);t.t({isRouterLink:k.isRouterLink,isActive:k.isActive,group:()=>y,value:()=>g.value});let A=(0,r.computed)(()=>k.isRouterLink.value?k.isActive.value:O.isInGroup.value?O.isActive.value:g.selected),j=(0,r.useModel)(g,`modelValue`),M=v,N=(0,r.useTemplateRef)(`renameInputRef`),P=(0,r.ref)(!1),F=(0,r.ref)(``),I=k.linkPresentation,L=(0,r.computed)(()=>I.value.mode===`none`),R=(0,r.computed)(()=>{let e=I.value;return e.mode===`none`?`button`:e.rootTag}),z=(0,r.computed)(()=>n.n(I.value,{replace:g.replace})),B=(0,r.computed)(()=>{let e=O.tabIndex.value;return{...z.value,...e===void 0?{}:{tabindex:e},...S}}),V=(0,r.computed)(()=>T.value===s.LARGE?20:16),H=(0,r.computed)(()=>T.value===s.LARGE?`s-ui-typography-label-16-medium`:`s-ui-typography-label-14-medium`),U=(0,r.computed)(()=>!!(g.icon||C.icon)),W=(0,r.computed)(()=>g.editableStaticDisplay&&g.placeholder&&!j.value.length),te=(0,r.computed)(()=>g.editableStaticDisplay&&!g.placeholder),G=(0,r.computed)(()=>P.value?F.value:j.value),K=(0,r.computed)(()=>!C.default&&g.placeholder&&!j.value.length),q=(0,r.computed)(()=>g.editableStaticDisplay&&g.placeholder&&!j.value.length),J=(0,r.computed)(()=>g.editableStaticDisplay&&!g.placeholder&&j.value.length>0),Y=(0,r.computed)(()=>g.iconOnly?!1:C.default||g.editableStaticDisplay||P.value||j.value.length>0||K.value),X=(0,r.computed)(()=>g.iconOnly?!1:!!C.right),Z=(0,r.computed)(()=>P.value||g.editableStaticDisplay),Q=(0,r.computed)(()=>g.placeholder&&!G.value.length&&(Z.value||K.value)),$=(0,r.computed)(()=>[`s-ui-tab--appearance-${w.value}`,`s-ui-tab--size-${T.value}`,{"s-ui-tab--selected":A.value,"s-ui-tab--disabled":E.value,"s-ui-tab--icon-only":g.iconOnly,"s-ui-tab--billing":g.billing,"s-ui-tab--editable":Z.value,"s-ui-tab--editable-placeholder":Q.value,"s-ui-tab--editable-value":!g.placeholder&&Z.value,"s-ui-tab--link":n.r(g.link)}]),ne=()=>{let e=N.value;if(!e)return;e.focus();let t=F.value.length;e.setSelectionRange(t,t)},re=async()=>{E.value||g.editableStaticDisplay||g.iconOnly||(F.value=j.value,P.value=!0,await(0,r.nextTick)(),ne())},ie=()=>{if(g.editableStaticDisplay||!P.value)return;let e=F.value;P.value=!1,j.value=e,M(`rename`,e)},ae=()=>{g.editableStaticDisplay||!P.value||(P.value=!1)},oe=()=>{P.value&&ae()},se=e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),ie(),N.value?.blur())},ce=e=>{if(k.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),k.navigate();return}O.handleKeydown(e)},le=e=>{if(E.value){e.preventDefault(),e.stopPropagation();return}if(k.isRouterLink.value){M(`click`,e);return}O.handleClick(),M(`click`,e)};return _({edit:re}),(e,t)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(R.value),(0,r.mergeProps)({ref_key:`tabRootRef`,ref:D,class:[`s-ui-tab`,$.value],type:L.value?`button`:void 0,role:`tab`,"aria-selected":!!A.value,"aria-disabled":E.value?!0:void 0,disabled:L.value&&E.value?!0:void 0},B.value,{onClick:le,onKeydown:ce}),{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`span`,c,[U.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,l,[(0,r.createElementVNode)(`span`,u,[(0,r.renderSlot)(e.$slots,`icon`,{},()=>[g.icon?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SIcon),{key:0,name:g.icon,size:V.value,billing:g.billing},null,8,[`name`,`size`,`billing`])):(0,r.createCommentVNode)(``,!0)])]),g.iconBadge?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,d,[(0,r.createVNode)((0,r.unref)(i.SIcon),{class:`s-ui-tab__icon-badge-icon`,name:g.iconBadge},null,8,[`name`])])):(0,r.createCommentVNode)(``,!0)])):(0,r.createCommentVNode)(``,!0),Y.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,f,[g.editableStaticDisplay?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[W.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,ee)):(0,r.createCommentVNode)(``,!0),q.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:1,class:(0,r.normalizeClass)([`s-ui-tab__label`,H.value])},(0,r.toDisplayString)(x.value),3)):(0,r.createCommentVNode)(``,!0),J.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:2,class:(0,r.normalizeClass)([`s-ui-tab__label`,H.value])},(0,r.toDisplayString)(j.value),3)):(0,r.createCommentVNode)(``,!0),te.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,p)):(0,r.createCommentVNode)(``,!0)],64)):P.value?(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)(`input`,{key:1,ref_key:`renameInputRef`,ref:N,"onUpdate:modelValue":t[0]||=e=>F.value=e,class:(0,r.normalizeClass)([`s-ui-tab__input`,H.value]),type:`text`,placeholder:g.placeholder&&!G.value.length?x.value:void 0,disabled:E.value?!0:void 0,onBlur:oe,onClick:t[1]||=(0,r.withModifiers)(()=>{},[`stop`]),onKeydown:se},null,42,m)),[[r.vModelText,F.value]]):((0,r.openBlock)(),(0,r.createElementBlock)(`span`,{key:2,class:(0,r.normalizeClass)([`s-ui-tab__label`,H.value])},[(0,r.unref)(C).default?(0,r.renderSlot)(e.$slots,`default`,{key:0}):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.createTextVNode)((0,r.toDisplayString)(j.value||(g.placeholder?x.value:``)),1)],64))],2))])):(0,r.createCommentVNode)(``,!0),X.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,h,[(0,r.renderSlot)(e.$slots,`right`)])):(0,r.createCommentVNode)(``,!0)])]),_:3},16,[`class`,`type`,`aria-selected`,`aria-disabled`,`disabled`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),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 g}});

package/dist/STab-DY1TGadw.js

@@ -0,0 +1,218 @@
+import { a as e } from "./useSelectionGroup-cKj38lEN.js";
+import { n as t, t as ee } from "./useSelectLink-DClG5hGA.js";
+import { n as te, r as n, t as ne } from "./useLink-Com5VhOk.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as re, createVNode as l, defineComponent as u, inject as d, mergeModels as f, mergeProps as ie, nextTick as ae, normalizeClass as p, openBlock as m, ref as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, toValue as y, unref as b, useAttrs as oe, useModel as se, useSlots as ce, useTemplateRef as x, vModelText as le, withCtx as ue, withDirectives as de, withModifiers as fe } from "vue";
+import { SIcon as S, useUiKitI18n as pe } from "@shtabapp/ui-kit-primitives";
+//#region src/components/STabs/utils/context.ts
+var C = Symbol("STabs"), w = /* @__PURE__ */ function(e) {
+	return e.PRIMARY = "primary", e.SECONDARY = "secondary", e;
+}({}), T = /* @__PURE__ */ function(e) {
+	return e.SMALL = "small", e.LARGE = "large", e;
+}({}), me = { class: "s-ui-tab__content" }, he = {
+	key: 0,
+	class: "s-ui-tab__icon-wrap"
+}, ge = { class: "s-ui-tab__icon" }, _e = {
+	key: 0,
+	class: "s-ui-tab__icon-badge",
+	"aria-hidden": "true"
+}, ve = {
+	key: 1,
+	class: "s-ui-tab__label-wrap"
+}, E = {
+	key: 0,
+	class: "s-ui-tab__caret",
+	"aria-hidden": "true"
+}, D = {
+	key: 3,
+	class: "s-ui-tab__caret",
+	"aria-hidden": "true"
+}, O = ["placeholder", "disabled"], k = {
+	key: 2,
+	class: "s-ui-tab__right"
+}, A = /* @__PURE__ */ u({
+	inheritAttrs: !1,
+	__name: "STab",
+	props: /*@__PURE__*/ f({
+		appearance: {},
+		size: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		icon: {},
+		iconOnly: {
+			type: Boolean,
+			default: !1
+		},
+		billing: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: {
+			type: Boolean,
+			default: !1
+		},
+		placeholderText: {},
+		editableStaticDisplay: {
+			type: Boolean,
+			default: !1
+		},
+		iconBadge: {},
+		value: {},
+		link: {},
+		exact: {
+			type: Boolean,
+			default: !1
+		},
+		replace: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ f(["click", "rename"], ["update:modelValue"]),
+	setup(u, { expose: f, emit: A }) {
+		let j = d(C, null), { t: M } = pe(), N = i(() => u.placeholderText ?? M("tab.placeholder")), P = oe(), F = ce(), ye = i(() => e(u.appearance, j ? y(j.appearance) : void 0, w.PRIMARY)), I = i(() => e(u.size, j ? y(j.size) : void 0, T.LARGE)), L = i(() => u.disabled || !!(j && y(j.disabled))), R = x("tabRootRef"), z = t({
+			group: () => j,
+			value: () => u.value,
+			el: R,
+			disabled: L
+		}), B = ne(() => u.link, () => u.exact, () => u.replace);
+		ee({
+			isRouterLink: B.isRouterLink,
+			isActive: B.isActive,
+			group: () => j,
+			value: () => u.value
+		});
+		let V = i(() => B.isRouterLink.value ? B.isActive.value : z.isInGroup.value ? z.isActive.value : u.selected), H = se(u, "modelValue"), U = A, W = x("renameInputRef"), G = h(!1), K = h(""), q = B.linkPresentation, J = i(() => q.value.mode === "none"), be = i(() => {
+			let e = q.value;
+			return e.mode === "none" ? "button" : e.rootTag;
+		}), xe = i(() => te(q.value, { replace: u.replace })), Se = i(() => {
+			let e = z.tabIndex.value;
+			return {
+				...xe.value,
+				...e === void 0 ? {} : { tabindex: e },
+				...P
+			};
+		}), Ce = i(() => I.value === T.LARGE ? 20 : 16), Y = i(() => I.value === T.LARGE ? "s-ui-typography-label-16-medium" : "s-ui-typography-label-14-medium"), we = i(() => !!(u.icon || F.icon)), Te = i(() => u.editableStaticDisplay && u.placeholder && !H.value.length), Ee = i(() => u.editableStaticDisplay && !u.placeholder), X = i(() => G.value ? K.value : H.value), Z = i(() => !F.default && u.placeholder && !H.value.length), De = i(() => u.editableStaticDisplay && u.placeholder && !H.value.length), Oe = i(() => u.editableStaticDisplay && !u.placeholder && H.value.length > 0), ke = i(() => u.iconOnly ? !1 : F.default || u.editableStaticDisplay || G.value || H.value.length > 0 || Z.value), Ae = i(() => u.iconOnly ? !1 : !!F.right), Q = i(() => G.value || u.editableStaticDisplay), $ = i(() => u.placeholder && !X.value.length && (Q.value || Z.value)), je = i(() => [
+			`s-ui-tab--appearance-${ye.value}`,
+			`s-ui-tab--size-${I.value}`,
+			{
+				"s-ui-tab--selected": V.value,
+				"s-ui-tab--disabled": L.value,
+				"s-ui-tab--icon-only": u.iconOnly,
+				"s-ui-tab--billing": u.billing,
+				"s-ui-tab--editable": Q.value,
+				"s-ui-tab--editable-placeholder": $.value,
+				"s-ui-tab--editable-value": !u.placeholder && Q.value,
+				"s-ui-tab--link": n(u.link)
+			}
+		]), Me = () => {
+			let e = W.value;
+			if (!e) return;
+			e.focus();
+			let t = K.value.length;
+			e.setSelectionRange(t, t);
+		}, Ne = async () => {
+			L.value || u.editableStaticDisplay || u.iconOnly || (K.value = H.value, G.value = !0, await ae(), Me());
+		}, Pe = () => {
+			if (u.editableStaticDisplay || !G.value) return;
+			let e = K.value;
+			G.value = !1, H.value = e, U("rename", e);
+		}, Fe = () => {
+			u.editableStaticDisplay || !G.value || (G.value = !1);
+		}, Ie = () => {
+			G.value && Fe();
+		}, Le = (e) => {
+			e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), Pe(), W.value?.blur());
+		}, Re = (e) => {
+			if (B.isRouterLink.value && (e.key === "Enter" || e.key === " " || e.key === "Spacebar")) {
+				e.preventDefault(), B.navigate();
+				return;
+			}
+			z.handleKeydown(e);
+		}, ze = (e) => {
+			if (L.value) {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			if (B.isRouterLink.value) {
+				U("click", e);
+				return;
+			}
+			z.handleClick(), U("click", e);
+		};
+		return f({ edit: Ne }), (e, t) => (m(), a(_(be.value), ie({
+			ref_key: "tabRootRef",
+			ref: R,
+			class: ["s-ui-tab", je.value],
+			type: J.value ? "button" : void 0,
+			role: "tab",
+			"aria-selected": !!V.value,
+			"aria-disabled": L.value ? !0 : void 0,
+			disabled: J.value && L.value ? !0 : void 0
+		}, Se.value, {
+			onClick: ze,
+			onKeydown: Re
+		}), {
+			default: ue(() => [c("span", me, [
+				we.value ? (m(), s("span", he, [c("span", ge, [g(e.$slots, "icon", {}, () => [u.icon ? (m(), a(b(S), {
+					key: 0,
+					name: u.icon,
+					size: Ce.value,
+					billing: u.billing
+				}, null, 8, [
+					"name",
+					"size",
+					"billing"
+				])) : o("", !0)])]), u.iconBadge ? (m(), s("span", _e, [l(b(S), {
+					class: "s-ui-tab__icon-badge-icon",
+					name: u.iconBadge
+				}, null, 8, ["name"])])) : o("", !0)])) : o("", !0),
+				ke.value ? (m(), s("span", ve, [u.editableStaticDisplay ? (m(), s(r, { key: 0 }, [
+					Te.value ? (m(), s("span", E)) : o("", !0),
+					De.value ? (m(), s("span", {
+						key: 1,
+						class: p(["s-ui-tab__label", Y.value])
+					}, v(N.value), 3)) : o("", !0),
+					Oe.value ? (m(), s("span", {
+						key: 2,
+						class: p(["s-ui-tab__label", Y.value])
+					}, v(H.value), 3)) : o("", !0),
+					Ee.value ? (m(), s("span", D)) : o("", !0)
+				], 64)) : G.value ? de((m(), s("input", {
+					key: 1,
+					ref_key: "renameInputRef",
+					ref: W,
+					"onUpdate:modelValue": t[0] ||= (e) => K.value = e,
+					class: p(["s-ui-tab__input", Y.value]),
+					type: "text",
+					placeholder: u.placeholder && !X.value.length ? N.value : void 0,
+					disabled: L.value ? !0 : void 0,
+					onBlur: Ie,
+					onClick: t[1] ||= fe(() => {}, ["stop"]),
+					onKeydown: Le
+				}, null, 42, O)), [[le, K.value]]) : (m(), s("span", {
+					key: 2,
+					class: p(["s-ui-tab__label", Y.value])
+				}, [b(F).default ? g(e.$slots, "default", { key: 0 }) : (m(), s(r, { key: 1 }, [re(v(H.value || (u.placeholder ? N.value : "")), 1)], 64))], 2))])) : o("", !0),
+				Ae.value ? (m(), s("span", k, [g(e.$slots, "right")])) : o("", !0)
+			])]),
+			_: 3
+		}, 16, [
+			"class",
+			"type",
+			"aria-selected",
+			"aria-disabled",
+			"disabled"
+		]));
+	}
+});
+//#endregion
+export { C as i, w as n, T as r, A as t };

package/dist/{STabs-Ce7tHq8T.js → STabs-CTM8Nji_.js}

@@ -1,7 +1,7 @@
 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 { i as c, n as l, r as u } from "./STab-DXGKWtFI.js";
+import { i as c, n as l, r as u } from "./STab-DY1TGadw.js";
 import { computed as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeModels as _, nextTick as v, normalizeClass as y, normalizeStyle as b, openBlock as x, provide as S, ref as C, renderSlot as w, toValue as T, unref as E, useModel as D, useTemplateRef as O, watch as k } from "vue";
 import { useResizeObserver as A, useScroll as j } from "@vueuse/core";
 //#region src/components/STabs/utils/useTabsIndicator.ts

package/dist/{STabs-C6QQnCZd.cjs → STabs-DeHqnjNJ.cjs}

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

package/dist/STag-CluIVRKi.js

@@ -0,0 +1,126 @@
+import { n as e, t } from "./contrastSurfaceTextColor-BDlLSSXC.js";
+import { t as n } from "./colorValue-CSh0chxp.js";
+import { n as r, r as i, t as a } from "./SButton.types-CpdHQtyx.js";
+import { t as o } from "./SButton-DnU_XZ1C.js";
+import { n as s, r as c, t as l } from "./useLink-Com5VhOk.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeModels as _, mergeProps as v, openBlock as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, useAttrs as C, useModel as w, withCtx as T, withModifiers as E } from "vue";
+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(a).BARE,
+				variant: S(i).NEUTRAL,
+				size: S(r).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-D1mmp1kd.cjs

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

package/dist/{STagGroup-BMGq6jB5.cjs → STagGroup-BMIwBk-O.cjs}

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

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

package/dist/colorValue-CSh0chxp.js

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

package/dist/colorValue-Dda7fKd3.cjs

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { type TColorValue } from '../../utils/color';
+import { type ISColorPaletteProps } from './SColorPalette.types';
+type __VLS_Props = ISColorPaletteProps;
+type __VLS_Slots = {
+    append?: () => unknown;
+};
+type __VLS_ModelProps = {
+    modelValue?: TColorValue;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: TColorValue) => any;
+    "update:modelValue": (value: TColorValue | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((value: TColorValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: TColorValue | undefined) => 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=SColorPalette.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SColorPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SColorPalette/SColorPalette.vue"],"names":[],"mappings":"AA8PA,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEtF,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAiBvC,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;CACvB,CAAC;AAgKF,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,WAAW,CAAC;CACxB,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAwGxD,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/SColorPalette/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SColorPalette } from './SColorPalette.vue';
+export { ESColorPaletteLayout } from './SColorPalette.types';
+export type { ISColorPaletteProps, TSColorPaletteInstance } from './SColorPalette.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SColorPalette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAC5D,YAAY,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA"}

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

@@ -0,0 +1,12 @@
+import type { TColorValue } from '../../utils/color';
+import type SColorPicker from './SColorPicker.vue';
+export interface ISColorPickerProps {
+    /** Отключает выбор палитр и custom editor. */
+    disabled?: boolean;
+    /** Override DS-матрицы рекомендованных цветов. */
+    recommendedColors?: TColorValue[];
+    /** Controlled recent list; хранение — снаружи. В UI отображаются первые 17. */
+    recentColors?: TColorValue[];
+}
+export type TSColorPickerInstance = InstanceType<typeof SColorPicker>;
+//# sourceMappingURL=SColorPicker.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SColorPicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/SColorPicker/SColorPicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAA;AAElD,MAAM,WAAW,kBAAkB;IACjC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,iBAAiB,CAAC,EAAE,WAAW,EAAE,CAAA;IACjC,+EAA+E;IAC/E,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;CAC7B;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAA"}

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

@@ -0,0 +1,25 @@
+import { type TColorValue } from '../../utils/color';
+import type { ISColorPickerProps } from './SColorPicker.types';
+type __VLS_Props = ISColorPickerProps;
+type __VLS_ModelProps = {
+    modelValue?: TColorValue;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: TColorValue) => any;
+    "update:modelValue": (value: TColorValue | undefined) => any;
+    formatDropdownOpen: () => any;
+    formatDropdownClose: () => any;
+    customEditorOpen: () => any;
+    customEditorClose: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((value: TColorValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: TColorValue | undefined) => any) | undefined;
+    onFormatDropdownOpen?: (() => any) | undefined;
+    onFormatDropdownClose?: (() => any) | undefined;
+    onCustomEditorOpen?: (() => any) | undefined;
+    onCustomEditorClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=SColorPicker.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SColorPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SColorPicker/SColorPicker.vue"],"names":[],"mappings":"AAoMA,OAAO,EAA2C,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAI7F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAE9D,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAyEtC,KAAK,gBAAgB,GAAG;IACxB,UAAU,CAAC,EAAE,WAAW,CAAC;CACxB,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAgWxD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/SColorPicker/constants/SColorPicker.constants.d.ts

@@ -0,0 +1,2 @@
+export declare const MAX_RECENT_COLORS = 17;
+//# sourceMappingURL=SColorPicker.constants.d.ts.map

package/dist/components/SColorPicker/constants/SColorPicker.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SColorPicker.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/SColorPicker/constants/SColorPicker.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,KAAK,CAAA"}

package/dist/components/SColorPicker/index.d.ts

@@ -0,0 +1,8 @@
+export { MAX_RECENT_COLORS } from './constants/SColorPicker.constants';
+export { default as SColorPicker } from './SColorPicker.vue';
+export type { ISColorPickerProps, TSColorPickerInstance } from './SColorPicker.types';
+export { default as SColorArea } from './parts/SColorArea.vue';
+export type { ISColorAreaProps, TSColorAreaInstance } from './parts/SColorArea.types';
+export { default as SColorValues } from './parts/SColorValues.vue';
+export type { ISColorValuesProps, TSColorValuesInstance } from './parts/SColorValues.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SColorPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SColorPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAErF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAC9D,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAErF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAClE,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/components/SColorPicker/parts/SColorArea.types.d.ts

@@ -0,0 +1,9 @@
+import type SColorArea from './SColorArea.vue';
+export interface ISColorAreaProps {
+    /** Отключает взаимодействие с canvas и hue slider. */
+    disabled?: boolean;
+    /** Только чтение без стиля disabled. */
+    readonly?: boolean;
+}
+export type TSColorAreaInstance = InstanceType<typeof SColorArea>;
+//# sourceMappingURL=SColorArea.types.d.ts.map

package/dist/components/SColorPicker/parts/SColorArea.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SColorArea.types.d.ts","sourceRoot":"","sources":["../../../../src/components/SColorPicker/parts/SColorArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,kBAAkB,CAAA;AAE9C,MAAM,WAAW,gBAAgB;IAC/B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAA"}

package/dist/components/SColorPicker/parts/SColorArea.vue.d.ts

@@ -0,0 +1,15 @@
+import { type TColorValue } from '../../../utils/color';
+import type { ISColorAreaProps } from './SColorArea.types';
+type __VLS_Props = ISColorAreaProps;
+type __VLS_ModelProps = {
+    modelValue: TColorValue;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: TColorValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: TColorValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=SColorArea.vue.d.ts.map

package/dist/components/SColorPicker/parts/SColorArea.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SColorArea.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/SColorPicker/parts/SColorArea.vue"],"names":[],"mappings":"AA8GA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE1D,KAAK,WAAW,GAAG,gBAAgB,CAAC;AAwCpC,KAAK,gBAAgB,GAAG;IACxB,UAAU,EAAE,WAAW,CAAC;CACvB,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAyGxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/SColorPicker/parts/SColorValues.types.d.ts

@@ -0,0 +1,12 @@
+import type { EColorFormat } from '../../../utils/color';
+import type SColorValues from './SColorValues.vue';
+export interface ISColorValuesProps {
+    /** Отключает редактирование и взаимодействие. */
+    disabled?: boolean;
+    /** Только чтение без стиля disabled. */
+    readonly?: boolean;
+    /** Подмножество форматов в селекте; default — Hex, RGB, HSL. */
+    formats?: EColorFormat[];
+}
+export type TSColorValuesInstance = InstanceType<typeof SColorValues>;
+//# sourceMappingURL=SColorValues.types.d.ts.map

package/dist/components/SColorPicker/parts/SColorValues.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SColorValues.types.d.ts","sourceRoot":"","sources":["../../../../src/components/SColorPicker/parts/SColorValues.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAA;AAElD,MAAM,WAAW,kBAAkB;IACjC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAA"}