@shtabapp/ui-kit 1.26.0

package/dist/SBadge-CcCknHTw.js

@@ -0,0 +1,43 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s, toDisplayString as c, unref as l, useSlots as u } from "vue";
+//#region src/components/SBadge/SBadge.types.ts
+var d = /* @__PURE__ */ function(e) {
+	return e.DANGER = "danger", e.MAIN = "main", e.GRAY = "gray", e.WHITE = "white", e.DISABLED = "disabled", e;
+}({}), f = /* @__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;
+}({}), p = {
+	key: 0,
+	class: "s-ui-badge-anchor"
+}, m = ["aria-label"], h = { class: "s-ui-badge__label s-ui-typography-label-10-medium" }, g = ["aria-label"], _ = { class: "s-ui-badge__label s-ui-typography-label-10-medium" }, v = /* @__PURE__ */ r({
+	__name: "SBadge",
+	props: {
+		color: { default: () => d.DANGER },
+		value: { default: 0 },
+		max: {},
+		label: {},
+		placement: { default: () => f.TOP_END },
+		offsetX: { default: 0 },
+		offsetY: { default: 0 }
+	},
+	setup(r) {
+		let d = u(), f = e(() => r.max && r.value > r.max ? `${r.max}+` : String(r.value)), v = e(() => f.value.length === 1), y = e(() => [`s-ui-badge--color-${r.color}`, {
+			"s-ui-badge--single": v.value,
+			[`s-ui-badge--placement-${r.placement}`]: !!d.default
+		}]), b = e(() => {
+			if (d.default) return {
+				"--s-ui-badge-offset-x": `${r.offsetX}px`,
+				"--s-ui-badge-offset-y": `${r.offsetY}px`
+			};
+		}), x = e(() => r.label ? r.label : f.value);
+		return (e, r) => l(d).default ? (o(), t("span", p, [s(e.$slots, "default"), n("span", {
+			class: i(["s-ui-badge s-ui-badge--anchored", y.value]),
+			style: a(b.value),
+			"aria-label": x.value
+		}, [n("span", h, c(f.value), 1)], 14, m)])) : (o(), t("span", {
+			key: 1,
+			class: i(["s-ui-badge", y.value]),
+			"aria-label": x.value
+		}, [n("span", _, c(f.value), 1)], 10, g));
+	}
+});
+//#endregion
+export { d as n, f as r, v as t };

package/dist/SButton-DI04KG06.js

@@ -0,0 +1,156 @@
+import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
+import { t as r } from "./context-C3WoLJS4.js";
+import { a as i } from "./useSelectionGroup-cKj38lEN.js";
+import { n as a, t as o } from "./useSelectLink-DClG5hGA.js";
+import { n as s, t as c } from "./useLink-Zo9A_RCf.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, inject as _, mergeProps as v, normalizeClass as y, openBlock as b, renderSlot as x, resolveDynamicComponent as S, toValue as C, unref as w, useAttrs as T, useTemplateRef as E, withCtx as D } from "vue";
+import { SIcon as O, SSpinner as k } from "@shtabapp/ui-kit-primitives";
+//#region src/components/SButton/SButton.vue?vue&type=script&setup=true&lang.ts
+var A = ["aria-hidden"], j = {
+	key: 0,
+	class: "s-ui-button__spinner",
+	"aria-hidden": "true"
+}, M = /* @__PURE__ */ g({
+	inheritAttrs: !1,
+	__name: "SButton",
+	props: {
+		appearance: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		icon: {},
+		iconLeft: {},
+		iconRight: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		size: {},
+		value: {},
+		variant: {},
+		link: {},
+		exact: {
+			type: Boolean,
+			default: !1
+		},
+		replace: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(g) {
+		let M = _(r, null), N = T(), P = u(() => i(g.appearance, M ? C(M.appearance) : void 0, n.MAJOR)), F = u(() => i(g.variant, M ? C(M.variant) : void 0, t.MAIN)), I = u(() => i(g.size, M ? C(M.size) : void 0, e.MEDIUM)), L = u(() => g.disabled || !!(M && C(M.disabled))), R = E("buttonRootRef"), z = c(() => g.link, () => g.exact, () => g.replace), B = z.linkPresentation;
+		o({
+			isRouterLink: z.isRouterLink,
+			isActive: z.isActive,
+			group: () => M,
+			value: () => g.value
+		});
+		let V = u(() => {
+			let e = B.value;
+			return e.mode === "none" ? "button" : e.rootTag;
+		}), H = u(() => V.value === "button"), U = u(() => L.value || g.loading), W = a({
+			group: M,
+			value: () => g.value,
+			el: R,
+			disabled: L,
+			interactive: () => !U.value
+		}), G = u(() => z.isRouterLink.value ? z.isActive.value : W.isActive.value), K = u(() => [
+			"s-ui-button",
+			"s-ui-button--tab-focus",
+			`s-ui-button--appearance-${P.value}`,
+			`s-ui-button--variant-${F.value}`,
+			`s-ui-button--size-${I.value}`,
+			{
+				"s-ui-button--disabled": L.value,
+				"s-ui-button--loading": g.loading,
+				"s-ui-button--icon-only": g.icon,
+				"s-ui-button--active": G.value,
+				"s-ui-button--link": B.value.mode !== "none"
+			}
+		]), q = u(() => ({
+			disabled: H.value ? U.value : void 0,
+			"aria-busy": g.loading ? !0 : void 0,
+			"aria-pressed": W.ariaPressed.value,
+			"aria-checked": W.ariaChecked.value,
+			tabindex: W.tabIndex.value,
+			...s(B.value, { replace: g.replace })
+		})), J = u(() => ({
+			...q.value,
+			...N
+		})), Y = {
+			[e.SMALL]: "s-ui-typography-label-12-medium",
+			[e.MEDIUM]: "s-ui-typography-label-14-medium",
+			[e.LARGE]: "s-ui-typography-label-16-medium"
+		}, X = u(() => Y[I.value]), Z = {
+			[e.SMALL]: 16,
+			[e.MEDIUM]: 20,
+			[e.LARGE]: 24
+		}, Q = u(() => Z[I.value]), $ = u(() => L.value || g.loading ? !1 : F.value === t.BILLING && P.value !== n.MAJOR), ee = u(() => F.value === t.BILLING && P.value !== n.MAJOR), te = (e) => {
+			if (!U.value) {
+				if (z.isRouterLink.value && (e.key === "Enter" || e.key === " " || e.key === "Spacebar")) {
+					e.preventDefault(), z.navigate();
+					return;
+				}
+				W.handleKeydown(e);
+			}
+		}, ne = (e) => {
+			if (U.value) {
+				e.preventDefault(), e.stopPropagation();
+				return;
+			}
+			z.isRouterLink.value || W.handleClick();
+		};
+		return (e, t) => (b(), d(S(V.value), v({
+			ref_key: "buttonRootRef",
+			ref: R,
+			class: K.value
+		}, J.value, {
+			onClick: ne,
+			onKeydown: te
+		}), {
+			default: D(() => [m("span", {
+				class: "s-ui-button__inner",
+				"aria-hidden": g.loading ? !0 : void 0
+			}, [g.icon ? (b(), d(w(O), {
+				key: 0,
+				name: g.icon,
+				size: Q.value,
+				billing: $.value
+			}, null, 8, [
+				"name",
+				"size",
+				"billing"
+			])) : (b(), p(l, { key: 1 }, [
+				g.iconLeft ? (b(), d(w(O), {
+					key: 0,
+					name: g.iconLeft,
+					size: Q.value,
+					billing: $.value
+				}, null, 8, [
+					"name",
+					"size",
+					"billing"
+				])) : f("", !0),
+				m("span", { class: y(["s-ui-button__label", X.value]) }, [x(e.$slots, "default")], 2),
+				g.iconRight ? (b(), d(w(O), {
+					key: 1,
+					name: g.iconRight,
+					size: Q.value,
+					billing: $.value
+				}, null, 8, [
+					"name",
+					"size",
+					"billing"
+				])) : f("", !0)
+			], 64))], 8, A), g.loading ? (b(), p("span", j, [h(w(k), {
+				billing: ee.value,
+				size: Q.value
+			}, null, 8, ["billing", "size"])])) : f("", !0)]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { M as t };

package/dist/SButton-fFytCz5D.cjs

@@ -0,0 +1 @@
+const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./context-kCi2xRHY.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./useSelectLink-DDdMmsJB.cjs"),i=require("./useLink-CvN7IK0Z.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=[`aria-hidden`],c={key:0,class:`s-ui-button__spinner`,"aria-hidden":`true`},l=(0,a.defineComponent)({inheritAttrs:!1,__name:`SButton`,props:{appearance:{},disabled:{type:Boolean,default:!1},icon:{},iconLeft:{},iconRight:{},loading:{type:Boolean,default:!1},size:{},value:{},variant:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},setup(l){let u=(0,a.inject)(t.t,null),d=(0,a.useAttrs)(),f=(0,a.computed)(()=>n.a(l.appearance,u?(0,a.toValue)(u.appearance):void 0,e.t.MAJOR)),p=(0,a.computed)(()=>n.a(l.variant,u?(0,a.toValue)(u.variant):void 0,e.r.MAIN)),m=(0,a.computed)(()=>n.a(l.size,u?(0,a.toValue)(u.size):void 0,e.n.MEDIUM)),h=(0,a.computed)(()=>l.disabled||!!(u&&(0,a.toValue)(u.disabled))),g=(0,a.useTemplateRef)(`buttonRootRef`),_=i.t(()=>l.link,()=>l.exact,()=>l.replace),v=_.linkPresentation;r.t({isRouterLink:_.isRouterLink,isActive:_.isActive,group:()=>u,value:()=>l.value});let y=(0,a.computed)(()=>{let e=v.value;return e.mode===`none`?`button`:e.rootTag}),b=(0,a.computed)(()=>y.value===`button`),x=(0,a.computed)(()=>h.value||l.loading),S=r.n({group:u,value:()=>l.value,el:g,disabled:h,interactive:()=>!x.value}),C=(0,a.computed)(()=>_.isRouterLink.value?_.isActive.value:S.isActive.value),w=(0,a.computed)(()=>[`s-ui-button`,`s-ui-button--tab-focus`,`s-ui-button--appearance-${f.value}`,`s-ui-button--variant-${p.value}`,`s-ui-button--size-${m.value}`,{"s-ui-button--disabled":h.value,"s-ui-button--loading":l.loading,"s-ui-button--icon-only":l.icon,"s-ui-button--active":C.value,"s-ui-button--link":v.value.mode!==`none`}]),T=(0,a.computed)(()=>({disabled:b.value?x.value:void 0,"aria-busy":l.loading?!0:void 0,"aria-pressed":S.ariaPressed.value,"aria-checked":S.ariaChecked.value,tabindex:S.tabIndex.value,...i.n(v.value,{replace:l.replace})})),E=(0,a.computed)(()=>({...T.value,...d})),D={[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`},O=(0,a.computed)(()=>D[m.value]),k={[e.n.SMALL]:16,[e.n.MEDIUM]:20,[e.n.LARGE]:24},A=(0,a.computed)(()=>k[m.value]),j=(0,a.computed)(()=>h.value||l.loading?!1:p.value===e.r.BILLING&&f.value!==e.t.MAJOR),M=(0,a.computed)(()=>p.value===e.r.BILLING&&f.value!==e.t.MAJOR),N=e=>{if(!x.value){if(_.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),_.navigate();return}S.handleKeydown(e)}},P=e=>{if(x.value){e.preventDefault(),e.stopPropagation();return}_.isRouterLink.value||S.handleClick()};return(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(y.value),(0,a.mergeProps)({ref_key:`buttonRootRef`,ref:g,class:w.value},E.value,{onClick:P,onKeydown:N}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:`s-ui-button__inner`,"aria-hidden":l.loading?!0:void 0},[l.icon?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:l.icon,size:A.value,billing:j.value},null,8,[`name`,`size`,`billing`])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[l.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:l.iconLeft,size:A.value,billing:j.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`s-ui-button__label`,O.value])},[(0,a.renderSlot)(e.$slots,`default`)],2),l.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:1,name:l.iconRight,size:A.value,billing:j.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0)],64))],8,s),l.loading?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,c,[(0,a.createVNode)((0,a.unref)(o.SSpinner),{billing:M.value,size:A.value},null,8,[`billing`,`size`])])):(0,a.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/SButton.types-CpdHQtyx.js

@@ -0,0 +1,10 @@
+//#region src/components/SButton/SButton.types.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.MAJOR = "major", e.MINOR = "minor", e.SURFACE = "surface", e.OUTLINED = "outlined", e.BARE = "bare", e;
+}({}), t = /* @__PURE__ */ function(e) {
+	return e.MAIN = "main", e.NEUTRAL = "neutral", e.DANGER = "danger", e.SUCCESS = "success", e.BILLING = "billing", e;
+}({}), n = /* @__PURE__ */ function(e) {
+	return e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e;
+}({});
+//#endregion
+export { n, t as r, e as t };

package/dist/SButton.types-UKroD-ev.cjs

@@ -0,0 +1 @@
+var e=function(e){return e.MAJOR=`major`,e.MINOR=`minor`,e.SURFACE=`surface`,e.OUTLINED=`outlined`,e.BARE=`bare`,e}({}),t=function(e){return e.MAIN=`main`,e.NEUTRAL=`neutral`,e.DANGER=`danger`,e.SUCCESS=`success`,e.BILLING=`billing`,e}({}),n=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e.LARGE=`large`,e}({});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/dist/SButtonGroup-BPy2YaEP.cjs

@@ -0,0 +1 @@
+const e=require("./context-kCi2xRHY.cjs"),t=require("./useSelectionGroup-TaektE-I.cjs");let n=require("vue");var r=function(e){return e.ATTACHED=`attached`,e.SEPARATED=`separated`,e}({}),i=[`aria-orientation`,`aria-disabled`],a=(0,n.defineComponent)({__name:`SButtonGroup`,props:(0,n.mergeModels)({mode:{default:()=>t.n.SINGLE},mandatory:{type:Boolean,default:!1},orientation:{default:()=>t.r.HORIZONTAL},layout:{default:()=>r.ATTACHED},loop:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},appearance:{},variant:{},size:{}},{modelValue:{},modelModifiers:{}}),emits:[`update:modelValue`],setup(r){let a=(0,n.useModel)(r,`modelValue`),o=t.o({modelValue:()=>a.value,onUpdateModelValue:e=>{a.value=e},mode:()=>r.mode,mandatory:()=>r.mandatory,orientation:()=>r.orientation,loop:()=>r.loop});(0,n.provide)(e.t,{mode:()=>r.mode,isSelected:o.isSelected,selectItem:o.toggle,registerItem:o.registerItem,getItemTabIndex:o.getItemTabIndex,getGroupTabIndex:o.getGroupTabIndex,handleItemKeydown:o.handleItemKeydown,appearance:()=>r.appearance,variant:()=>r.variant,size:()=>r.size,disabled:()=>r.disabled});let s=(0,n.computed)(()=>[`s-ui-button-group`,`s-ui-button-group--orientation-${r.orientation}`,`s-ui-button-group--layout-${r.layout}`,{"s-ui-button-group--disabled":r.disabled}]);return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)(s.value),role:`group`,"aria-orientation":r.orientation,"aria-disabled":r.disabled||void 0},[(0,n.renderSlot)(e.$slots,`default`)],10,i))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/dist/SButtonGroup-CmSlYnSv.js

@@ -0,0 +1,72 @@
+import { t as e } from "./context-C3WoLJS4.js";
+import { n as t, o as n, r } from "./useSelectionGroup-cKj38lEN.js";
+import { computed as i, createElementBlock as a, defineComponent as o, mergeModels as s, normalizeClass as c, openBlock as l, provide as u, renderSlot as d, useModel as f } from "vue";
+//#region src/components/SButtonGroup/SButtonGroup.types.ts
+var p = /* @__PURE__ */ function(e) {
+	return e.ATTACHED = "attached", e.SEPARATED = "separated", e;
+}({}), m = ["aria-orientation", "aria-disabled"], h = /* @__PURE__ */ o({
+	__name: "SButtonGroup",
+	props: /*@__PURE__*/ s({
+		mode: { default: () => t.SINGLE },
+		mandatory: {
+			type: Boolean,
+			default: !1
+		},
+		orientation: { default: () => r.HORIZONTAL },
+		layout: { default: () => p.ATTACHED },
+		loop: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		appearance: {},
+		variant: {},
+		size: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(t) {
+		let r = f(t, "modelValue"), o = n({
+			modelValue: () => r.value,
+			onUpdateModelValue: (e) => {
+				r.value = e;
+			},
+			mode: () => t.mode,
+			mandatory: () => t.mandatory,
+			orientation: () => t.orientation,
+			loop: () => t.loop
+		});
+		u(e, {
+			mode: () => t.mode,
+			isSelected: o.isSelected,
+			selectItem: o.toggle,
+			registerItem: o.registerItem,
+			getItemTabIndex: o.getItemTabIndex,
+			getGroupTabIndex: o.getGroupTabIndex,
+			handleItemKeydown: o.handleItemKeydown,
+			appearance: () => t.appearance,
+			variant: () => t.variant,
+			size: () => t.size,
+			disabled: () => t.disabled
+		});
+		let s = i(() => [
+			"s-ui-button-group",
+			`s-ui-button-group--orientation-${t.orientation}`,
+			`s-ui-button-group--layout-${t.layout}`,
+			{ "s-ui-button-group--disabled": t.disabled }
+		]);
+		return (e, n) => (l(), a("div", {
+			class: c(s.value),
+			role: "group",
+			"aria-orientation": t.orientation,
+			"aria-disabled": t.disabled || void 0
+		}, [d(e.$slots, "default")], 10, m));
+	}
+});
+//#endregion
+export { p as n, h as t };

package/dist/SCard-BF6CapA9.cjs

@@ -0,0 +1 @@
+const e=require("./useLink-CvN7IK0Z.cjs"),t=require("./SCheckbox-CYy7tfoS.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.CARD=`card`,e.LIST=`list`,e}({}),a={key:0,class:`s-ui-card__content s-ui-card__content--skeleton`},o={class:`s-ui-card__content`},s={class:`s-ui-card__icon`,"aria-hidden":`true`},c={class:`s-ui-card__text`},l={key:0,class:`s-ui-card__title s-ui-typography-heading-h6-semibold`},u={key:1,class:`s-ui-card__subtitle s-ui-typography-body-12-regular`},d={key:0,class:`s-ui-card__meta s-ui-typography-label-12-medium`},f={key:0,class:`s-ui-card__selected-indicator`,"aria-hidden":`true`},p=(0,n.defineComponent)({inheritAttrs:!1,__name:`SCard`,props:(0,n.mergeModels)({layout:{default:()=>i.CARD},title:{},subtitle:{},icon:{default:`page`},selectable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{selected:{type:Boolean,default:!1},selectedModifiers:{}}),emits:(0,n.mergeModels)([`click`,`keydown`],[`update:selected`]),setup(p,{emit:m}){let h=(0,n.useModel)(p,`selected`),g=m,_=(0,n.useSlots)(),v=(0,n.useAttrs)(),y=e.t(()=>p.link,()=>p.exact,()=>p.replace),b=y.linkPresentation,x=(0,n.computed)(()=>p.disabled||p.skeleton),S=y.isLink,C=(0,n.computed)(()=>b.value.mode===`none`?`div`:b.value.rootTag),w=(0,n.computed)(()=>{if(x.value)return-1;if(!S.value)return 0}),T=(0,n.computed)(()=>({"aria-busy":p.skeleton?!0:void 0,"aria-disabled":x.value?!0:void 0,"aria-pressed":p.selectable&&!x.value&&!S.value&&h.value?!0:void 0,role:x.value||S.value?void 0:`button`,tabindex:w.value,...e.n(b.value,{replace:p.replace})})),E=(0,n.computed)(()=>({...T.value,...v})),D=(0,n.computed)(()=>p.selectable&&!x.value),O=(0,n.computed)(()=>p.layout===i.LIST?r.ESSkeletonType.S_CARD_LIST:r.ESSkeletonType.S_CARD),k=(0,n.computed)(()=>[`s-ui-card--layout-${p.layout}`,{"s-ui-card--selected":h.value,"s-ui-card--selectable":p.selectable,"s-ui-card--disabled":p.disabled,"s-ui-card--skeleton":p.skeleton,"s-ui-card--link":S.value,"s-ui-card--with-subtitle":!!(p.subtitle||_.subtitle)}]),A=e=>{if(x.value){e.preventDefault();return}if(y.isRouterLink.value){g(`click`,e);return}p.selectable&&(h.value=!h.value),g(`click`,e)},j=[`Enter`,` `,`Spacebar`],M=[`Enter`,` `],N=e=>{if(!x.value){if(g(`keydown`,e),y.isRouterLink.value&&j.includes(e.key)){e.preventDefault(),y.navigate();return}S.value||M.includes(e.key)&&(e.preventDefault(),e.currentTarget instanceof HTMLElement&&e.currentTarget.click())}};return(e,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(C.value),(0,n.mergeProps)({class:[`s-ui-card`,k.value]},E.value,{onClick:A,onKeydown:N}),{default:(0,n.withCtx)(()=>[p.skeleton?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createVNode)((0,n.unref)(r.SSkeleton),{class:`s-ui-card__skeleton`,type:O.value},null,8,[`type`])])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`span`,s,[(0,n.renderSlot)(e.$slots,`icon`,{},()=>[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:p.icon,size:16},null,8,[`name`])])]),(0,n.createElementVNode)(`span`,c,[p.title||_.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(e.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.title),1)])])):(0,n.createCommentVNode)(``,!0),p.subtitle||_.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(e.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),_.meta?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.renderSlot)(e.$slots,`meta`)])):(0,n.createCommentVNode)(``,!0)]),D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,[(0,n.renderSlot)(e.$slots,`selected-indicator`,{},()=>[(0,n.createVNode)((0,n.unref)(t.t),{"model-value":h.value,size:(0,n.unref)(t.r).EXTRA_SMALL,tabindex:-1},null,8,[`model-value`,`size`])])])):(0,n.createCommentVNode)(``,!0)],64))]),_:3},16,[`class`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});

package/dist/SCard-qqo16_wT.js

@@ -0,0 +1,132 @@
+import { n as e, t } from "./useLink-Zo9A_RCf.js";
+import { r as n, t as r } from "./SCheckbox-BMKYFfrB.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useAttrs as b, useModel as x, useSlots as S, withCtx as C } from "vue";
+import { ESSkeletonType as w, SIcon as T, SSkeleton as E } from "@shtabapp/ui-kit-primitives";
+//#region src/components/SCard/SCard.types.ts
+var D = /* @__PURE__ */ function(e) {
+	return e.CARD = "card", e.LIST = "list", e;
+}({}), O = {
+	key: 0,
+	class: "s-ui-card__content s-ui-card__content--skeleton"
+}, k = { class: "s-ui-card__content" }, A = {
+	class: "s-ui-card__icon",
+	"aria-hidden": "true"
+}, j = { class: "s-ui-card__text" }, M = {
+	key: 0,
+	class: "s-ui-card__title s-ui-typography-heading-h6-semibold"
+}, N = {
+	key: 1,
+	class: "s-ui-card__subtitle s-ui-typography-body-12-regular"
+}, P = {
+	key: 0,
+	class: "s-ui-card__meta s-ui-typography-label-12-medium"
+}, F = {
+	key: 0,
+	class: "s-ui-card__selected-indicator",
+	"aria-hidden": "true"
+}, I = /* @__PURE__ */ f({
+	inheritAttrs: !1,
+	__name: "SCard",
+	props: /*@__PURE__*/ p({
+		layout: { default: () => D.CARD },
+		title: {},
+		subtitle: {},
+		icon: { default: "page" },
+		selectable: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		skeleton: {
+			type: Boolean,
+			default: !1
+		},
+		link: {},
+		exact: {
+			type: Boolean,
+			default: !1
+		},
+		replace: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		selectedModifiers: {}
+	}),
+	emits: /*@__PURE__*/ p(["click", "keydown"], ["update:selected"]),
+	setup(f, { emit: p }) {
+		let I = x(f, "selected"), L = p, R = S(), z = b(), B = t(() => f.link, () => f.exact, () => f.replace), V = B.linkPresentation, H = a(() => f.disabled || f.skeleton), U = B.isLink, W = a(() => V.value.mode === "none" ? "div" : V.value.rootTag), G = a(() => {
+			if (H.value) return -1;
+			if (!U.value) return 0;
+		}), K = a(() => ({
+			"aria-busy": f.skeleton ? !0 : void 0,
+			"aria-disabled": H.value ? !0 : void 0,
+			"aria-pressed": f.selectable && !H.value && !U.value && I.value ? !0 : void 0,
+			role: H.value || U.value ? void 0 : "button",
+			tabindex: G.value,
+			...e(V.value, { replace: f.replace })
+		})), q = a(() => ({
+			...K.value,
+			...z
+		})), J = a(() => f.selectable && !H.value), Y = a(() => f.layout === D.LIST ? w.S_CARD_LIST : w.S_CARD), X = a(() => [`s-ui-card--layout-${f.layout}`, {
+			"s-ui-card--selected": I.value,
+			"s-ui-card--selectable": f.selectable,
+			"s-ui-card--disabled": f.disabled,
+			"s-ui-card--skeleton": f.skeleton,
+			"s-ui-card--link": U.value,
+			"s-ui-card--with-subtitle": !!(f.subtitle || R.subtitle)
+		}]), Z = (e) => {
+			if (H.value) {
+				e.preventDefault();
+				return;
+			}
+			if (B.isRouterLink.value) {
+				L("click", e);
+				return;
+			}
+			f.selectable && (I.value = !I.value), L("click", e);
+		}, Q = [
+			"Enter",
+			" ",
+			"Spacebar"
+		], $ = ["Enter", " "], ee = (e) => {
+			if (!H.value) {
+				if (L("keydown", e), B.isRouterLink.value && Q.includes(e.key)) {
+					e.preventDefault(), B.navigate();
+					return;
+				}
+				U.value || $.includes(e.key) && (e.preventDefault(), e.currentTarget instanceof HTMLElement && e.currentTarget.click());
+			}
+		};
+		return (e, t) => (h(), o(_(W.value), m({ class: ["s-ui-card", X.value] }, q.value, {
+			onClick: Z,
+			onKeydown: ee
+		}), {
+			default: C(() => [f.skeleton ? (h(), c("div", O, [d(y(E), {
+				class: "s-ui-card__skeleton",
+				type: Y.value
+			}, null, 8, ["type"])])) : (h(), c(i, { key: 1 }, [l("div", k, [
+				l("span", A, [g(e.$slots, "icon", {}, () => [d(y(T), {
+					name: f.icon,
+					size: 16
+				}, null, 8, ["name"])])]),
+				l("span", j, [f.title || R.title ? (h(), c("span", M, [g(e.$slots, "title", {}, () => [u(v(f.title), 1)])])) : s("", !0), f.subtitle || R.subtitle ? (h(), c("span", N, [g(e.$slots, "subtitle", {}, () => [u(v(f.subtitle), 1)])])) : s("", !0)]),
+				R.meta ? (h(), c("span", P, [g(e.$slots, "meta")])) : s("", !0)
+			]), J.value ? (h(), c("span", F, [g(e.$slots, "selected-indicator", {}, () => [d(y(r), {
+				"model-value": I.value,
+				size: y(n).EXTRA_SMALL,
+				tabindex: -1
+			}, null, 8, ["model-value", "size"])])])) : s("", !0)], 64))]),
+			_: 3
+		}, 16, ["class"]));
+	}
+});
+//#endregion
+export { D as n, I as t };

package/dist/SChartHorizontalBar-CCn6L_Du.js

@@ -0,0 +1,156 @@
+import { a as e, i as t, p as n, r, t as i, v as a } from "./SChartSkeletonHost-BnYGg6WN.js";
+import { computed as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, unref as p, useTemplateRef as m, withCtx as h } from "vue";
+//#region src/utils/chart/horizontalBar/buildHorizontalBarChartScales.ts
+var g = 10, _ = 14, v = ({ axisLabelColor: e, categoryLabelColor: t, gridColor: n, xMin: r, xMax: i, xStep: a }) => ({
+	x: {
+		type: "linear",
+		min: r,
+		max: i,
+		border: { display: !1 },
+		grid: {
+			color: n,
+			drawTicks: !1
+		},
+		ticks: {
+			color: e,
+			stepSize: a,
+			font: {
+				size: g,
+				weight: 500
+			},
+			padding: 8
+		}
+	},
+	y: {
+		border: { display: !1 },
+		grid: { display: !1 },
+		ticks: {
+			color: t,
+			font: {
+				size: _,
+				weight: 400
+			},
+			padding: 8,
+			crossAlign: "far",
+			autoSkip: !1
+		}
+	}
+}), y = (e, t, r) => a(r ? n.barHorizontalSkeletonFill : e || n.barHorizontalFillDefault, t), b = (e, t, n) => {
+	if (t) return t;
+	let r = 0;
+	for (let t of e) r = Math.max(r, t.value);
+	let i = Math.ceil(r / n) * n;
+	return i > 0 ? i : n * 6;
+}, x = 10, S = 0, C = 36, w = 4, T = ({ items: r, colorHostElement: i, xMax: o, xMin: s = S, xStep: c = x, skeleton: l = !1 }) => {
+	if (r.length === 0) return null;
+	let u = a(n.axisLabel, i), d = a(n.grid, i), f = a(n.tooltipBackground, i), p = a(n.tooltipText, i), m = a(l ? n.barHorizontalCategoryLabelSkeleton : n.barHorizontalCategoryLabel, i), h = b(r, o, c), g = r.map((e) => y(e.color, i, l));
+	return {
+		type: "bar",
+		data: {
+			labels: r.map((e) => e.label),
+			datasets: [{
+				data: r.map((e) => e.value),
+				backgroundColor: g,
+				hoverBackgroundColor: g,
+				borderWidth: 0,
+				hoverBorderWidth: 0,
+				barThickness: C,
+				borderRadius: {
+					topRight: w,
+					bottomRight: w
+				}
+			}]
+		},
+		options: {
+			indexAxis: "y",
+			responsive: !0,
+			maintainAspectRatio: !1,
+			interaction: t(l, {
+				mode: "index",
+				intersect: !1
+			}),
+			plugins: {
+				legend: { display: !1 },
+				tooltip: {
+					enabled: e(l),
+					backgroundColor: f,
+					titleColor: p,
+					bodyColor: p
+				}
+			},
+			scales: v({
+				axisLabelColor: u,
+				categoryLabelColor: m,
+				gridColor: d,
+				xMin: s,
+				xMax: h,
+				xStep: c
+			})
+		}
+	};
+}, E = (e) => T(e), D = [
+	{
+		label: "Открыта",
+		value: 48
+	},
+	{
+		label: "В процессе",
+		value: 32
+	},
+	{
+		label: "Ревью",
+		value: 53
+	},
+	{
+		label: "Готова для QA",
+		value: 18
+	},
+	{
+		label: "QA",
+		value: 25
+	},
+	{
+		label: "Готова",
+		value: 0
+	}
+], O = { class: "s-ui-chart-horizontal-bar__canvas-wrap" }, k = /* @__PURE__ */ u({
+	__name: "SChartHorizontalBar",
+	props: {
+		items: { default: () => [] },
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		xMin: {},
+		xMax: {},
+		xStep: {}
+	},
+	setup(e) {
+		let t = m("chartRootRef"), n = m("chartCanvasRef"), a = o(() => e.loading ? D : e.items);
+		return r({
+			canvasRef: n,
+			config: o(() => !e.loading && e.items.length === 0 ? null : E({
+				items: a.value,
+				colorHostElement: t.value,
+				xMax: e.loading ? 60 : e.xMax,
+				xMin: e.loading ? 0 : e.xMin,
+				xStep: e.loading ? 10 : e.xStep,
+				skeleton: e.loading
+			})),
+			enabled: o(() => e.loading || e.items.length > 0)
+		}), (r, a) => (f(), s("div", {
+			ref_key: "chartRootRef",
+			ref: t,
+			class: d(["s-ui-chart-horizontal-bar", { "s-ui-chart-horizontal-bar--skeleton": e.loading }])
+		}, [c("div", O, [l(p(i), { loading: e.loading }, {
+			default: h(() => [c("canvas", {
+				ref_key: "chartCanvasRef",
+				ref: n,
+				class: "s-ui-chart-horizontal-bar__canvas"
+			}, null, 512)]),
+			_: 1
+		}, 8, ["loading"])])], 2));
+	}
+});
+//#endregion
+export { k as t };

package/dist/SChartHorizontalBar-CLXp8bvq.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-CixHLD65.cjs");let t=require("vue");var n=10,r=14,i=({axisLabelColor:e,categoryLabelColor:t,gridColor:i,xMin:a,xMax:o,xStep:s})=>({x:{type:`linear`,min:a,max:o,border:{display:!1},grid:{color:i,drawTicks:!1},ticks:{color:e,stepSize:s,font:{size:n,weight:500},padding:8}},y:{border:{display:!1},grid:{display:!1},ticks:{color:t,font:{size:r,weight:400},padding:8,crossAlign:`far`,autoSkip:!1}}}),a=(t,n,r)=>r?e.v(e.p.barHorizontalSkeletonFill,n):t?e.v(t,n):e.v(e.p.barHorizontalFillDefault,n),o=(e,t,n)=>{if(t)return t;let r=0;for(let t of e)r=Math.max(r,t.value);let i=Math.ceil(r/n)*n;return i>0?i:n*6},s=10,c=0,l=36,u=4,d=({items:t,colorHostElement:n,xMax:r,xMin:d=c,xStep:f=s,skeleton:p=!1})=>{if(t.length===0)return null;let m=e.v(e.p.axisLabel,n),h=e.v(e.p.grid,n),g=e.v(e.p.tooltipBackground,n),_=e.v(e.p.tooltipText,n),v=e.v(p?e.p.barHorizontalCategoryLabelSkeleton:e.p.barHorizontalCategoryLabel,n),y=o(t,r,f),b=t.map(e=>a(e.color,n,p));return{type:`bar`,data:{labels:t.map(e=>e.label),datasets:[{data:t.map(e=>e.value),backgroundColor:b,hoverBackgroundColor:b,borderWidth:0,hoverBorderWidth:0,barThickness:l,borderRadius:{topRight:u,bottomRight:u}}]},options:{indexAxis:`y`,responsive:!0,maintainAspectRatio:!1,interaction:e.i(p,{mode:`index`,intersect:!1}),plugins:{legend:{display:!1},tooltip:{enabled:e.a(p),backgroundColor:g,titleColor:_,bodyColor:_}},scales:i({axisLabelColor:m,categoryLabelColor:v,gridColor:h,xMin:d,xMax:y,xStep:f})}}},f=e=>d(e),p=[{label:`Открыта`,value:48},{label:`В процессе`,value:32},{label:`Ревью`,value:53},{label:`Готова для QA`,value:18},{label:`QA`,value:25},{label:`Готова`,value:0}],m={class:`s-ui-chart-horizontal-bar__canvas-wrap`},h=(0,t.defineComponent)({__name:`SChartHorizontalBar`,props:{items:{default:()=>[]},loading:{type:Boolean,default:!1},xMin:{},xMax:{},xStep:{}},setup(n){let r=(0,t.useTemplateRef)(`chartRootRef`),i=(0,t.useTemplateRef)(`chartCanvasRef`),a=(0,t.computed)(()=>n.loading?p:n.items);return e.r({canvasRef:i,config:(0,t.computed)(()=>!n.loading&&n.items.length===0?null:f({items:a.value,colorHostElement:r.value,xMax:n.loading?60:n.xMax,xMin:n.loading?0:n.xMin,xStep:n.loading?10:n.xStep,skeleton:n.loading})),enabled:(0,t.computed)(()=>n.loading||n.items.length>0)}),(a,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`chartRootRef`,ref:r,class:(0,t.normalizeClass)([`s-ui-chart-horizontal-bar`,{"s-ui-chart-horizontal-bar--skeleton":n.loading}])},[(0,t.createElementVNode)(`div`,m,[(0,t.createVNode)((0,t.unref)(e.t),{loading:n.loading},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`canvas`,{ref_key:`chartCanvasRef`,ref:i,class:`s-ui-chart-horizontal-bar__canvas`},null,512)]),_:1},8,[`loading`])])],2))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/SChartLegend-CLTLJeRH.cjs

@@ -0,0 +1 @@
+const e=require("./SChartSkeletonHost-CixHLD65.cjs");let t=require("vue");var n=(t,n)=>t.startsWith(`--`)?e.v(t,n):t,r=(t,r,i,a,o)=>{if(i)return n(i,r);let s=a?o.skeletonPalette:o.palette,c=a?o.skeletonFallback:o.paletteFallback;return e.v(s[t%s.length]??c,r)},i={class:`s-ui-chart-legend__swatch-slot`,"aria-hidden":`true`},a={class:`s-ui-chart-legend__label`},o=(0,t.defineComponent)({__name:`SChartLegend`,props:{items:{},disabled:{type:Boolean,default:!1},direction:{default:`row`}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`ul`,{class:(0,t.normalizeClass)([`s-ui-chart-legend`,{"s-ui-chart-legend--disabled":e.disabled,"s-ui-chart-legend--column":e.direction===`column`}])},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.items,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`li`,{key:e.label,class:`s-ui-chart-legend__item`},[(0,t.createElementVNode)(`span`,i,[(0,t.createElementVNode)(`span`,{class:`s-ui-chart-legend__swatch`,style:(0,t.normalizeStyle)({backgroundColor:e.color})},null,4)]),(0,t.createElementVNode)(`span`,a,`— `+(0,t.toDisplayString)(e.label),1)]))),128))],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/SChartLegend-CcbzWNuw.js

@@ -0,0 +1,35 @@
+import { v as e } from "./SChartSkeletonHost-BnYGg6WN.js";
+import { Fragment as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderList as c, toDisplayString as l } from "vue";
+//#region src/utils/chart/core/resolveSeriesPaletteColor.ts
+var u = (t, n) => t.startsWith("--") ? e(t, n) : t, d = (t, n, r, i, a) => {
+	if (r) return u(r, n);
+	let o = i ? a.skeletonPalette : a.palette, s = i ? a.skeletonFallback : a.paletteFallback;
+	return e(o[t % o.length] ?? s, n);
+}, f = {
+	class: "s-ui-chart-legend__swatch-slot",
+	"aria-hidden": "true"
+}, p = { class: "s-ui-chart-legend__label" }, m = /* @__PURE__ */ i({
+	__name: "SChartLegend",
+	props: {
+		items: {},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		direction: { default: "row" }
+	},
+	setup(e) {
+		return (i, u) => (s(), n("ul", { class: a(["s-ui-chart-legend", {
+			"s-ui-chart-legend--disabled": e.disabled,
+			"s-ui-chart-legend--column": e.direction === "column"
+		}]) }, [(s(!0), n(t, null, c(e.items, (e) => (s(), n("li", {
+			key: e.label,
+			class: "s-ui-chart-legend__item"
+		}, [r("span", f, [r("span", {
+			class: "s-ui-chart-legend__swatch",
+			style: o({ backgroundColor: e.color })
+		}, null, 4)]), r("span", p, "— " + l(e.label), 1)]))), 128))], 2));
+	}
+});
+//#endregion
+export { d as n, m as t };