@shtabapp/ui-kit 1.32.0 → 1.33.0

package/dist/utils/color/contrastSurfaceTextColor.d.ts

@@ -0,0 +1,4 @@
+export type THexColor = `#${string}`;
+export declare const isHexColor: (value: string) => value is THexColor;
+export declare const getContrastingSurfaceTextColor: (backgroundHex: THexColor) => "var(--s-ui-color-text-surface-primary)" | "var(--s-ui-color-text-surface-static)";
+//# sourceMappingURL=contrastSurfaceTextColor.d.ts.map

package/dist/utils/color/contrastSurfaceTextColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrastSurfaceTextColor.d.ts","sourceRoot":"","sources":["../../../src/utils/color/contrastSurfaceTextColor.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,IAAI,MAAM,EAAE,CAAA;AAapC,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,SAEnD,CAAA;AAqED,eAAO,MAAM,8BAA8B,GAAI,eAAe,SAAS,uFAiBtE,CAAA"}

package/dist/utils/color/index.d.ts

@@ -0,0 +1,2 @@
+export { getContrastingSurfaceTextColor, isHexColor, type THexColor, } from './contrastSurfaceTextColor';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/color/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/color/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,UAAU,EACV,KAAK,SAAS,GACf,MAAM,4BAA4B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.32.0",
+  "version": "1.33.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",

package/dist/SAvatar-BS9Lu2eL.js

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

package/dist/SAvatar-BXABKIV0.cjs

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

package/dist/STag-CYoj7L-p.js

@@ -1,118 +0,0 @@
-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 { n as i, r as a, t as o } from "./useLink-Com5VhOk.js";
-import { computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeModels as m, mergeProps as h, openBlock as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useAttrs as b, useModel as x, withCtx as S, withModifiers as C } from "vue";
-//#region src/components/STag/STag.types.ts
-var w = /* @__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;
-}({}), T = /* @__PURE__ */ function(e) {
-	return e.SMALL = "small", e.MEDIUM = "medium", e;
-}({}), E = (e) => e.startsWith("#") || e.startsWith("var(--"), D = (e) => E(e) ? "s-ui-tag--color-custom" : `s-ui-tag--color-${e}`, O = (e) => ({ "--s-ui-tag-bg": e }), k = { class: "s-ui-tag__content s-ui-typography-body-12-regular" }, A = {
-	key: 0,
-	class: "s-ui-tag__actions"
-}, j = { class: "s-ui-tag__action-close" }, M = /* @__PURE__ */ p({
-	inheritAttrs: !1,
-	__name: "STag",
-	props: /*@__PURE__*/ m({
-		color: { default: () => w.RED_ORANGE },
-		size: { default: () => T.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__*/ m(["close"], ["update:modelValue"]),
-	setup(p, { emit: m }) {
-		let w = b(), T = x(p, "modelValue"), M = m, N = o(() => p.link, () => p.exact, () => p.replace), P = N.linkPresentation, F = s(() => {
-			let e = P.value;
-			return e.mode === "none" ? "span" : e.rootTag;
-		}), I = s(() => i(P.value, { replace: p.replace })), L = s(() => ({
-			...I.value,
-			...w
-		})), R = s(() => N.isRouterLink.value ? N.isActive.value : p.selected), z = s(() => p.closable && !p.short), B = s(() => {
-			if (p.disabled) return -1;
-			if (!a(p.link)) return z.value ? 0 : -1;
-		}), V = s(() => [
-			D(p.color),
-			`s-ui-tag--size-${p.size}`,
-			{
-				"s-ui-tag--short": p.short,
-				"s-ui-tag--disabled": p.disabled,
-				"s-ui-tag--selected": R.value,
-				"s-ui-tag--link": a(p.link)
-			}
-		]), H = s(() => {
-			if (E(p.color)) return O(p.color);
-		}), U = s(() => p.short ? T.value.slice(0, 1) : T.value), W = () => {
-			M("close");
-		}, G = [
-			"Enter",
-			" ",
-			"Spacebar"
-		], K = ["Delete", "Backspace"], q = (e) => {
-			if (!p.disabled) {
-				if (N.isRouterLink.value && G.includes(e.key)) {
-					e.preventDefault(), N.navigate();
-					return;
-				}
-				if (e.target === e.currentTarget && K.includes(e.key)) {
-					if (!z.value) return;
-					e.preventDefault(), M("close");
-				}
-			}
-		};
-		return (i, a) => (g(), c(_(F.value), h({
-			class: ["s-ui-tag", V.value],
-			style: H.value,
-			tabindex: B.value,
-			"aria-disabled": p.disabled ? !0 : void 0
-		}, L.value, { onKeydown: q }), {
-			default: S(() => [d("span", k, v(U.value), 1), z.value ? (g(), u("span", A, [d("span", j, [f(y(r), {
-				appearance: y(n).BARE,
-				variant: y(t).NEUTRAL,
-				size: y(e).SMALL,
-				disabled: p.disabled,
-				tabindex: -1,
-				icon: "closeMini",
-				onClick: C(W, ["stop"])
-			}, null, 8, [
-				"appearance",
-				"variant",
-				"size",
-				"disabled"
-			])])])) : l("", !0)]),
-			_: 1
-		}, 16, [
-			"class",
-			"style",
-			"tabindex",
-			"aria-disabled"
-		]));
-	}
-});
-//#endregion
-export { w as n, T as r, M as t };

package/dist/STag-DVrSWByQ.cjs

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