@shtabapp/ui-kit 1.27.0 → 1.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.27.0",
+  "version": "1.28.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -218,7 +218,7 @@
   },
   "dependencies": {
     "chart.js": "^4.5.0",
-    "@shtabapp/ui-kit-primitives": "^1.12.0",
+    "@shtabapp/ui-kit-primitives": "^1.14.0",
     "@shtabapp/ui-kit-tokens": "^1.14.0"
   },
   "devDependencies": {

package/dist/SAvatar-C9YzCOKj.cjs

@@ -1 +0,0 @@
-let e=require("vue");var t=function(e){return e.SIZE_80=`80`,e.SIZE_40=`40`,e.SIZE_32=`32`,e.SIZE_24=`24`,e.SIZE_20=`20`,e.SIZE_16=`16`,e}({}),n=function(e){return e.CIRCLE=`circle`,e.SQUARE=`square`,e}({}),r=function(e){return e.TEAL=`teal`,e.CYAN=`cyan`,e.INDIGO=`indigo`,e.VIOLET=`violet`,e.PINK=`pink`,e.SURFACE=`surface`,e}({}),i=e=>e.startsWith(`#`),a=e=>i(e)?`s-ui-avatar--color-custom`:`s-ui-avatar--color-${e}`,o=e=>({"--s-ui-avatar-background":e}),s=[`aria-disabled`],c={class:`s-ui-avatar__content`},l=[`src`,`alt`],u=[`role`,`aria-label`],d={key:0,class:`s-ui-avatar__name`},f=(0,e.defineComponent)({inheritAttrs:!1,__name:`SAvatar`,props:{alt:{},color:{default:()=>r.TEAL},disabled:{type:Boolean,default:!1},initialLength:{default:1},name:{},shape:{default:()=>n.CIRCLE},showName:{type:Boolean,default:!0},size:{default:()=>t.SIZE_40},src:{}},setup(n){let r=(0,e.useAttrs)(),f=(0,e.ref)(!1),p=e=>typeof e==`number`||typeof e==`string`,m=(0,e.computed)(()=>{if(p(r.tabindex))return r.tabindex;if(p(r.tabIndex))return r.tabIndex}),h=(0,e.computed)(()=>p(r.tabindex)||p(r.tabIndex)),g=(0,e.computed)(()=>n.disabled?-1:h.value?m.value:0),_=(0,e.computed)(()=>({...r,tabindex:g.value})),v=(0,e.computed)(()=>[`s-ui-avatar--size-${n.size}`,`s-ui-avatar--shape-${n.shape}`,a(n.color),{"s-ui-avatar--disabled":n.disabled,"s-ui-avatar--photo":n.src&&!f.value}]),y=(0,e.computed)(()=>{if(i(n.color))return o(n.color)}),b=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(``)},x=(0,e.computed)(()=>n.name?b(n.name):``),S=(0,e.computed)(()=>n.alt?n.alt:n.name?n.name:x.value),C=(0,e.computed)(()=>x.value.slice(0,Math.max(n.initialLength,0))),w={[t.SIZE_80]:`s-ui-typography-label-16-medium`,[t.SIZE_40]:`s-ui-typography-label-14-medium`,[t.SIZE_32]:`s-ui-typography-label-12-medium`,[t.SIZE_24]:`s-ui-typography-label-12-medium`,[t.SIZE_20]:`s-ui-typography-label-12-medium`,[t.SIZE_16]:`s-ui-typography-label-10-medium`},T=(0,e.computed)(()=>w[n.size]),E=()=>{f.value=!0};return(0,e.watch)(()=>n.src,()=>{f.value=!1}),(t,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`span`,(0,e.mergeProps)(_.value,{class:[`s-ui-avatar`,v.value],style:y.value,"aria-disabled":n.disabled||void 0}),[(0,e.createElementVNode)(`span`,c,[n.src&&!f.value?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:0,class:`s-ui-avatar__image`,src:n.src,alt:S.value,onError:E},null,40,l)):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:1,class:(0,e.normalizeClass)([`s-ui-avatar__initials`,T.value]),role:n.alt?`img`:void 0,"aria-label":n.alt},(0,e.toDisplayString)(C.value),11,u))]),n.showName&&n.name?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,d,(0,e.toDisplayString)(n.name),1)):(0,e.createCommentVNode)(``,!0)],16,s))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/SAvatar-CGxQaW36.js

@@ -1,87 +0,0 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, mergeProps as a, normalizeClass as o, openBlock as s, ref as c, toDisplayString as l, useAttrs as u, watch as d } from "vue";
-//#region src/components/SAvatar/SAvatar.types.ts
-var f = /* @__PURE__ */ function(e) {
-	return e.SIZE_80 = "80", e.SIZE_40 = "40", e.SIZE_32 = "32", e.SIZE_24 = "24", e.SIZE_20 = "20", e.SIZE_16 = "16", e;
-}({}), p = /* @__PURE__ */ function(e) {
-	return e.CIRCLE = "circle", e.SQUARE = "square", e;
-}({}), m = /* @__PURE__ */ function(e) {
-	return e.TEAL = "teal", e.CYAN = "cyan", e.INDIGO = "indigo", e.VIOLET = "violet", e.PINK = "pink", e.SURFACE = "surface", e;
-}({}), h = (e) => e.startsWith("#"), g = (e) => h(e) ? "s-ui-avatar--color-custom" : `s-ui-avatar--color-${e}`, _ = (e) => ({ "--s-ui-avatar-background": e }), v = ["aria-disabled"], y = { class: "s-ui-avatar__content" }, b = ["src", "alt"], x = ["role", "aria-label"], S = {
-	key: 0,
-	class: "s-ui-avatar__name"
-}, C = /* @__PURE__ */ i({
-	inheritAttrs: !1,
-	__name: "SAvatar",
-	props: {
-		alt: {},
-		color: { default: () => m.TEAL },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		initialLength: { default: 1 },
-		name: {},
-		shape: { default: () => p.CIRCLE },
-		showName: {
-			type: Boolean,
-			default: !0
-		},
-		size: { default: () => f.SIZE_40 },
-		src: {}
-	},
-	setup(i) {
-		let p = u(), m = c(!1), C = (e) => typeof e == "number" || typeof e == "string", w = e(() => {
-			if (C(p.tabindex)) return p.tabindex;
-			if (C(p.tabIndex)) return p.tabIndex;
-		}), T = e(() => C(p.tabindex) || C(p.tabIndex)), E = e(() => i.disabled ? -1 : T.value ? w.value : 0), D = e(() => ({
-			...p,
-			tabindex: E.value
-		})), O = e(() => [
-			`s-ui-avatar--size-${i.size}`,
-			`s-ui-avatar--shape-${i.shape}`,
-			g(i.color),
-			{
-				"s-ui-avatar--disabled": i.disabled,
-				"s-ui-avatar--photo": i.src && !m.value
-			}
-		]), k = e(() => {
-			if (h(i.color)) return _(i.color);
-		}), A = (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("");
-		}, j = e(() => i.name ? A(i.name) : ""), M = e(() => i.alt ? i.alt : i.name ? i.name : j.value), N = e(() => j.value.slice(0, Math.max(i.initialLength, 0))), P = {
-			[f.SIZE_80]: "s-ui-typography-label-16-medium",
-			[f.SIZE_40]: "s-ui-typography-label-14-medium",
-			[f.SIZE_32]: "s-ui-typography-label-12-medium",
-			[f.SIZE_24]: "s-ui-typography-label-12-medium",
-			[f.SIZE_20]: "s-ui-typography-label-12-medium",
-			[f.SIZE_16]: "s-ui-typography-label-10-medium"
-		}, F = e(() => P[i.size]), I = () => {
-			m.value = !0;
-		};
-		return d(() => i.src, () => {
-			m.value = !1;
-		}), (e, c) => (s(), n("span", a(D.value, {
-			class: ["s-ui-avatar", O.value],
-			style: k.value,
-			"aria-disabled": i.disabled || void 0
-		}), [r("span", y, [i.src && !m.value ? (s(), n("img", {
-			key: 0,
-			class: "s-ui-avatar__image",
-			src: i.src,
-			alt: M.value,
-			onError: I
-		}, null, 40, b)) : (s(), n("span", {
-			key: 1,
-			class: o(["s-ui-avatar__initials", F.value]),
-			role: i.alt ? "img" : void 0,
-			"aria-label": i.alt
-		}, l(N.value), 11, x))]), i.showName && i.name ? (s(), n("span", S, l(i.name), 1)) : t("", !0)], 16, v));
-	}
-});
-//#endregion
-export { f as i, m as n, p as r, C as t };