@shtabapp/ui-kit 1.84.0 → 1.85.1

package/dist/SAvatar-6uaisUHm.js

@@ -1,267 +0,0 @@
-import { i as e, n as t, r as n, t as r } from "./SBadge-Du9iIiXS.js";
-import { n as i, t as a } from "./contrastSurfaceTextColor-BDlLSSXC.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, toValue as b, unref as x, useAttrs as S, watch as C } from "vue";
-import { ESIconName as w, SIcon as T } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SAvatar/SAvatar.types.ts
-var E = /* @__PURE__ */ function(e) {
-	return e.SIZE_80 = "80", e.SIZE_72 = "72", e.SIZE_64 = "64", e.SIZE_56 = "56", e.SIZE_48 = "48", e.SIZE_40 = "40", e.SIZE_32 = "32", e.SIZE_24 = "24", e.SIZE_20 = "20", e.SIZE_16 = "16", e;
-}({}), D = /* @__PURE__ */ function(e) {
-	return e.CIRCLE = "circle", e.SQUARE = "square", e;
-}({}), O = /* @__PURE__ */ function(e) {
-	return e.TEAL = "teal", e.CYAN = "cyan", e.INDIGO = "indigo", e.VIOLET = "violet", e.PINK = "pink", e.SURFACE = "surface", e;
-}({}), k = /* @__PURE__ */ function(e) {
-	return e.NEUTRAL = "neutral", e.MAIN = "main", e;
-}({}), A = /* @__PURE__ */ function(e) {
-	return e.DEFAULT = "default", e.ONLINE = "online", e.OFFLINE = "offline", e.RECENTLY = "recently", e.ERROR = "error", e.TRACK = "track", e.DONE = "done", e.CONTROLLER = "controller", e.FAVORITE = "favorite", e.PIN = "pin", e.PRIVATE = "private", e;
-}({}), j = /* @__PURE__ */ function(e) {
-	return e.SMALL = "s", e.MEDIUM = "m", e.LARGE = "l", e;
-}({}), M = {
-	[E.SIZE_80]: "s-ui-typography-heading-h3-semibold",
-	[E.SIZE_72]: "s-ui-typography-heading-h4-semibold",
-	[E.SIZE_64]: "s-ui-typography-heading-h4-semibold",
-	[E.SIZE_56]: "s-ui-typography-label-16-medium",
-	[E.SIZE_48]: "s-ui-typography-label-16-medium",
-	[E.SIZE_40]: "s-ui-typography-label-16-medium",
-	[E.SIZE_32]: "s-ui-typography-label-14-medium",
-	[E.SIZE_24]: "s-ui-typography-label-12-medium",
-	[E.SIZE_20]: "s-ui-typography-label-12-medium",
-	[E.SIZE_16]: "s-ui-typography-label-10-medium"
-}, N = {
-	[E.SIZE_80]: 40,
-	[E.SIZE_72]: 40,
-	[E.SIZE_64]: 40,
-	[E.SIZE_56]: 32,
-	[E.SIZE_48]: 32,
-	[E.SIZE_40]: 24,
-	[E.SIZE_32]: 24,
-	[E.SIZE_24]: 20,
-	[E.SIZE_20]: 16,
-	[E.SIZE_16]: 16
-}, P = {
-	[E.SIZE_80]: j.LARGE,
-	[E.SIZE_72]: j.LARGE,
-	[E.SIZE_64]: j.MEDIUM,
-	[E.SIZE_56]: j.MEDIUM,
-	[E.SIZE_48]: j.SMALL,
-	[E.SIZE_40]: j.SMALL,
-	[E.SIZE_32]: j.SMALL,
-	[E.SIZE_24]: j.SMALL,
-	[E.SIZE_20]: j.SMALL,
-	[E.SIZE_16]: j.SMALL
-}, F = {
-	[j.SMALL]: e.SMALL,
-	[j.MEDIUM]: e.MEDIUM,
-	[j.LARGE]: e.LARGE
-}, I = {
-	[e.SMALL]: 8,
-	[e.MEDIUM]: 10,
-	[e.LARGE]: 12
-}, L = {
-	[e.SMALL]: 12,
-	[e.MEDIUM]: 16,
-	[e.LARGE]: 20
-}, R = 16, z = {
-	[E.SIZE_80]: 0,
-	[E.SIZE_72]: 0,
-	[E.SIZE_64]: 0,
-	[E.SIZE_56]: 0,
-	[E.SIZE_48]: 0,
-	[E.SIZE_40]: 0,
-	[E.SIZE_32]: -2,
-	[E.SIZE_24]: -2,
-	[E.SIZE_20]: -4,
-	[E.SIZE_16]: -4
-}, B = {
-	[E.SIZE_80]: -8,
-	[E.SIZE_72]: -8,
-	[E.SIZE_64]: -8,
-	[E.SIZE_56]: -8,
-	[E.SIZE_48]: -8,
-	[E.SIZE_40]: -8,
-	[E.SIZE_32]: -8,
-	[E.SIZE_24]: -8,
-	[E.SIZE_20]: -10,
-	[E.SIZE_16]: -10
-}, V = {
-	[A.DEFAULT]: t.MAIN,
-	[A.ONLINE]: t.SUCCESS,
-	[A.OFFLINE]: t.WHITE,
-	[A.RECENTLY]: t.WARNING,
-	[A.ERROR]: t.DANGER,
-	[A.TRACK]: t.MAIN,
-	[A.DONE]: t.SUCCESS,
-	[A.CONTROLLER]: t.MAIN,
-	[A.FAVORITE]: t.WARNING,
-	[A.PIN]: t.MAIN,
-	[A.PRIVATE]: t.BILLING
-}, H = {
-	[A.TRACK]: w.playFill,
-	[A.DONE]: w.checkBold,
-	[A.CONTROLLER]: w.controlFill,
-	[A.FAVORITE]: w.starFill,
-	[A.PIN]: w.pinFill,
-	[A.PRIVATE]: w.tabooBold
-}, U = ({ avatarSize: e, badgeSize: t, hasIcon: n }) => {
-	let r = z[e];
-	return n ? r : r + (L[t] - I[t]) / 2;
-}, W = (e, t) => ({
-	offsetX: -e - t / 2,
-	offsetY: -e - t / 2
-}), G = (e, t) => ({
-	offsetX: -e - t / 2,
-	offsetY: e + t / 2
-}), K = ({ badge: r, counter: i, size: a }) => {
-	let o = s(() => {
-		let e = b(r);
-		if (!e) return;
-		let t = b(a), i = H[e], o = F[P[t]], s = i ? L[o] : I[o], c = W(U({
-			avatarSize: t,
-			badgeSize: o,
-			hasIcon: !!i
-		}), s);
-		return {
-			anchored: !0,
-			color: V[e],
-			icon: i,
-			label: e,
-			offsetX: c.offsetX,
-			offsetY: c.offsetY,
-			placement: n.BOTTOM_END,
-			size: o
-		};
-	}), c = s(() => {
-		let r = b(i);
-		if (typeof r != "number") return;
-		let o = B[b(a)], s = G(o, R);
-		return {
-			anchored: !0,
-			color: t.MAIN,
-			offsetX: s.offsetX,
-			offsetY: s.offsetY,
-			placement: n.TOP_END,
-			size: e.MEDIUM,
-			value: r
-		};
-	});
-	return { avatarBadgeItemsProps: s(() => {
-		let e = [];
-		return c.value && e.push(c.value), o.value && e.push(o.value), e;
-	}) };
-}, q = {
-	[O.CYAN]: "#127c97",
-	[O.INDIGO]: "#755ace",
-	[O.PINK]: "#c33c86",
-	[O.TEAL]: "#158472",
-	[O.VIOLET]: "#8757c7"
-}, J = (e) => {
-	if (i(e)) return e;
-	if (e !== O.SURFACE) return q[e];
-}, Y = (e) => {
-	let t = J(e);
-	if (t) return a(t);
-}, X = (e) => i(e), Z = (e) => X(e) ? "s-ui-avatar--color-custom" : `s-ui-avatar--color-${e}`, Q = (e) => {
-	let t = Y(e), n = {};
-	if (X(e) && (n["--s-ui-avatar-background"] = e), t && (n["--s-ui-avatar-color"] = t), Object.keys(n).length !== 0) return n;
-}, $ = ["aria-disabled"], ee = { class: "s-ui-avatar__content" }, te = ["src", "alt"], ne = {
-	key: 1,
-	class: "s-ui-avatar__icon"
-}, re = ["role", "aria-label"], ie = {
-	key: 0,
-	class: "s-ui-avatar__name"
-}, ae = /* @__PURE__ */ p({
-	inheritAttrs: !1,
-	__name: "SAvatar",
-	props: {
-		alt: {},
-		badge: {},
-		bordered: {
-			type: Boolean,
-			default: !0
-		},
-		color: { default: () => O.TEAL },
-		counter: {},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		icon: {},
-		iconBackground: { default: () => k.NEUTRAL },
-		initialLength: { default: 1 },
-		name: {},
-		shape: { default: () => D.CIRCLE },
-		showName: {
-			type: Boolean,
-			default: !0
-		},
-		size: { default: () => E.SIZE_40 },
-		src: {}
-	},
-	setup(e) {
-		let t = S(), n = _(!1), i = (e) => typeof e == "number" || typeof e == "string", a = s(() => {
-			if (i(t.tabindex)) return t.tabindex;
-			if (i(t.tabIndex)) return t.tabIndex;
-		}), p = s(() => i(t.tabindex) || i(t.tabIndex)), b = s(() => !!t.onClick), w = s(() => {
-			if (!(!p.value && !b.value)) return e.disabled ? -1 : p.value ? a.value : 0;
-		}), E = s(() => ({
-			...t,
-			tabindex: w.value
-		})), D = s(() => [
-			`s-ui-avatar--size-${e.size}`,
-			`s-ui-avatar--shape-${e.shape}`,
-			Z(e.color),
-			`s-ui-avatar--icon-background-${e.iconBackground}`,
-			{
-				"s-ui-avatar--bordered": e.bordered,
-				"s-ui-avatar--disabled": e.disabled,
-				"s-ui-avatar--icon": A.value,
-				"s-ui-avatar--photo": k.value
-			}
-		]), O = s(() => {
-			if (!(k.value || A.value)) return Q(e.color);
-		}), k = s(() => !!(e.src && !n.value)), A = s(() => !!(!k.value && e.icon)), j = (e) => {
-			let t = e.split(/\s+/).filter(Boolean);
-			if (t.length === 1) {
-				let e = t[0];
-				if (e) return e;
-			}
-			return t.map((e) => e.slice(0, 1)).join("");
-		}, P = s(() => e.name ? j(e.name) : ""), F = s(() => e.alt ? e.alt : e.name ? e.name : P.value), I = s(() => {
-			if (e.alt) return e.alt;
-			if (e.name) return e.name;
-		}), L = s(() => P.value.slice(0, Math.max(e.initialLength, 0)).toUpperCase()), R = s(() => M[e.size]), z = s(() => N[e.size]), { avatarBadgeItemsProps: B } = K({
-			badge: () => e.badge,
-			counter: () => e.counter,
-			size: () => e.size
-		}), V = () => {
-			n.value = !0;
-		};
-		return C(() => e.src, () => {
-			n.value = !1;
-		}), (t, i) => (g(), u("span", m(E.value, {
-			class: ["s-ui-avatar", D.value],
-			style: O.value,
-			"aria-disabled": e.disabled || void 0
-		}), [d("span", ee, [e.src && !n.value ? (g(), u("img", {
-			key: 0,
-			class: "s-ui-avatar__image",
-			src: e.src,
-			alt: F.value,
-			onError: V
-		}, null, 40, te)) : e.icon ? (g(), u("span", ne, [f(x(T), {
-			name: e.icon,
-			size: z.value,
-			"aria-label": I.value
-		}, null, 8, [
-			"name",
-			"size",
-			"aria-label"
-		])])) : (g(), u("span", {
-			key: 2,
-			class: h(["s-ui-avatar__initials", R.value]),
-			role: e.alt ? "img" : void 0,
-			"aria-label": e.alt
-		}, y(L.value), 11, re)), (g(!0), u(o, null, v(x(B), (e) => (g(), c(x(r), m({ key: e.placement }, { ref_for: !0 }, e), null, 16))), 128))]), e.showName && e.name ? (g(), u("span", ie, y(e.name), 1)) : l("", !0)], 16, $));
-	}
-});
-//#endregion
-export { D as a, k as i, A as n, E as o, O as r, ae as t };

package/dist/SAvatar-BQNqFdkk.cjs

@@ -1 +0,0 @@
-const e=require("./SBadge-Dn87LB9z.cjs"),t=require("./contrastSurfaceTextColor-BRjRzXyZ.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.SIZE_80=`80`,e.SIZE_72=`72`,e.SIZE_64=`64`,e.SIZE_56=`56`,e.SIZE_48=`48`,e.SIZE_40=`40`,e.SIZE_32=`32`,e.SIZE_24=`24`,e.SIZE_20=`20`,e.SIZE_16=`16`,e}({}),a=function(e){return e.CIRCLE=`circle`,e.SQUARE=`square`,e}({}),o=function(e){return e.TEAL=`teal`,e.CYAN=`cyan`,e.INDIGO=`indigo`,e.VIOLET=`violet`,e.PINK=`pink`,e.SURFACE=`surface`,e}({}),s=function(e){return e.NEUTRAL=`neutral`,e.MAIN=`main`,e}({}),c=function(e){return e.DEFAULT=`default`,e.ONLINE=`online`,e.OFFLINE=`offline`,e.RECENTLY=`recently`,e.ERROR=`error`,e.TRACK=`track`,e.DONE=`done`,e.CONTROLLER=`controller`,e.FAVORITE=`favorite`,e.PIN=`pin`,e.PRIVATE=`private`,e}({}),l=function(e){return e.SMALL=`s`,e.MEDIUM=`m`,e.LARGE=`l`,e}({}),u={[i.SIZE_80]:`s-ui-typography-heading-h3-semibold`,[i.SIZE_72]:`s-ui-typography-heading-h4-semibold`,[i.SIZE_64]:`s-ui-typography-heading-h4-semibold`,[i.SIZE_56]:`s-ui-typography-label-16-medium`,[i.SIZE_48]:`s-ui-typography-label-16-medium`,[i.SIZE_40]:`s-ui-typography-label-16-medium`,[i.SIZE_32]:`s-ui-typography-label-14-medium`,[i.SIZE_24]:`s-ui-typography-label-12-medium`,[i.SIZE_20]:`s-ui-typography-label-12-medium`,[i.SIZE_16]:`s-ui-typography-label-10-medium`},d={[i.SIZE_80]:40,[i.SIZE_72]:40,[i.SIZE_64]:40,[i.SIZE_56]:32,[i.SIZE_48]:32,[i.SIZE_40]:24,[i.SIZE_32]:24,[i.SIZE_24]:20,[i.SIZE_20]:16,[i.SIZE_16]:16},f={[i.SIZE_80]:l.LARGE,[i.SIZE_72]:l.LARGE,[i.SIZE_64]:l.MEDIUM,[i.SIZE_56]:l.MEDIUM,[i.SIZE_48]:l.SMALL,[i.SIZE_40]:l.SMALL,[i.SIZE_32]:l.SMALL,[i.SIZE_24]:l.SMALL,[i.SIZE_20]:l.SMALL,[i.SIZE_16]:l.SMALL},p={[l.SMALL]:e.i.SMALL,[l.MEDIUM]:e.i.MEDIUM,[l.LARGE]:e.i.LARGE},m={[e.i.SMALL]:8,[e.i.MEDIUM]:10,[e.i.LARGE]:12},h={[e.i.SMALL]:12,[e.i.MEDIUM]:16,[e.i.LARGE]:20},g=16,_={[i.SIZE_80]:0,[i.SIZE_72]:0,[i.SIZE_64]:0,[i.SIZE_56]:0,[i.SIZE_48]:0,[i.SIZE_40]:0,[i.SIZE_32]:-2,[i.SIZE_24]:-2,[i.SIZE_20]:-4,[i.SIZE_16]:-4},v={[i.SIZE_80]:-8,[i.SIZE_72]:-8,[i.SIZE_64]:-8,[i.SIZE_56]:-8,[i.SIZE_48]:-8,[i.SIZE_40]:-8,[i.SIZE_32]:-8,[i.SIZE_24]:-8,[i.SIZE_20]:-10,[i.SIZE_16]:-10},y={[c.DEFAULT]:e.n.MAIN,[c.ONLINE]:e.n.SUCCESS,[c.OFFLINE]:e.n.WHITE,[c.RECENTLY]:e.n.WARNING,[c.ERROR]:e.n.DANGER,[c.TRACK]:e.n.MAIN,[c.DONE]:e.n.SUCCESS,[c.CONTROLLER]:e.n.MAIN,[c.FAVORITE]:e.n.WARNING,[c.PIN]:e.n.MAIN,[c.PRIVATE]:e.n.BILLING},b={[c.TRACK]:r.ESIconName.playFill,[c.DONE]:r.ESIconName.checkBold,[c.CONTROLLER]:r.ESIconName.controlFill,[c.FAVORITE]:r.ESIconName.starFill,[c.PIN]:r.ESIconName.pinFill,[c.PRIVATE]:r.ESIconName.tabooBold},x=({avatarSize:e,badgeSize:t,hasIcon:n})=>{let r=_[e];return n?r:r+(h[t]-m[t])/2},S=(e,t)=>({offsetX:-e-t/2,offsetY:-e-t/2}),C=(e,t)=>({offsetX:-e-t/2,offsetY:e+t/2}),w=({badge:t,counter:r,size:i})=>{let a=(0,n.computed)(()=>{let r=(0,n.toValue)(t);if(!r)return;let a=(0,n.toValue)(i),o=b[r],s=p[f[a]],c=o?h[s]:m[s],l=S(x({avatarSize:a,badgeSize:s,hasIcon:!!o}),c);return{anchored:!0,color:y[r],icon:o,label:r,offsetX:l.offsetX,offsetY:l.offsetY,placement:e.r.BOTTOM_END,size:s}}),o=(0,n.computed)(()=>{let t=(0,n.toValue)(r);if(typeof t!=`number`)return;let a=v[(0,n.toValue)(i)],o=C(a,g);return{anchored:!0,color:e.n.MAIN,offsetX:o.offsetX,offsetY:o.offsetY,placement:e.r.TOP_END,size:e.i.MEDIUM,value:t}});return{avatarBadgeItemsProps:(0,n.computed)(()=>{let e=[];return o.value&&e.push(o.value),a.value&&e.push(a.value),e})}},T={[o.CYAN]:`#127c97`,[o.INDIGO]:`#755ace`,[o.PINK]:`#c33c86`,[o.TEAL]:`#158472`,[o.VIOLET]:`#8757c7`},E=e=>{if(t.n(e))return e;if(e!==o.SURFACE)return T[e]},D=e=>{let n=E(e);if(n)return t.t(n)},O=e=>t.n(e),k=e=>O(e)?`s-ui-avatar--color-custom`:`s-ui-avatar--color-${e}`,A=e=>{let t=D(e),n={};if(O(e)&&(n[`--s-ui-avatar-background`]=e),t&&(n[`--s-ui-avatar-color`]=t),Object.keys(n).length!==0)return n},j=[`aria-disabled`],M={class:`s-ui-avatar__content`},N=[`src`,`alt`],P={key:1,class:`s-ui-avatar__icon`},F=[`role`,`aria-label`],I={key:0,class:`s-ui-avatar__name`},L=(0,n.defineComponent)({inheritAttrs:!1,__name:`SAvatar`,props:{alt:{},badge:{},bordered:{type:Boolean,default:!0},color:{default:()=>o.TEAL},counter:{},disabled:{type:Boolean,default:!1},icon:{},iconBackground:{default:()=>s.NEUTRAL},initialLength:{default:1},name:{},shape:{default:()=>a.CIRCLE},showName:{type:Boolean,default:!0},size:{default:()=>i.SIZE_40},src:{}},setup(t){let i=(0,n.useAttrs)(),a=(0,n.ref)(!1),o=e=>typeof e==`number`||typeof e==`string`,s=(0,n.computed)(()=>{if(o(i.tabindex))return i.tabindex;if(o(i.tabIndex))return i.tabIndex}),c=(0,n.computed)(()=>o(i.tabindex)||o(i.tabIndex)),l=(0,n.computed)(()=>!!i.onClick),f=(0,n.computed)(()=>{if(!(!c.value&&!l.value))return t.disabled?-1:c.value?s.value:0}),p=(0,n.computed)(()=>({...i,tabindex:f.value})),m=(0,n.computed)(()=>[`s-ui-avatar--size-${t.size}`,`s-ui-avatar--shape-${t.shape}`,k(t.color),`s-ui-avatar--icon-background-${t.iconBackground}`,{"s-ui-avatar--bordered":t.bordered,"s-ui-avatar--disabled":t.disabled,"s-ui-avatar--icon":_.value,"s-ui-avatar--photo":g.value}]),h=(0,n.computed)(()=>{if(!(g.value||_.value))return A(t.color)}),g=(0,n.computed)(()=>!!(t.src&&!a.value)),_=(0,n.computed)(()=>!!(!g.value&&t.icon)),v=e=>{let t=e.split(/\s+/).filter(Boolean);if(t.length===1){let e=t[0];if(e)return e}return t.map(e=>e.slice(0,1)).join(``)},y=(0,n.computed)(()=>t.name?v(t.name):``),b=(0,n.computed)(()=>t.alt?t.alt:t.name?t.name:y.value),x=(0,n.computed)(()=>{if(t.alt)return t.alt;if(t.name)return t.name}),S=(0,n.computed)(()=>y.value.slice(0,Math.max(t.initialLength,0)).toUpperCase()),C=(0,n.computed)(()=>u[t.size]),T=(0,n.computed)(()=>d[t.size]),{avatarBadgeItemsProps:E}=w({badge:()=>t.badge,counter:()=>t.counter,size:()=>t.size}),D=()=>{a.value=!0};return(0,n.watch)(()=>t.src,()=>{a.value=!1}),(i,o)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,(0,n.mergeProps)(p.value,{class:[`s-ui-avatar`,m.value],style:h.value,"aria-disabled":t.disabled||void 0}),[(0,n.createElementVNode)(`span`,M,[t.src&&!a.value?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,class:`s-ui-avatar__image`,src:t.src,alt:b.value,onError:D},null,40,N)):t.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,P,[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:t.icon,size:T.value,"aria-label":x.value},null,8,[`name`,`size`,`aria-label`])])):((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:2,class:(0,n.normalizeClass)([`s-ui-avatar__initials`,C.value]),role:t.alt?`img`:void 0,"aria-label":t.alt},(0,n.toDisplayString)(S.value),11,F)),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)((0,n.unref)(E),t=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),(0,n.mergeProps)({key:t.placement},{ref_for:!0},t),null,16))),128))]),t.showName&&t.name?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,I,(0,n.toDisplayString)(t.name),1)):(0,n.createCommentVNode)(``,!0)],16,j))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return L}});

package/dist/SAvatarGroup-D27squmU.cjs

@@ -1 +0,0 @@
-const e=require("./SAvatar-BQNqFdkk.cjs"),t=require("./SOverflowGroup-rmU10_7L.cjs");let n=require("vue");var r=function(e){return e.EXTRA_SMALL=`extra-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),i={class:`s-ui-avatar-group__overflow`},a=(0,n.defineComponent)({__name:`SAvatarGroup`,props:{disabled:{type:Boolean,default:!1},maxVisible:{},size:{default:()=>r.SMALL}},setup(a){let o=(0,n.computed)(()=>[`s-ui-avatar-group--size-${a.size}`,{"s-ui-avatar-group--disabled":a.disabled}]),s={[r.EXTRA_SMALL]:e.o.SIZE_16,[r.SMALL]:e.o.SIZE_20,[r.MEDIUM]:e.o.SIZE_24},c=(0,n.computed)(()=>s[a.size]),l=(e,t)=>({"--s-ui-avatar-group-item-z-index":e-t}),u=(t,r)=>t.type===e.t?(0,n.cloneVNode)(t,{...a.disabled?{disabled:!0}:{},showName:!1,size:c.value,style:l(r.visibleCount,r.visibleIndex)}):t;return(e,r)=>((0,n.openBlock)(),(0,n.createBlock)(t.t,{class:(0,n.normalizeClass)([`s-ui-avatar-group`,o.value]),role:`group`,"aria-disabled":a.disabled||void 0,"cluster-class":`s-ui-avatar-group__cluster`,"max-visible":a.maxVisible,"map-vnode":u},{overflow:(0,n.withCtx)(({overflowLabel:e})=>[(0,n.createElementVNode)(`span`,i,(0,n.toDisplayString)(e),1)]),default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`,`aria-disabled`,`max-visible`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/dist/SAvatarGroup-DnVhY7I1.js

@@ -1,47 +0,0 @@
-import { o as e, t } from "./SAvatar-6uaisUHm.js";
-import { t as n } from "./SOverflowGroup-CyksOav7.js";
-import { cloneVNode as r, computed as i, createBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, withCtx as f } from "vue";
-//#region src/components/SAvatarGroup/SAvatarGroup.types.ts
-var p = /* @__PURE__ */ function(e) {
-	return e.EXTRA_SMALL = "extra-small", e.SMALL = "small", e.MEDIUM = "medium", e;
-}({}), m = { class: "s-ui-avatar-group__overflow" }, h = /* @__PURE__ */ s({
-	__name: "SAvatarGroup",
-	props: {
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		maxVisible: {},
-		size: { default: () => p.SMALL }
-	},
-	setup(s) {
-		let h = i(() => [`s-ui-avatar-group--size-${s.size}`, { "s-ui-avatar-group--disabled": s.disabled }]), g = {
-			[p.EXTRA_SMALL]: e.SIZE_16,
-			[p.SMALL]: e.SIZE_20,
-			[p.MEDIUM]: e.SIZE_24
-		}, _ = i(() => g[s.size]), v = (e, t) => ({ "--s-ui-avatar-group-item-z-index": e - t }), y = (e, n) => e.type === t ? r(e, {
-			...s.disabled ? { disabled: !0 } : {},
-			showName: !1,
-			size: _.value,
-			style: v(n.visibleCount, n.visibleIndex)
-		}) : e;
-		return (e, t) => (l(), a(n, {
-			class: c(["s-ui-avatar-group", h.value]),
-			role: "group",
-			"aria-disabled": s.disabled || void 0,
-			"cluster-class": "s-ui-avatar-group__cluster",
-			"max-visible": s.maxVisible,
-			"map-vnode": y
-		}, {
-			overflow: f(({ overflowLabel: e }) => [o("span", m, d(e), 1)]),
-			default: f(() => [u(e.$slots, "default")]),
-			_: 3
-		}, 8, [
-			"class",
-			"aria-disabled",
-			"max-visible"
-		]));
-	}
-});
-//#endregion
-export { p as n, h as t };

package/dist/SBadge-Dn87LB9z.cjs

@@ -1 +0,0 @@
-let e=require("vue"),t=require("@shtabapp/ui-kit-primitives");var n=function(e){return e.DANGER=`danger`,e.MAIN=`main`,e.SUCCESS=`success`,e.WARNING=`warning`,e.GRAY=`gray`,e.WHITE=`white`,e.BILLING=`billing`,e.DISABLED=`disabled`,e}({}),r=function(e){return e.SMALL=`s`,e.MEDIUM=`m`,e.LARGE=`l`,e}({}),i=function(e){return e.TOP_END=`top-end`,e.TOP_START=`top-start`,e.BOTTOM_END=`bottom-end`,e.BOTTOM_START=`bottom-start`,e}({}),a={key:0,class:`s-ui-badge-anchor`},o=[`role`,`aria-label`],s={key:1,class:`s-ui-badge__dot`},c={key:2,class:`s-ui-badge__label s-ui-typography-label-10-medium`},l=[`role`,`aria-label`],u={key:1,class:`s-ui-badge__dot`},d={key:2,class:`s-ui-badge__label s-ui-typography-label-10-medium`},f=16,p=(0,e.defineComponent)({__name:`SBadge`,props:{anchored:{type:Boolean,default:!1},color:{default:()=>n.DANGER},value:{},max:{},label:{},icon:{},size:{default:()=>r.SMALL},placement:{default:()=>i.TOP_END},offsetX:{default:0},offsetY:{default:0}},setup(n){let i=(0,e.useSlots)(),p=(0,e.computed)(()=>!!(i.default||n.anchored)),m=(0,e.computed)(()=>typeof n.value==`number`),h=(0,e.computed)(()=>typeof n.value==`number`?n.max&&n.value>n.max?`${n.max}+`:String(n.value):``),g=(0,e.computed)(()=>h.value.length===1),_=(0,e.computed)(()=>!!n.icon),v=(0,e.computed)(()=>!_.value&&!m.value),y=(0,e.computed)(()=>[`s-ui-badge--color-${n.color}`,{"s-ui-badge--anchored":p.value,"s-ui-badge--single":g.value&&!_.value,"s-ui-badge--with-dot":v.value,"s-ui-badge--with-icon":_.value,[`s-ui-badge--size-${n.size}`]:n.size!==r.SMALL||_.value||v.value,[`s-ui-badge--placement-${n.placement}`]:p.value}]),b=(0,e.computed)(()=>{if(p.value)return{"--s-ui-badge-offset-x":`${n.offsetX}px`,"--s-ui-badge-offset-y":`${n.offsetY}px`}}),x=(0,e.computed)(()=>{if(n.label)return n.label;if(n.icon)return n.icon;if(h.value)return h.value});return(r,p)=>(0,e.unref)(i).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,[(0,e.renderSlot)(r.$slots,`default`),(0,e.createElementVNode)(`span`,{class:(0,e.normalizeClass)([`s-ui-badge`,y.value]),style:(0,e.normalizeStyle)(b.value),role:x.value?`img`:void 0,"aria-label":x.value},[n.icon?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:0,class:`s-ui-badge__icon`,name:n.icon,size:f},null,8,[`name`])):v.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,s)):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,c,(0,e.toDisplayString)(h.value),1))],14,o)])):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:1,class:(0,e.normalizeClass)([`s-ui-badge`,y.value]),style:(0,e.normalizeStyle)(b.value),role:x.value?`img`:void 0,"aria-label":x.value},[n.icon?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:0,class:`s-ui-badge__icon`,name:n.icon,size:f},null,8,[`name`])):v.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,u)):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,d,(0,e.toDisplayString)(h.value),1))],14,l))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});

package/dist/SBadge-Du9iIiXS.js

@@ -1,85 +0,0 @@
-import { computed as e, createBlock as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c, toDisplayString as l, unref as u, useSlots as d } from "vue";
-import { SIcon as f } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SBadge/SBadge.types.ts
-var p = /* @__PURE__ */ function(e) {
-	return e.DANGER = "danger", e.MAIN = "main", e.SUCCESS = "success", e.WARNING = "warning", e.GRAY = "gray", e.WHITE = "white", e.BILLING = "billing", e.DISABLED = "disabled", e;
-}({}), m = /* @__PURE__ */ function(e) {
-	return e.SMALL = "s", e.MEDIUM = "m", e.LARGE = "l", e;
-}({}), h = /* @__PURE__ */ function(e) {
-	return e.TOP_END = "top-end", e.TOP_START = "top-start", e.BOTTOM_END = "bottom-end", e.BOTTOM_START = "bottom-start", e;
-}({}), g = {
-	key: 0,
-	class: "s-ui-badge-anchor"
-}, _ = ["role", "aria-label"], v = {
-	key: 1,
-	class: "s-ui-badge__dot"
-}, y = {
-	key: 2,
-	class: "s-ui-badge__label s-ui-typography-label-10-medium"
-}, b = ["role", "aria-label"], x = {
-	key: 1,
-	class: "s-ui-badge__dot"
-}, S = {
-	key: 2,
-	class: "s-ui-badge__label s-ui-typography-label-10-medium"
-}, C = 16, w = /* @__PURE__ */ i({
-	__name: "SBadge",
-	props: {
-		anchored: {
-			type: Boolean,
-			default: !1
-		},
-		color: { default: () => p.DANGER },
-		value: {},
-		max: {},
-		label: {},
-		icon: {},
-		size: { default: () => m.SMALL },
-		placement: { default: () => h.TOP_END },
-		offsetX: { default: 0 },
-		offsetY: { default: 0 }
-	},
-	setup(i) {
-		let p = d(), h = e(() => !!(p.default || i.anchored)), w = e(() => typeof i.value == "number"), T = e(() => typeof i.value == "number" ? i.max && i.value > i.max ? `${i.max}+` : String(i.value) : ""), E = e(() => T.value.length === 1), D = e(() => !!i.icon), O = e(() => !D.value && !w.value), k = e(() => [`s-ui-badge--color-${i.color}`, {
-			"s-ui-badge--anchored": h.value,
-			"s-ui-badge--single": E.value && !D.value,
-			"s-ui-badge--with-dot": O.value,
-			"s-ui-badge--with-icon": D.value,
-			[`s-ui-badge--size-${i.size}`]: i.size !== m.SMALL || D.value || O.value,
-			[`s-ui-badge--placement-${i.placement}`]: h.value
-		}]), A = e(() => {
-			if (h.value) return {
-				"--s-ui-badge-offset-x": `${i.offsetX}px`,
-				"--s-ui-badge-offset-y": `${i.offsetY}px`
-			};
-		}), j = e(() => {
-			if (i.label) return i.label;
-			if (i.icon) return i.icon;
-			if (T.value) return T.value;
-		});
-		return (e, d) => u(p).default ? (s(), n("span", g, [c(e.$slots, "default"), r("span", {
-			class: a(["s-ui-badge", k.value]),
-			style: o(A.value),
-			role: j.value ? "img" : void 0,
-			"aria-label": j.value
-		}, [i.icon ? (s(), t(u(f), {
-			key: 0,
-			class: "s-ui-badge__icon",
-			name: i.icon,
-			size: C
-		}, null, 8, ["name"])) : O.value ? (s(), n("span", v)) : (s(), n("span", y, l(T.value), 1))], 14, _)])) : (s(), n("span", {
-			key: 1,
-			class: a(["s-ui-badge", k.value]),
-			style: o(A.value),
-			role: j.value ? "img" : void 0,
-			"aria-label": j.value
-		}, [i.icon ? (s(), t(u(f), {
-			key: 0,
-			class: "s-ui-badge__icon",
-			name: i.icon,
-			size: C
-		}, null, 8, ["name"])) : O.value ? (s(), n("span", x)) : (s(), n("span", S, l(T.value), 1))], 14, b));
-	}
-});
-//#endregion
-export { m as i, p as n, h as r, w as t };

package/dist/SButton-CZW6Y8Vw.cjs

@@ -1 +0,0 @@
-const e=require("./SBadge-Dn87LB9z.cjs"),t=require("./context-kCi2xRHY.cjs"),n=require("./useSelectionGroup-NJvi3hNo.cjs"),r=require("./useSelectLink-DZIAhQ2J.cjs"),i=require("./useLink-1LLWpdDZ.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=function(e){return e.MAJOR=`major`,e.MINOR=`minor`,e.SURFACE=`surface`,e.OUTLINED=`outlined`,e.BARE=`bare`,e}({}),c=function(e){return e.MAIN=`main`,e.NEUTRAL=`neutral`,e.DANGER=`danger`,e.SUCCESS=`success`,e.BILLING=`billing`,e}({}),l=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e.LARGE=`large`,e}({}),u={offsetX:1,offsetY:-1},d={[l.SMALL]:{offsetX:-6,offsetY:6},[l.MEDIUM]:{offsetX:-7,offsetY:7},[l.LARGE]:{offsetX:-8,offsetY:8}},f={[l.SMALL]:e.i.SMALL,[l.MEDIUM]:e.i.SMALL,[l.LARGE]:e.i.MEDIUM},p=({buttonSize:t,color:n,counterValue:r,inset:i})=>{if(typeof r!=`number`)return;let a=i?d[t]:u;return{anchored:!0,color:n,offsetX:a.offsetX,offsetY:a.offsetY,placement:e.r.TOP_END,size:i?e.i.SMALL:e.i.MEDIUM,value:r}},m=({buttonSize:t,color:n,indicator:r})=>{if(!r)return;let i=d[t];return{anchored:!0,color:n,offsetX:i.offsetX,offsetY:i.offsetY,placement:e.r.TOP_END,size:f[t]}},h=({badgeColor:t,badgeInset:n,counter:r,indicator:i,size:o})=>({buttonBadgeProps:(0,a.computed)(()=>{let s=(0,a.toValue)(t)||e.n.MAIN;return p({buttonSize:(0,a.toValue)(o),color:s,counterValue:(0,a.toValue)(r),inset:(0,a.toValue)(n)})||m({buttonSize:(0,a.toValue)(o),color:s,indicator:(0,a.toValue)(i)})})}),g=[`aria-hidden`],_={key:0,class:`s-ui-button__spinner`,"aria-hidden":`true`},v=(0,a.defineComponent)({inheritAttrs:!1,__name:`SButton`,props:{active:{type:Boolean,default:()=>void 0},appearance:{},badgeColor:{},badgeInset:{type:Boolean,default:!1},counter:{},disabled:{type:Boolean,default:!1},icon:{},iconLeft:{},iconRight:{},indicator:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{},type:{default:`button`},value:{},variant:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},setup(u){let d=(0,a.inject)(t.t,null),f=(0,a.useAttrs)(),p=(0,a.computed)(()=>n.a(u.appearance,d?(0,a.toValue)(d.appearance):void 0,s.MAJOR)),m=(0,a.computed)(()=>n.a(u.variant,d?(0,a.toValue)(d.variant):void 0,c.MAIN)),v=(0,a.computed)(()=>n.a(u.size,d?(0,a.toValue)(d.size):void 0,l.MEDIUM)),y=(0,a.computed)(()=>u.disabled||!!(d&&(0,a.toValue)(d.disabled))),b=(0,a.useTemplateRef)(`buttonRootRef`),{buttonBadgeProps:x}=h({badgeColor:()=>u.badgeColor,badgeInset:()=>u.badgeInset,counter:()=>u.counter,indicator:()=>u.indicator,size:()=>v.value}),S=i.t(()=>u.link,()=>u.exact,()=>u.replace),C=S.linkPresentation;r.t({isRouterLink:S.isRouterLink,isActive:S.isActive,group:()=>d,value:()=>u.value});let w=(0,a.computed)(()=>{let e=C.value;return e.mode===`none`?`button`:e.rootTag}),T=(0,a.computed)(()=>w.value===`button`),E=(0,a.computed)(()=>y.value||u.loading),D=r.n({group:d,value:()=>u.value,el:b,disabled:y,interactive:()=>!E.value}),O=(0,a.computed)(()=>u.active===void 0?S.isRouterLink.value?S.isActive.value:D.isActive.value:u.active),k=(0,a.computed)(()=>[`s-ui-button`,`s-ui-button--tab-focus`,`s-ui-button--appearance-${p.value}`,`s-ui-button--variant-${m.value}`,`s-ui-button--size-${v.value}`,{"s-ui-button--disabled":y.value,"s-ui-button--loading":u.loading,"s-ui-button--icon-only":u.icon,"s-ui-button--full-width":u.fullWidth,"s-ui-button--active":O.value,"s-ui-button--link":C.value.mode!==`none`}]),A=(0,a.computed)(()=>({type:T.value?u.type:void 0,disabled:T.value?E.value:void 0,"aria-busy":u.loading?!0:void 0,role:D.ariaChecked.value?`radio`:void 0,"aria-pressed":D.ariaPressed.value,"aria-checked":D.ariaChecked.value,tabindex:D.tabIndex.value,...i.n(C.value,{replace:u.replace})})),j=(0,a.computed)(()=>({...A.value,...f})),M={[l.SMALL]:`s-ui-typography-label-12-medium`,[l.MEDIUM]:`s-ui-typography-label-14-medium`,[l.LARGE]:`s-ui-typography-label-16-medium`},N=(0,a.computed)(()=>M[v.value]),P={[l.SMALL]:16,[l.MEDIUM]:20,[l.LARGE]:24},F=(0,a.computed)(()=>P[v.value]),I=(0,a.computed)(()=>y.value||u.loading?!1:m.value===c.BILLING&&p.value!==s.MAJOR),L=(0,a.computed)(()=>m.value===c.BILLING&&p.value!==s.MAJOR),R=e=>{if(!E.value){if(S.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),S.navigate();return}D.handleKeydown(e)}},z=e=>{if(E.value){e.preventDefault(),e.stopPropagation();return}S.isRouterLink.value||D.handleClick()};return(t,n)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(w.value),(0,a.mergeProps)({ref_key:`buttonRootRef`,ref:b,class:k.value},j.value,{onClick:z,onKeydown:R}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:`s-ui-button__inner`,"aria-hidden":u.loading?!0:void 0},[u.icon?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:u.icon,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[u.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:u.iconLeft,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`s-ui-button__label`,N.value])},[(0,a.renderSlot)(t.$slots,`default`)],2),u.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:1,name:u.iconRight,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0)],64))],8,g),u.loading?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,_,[(0,a.createVNode)((0,a.unref)(o.SSpinner),{billing:L.value,size:F.value},null,8,[`billing`,`size`])])):(0,a.createCommentVNode)(``,!0),(0,a.unref)(x)?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(e.t),(0,a.normalizeProps)((0,a.mergeProps)({key:1},(0,a.unref)(x))),null,16)):(0,a.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});