@shtabapp/ui-kit 1.34.0 → 1.36.0

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

@@ -1,4 +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)";
+export declare const getContrastingSurfaceTextColor: (backgroundHex: THexColor) => `#${string}`;
 //# sourceMappingURL=contrastSurfaceTextColor.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"contrastSurfaceTextColor.d.ts","sourceRoot":"","sources":["../../../src/utils/color/contrastSurfaceTextColor.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,IAAI,MAAM,EAAE,CAAA;AAYpC,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,SAEnD,CAAA;AAqED,eAAO,MAAM,8BAA8B,GAAI,eAAe,SAAS,iBAiBtE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.34.0",
+  "version": "1.36.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -168,6 +168,11 @@
       "import": "./dist/entries/list-item.js",
       "require": "./dist/entries/list-item.cjs"
     },
+    "./photo-edit": {
+      "types": "./dist/entries/photo-edit.d.ts",
+      "import": "./dist/entries/photo-edit.js",
+      "require": "./dist/entries/photo-edit.cjs"
+    },
     "./chart-line": {
       "types": "./dist/entries/chart-line.d.ts",
       "import": "./dist/entries/chart-line.js",
@@ -243,8 +248,9 @@
   },
   "dependencies": {
     "chart.js": "^4.5.0",
-    "@shtabapp/ui-kit-primitives": "^1.17.0",
-    "@shtabapp/ui-kit-tokens": "^1.16.0"
+    "vue-i18n": "^9.14.5",
+    "@shtabapp/ui-kit-tokens": "^1.16.0",
+    "@shtabapp/ui-kit-primitives": "^1.19.0"
   },
   "devDependencies": {
     "@storybook/vue3-vite": "^10.4.1",
@@ -252,6 +258,7 @@
     "@vueuse/core": "^14.2.1",
     "chart.js": "^4.5.0",
     "vue": "^3.5.34",
+    "vue-i18n": "^9.14.5",
     "@shtabapp/ui-kit-shared-config": "0.1.0"
   },
   "peerDependencies": {
@@ -259,6 +266,7 @@
     "@vueuse/core": "^14.0.0",
     "chart.js": "^4.4.0",
     "vue": "^3.5.0",
+    "vue-i18n": "^9.8.0",
     "vue-router": "^4.5.0"
   },
   "peerDependenciesMeta": {

package/dist/SColorPalette-B9WrqgRz.js

@@ -1,146 +0,0 @@
-import { a as e, r as t } from "./colorValue-DXJiNKGE.js";
-import { i as n, n as r, o as i, r as a } from "./useSelectionGroup-cKj38lEN.js";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, defineComponent as d, mergeModels as f, mergeProps as p, onScopeDispose as m, openBlock as h, renderList as g, renderSlot as _, shallowReactive as v, unref as y, useModel as b, useSlots as x } from "vue";
-import { ESColorSwatchSize as S, SColorSwatch as C } from "@shtabapp/ui-kit-primitives";
-//#region src/utils/color/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.RED = "red", e;
-}({}), T = /* @__PURE__ */ function(e) {
-	return e.HEX = "hex", e.RGB = "rgb", e.HSL = "hsl", e;
-}({}), E = [
-	w.RED_ORANGE,
-	w.ORANGE,
-	w.YELLOW,
-	w.GREEN,
-	w.TEAL,
-	w.CYAN,
-	w.BLUE,
-	w.INDIGO,
-	w.VIOLET,
-	w.MAGENTA,
-	w.PINK
-], D = [
-	w.RED_ORANGE,
-	w.ORANGE,
-	w.YELLOW,
-	w.GREEN,
-	w.TEAL,
-	w.CYAN,
-	w.BLUE,
-	w.INDIGO,
-	w.VIOLET,
-	w.MAGENTA,
-	w.PINK
-], O = [
-	"primary",
-	"secondary",
-	"tertiary"
-], k = (e, t) => `var(--s-ui-color-background-accent-${e}-${t})`, A = [
-	"var(--s-ui-color-icon-surface-primary)",
-	"var(--s-ui-color-icon-surface-tertiary)",
-	"var(--s-ui-color-icon-surface-disabled)"
-], j = [...(() => {
-	let e = [];
-	for (let t of D) for (let n of O) e.push(k(t, n));
-	return e;
-})(), ...A], M = /* @__PURE__ */ function(e) {
-	return e.ROW = "row", e.GRID = "grid", e;
-}({}), N = ["aria-disabled"], P = {
-	key: 0,
-	class: "s-ui-color-palette__append"
-}, F = /* @__PURE__ */ d({
-	__name: "SColorPalette",
-	props: /*@__PURE__*/ f({
-		layout: { default: () => M.ROW },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		colors: {},
-		size: { default: () => S.SIZE_40 }
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ f(["select"], ["update:modelValue"]),
-	setup(d, { emit: f }) {
-		let S = b(d, "modelValue"), w = f, T = x(), D = s(() => d.colors === void 0 ? E : d.colors), O = i({
-			modelValue: () => S.value,
-			onUpdateModelValue: (e) => {
-				n(e) && (S.value = e, w("select", e));
-			},
-			mode: r.SINGLE,
-			orientation: a.HORIZONTAL,
-			orderedValues: () => D.value,
-			compareValues: t,
-			loop: !0
-		}), k = v(/* @__PURE__ */ new Map()), A = /* @__PURE__ */ new Map(), j = /* @__PURE__ */ new Map(), M = (e, t) => `${String(e)}-${t}`, F = (e) => e && (e instanceof HTMLElement || "$el" in e) ? e : null, I = (e, t) => {
-			let n = M(e, t), r = j.get(n);
-			if (r) return r;
-			let i = (t) => {
-				let r = A.get(n), i = F(t);
-				if (!t) {
-					r && (r(), A.delete(n)), k.delete(n);
-					return;
-				}
-				if (!i || k.get(n) === i && r) return;
-				r && (r(), A.delete(n)), k.set(n, i);
-				let a = O.registerItem({
-					value: e,
-					el: () => k.get(n) ?? null,
-					disabled: () => d.disabled
-				});
-				A.set(n, a);
-			};
-			return j.set(n, i), i;
-		};
-		m(() => {
-			for (let e of A.values()) e();
-			A.clear(), k.clear(), j.clear();
-		});
-		let L = (e) => d.disabled ? -1 : O.getItemTabIndex(e), R = (e, t) => {
-			if (d.disabled) {
-				t.preventDefault(), t.stopPropagation();
-				return;
-			}
-			O.select(e);
-		}, z = (e, t) => {
-			d.disabled || O.handleItemKeydown(t, e);
-		}, B = s(() => [`s-ui-color-palette--layout-${d.layout}`, {
-			"s-ui-color-palette--disabled": d.disabled,
-			"s-ui-color-palette--has-append": !!T.append
-		}]);
-		return (t, n) => (h(), u("div", p({
-			class: ["s-ui-color-palette", B.value],
-			role: "radiogroup",
-			"aria-disabled": d.disabled || void 0
-		}, t.$attrs), [(h(!0), u(o, null, g(D.value, (t, n) => (h(), c(y(C), {
-			key: `${String(t)}-${n}`,
-			ref_for: !0,
-			ref: I(t, n),
-			role: "radio",
-			class: "s-ui-color-palette__swatch",
-			color: y(e)(t),
-			size: d.size,
-			selected: y(O).isSelected(t),
-			disabled: d.disabled,
-			"aria-checked": y(O).isSelected(t) ? "true" : "false",
-			"aria-label": String(t),
-			tabindex: L(t),
-			onClick: (e) => R(t, e),
-			onKeydown: (e) => z(t, e)
-		}, null, 8, [
-			"color",
-			"size",
-			"selected",
-			"disabled",
-			"aria-checked",
-			"aria-label",
-			"tabindex",
-			"onClick",
-			"onKeydown"
-		]))), 128)), y(T).append ? (h(), u("div", P, [_(t.$slots, "append")])) : l("", !0)], 16, N));
-	}
-});
-//#endregion
-export { w as a, E as i, M as n, T as o, j as r, F as t };

package/dist/SColorPalette-CYGnmIWP.cjs

@@ -1 +0,0 @@
-const e=require("./colorValue-DClAEDHr.cjs"),t=require("./useSelectionGroup-TaektE-I.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");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.RED=`red`,e}({}),a=function(e){return e.HEX=`hex`,e.RGB=`rgb`,e.HSL=`hsl`,e}({}),o=[i.RED_ORANGE,i.ORANGE,i.YELLOW,i.GREEN,i.TEAL,i.CYAN,i.BLUE,i.INDIGO,i.VIOLET,i.MAGENTA,i.PINK],s=[i.RED_ORANGE,i.ORANGE,i.YELLOW,i.GREEN,i.TEAL,i.CYAN,i.BLUE,i.INDIGO,i.VIOLET,i.MAGENTA,i.PINK],c=[`primary`,`secondary`,`tertiary`],l=(e,t)=>`var(--s-ui-color-background-accent-${e}-${t})`,u=[`var(--s-ui-color-icon-surface-primary)`,`var(--s-ui-color-icon-surface-tertiary)`,`var(--s-ui-color-icon-surface-disabled)`],d=[...(()=>{let e=[];for(let t of s)for(let n of c)e.push(l(t,n));return e})(),...u],f=function(e){return e.ROW=`row`,e.GRID=`grid`,e}({}),p=[`aria-disabled`],m={key:0,class:`s-ui-color-palette__append`},h=(0,n.defineComponent)({__name:`SColorPalette`,props:(0,n.mergeModels)({layout:{default:()=>f.ROW},disabled:{type:Boolean,default:!1},colors:{},size:{default:()=>r.ESColorSwatchSize.SIZE_40}},{modelValue:{},modelModifiers:{}}),emits:(0,n.mergeModels)([`select`],[`update:modelValue`]),setup(i,{emit:a}){let s=(0,n.useModel)(i,`modelValue`),c=a,l=(0,n.useSlots)(),u=(0,n.computed)(()=>i.colors===void 0?o:i.colors),d=t.o({modelValue:()=>s.value,onUpdateModelValue:e=>{t.i(e)&&(s.value=e,c(`select`,e))},mode:t.n.SINGLE,orientation:t.r.HORIZONTAL,orderedValues:()=>u.value,compareValues:e.r,loop:!0}),f=(0,n.shallowReactive)(new Map),h=new Map,g=new Map,_=(e,t)=>`${String(e)}-${t}`,v=e=>e&&(e instanceof HTMLElement||`$el`in e)?e:null,y=(e,t)=>{let n=_(e,t),r=g.get(n);if(r)return r;let a=t=>{let r=h.get(n),a=v(t);if(!t){r&&(r(),h.delete(n)),f.delete(n);return}if(!a||f.get(n)===a&&r)return;r&&(r(),h.delete(n)),f.set(n,a);let o=d.registerItem({value:e,el:()=>f.get(n)??null,disabled:()=>i.disabled});h.set(n,o)};return g.set(n,a),a};(0,n.onScopeDispose)(()=>{for(let e of h.values())e();h.clear(),f.clear(),g.clear()});let b=e=>i.disabled?-1:d.getItemTabIndex(e),x=(e,t)=>{if(i.disabled){t.preventDefault(),t.stopPropagation();return}d.select(e)},S=(e,t)=>{i.disabled||d.handleItemKeydown(t,e)},C=(0,n.computed)(()=>[`s-ui-color-palette--layout-${i.layout}`,{"s-ui-color-palette--disabled":i.disabled,"s-ui-color-palette--has-append":!!l.append}]);return(t,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({class:[`s-ui-color-palette`,C.value],role:`radiogroup`,"aria-disabled":i.disabled||void 0},t.$attrs),[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(u.value,(t,a)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.SColorSwatch),{key:`${String(t)}-${a}`,ref_for:!0,ref:y(t,a),role:`radio`,class:`s-ui-color-palette__swatch`,color:(0,n.unref)(e.a)(t),size:i.size,selected:(0,n.unref)(d).isSelected(t),disabled:i.disabled,"aria-checked":(0,n.unref)(d).isSelected(t)?`true`:`false`,"aria-label":String(t),tabindex:b(t),onClick:e=>x(t,e),onKeydown:e=>S(t,e)},null,8,[`color`,`size`,`selected`,`disabled`,`aria-checked`,`aria-label`,`tabindex`,`onClick`,`onKeydown`]))),128)),(0,n.unref)(l).append?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,m,[(0,n.renderSlot)(t.$slots,`append`)])):(0,n.createCommentVNode)(``,!0)],16,p))}});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 f}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});

package/dist/SColorPicker-D7QwVS2t.cjs

@@ -1 +0,0 @@
-const e=require("./contrastSurfaceTextColor-Ybh-FZof.cjs"),t=require("./SColorPalette-CYGnmIWP.cjs"),n=require("./colorValue-DClAEDHr.cjs"),r=require("./SButton.types-UKroD-ev.cjs"),i=require("./SButton-C-z_q5CG.cjs"),a=require("./useFloatingOverlay-B1UCUYQQ.cjs"),o=require("./SDropdown-_QUOP-rw.cjs"),s=require("./SSelect-CT3AMH-u.cjs");let c=require("vue"),l=require("@shtabapp/ui-kit-primitives"),u=require("@vueuse/core");var d=e=>Math.max(0,Math.min(255,Math.round(e))),f=e=>{let t=e%360;return t<0?t+360:t},p=e=>Math.max(0,Math.min(100,Math.round(e))),m=e=>{let t=e.slice(1);if(t.length===3){let e=t[0],n=t[1],r=t[2];return!e||!n||!r?void 0:`${e}${e}${n}${n}${r}${r}`}if(t.length===6||t.length===8)return t.slice(0,6)},h=e=>{let t=m(e);if(!t)return;let n=Number.parseInt(t.slice(0,2),16),r=Number.parseInt(t.slice(2,4),16),i=Number.parseInt(t.slice(4,6),16);if(!(Number.isNaN(n)||Number.isNaN(r)||Number.isNaN(i)))return{first:n,second:r,third:i}},g=e=>{let t=d(e.first),n=d(e.second),r=d(e.third);return`#${t.toString(16).padStart(2,`0`).toUpperCase()}${n.toString(16).padStart(2,`0`).toUpperCase()}${r.toString(16).padStart(2,`0`).toUpperCase()}`},_=e=>{let t=h(e);if(!t)return;let n=t.first/255,r=t.second/255,i=t.third/255,a=Math.max(n,r,i),o=Math.min(n,r,i),s=a-o,c=0,l=(a+o)/2;s!==0&&(c=a===n?((r-i)/s+(r<i?6:0))*60:a===r?((i-n)/s+2)*60:((n-r)/s+4)*60);let u=0;return s!==0&&(u=l>.5?s/(2-a-o):s/(a+o)),{first:Math.round(c),second:Math.round(u*100),third:Math.round(l*100)}},v=e=>{let t=f(e.first),n=p(e.second)/100,r=p(e.third)/100,i=e=>{let i=(t+e)/30;return d((r-n*Math.min(r,1-r)*Math.max(-1,Math.min(i%2-1,1)))*255)};return g({first:i(0),second:i(8),third:i(4)})},y=t=>{let n=t.toUpperCase(),r=n.startsWith(`#`)?n.slice(1):n;if(!/^[0-9A-F]{3}$/.test(r)&&!/^[0-9A-F]{6}$/.test(r))return;let i=`#${r}`;if(e.n(i))return g(h(i)??{first:0,second:0,third:0})},b=e=>e.slice(1).toUpperCase(),x=e=>{let t=e.first/255,n=e.second/255,r=e.third/255,i=Math.max(t,n,r),a=i-Math.min(t,n,r),o=0;a!==0&&(o=i===t?(n-r)/a%6:i===n?(r-t)/a+2:(t-n)/a+4,o=Math.round(o*60),o<0&&(o+=360));let s=i===0?0:a/i;return{hue:o,saturation:s,value:i}},S=e=>{let t=e.value*e.saturation,n=e.hue/60,r=t*(1-Math.abs(n%2-1)),i=e.value-t,a=0,o=0,s=0;return n>=0&&n<1?(a=t,o=r):n>=1&&n<2?(a=r,o=t):n>=2&&n<3?(o=t,s=r):n>=3&&n<4?(o=r,s=t):n>=4&&n<5?(a=r,s=t):(a=t,s=r),{first:d((a+i)*255),second:d((o+i)*255),third:d((s+i)*255)}},C=e=>{let t=h(e);if(t)return x(t)},w=e=>g(S(e)),T=[t.o.HEX,t.o.RGB,t.o.HSL],E={[t.o.HEX]:`Hex`,[t.o.RGB]:`RGB`,[t.o.HSL]:`HSL`},D=e=>{let t=getComputedStyle(e).backgroundColor.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/);if(!t)return;let n=Number.parseInt(t[1]??`0`,10),r=Number.parseInt(t[2]??`0`,10),i=Number.parseInt(t[3]??`0`,10);return`#${n.toString(16).padStart(2,`0`).toUpperCase()}${r.toString(16).padStart(2,`0`).toUpperCase()}${i.toString(16).padStart(2,`0`).toUpperCase()}`},O=(t,r)=>{if(n.n(t)&&e.n(t))return t;if(r)return D(r)},k=(e,n)=>n===t.o.HEX?b(e):n===t.o.RGB?h(e)??{first:0,second:0,third:0}:_(e)??{first:0,second:0,third:0},A=e=>{let t=Number.parseInt(e,10);if(!Number.isNaN(t))return t},j=(e,n)=>{if(e===t.o.HEX)return typeof n==`string`?y(n):void 0;if(typeof n==`string`)return;if(e===t.o.RGB){let e=g({first:A(String(n.first))??0,second:A(String(n.second))??0,third:A(String(n.third))??0});return h(e)?e:void 0}let r=v({first:A(String(n.first))??0,second:A(String(n.second))??0,third:A(String(n.third))??0});if(r&&_(r))return r},M=17,N=`#000000`,P=e=>e??N,F=({modelValue:e,getEditableHex:t,saturationAreaRef:n,hueSliderRef:r,disabled:i,readonly:a})=>{let o=C(P(t()))??{hue:0,saturation:0,value:0},s=(0,c.ref)(o.hue),l=(0,c.ref)(o.saturation),d=(0,c.ref)(o.value),f=(0,c.ref)(!1),p=(0,c.ref)(!1),m=(0,c.ref)(!1),h=(0,c.shallowRef)(null),g=(0,c.shallowRef)(null),_=(0,c.computed)(()=>w({hue:s.value,saturation:l.value,value:d.value})),v=(0,c.computed)(()=>w({hue:s.value,saturation:1,value:1})),y=e=>{s.value=Math.max(0,Math.min(360,e))},b=(e,t)=>{l.value=Math.max(0,Math.min(1,e)),d.value=Math.max(0,Math.min(1,t))},x=e=>{let t=C(P(e));t&&(f.value=!0,t.saturation>0&&(s.value=t.hue),l.value=t.saturation,d.value=t.value,f.value=!1)},S=()=>{let e=t();e&&e.toUpperCase()!==_.value.toUpperCase()&&x(e)},T=()=>{let n=_.value;t()?.toUpperCase()!==n.toUpperCase()&&(f.value=!0,e.value=n,f.value=!1)};(0,c.watch)([s,l,d],()=>{f.value||T()}),(0,c.watch)(e,()=>{f.value||S()}),(0,c.onMounted)(()=>{(0,c.nextTick)(()=>{E(),D(),S()})});let E=()=>{h.value=n.value?.getBoundingClientRect()??null},D=()=>{g.value=r.value?.getBoundingClientRect()??null},O=(0,c.computed)(()=>{let e=h.value;return e?{transform:`translate3d(calc(${l.value*e.width}px - 50%), calc(${(1-d.value)*e.height}px - 50%), 0)`}:{}}),k=(0,c.computed)(()=>{let e=g.value;return e?{transform:`translate3d(-50%, calc(${s.value/360*e.height}px - 50%), 0)`}:{}}),A=()=>!i.value&&!a.value,j=e=>{let t=h.value;if(!t)return;let n=Math.max(0,Math.min(e.clientX-t.left,t.width)),r=Math.max(0,Math.min(e.clientY-t.top,t.height));b(n/t.width,1-r/t.height)},M=e=>{let t=g.value;t&&y(Math.max(0,Math.min(e.clientY-t.top,t.height))/t.height*360)},N=e=>{A()&&(E(),p.value=!0,j(e),e.currentTarget instanceof HTMLElement&&e.currentTarget.setPointerCapture(e.pointerId))},F=e=>{A()&&(D(),m.value=!0,M(e),e.currentTarget instanceof HTMLElement&&e.currentTarget.setPointerCapture(e.pointerId))},I=()=>{p.value=!1},L=()=>{m.value=!1};return(0,u.useEventListener)(n,`pointermove`,e=>{p.value&&j(e)}),(0,u.useEventListener)(n,`pointerup`,I),(0,u.useEventListener)(n,`pointercancel`,I),(0,u.useEventListener)(n,`lostpointercapture`,I),(0,u.useEventListener)(r,`pointermove`,e=>{m.value&&M(e)}),(0,u.useEventListener)(r,`pointerup`,L),(0,u.useEventListener)(r,`pointercancel`,L),(0,u.useEventListener)(r,`lostpointercapture`,L),{hexColor:_,hueBackground:v,saturationPointerStyle:O,huePointerStyle:k,handleSaturationPointerDown:N,handleHuePointerDown:F,syncFromModelValue:S}},I=e=>{if(!e)return null;let t=e.$el;if(!(t instanceof HTMLElement))return null;let n=t.querySelector(`.s-ui-color-swatch__fill`);return n instanceof HTMLElement?n:null},L={class:`s-ui-color-area__canvas-row`},R=[`aria-disabled`],z=(0,c.defineComponent)({__name:`SColorArea`,props:(0,c.mergeModels)({disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1}},{modelValue:{required:!0},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=(0,c.useModel)(e,`modelValue`),r=(0,c.useTemplateRef)(`colorResolutionSwatchRef`),i=(0,c.useTemplateRef)(`saturationAreaRef`),a=(0,c.useTemplateRef)(`hueSliderRef`),o=()=>O(t.value,I(r.value)),s=(0,c.computed)(()=>n.a(t.value)),{hexColor:u,hueBackground:d,saturationPointerStyle:f,huePointerStyle:p,handleSaturationPointerDown:m,handleHuePointerDown:h}=F({modelValue:t,getEditableHex:o,saturationAreaRef:i,hueSliderRef:a,disabled:(0,c.toRef)(()=>e.disabled),readonly:(0,c.toRef)(()=>e.readonly)});return(t,n)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,(0,c.mergeProps)({class:[`s-ui-color-area`,{"s-ui-color-area--disabled":e.disabled,"s-ui-color-area--readonly":e.readonly}]},t.$attrs),[(0,c.createVNode)((0,c.unref)(l.SColorSwatch),{ref_key:`colorResolutionSwatchRef`,ref:r,class:`s-ui-color-area__color-resolution`,color:s.value,size:(0,c.unref)(l.ESColorSwatchSize).SIZE_24,tabindex:`-1`,"aria-hidden":`true`},null,8,[`color`,`size`]),(0,c.createElementVNode)(`div`,L,[(0,c.createElementVNode)(`div`,{ref_key:`saturationAreaRef`,ref:i,class:`s-ui-color-area__canvas`,role:`img`,"aria-label":`Color saturation and brightness`,style:(0,c.normalizeStyle)({"--s-ui-color-area-hue":(0,c.unref)(d)}),onPointerdown:n[0]||=(...e)=>(0,c.unref)(m)&&(0,c.unref)(m)(...e)},[(0,c.createElementVNode)(`div`,{class:`s-ui-color-area__canvas-pointer`,style:(0,c.normalizeStyle)({...(0,c.unref)(f),backgroundColor:(0,c.unref)(u)})},null,4)],36),(0,c.createElementVNode)(`div`,{ref_key:`hueSliderRef`,ref:a,class:`s-ui-color-area__hue`,role:`slider`,"aria-label":`Hue`,"aria-valuemin":`0`,"aria-valuemax":`360`,"aria-disabled":e.disabled||e.readonly,onPointerdown:n[1]||=(...e)=>(0,c.unref)(h)&&(0,c.unref)(h)(...e)},[(0,c.createElementVNode)(`div`,{class:`s-ui-color-area__hue-pointer`,style:(0,c.normalizeStyle)({...(0,c.unref)(p),backgroundColor:(0,c.unref)(d)})},null,4)],40,R)])],16))}}),B={class:`s-ui-color-values__left`},V={class:`s-ui-color-values__format`},H={class:`s-ui-color-values__value-group`},U={class:`s-ui-color-values__inputs`},W={key:0,class:`s-ui-color-values__input-wrap`},G=[`disabled`,`readonly`],K={class:`s-ui-color-values__input-wrap`},q=[`disabled`,`readonly`,`aria-label`],J={class:`s-ui-color-values__input-wrap`},Y=[`disabled`,`readonly`,`aria-label`],X={class:`s-ui-color-values__input-wrap`},Z=[`disabled`,`readonly`,`aria-label`],Q=(0,c.defineComponent)({__name:`SColorValues`,props:(0,c.mergeModels)({disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},formats:{default:()=>T}},{modelValue:{required:!0},modelModifiers:{},format:{default:t.o.HEX},formatModifiers:{}}),emits:(0,c.mergeModels)([`formatDropdownOpen`,`formatDropdownClose`],[`update:modelValue`,`update:format`]),setup(e,{emit:a}){let o=(0,c.useModel)(e,`modelValue`),u=(0,c.useModel)(e,`format`),d=a,f=(0,c.useTemplateRef)(`previewSwatchRef`),p=(0,c.ref)(``),m=(0,c.ref)(`0`),h=(0,c.ref)(`0`),g=(0,c.ref)(`0`),_=(0,c.computed)(()=>(e.formats.length>0?e.formats:T).map(e=>({value:e,label:E[e]}))),v=(0,c.computed)(()=>n.a(o.value)),y=(0,c.computed)(()=>O(o.value,I(f.value))),b=(0,c.computed)(()=>u.value===t.o.RGB?`Red channel`:`Hue`),x=(0,c.computed)(()=>u.value===t.o.RGB?`Green channel`:`Saturation`),S=(0,c.computed)(()=>u.value===t.o.RGB?`Blue channel`:`Lightness`),C=()=>{let e=y.value;if(!e)return;let n=k(e,u.value);if(u.value===t.o.HEX&&typeof n==`string`){p.value=n;return}typeof n==`object`&&(m.value=String(n.first),h.value=String(n.second),g.value=String(n.third))};(0,c.watch)([o,u,y],()=>{C()}),(0,c.onMounted)(()=>{(0,c.nextTick)(()=>{C()})});let w=()=>{if(e.disabled||e.readonly)return;if(u.value===t.o.HEX){let e=j(t.o.HEX,p.value);e&&(o.value=e),C();return}let n=j(u.value,{first:Number.parseInt(m.value,10),second:Number.parseInt(h.value,10),third:Number.parseInt(g.value,10)});n&&(o.value=n),C()},D=e=>{e.key===`Enter`&&(e.preventDefault(),w())};return(n,a)=>((0,c.openBlock)(),(0,c.createElementBlock)(`div`,(0,c.mergeProps)({class:[`s-ui-color-values`,{"s-ui-color-values--disabled":e.disabled,"s-ui-color-values--readonly":e.readonly}]},n.$attrs),[(0,c.createElementVNode)(`div`,B,[(0,c.createVNode)((0,c.unref)(l.SColorSwatch),{ref_key:`previewSwatchRef`,ref:f,class:`s-ui-color-values__preview`,color:v.value,size:(0,c.unref)(l.ESColorSwatchSize).SIZE_32,disabled:e.disabled,tabindex:`-1`,"aria-hidden":`true`},null,8,[`color`,`size`,`disabled`]),(0,c.createElementVNode)(`div`,V,[(0,c.createVNode)((0,c.unref)(s.t),{modelValue:u.value,"onUpdate:modelValue":a[0]||=e=>u.value=e,class:`s-ui-color-values__format-select`,options:_.value,disabled:e.disabled,readonly:e.readonly,bordered:!0,clearable:!1,"close-on-select":!0,"fit-viewport":!1,"aria-label":`Color format`,onOpen:a[1]||=e=>d(`formatDropdownOpen`),onClose:a[2]||=e=>d(`formatDropdownClose`)},null,8,[`modelValue`,`options`,`disabled`,`readonly`])])]),(0,c.createElementVNode)(`div`,H,[(0,c.createVNode)((0,c.unref)(i.t),{class:`s-ui-color-values__pipette`,appearance:(0,c.unref)(r.t).BARE,variant:(0,c.unref)(r.r).NEUTRAL,size:(0,c.unref)(r.n).SMALL,icon:`pipette`,"aria-label":`Pick color`,"aria-disabled":`true`,disabled:e.disabled,tabindex:`-1`},null,8,[`appearance`,`variant`,`size`,`disabled`]),a[9]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,U,[u.value===(0,c.unref)(t.o).HEX?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,W,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":a[3]||=e=>p.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`text`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":`Hex color value`,onBlur:w,onKeydown:D},null,40,G),[[c.vModelText,p.value]])])):((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,{key:1},[(0,c.createElementVNode)(`div`,K,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":a[4]||=e=>m.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`numeric`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":b.value,onBlur:w,onKeydown:D},null,40,q),[[c.vModelText,m.value]])]),a[7]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,J,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":a[5]||=e=>h.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`numeric`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":x.value,onBlur:w,onKeydown:D},null,40,Y),[[c.vModelText,h.value]])]),a[8]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,X,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":a[6]||=e=>g.value=e,class:`s-ui-color-values__input s-ui-typography-body-14-regular`,type:`text`,inputmode:`numeric`,spellcheck:`false`,disabled:e.disabled,readonly:e.readonly,"aria-label":S.value,onBlur:w,onKeydown:D},null,40,Z),[[c.vModelText,g.value]])])],64))])])],16))}}),$={class:`s-ui-color-picker__section`},ee={class:`s-ui-color-picker__section`},te={class:`s-ui-color-picker__custom-editor`},ne={class:`s-ui-color-picker__custom-actions`},re=(0,c.defineComponent)({__name:`SColorPicker`,props:(0,c.mergeModels)({disabled:{type:Boolean,default:!1},recommendedColors:{},recentColors:{default:()=>[]}},{modelValue:{},modelModifiers:{}}),emits:(0,c.mergeModels)([`select`,`customEditorOpen`,`customEditorClose`,`formatDropdownOpen`,`formatDropdownClose`],[`update:modelValue`]),setup(e,{emit:n}){let u=(0,c.useModel)(e,`modelValue`),d=n,f=(0,c.ref)(!1),p=(0,c.ref)(`#526DE3`),m=(0,c.ref)(t.o.HEX),h=(0,c.computed)(()=>e.recommendedColors&&e.recommendedColors.length>0?e.recommendedColors:t.r),g=(0,c.computed)(()=>e.recentColors.length<=17?e.recentColors:e.recentColors.slice(0,17)),_=()=>{if(u.value){p.value=u.value;return}p.value=`#526DE3`},v=e=>{d(`select`,e)},y=()=>{u.value=p.value,d(`select`,p.value),f.value=!1},b=()=>{f.value=!1};return(0,c.watch)(f,(e,t)=>{if(e&&!t){_(),d(`customEditorOpen`);return}!e&&t&&d(`customEditorClose`)}),(n,_)=>((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(s.r),(0,c.mergeProps)({width:336},n.$attrs),{default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,{class:(0,c.normalizeClass)([`s-ui-color-picker`,{"s-ui-color-picker--disabled":e.disabled}])},[(0,c.createElementVNode)(`section`,$,[_[8]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-picker__label`},`Рекомендованные цвета`,-1),(0,c.createVNode)((0,c.unref)(t.t),{modelValue:u.value,"onUpdate:modelValue":_[0]||=e=>u.value=e,class:`s-ui-color-picker__palette`,layout:(0,c.unref)(t.n).GRID,colors:h.value,size:(0,c.unref)(l.ESColorSwatchSize).SIZE_32,disabled:e.disabled,onSelect:v},null,8,[`modelValue`,`layout`,`colors`,`size`,`disabled`])]),(0,c.createElementVNode)(`section`,ee,[_[11]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-picker__label`},`Последние использованные`,-1),(0,c.createVNode)((0,c.unref)(t.t),{modelValue:u.value,"onUpdate:modelValue":_[7]||=e=>u.value=e,class:`s-ui-color-picker__palette`,layout:(0,c.unref)(t.n).ROW,colors:g.value,size:(0,c.unref)(l.ESColorSwatchSize).SIZE_32,disabled:e.disabled,onSelect:v},{append:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(o.t),{modelValue:f.value,"onUpdate:modelValue":_[6]||=e=>f.value=e,placement:(0,c.unref)(a.i).RIGHT_START,offset:8,shift:!0,flip:!0,disabled:e.disabled,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{trigger:(0,c.withCtx)(({toggle:t,triggerProps:n})=>[(0,c.createVNode)((0,c.unref)(i.t),(0,c.mergeProps)(n,{class:`s-ui-color-picker__add-button`,appearance:(0,c.unref)(r.t).OUTLINED,variant:(0,c.unref)(r.r).NEUTRAL,size:(0,c.unref)(r.n).SMALL,icon:`plus`,"aria-label":`Add custom color`,disabled:e.disabled,onClick:t}),null,16,[`appearance`,`variant`,`size`,`disabled`,`onClick`])]),content:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(s.r),{width:320},{footer:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,ne,[(0,c.createVNode)((0,c.unref)(i.t),{class:`s-ui-color-picker__save-button`,appearance:(0,c.unref)(r.t).MAJOR,variant:(0,c.unref)(r.r).MAIN,size:(0,c.unref)(r.n).SMALL,disabled:e.disabled,onClick:y},{default:(0,c.withCtx)(()=>[..._[9]||=[(0,c.createTextVNode)(` Сохранить `,-1)]]),_:1},8,[`appearance`,`variant`,`size`,`disabled`]),(0,c.createVNode)((0,c.unref)(i.t),{class:`s-ui-color-picker__cancel-button`,appearance:(0,c.unref)(r.t).MINOR,variant:(0,c.unref)(r.r).NEUTRAL,size:(0,c.unref)(r.n).SMALL,disabled:e.disabled,onClick:b},{default:(0,c.withCtx)(()=>[..._[10]||=[(0,c.createTextVNode)(` Отменить `,-1)]]),_:1},8,[`appearance`,`variant`,`size`,`disabled`])])]),default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,te,[(0,c.createVNode)(z,{modelValue:p.value,"onUpdate:modelValue":_[1]||=e=>p.value=e,disabled:e.disabled},null,8,[`modelValue`,`disabled`]),(0,c.createVNode)(Q,{modelValue:p.value,"onUpdate:modelValue":_[2]||=e=>p.value=e,format:m.value,"onUpdate:format":_[3]||=e=>m.value=e,disabled:e.disabled,onFormatDropdownOpen:_[4]||=e=>d(`formatDropdownOpen`),onFormatDropdownClose:_[5]||=e=>d(`formatDropdownClose`)},null,8,[`modelValue`,`format`,`disabled`])])]),_:1})]),_:1},8,[`modelValue`,`placement`,`disabled`])]),_:1},8,[`modelValue`,`layout`,`colors`,`size`,`disabled`])])],2)]),_:1},16))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return re}});

package/dist/SInput-DYS84eMS.cjs

@@ -1 +0,0 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./SInlineMessage-gjkMiE-W.cjs"),r=require("./SLabel-CTiOAAOu.cjs"),i=require("./useFieldMessages-CzjU0ajM.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=function(e){return e.NONE=`none`,e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),c=[`inert`,`aria-disabled`],l={key:0,class:`s-ui-input__prepend`},u={class:`s-ui-input__row`},d={key:0,class:`s-ui-input__prefix`},f=[`id`,`type`,`name`,`placeholder`,`disabled`,`readonly`,`autocomplete`],p={key:0,class:`s-ui-input__inline`},m={key:1,class:`s-ui-input__clear`},h={key:2,class:`s-ui-input__action`},g={key:1,class:`s-ui-input__messages`},_=16,v=(0,a.defineComponent)({inheritAttrs:!1,__name:`SInput`,props:(0,a.mergeModels)({label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},hasValue:{type:Boolean},focused:{type:Boolean,default:!1},iconLeft:{},iconRight:{},customize:{default:()=>s.NONE},name:{},type:{default:`text`},id:{},autocomplete:{}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,a.mergeModels)([`clear`,`focus`,`blur`],[`update:modelValue`]),setup(v,{expose:y,emit:b}){let x=(0,a.useModel)(v,`modelValue`),S=b,C=(0,a.useAttrs)(),w=(0,a.useSlots)(),T=(0,a.useId)(),E=(0,a.useTemplateRef)(`fieldElementRef`),D=(0,a.useTemplateRef)(`inputElementRef`),{isFocused:O,handleFocus:k,handleFocusOut:A}=i.n({isDisabled:()=>v.disabled,blurField:()=>Y(),emitFocus:e=>S(`focus`,e),emitBlur:e=>S(`blur`,e)}),{normalizedHelpMessages:j,normalizedErrorMessages:M,hasErrorMessages:N,hasHelpMessages:P}=i.t(()=>v.helpMessages,()=>v.errorMessages),F=(0,a.computed)(()=>v.id?v.id:T),I=(0,a.computed)(()=>!!(v.label||w.label)),L=(0,a.computed)(()=>!!(v.iconLeft||w.prefix)),R=(0,a.computed)(()=>v.customize===s.VERTICAL&&!!w.prepend),z=(0,a.computed)(()=>v.customize===s.HORIZONTAL&&!!w.prepend),B=(0,a.computed)(()=>!v.clearable||v.disabled||v.readonly?!1:x.value.length>0),V=(0,a.computed)(()=>{if(!O.value)return-1}),H=(0,a.computed)(()=>!!(v.iconRight||w.action)),U=(0,a.computed)(()=>!!w.message||P.value||N.value),W=(0,a.computed)(()=>v.hasValue===void 0?x.value.length>0:v.hasValue),G=(0,a.computed)(()=>({"s-ui-input--disabled":v.disabled,"s-ui-input--readonly":v.readonly})),K=(0,a.computed)(()=>[{"s-ui-input__field--bordered":v.bordered,"s-ui-input__field--borderless":!v.bordered,"s-ui-input__field--disabled":v.disabled,"s-ui-input__field--readonly":v.readonly,"s-ui-input__field--error":N.value,"s-ui-input__field--filled":W.value,"s-ui-input__field--vertical":v.customize===s.VERTICAL,"s-ui-input__field--focused":O.value||v.focused}]),q=e=>{let t=E.value;t&&t.querySelector(`.s-ui-input__control, .s-ui-select__control, .s-ui-select__search-input, [tabindex]:not([tabindex="-1"])`)?.focus(e)},J=e=>{if(w.control){q(e);return}D.value?.focus(e)},Y=()=>{if(w.control){let e=document.activeElement;e instanceof HTMLElement&&E.value?.contains(e)&&e.blur();return}D.value?.blur()},X=e=>{v.disabled||v.readonly||e.target instanceof HTMLElement&&(e.target.closest(`.s-ui-input__prepend, .s-ui-input__inline, .s-ui-input__clear, .s-ui-input__action`)||J())},Z=()=>{x.value=``,S(`clear`),J()};return y({blur:Y,focus:J,fieldElementRef:E,inputElementRef:D}),(i,y)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)([`s-ui-input`,G.value])},[I.value?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(r.t),(0,a.mergeProps)({key:0},v.labelProps,{"html-for":F.value}),{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(i.$slots,`label`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(v.label),1)])]),_:3},16,[`html-for`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{ref_key:`fieldElementRef`,ref:E,class:(0,a.normalizeClass)([`s-ui-input__field`,K.value]),inert:v.disabled?!0:void 0,"aria-disabled":v.disabled?!0:void 0,onClick:y[2]||=e=>X(e),onFocusout:y[3]||=(...e)=>(0,a.unref)(A)&&(0,a.unref)(A)(...e)},[R.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,l,[(0,a.renderSlot)(i.$slots,`prepend`,{disabled:v.disabled})])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,u,[L.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,d,[(0,a.renderSlot)(i.$slots,`prefix`,{disabled:v.disabled},()=>[v.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:v.iconLeft,size:_},null,8,[`name`])):(0,a.createCommentVNode)(``,!0)])])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{class:(0,a.normalizeClass)([`s-ui-input__control-wrap`,{"s-ui-input__control-wrap--horizontal":v.customize===(0,a.unref)(s).HORIZONTAL}])},[(0,a.renderSlot)(i.$slots,`control`,{disabled:v.disabled},()=>[(0,a.withDirectives)((0,a.createElementVNode)(`input`,(0,a.mergeProps)({id:F.value,ref_key:`inputElementRef`,ref:D,"onUpdate:modelValue":y[0]||=e=>x.value=e,class:`s-ui-input__control s-ui-typography-body-14-regular`,type:v.type,name:v.name,placeholder:v.placeholder,disabled:v.disabled,readonly:v.readonly,autocomplete:v.autocomplete},(0,a.unref)(C),{onFocus:y[1]||=(...e)=>(0,a.unref)(k)&&(0,a.unref)(k)(...e)}),null,16,f),[[a.vModelDynamic,x.value]])]),z.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,p,[(0,a.renderSlot)(i.$slots,`prepend`,{disabled:v.disabled})])):(0,a.createCommentVNode)(``,!0)],2),B.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,m,[(0,a.createVNode)((0,a.unref)(t.t),{appearance:(0,a.unref)(e.t).BARE,variant:(0,a.unref)(e.r).NEUTRAL,size:(0,a.unref)(e.n).SMALL,icon:`closeMini`,"aria-label":`Clear`,tabindex:V.value,onClick:(0,a.withModifiers)(Z,[`stop`])},null,8,[`appearance`,`variant`,`size`,`tabindex`])])):(0,a.createCommentVNode)(``,!0),H.value?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,h,[(0,a.renderSlot)(i.$slots,`action`,{disabled:v.disabled},()=>[v.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(t.t),{key:0,appearance:(0,a.unref)(e.t).BARE,variant:(0,a.unref)(e.r).NEUTRAL,size:(0,a.unref)(e.n).SMALL,disabled:v.disabled,icon:v.iconRight,tabindex:-1},null,8,[`appearance`,`variant`,`size`,`disabled`,`icon`])):(0,a.createCommentVNode)(``,!0)])])):(0,a.createCommentVNode)(``,!0)])],42,c),U.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,g,[(0,a.renderSlot)(i.$slots,`message`,{},()=>[((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(j),(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(n.t),{key:`help-${t}`,message:e},null,8,[`message`]))),128)),((0,a.openBlock)(!0),(0,a.createElementBlock)(a.Fragment,null,(0,a.renderList)((0,a.unref)(M),(e,t)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(n.t),{key:`error-${t}`,message:e,"validation-status":(0,a.unref)(n.n).ERROR},null,8,[`message`,`validation-status`]))),128))])])):(0,a.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});

package/dist/SListItem-BDkldLVt.cjs

@@ -1 +0,0 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectLink-DDdMmsJB.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives");var a=Symbol(`sListInjectionKey`),o=function(e){return e.NEUTRAL=`neutral`,e.MAIN=`main`,e.ERROR=`error`,e}({}),s=[`id`,`tabindex`,`aria-selected`,`aria-disabled`,`aria-readonly`,`aria-busy`,`aria-expanded`],c={key:0,class:`s-ui-list-item__level`},l={class:`s-ui-list-item__body`},u={key:0,class:`s-ui-list-item__icon-left`},d={class:`s-ui-list-item__text`},f={key:0,class:`s-ui-list-item__title s-ui-typography-label-14-medium`},p={key:1,class:`s-ui-list-item__subtitle s-ui-typography-body-12-regular`},m={key:1,class:`s-ui-list-item__title-action`},h={key:1,class:`s-ui-list-item__actions`},g={class:`s-ui-list-item__actions-reveal`},_={class:`s-ui-list-item__actions-inner`},v={key:0,class:`s-ui-list-item__trailing`},y={key:1,class:`s-ui-list-item__action-end`},b=16,x=`.s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions`,S=(0,r.defineComponent)({__name:`SListItem`,props:{depth:{default:0},expandable:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},variant:{default:()=>o.NEUTRAL},tiny:{type:Boolean,default:!1},selected:{type:Boolean,default:!1},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},title:{},subtitle:{},iconLeft:{},rowKey:{},revealRight:{type:Boolean}},emits:[`click`,`toggleExpand`,`keydown`],setup(o,{expose:S,emit:C}){let w=C,T=(0,r.computed)(()=>({disabled:o.disabled,readonly:o.readonly})),E=(0,r.useSlots)(),D=(0,r.useTemplateRef)(`listItemElementRef`),O=(0,r.inject)(a,null),k=n.n({group:()=>O,value:()=>o.rowKey,el:()=>D.value,disabled:()=>o.disabled||o.loading,interactive:()=>!o.readonly&&!o.loading}),A=(0,r.computed)(()=>!!(E.trailing||E.right||E[`action-end`])),j=(0,r.computed)(()=>O&&o.rowKey?O.isExpanded(o.rowKey):o.expanded),M=(0,r.computed)(()=>k.isInGroup.value?k.isActive.value:o.selected),N=(0,r.computed)(()=>O&&o.rowKey?O.activeKey()===o.rowKey:o.active),P=(0,r.computed)(()=>o.revealRight===void 0?O?O.revealRight():!1:o.revealRight),F=(0,r.computed)(()=>{if(!(!O||!o.rowKey))return O.getItemOptionId(o.rowKey)}),I=(0,r.computed)(()=>{if(O?.usesActiveDescendantNavigation())return-1;if(!(o.disabled||o.readonly||o.loading))return k.tabIndex.value===void 0?0:k.tabIndex.value}),L=(0,r.computed)(()=>({"--s-ui-list-item-depth":String(o.depth)})),R=(0,r.computed)(()=>[`s-ui-list-item--variant-${o.variant}`,{"s-ui-list-item--tiny":o.tiny,"s-ui-list-item--selected":M.value,"s-ui-list-item--active":N.value,"s-ui-list-item--disabled":o.disabled,"s-ui-list-item--readonly":o.readonly,"s-ui-list-item--loading":o.loading,"s-ui-list-item--expandable":o.expandable,"s-ui-list-item--reveal-right":P.value}]),z=()=>{if(!(o.disabled||o.readonly||o.loading)){if(O&&o.rowKey){O.toggleExpanded(o.rowKey);return}w(`toggleExpand`)}},B=e=>e.target instanceof Element&&!!e.target.closest(x),V=e=>{o.disabled||o.readonly||o.loading||B(e)||(O&&o.rowKey&&O.setActiveKey(o.rowKey),k.isInGroup.value&&k.handleClick(),w(`click`,e))},H=e=>{o.disabled||o.readonly||o.loading||(k.isInGroup.value&&k.handleKeydown(e),w(`keydown`,e))};return S({listItemElementRef:D}),(n,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`listItemElementRef`,ref:D,id:F.value,class:(0,r.normalizeClass)([`s-ui-list-item`,R.value]),style:(0,r.normalizeStyle)(L.value),tabindex:I.value,role:`option`,"aria-selected":M.value?!0:void 0,"aria-disabled":o.disabled||o.loading?!0:void 0,"aria-readonly":o.readonly?!0:void 0,"aria-busy":o.loading?!0:void 0,"aria-expanded":o.expandable&&!o.loading?j.value:void 0,onClick:V,onKeydown:H},[o.loading?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SSkeleton),{key:0,type:(0,r.unref)(i.ESSkeletonType).S_LIST_ITEM},null,8,[`type`])):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[o.expandable||o.depth||(0,r.unref)(E).level?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,c,[(0,r.renderSlot)(n.$slots,`level`,{},()=>[o.expandable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.t),{key:0,class:(0,r.normalizeClass)([`s-ui-list-item__expand`,{"s-ui-list-item__expand--expanded":j.value}]),appearance:(0,r.unref)(e.t).BARE,variant:(0,r.unref)(e.r).NEUTRAL,size:(0,r.unref)(e.n).SMALL,icon:`chevronMiniRight`,disabled:o.disabled||o.readonly,tabindex:-1,"aria-label":j.value?`Collapse`:`Expand`,onClick:(0,r.withModifiers)(z,[`stop`])},null,8,[`class`,`appearance`,`variant`,`size`,`disabled`,`aria-label`])):(0,r.createCommentVNode)(``,!0)])])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,l,[o.iconLeft||(0,r.unref)(E)[`icon-left`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,u,[(0,r.renderSlot)(n.$slots,`icon-left`,{},()=>[o.iconLeft?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SIcon),{key:0,name:o.iconLeft,size:b},null,8,[`name`])):(0,r.createCommentVNode)(``,!0)])])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,d,[o.title||(0,r.unref)(E).title?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,f,[(0,r.renderSlot)(n.$slots,`title`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(o.title),1)])])):(0,r.createCommentVNode)(``,!0),o.subtitle||(0,r.unref)(E).subtitle?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,p,[(0,r.renderSlot)(n.$slots,`subtitle`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(o.subtitle),1)])])):(0,r.createCommentVNode)(``,!0)]),(0,r.unref)(E)[`title-action`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,m,[(0,r.renderSlot)(n.$slots,`title-action`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0)]),A.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,h,[(0,r.createElementVNode)(`div`,g,[(0,r.createElementVNode)(`div`,_,[(0,r.unref)(E).trailing?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,v,[(0,r.renderSlot)(n.$slots,`trailing`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0),(0,r.renderSlot)(n.$slots,`right`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value))),(0,r.unref)(E)[`action-end`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,y,[(0,r.renderSlot)(n.$slots,`action-end`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0)])])])):(0,r.createCommentVNode)(``,!0)],64))],46,s))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}});

package/dist/SSelect-CT3AMH-u.cjs

@@ -1 +0,0 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-C-z_q5CG.cjs"),n=require("./useSelectionGroup-TaektE-I.cjs"),r=require("./SDropdown-_QUOP-rw.cjs"),i=require("./SInput-DYS84eMS.cjs"),a=require("./SList-CU2Sy9Md.cjs"),o=require("./SListItem-BDkldLVt.cjs");let s=require("vue"),c=require("@shtabapp/ui-kit-primitives");var l={key:0,class:`s-ui-dropdown-menu__header`},u={key:1,class:`s-ui-dropdown-menu__footer`},d=(0,s.defineComponent)({__name:`SDropdownMenu`,props:{width:{},maxHeight:{},accent:{type:Boolean,default:!1}},setup(e){let t=(0,s.useSlots)(),n=e=>typeof e==`number`?`${e}px`:e,r=(0,s.computed)(()=>({"s-ui-dropdown-menu--accent":e.accent,"s-ui-dropdown-menu--bounded":!!e.maxHeight})),i=(0,s.computed)(()=>({"s-ui-dropdown-menu__body--scrollable":!!e.maxHeight})),a=(0,s.computed)(()=>({"--s-ui-dropdown-menu-width":n(e.width),"--s-ui-dropdown-menu-max-height":n(e.maxHeight)}));return(e,n)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu`,r.value]),style:(0,s.normalizeStyle)(a.value)},[(0,s.unref)(t).header?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,l,[(0,s.renderSlot)(e.$slots,`header`)])):(0,s.createCommentVNode)(``,!0),(0,s.createElementVNode)(`div`,{class:(0,s.normalizeClass)([`s-ui-dropdown-menu__body`,i.value])},[(0,s.renderSlot)(e.$slots,`default`)],2),(0,s.unref)(t).footer?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,u,[(0,s.renderSlot)(e.$slots,`footer`)])):(0,s.createCommentVNode)(``,!0)],6))}}),f=({listItemScope:e,itemTitle:t,itemSubtitle:n,itemDisabled:r,itemIconLeft:i,listActiveKey:o,isOptionSelected:s})=>{let c=e.item;return{rowKey:e.key,title:a.i(c,t),subtitle:a.i(c,n),disabled:a.n(c,r),iconLeft:a.r(c,i),selected:s,active:o===e.key,revealRight:e.revealRight,tiny:!0}},p=e=>typeof e==`string`||typeof e==`number`,m=(e,t)=>{let n=e[t];if(p(n))return n},h=e=>typeof e==`string`?e:String(e),g=e=>e==null?!1:typeof e==`string`?e.length>0:!0,_=(e,t,n)=>t.find(t=>h(m(t,n)??``)===e),v=e=>typeof e==`object`&&!!e,y=(e,t,n)=>{let r=_(e,t,n);if(r)return m(r,n)},b=function(e){return e.INPUT=`input`,e.CONTENT=`content`,e}({}),x=(e,t,n)=>{if(!e)return!0;let r=e.toLocaleLowerCase(),i=a.i(t,n.itemTitle)?.toLocaleLowerCase()??``,o=h(m(t,n.itemValue)??``).toLocaleLowerCase();return i.includes(r)||o.includes(r)},S=(e,t,n,r)=>{let i=r??((e,t)=>x(e,t,n));return t?e.filter(e=>i(t,e)):[...e]},C=e=>typeof e==`string`&&g(e),w=e=>typeof e==`number`&&g(e),T=(e,t,n)=>{if(t){if(!v(e))return;let t=m(e,n);return C(t)||w(t)?t:void 0}let r=typeof e==`string`||typeof e==`number`?e:void 0;if(C(r)||w(r))return r},E=(e,t,n)=>e?(Array.isArray(e)?e:[e]).flatMap(e=>{let r=T(e,t,n);return g(r)?[r]:[]}):[],D=(e,t)=>{if(C(t)){e.value=t;return}if(w(t)){e.value=t;return}e.value=void 0},O=(e,t,n)=>t.flatMap(t=>{let r=h(t),i=e.find(e=>h(m(e,n)??``)===r);return i?[i]:[]}),k=({modelValue:e,options:t,itemFields:r,multiple:i,returnObject:o,searchable:c,filterOption:l,isDropdownOpen:u,searchQuery:d})=>{let f=(0,s.computed)(()=>(0,s.toValue)(i)),p=(0,s.computed)(()=>(0,s.toValue)(o)),v=(0,s.computed)(()=>(0,s.toValue)(c)===b.INPUT),x=(0,s.computed)(()=>(0,s.toValue)(c)===b.CONTENT),C=(0,s.computed)(()=>!!(0,s.toValue)(c)),w=(0,s.computed)(()=>{let t=(0,s.toValue)(r);return E(e.value,p.value,t.itemValue)}),T=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return S(e,C.value?d.value:``,n,(0,s.toValue)(l))}),k=(0,s.computed)(()=>f.value?n.n.MULTIPLE:n.n.SINGLE),A=(t,n,r)=>{if(p.value){e.value=O(n,t,r);return}e.value=t},ee=(t,n,r)=>{if(!t){e.value=void 0;return}if(p.value){e.value=_(t,n,r)??void 0;return}D(e,y(t,n,r))},te=(0,s.computed)({get:()=>{if(f.value)return w.value.map(e=>h(e));let e=w.value[0];if(g(e))return h(e)},set:e=>{let n=(0,s.toValue)(t),i=(0,s.toValue)(r);if(f.value){A((Array.isArray(e)?e:[]).map(e=>y(e,n,i.itemValue)).filter(e=>g(e)),n,i.itemValue);return}ee(typeof e==`string`?e:void 0,n,i.itemValue)}}),j=(0,s.computed)(()=>w.value.length>0),M=(e,t,n)=>{let r=h(t);return e.find(e=>h(m(e,n)??``)===r)},N=(0,s.computed)(()=>{let e=w.value[0];if(!g(e))return``;let n=(0,s.toValue)(r),i=M((0,s.toValue)(t),e,n.itemValue);return i?a.i(i,n.itemTitle)??``:h(e)}),P=(0,s.computed)(()=>{let e=(0,s.toValue)(t),n=(0,s.toValue)(r);return w.value.map(t=>{let r=M(e,t,n.itemValue);return r?a.i(r,n.itemTitle)??``:h(t)})}),ne=(0,s.computed)(()=>P.value.join(`, `)),re=(0,s.computed)(()=>f.value?w.value.length===0:!N.value),F=(0,s.computed)(()=>v.value&&(u.value||f.value)),I=()=>{d.value=``};return(0,s.watch)(u,e=>{e||I()}),(0,s.watch)(()=>(0,s.toValue)(c),()=>{I()}),{searchQuery:d,selectedValues:w,filteredOptions:T,listSelectionMode:k,listSelectedModel:te,hasSelectedValues:j,singleDisplayLabel:N,multipleDisplayLabels:P,multipleDisplayText:ne,showPlaceholder:re,showInputSearchField:F,isSearchableMode:C,isSearchableInputMode:v,isSearchableContentMode:x,isMultipleMode:f,isReturnObjectMode:p,clearSelection:()=>{e.value=void 0,I()},removeSelectedValue:e=>{let n=h(e);A(w.value.filter(e=>h(e)!==n),(0,s.toValue)(t),(0,s.toValue)(r).itemValue)},resetSearchQuery:I,formatSelectListKey:h,resolveValueFromListKey:e=>y(e,(0,s.toValue)(t),(0,s.toValue)(r).itemValue)}},A={key:1,class:`s-ui-select__empty s-ui-typography-body-14-regular`},ee=[`id`,`aria-expanded`,`aria-controls`,`aria-disabled`,`aria-readonly`,`aria-autocomplete`,`tabindex`],te={key:0,class:`s-ui-select__value`},j={key:1,class:`s-ui-select__placeholder`},M={key:1,class:`s-ui-select__placeholder`},N={key:2,class:`s-ui-select__value`},P={key:3,class:`s-ui-select__value-suffix`},ne=[`name`,`placeholder`,`disabled`,`readonly`],re=20,F=20,I=(0,s.defineComponent)({inheritAttrs:!1,__name:`SSelect`,props:(0,s.mergeModels)({options:{},itemValue:{default:`value`},itemTitle:{default:`label`},itemSubtitle:{default:`subtitle`},itemId:{},itemDisabled:{default:`disabled`},itemIconLeft:{default:`iconLeft`},multiple:{type:Boolean,default:!1},returnObject:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},closableOptions:{type:Boolean,default:!1},searchable:{type:[String,Boolean],default:!1},closeOnSelect:{type:Boolean,default:!0},listHeight:{default:320},searchPlaceholder:{default:`Search`},filterOption:{type:Function},fitViewport:{type:Boolean,default:!0},label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},iconLeft:{},customize:{default:()=>i.n.NONE},name:{},id:{}},{modelValue:{},modelModifiers:{},searchQuery:{default:``},searchQueryModifiers:{}}),emits:(0,s.mergeModels)([`clear`,`focus`,`blur`,`open`,`close`],[`update:modelValue`,`update:searchQuery`]),setup(n,{expose:l,emit:u}){let p=(0,s.useModel)(n,`modelValue`),m=(0,s.useModel)(n,`searchQuery`),h=u,_=(0,s.useSlots)(),v=(0,s.useId)(),y=(0,s.useId)(),b=(0,s.useTemplateRef)(`triggerInputRef`),x=(0,s.ref)(``),S=(0,s.useTemplateRef)(`searchInputElementRef`),C=(0,s.useTemplateRef)(`panelSearchInputElementRef`),w=(0,s.useTemplateRef)(`listElementRef`),T=(0,s.ref)(),E=(0,s.ref)(!1),D=(0,s.ref)(!1),O=(0,s.computed)(()=>n.itemId??n.itemValue),I=(0,s.computed)(()=>({itemValue:n.itemValue,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemId:O.value})),{selectedValues:L,filteredOptions:R,listSelectionMode:ie,listSelectedModel:z,hasSelectedValues:B,singleDisplayLabel:ae,multipleDisplayLabels:oe,multipleDisplayText:V,showPlaceholder:H,showInputSearchField:U,isSearchableMode:se,isSearchableInputMode:W,isSearchableContentMode:G,isMultipleMode:K,clearSelection:ce,removeSelectedValue:q,resolveValueFromListKey:le,formatSelectListKey:J}=k({modelValue:p,options:()=>n.options,itemFields:()=>I.value,multiple:()=>n.multiple,returnObject:()=>n.returnObject,searchable:()=>n.searchable,filterOption:()=>n.filterOption,isDropdownOpen:E,searchQuery:m}),ue=(0,s.computed)(()=>!!_[`value-suffix`]),de=(0,s.computed)(()=>({disabled:n.disabled,displayLabel:ae.value})),Y=(0,s.computed)(()=>R.value.length>F),fe=(0,s.computed)(()=>G.value||Y.value?n.listHeight:`auto`),pe=(0,s.computed)(()=>{if(!(G.value||Y.value))return n.listHeight}),me=(0,s.computed)(()=>L.value.map(e=>J(e))),he=e=>me.value.includes(e),ge=()=>({tiny:!0}),_e=e=>f({listItemScope:e,itemTitle:n.itemTitle,itemSubtitle:n.itemSubtitle,itemDisabled:n.itemDisabled,itemIconLeft:n.itemIconLeft,listActiveKey:T.value,isOptionSelected:he(e.key)}),ve=e=>{let t=le(e);if(g(t)){if(K.value){q(t);return}p.value=void 0}},ye=(0,s.computed)(()=>n.id??v),be=(0,s.computed)(()=>y),xe=(0,s.computed)(()=>b.value?.fieldElementRef??null),Se=(0,s.computed)(()=>({labels:oe.value,values:L.value,displayText:V.value,disabled:n.disabled||n.readonly,removeValue:q})),Ce=(0,s.computed)(()=>{if(!n.disabled&&(n.readonly&&!W.value||!W.value))return 0}),we=(0,s.computed)(()=>({"s-ui-select--disabled":n.disabled,"s-ui-select--readonly":n.readonly,"s-ui-select--multiple":K.value,"s-ui-select--open":E.value})),Te=()=>{if(G.value){C.value?.focus();return}S.value?.focus()},Ee=async()=>{await(0,s.nextTick)(),C.value?.focus()},De=async()=>{await(0,s.nextTick)(),await w.value?.focusNavigation()},X=async()=>{if(!(n.disabled||n.readonly)&&!E.value){if(E.value=!0,h(`open`),G.value){await Ee();return}if(W.value){await(0,s.nextTick)(),S.value?.focus();return}await De()}},Oe=async()=>{n.disabled||n.readonly||E.value||await X()};(0,s.watch)(m,async e=>{W.value&&(n.disabled||n.readonly||e&&(E.value||await X()))});let Z=()=>{E.value&&(E.value=!1,T.value=void 0,h(`close`))},Q=()=>{!n.closeOnSelect||K.value||Z()};(0,s.watch)(p,(e,t)=>{!n.closeOnSelect||K.value||!E.value||!e||e===t||Z()});let ke=e=>{E.value&&e.target instanceof Element&&e.target.closest(`.s-ui-list-item`)&&Q()},Ae=async e=>{e.key!==`Enter`&&e.key!==` `&&e.key!==`Spacebar`||E.value&&(await(0,s.nextTick)(),Q())},$=async()=>{if(E.value){Z();return}await X()},je=async e=>{if(!(n.disabled||n.readonly)&&e.target instanceof HTMLElement){if(e.target.closest(`.s-ui-select__search-input`)){E.value||await X();return}await $()}},Me=async e=>e.key!==`ArrowDown`&&e.key!==`ArrowUp`?!1:(e.preventDefault(),e.stopPropagation(),E.value||await X(),await De(),await w.value?.handleKeyboardNavigation(e),!0),Ne=e=>{let t=le(e);if(t){if(K.value){L.value.some(t=>J(t)===e)?q(t):z.value=[...L.value.map(e=>J(e)),e];return}z.value=e,Q()}},Pe=async e=>{if(!(n.disabled||n.readonly)&&!await Me(e)){if(e.key===`Escape`){e.preventDefault(),Z();return}if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),E.value&&T.value){Ne(T.value);return}await $()}}},Fe=async e=>{if(e.key===`Escape`){e.preventDefault(),Z();return}await Me(e)},Ie=Fe,Le=e=>{n.disabled||(D.value||h(`focus`,e),D.value=!0)},Re=e=>{if(!(e.currentTarget instanceof HTMLElement))return;let t=e.relatedTarget;t instanceof Node&&e.currentTarget.contains(t)||(D.value=!1,h(`blur`,e))},ze=()=>{ce(),h(`clear`)};return l({open:X,close:Z,toggle:$,focusSearchInput:Te}),(l,u)=>((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{class:(0,s.normalizeClass)([`s-ui-select`,we.value])},[(0,s.createVNode)((0,s.unref)(r.t),{modelValue:E.value,"onUpdate:modelValue":u[4]||=e=>E.value=e,reference:xe.value,disabled:n.disabled,"match-reference-width":!0,"fit-viewport":n.fitViewport,"content-id":be.value,"dismiss-on-click-outside":!0,"dismiss-on-escape":!0},{content:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(d),{class:`s-ui-select__menu`,width:`100%`},(0,s.createSlots)({default:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{class:`s-ui-select__menu-body`,onClick:ke,onKeydown:Ae},[(0,s.unref)(R).length>0?((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(a.t),{key:0,ref_key:`listElementRef`,ref:w,modelValue:T.value,"onUpdate:modelValue":u[2]||=e=>T.value=e,selected:(0,s.unref)(z),"onUpdate:selected":u[3]||=e=>(0,s.isRef)(z)?z.value=e:null,items:(0,s.unref)(R),"item-key":O.value,"title-key":n.itemTitle,"subtitle-key":n.itemSubtitle,"icon-left-key":n.itemIconLeft,"disabled-key":n.itemDisabled,"selection-mode":(0,s.unref)(ie),mandatory:!n.multiple,height:fe.value,"max-height":pe.value,virtual:Y.value,"item-props":ge},(0,s.createSlots)({_:2},[(0,s.unref)(_).option?{name:`item`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`option`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`0`}:n.closableOptions?{name:`item`,fn:(0,s.withCtx)(n=>[(0,s.createVNode)((0,s.unref)(o.t),(0,s.normalizeProps)((0,s.guardReactiveProps)(_e(n))),(0,s.createSlots)({_:2},[he(n.key)?{name:`right`,fn:(0,s.withCtx)(r=>[(0,s.createVNode)((0,s.unref)(t.t),{appearance:(0,s.unref)(e.t).BARE,variant:(0,s.unref)(e.r).NEUTRAL,size:(0,s.unref)(e.n).SMALL,icon:`closeMini`,disabled:r.disabled||r.readonly,tabindex:-1,onClick:(0,s.withModifiers)(e=>ve(n.key),[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`onClick`])]),key:`0`}:void 0]),1040)]),key:`1`}:void 0]),1032,[`modelValue`,`selected`,`items`,`item-key`,`title-key`,`subtitle-key`,`icon-left-key`,`disabled-key`,`selection-mode`,`mandatory`,`height`,`max-height`,`virtual`])):((0,s.openBlock)(),(0,s.createElementBlock)(`div`,A,[(0,s.renderSlot)(l.$slots,`empty`,{},()=>[u[8]||=(0,s.createTextVNode)(`No options`,-1)])]))],32)]),_:2},[(0,s.unref)(G)?{name:`header`,fn:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`panelSearchInputElementRef`,ref:C,modelValue:m.value,"onUpdate:modelValue":u[0]||=e=>m.value=e,placeholder:n.searchPlaceholder,disabled:n.disabled,clearable:!1,"icon-left":`search`,onClick:u[1]||=(0,s.withModifiers)(()=>{},[`stop`]),onKeydown:(0,s.unref)(Ie)},null,8,[`modelValue`,`placeholder`,`disabled`,`onKeydown`])]),key:`0`}:void 0,(0,s.unref)(_)[`panel-footer`]?{name:`footer`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`panel-footer`)]),key:`1`}:void 0]),1024)]),_:3},8,[`modelValue`,`reference`,`disabled`,`fit-viewport`,`content-id`]),(0,s.createVNode)((0,s.unref)(i.t),{ref_key:`triggerInputRef`,ref:b,modelValue:x.value,"onUpdate:modelValue":u[7]||=e=>x.value=e,label:n.label,"label-props":n.labelProps,placeholder:n.placeholder,"help-messages":n.helpMessages,"error-messages":n.errorMessages,bordered:n.bordered,disabled:n.disabled,readonly:n.readonly,clearable:n.clearable,"has-value":(0,s.unref)(B),focused:D.value||E.value,"icon-left":n.iconLeft,customize:n.customize,name:n.name,id:ye.value,onClear:ze,onFocus:Le,onBlur:Re},(0,s.createSlots)({control:(0,s.withCtx)(()=>[(0,s.createElementVNode)(`div`,{id:ye.value,class:(0,s.normalizeClass)([`s-ui-select__control s-ui-typography-body-14-regular`,{"s-ui-select__control--multiple":(0,s.unref)(K),"s-ui-select__control--empty":(0,s.unref)(K)&&!(0,s.unref)(B)&&!(0,s.unref)(U),"s-ui-select__control--with-value-suffix":ue.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)}]),role:`combobox`,"aria-expanded":E.value,"aria-controls":be.value,"aria-haspopup":`listbox`,"aria-disabled":n.disabled?!0:void 0,"aria-readonly":n.readonly?!0:void 0,"aria-autocomplete":(0,s.unref)(se)?`list`:void 0,tabindex:Ce.value,onClick:je,onKeydown:Pe},[(0,s.unref)(K)?(0,s.renderSlot)(l.$slots,`selection`,(0,s.normalizeProps)((0,s.mergeProps)({key:0},Se.value)),()=>[(0,s.unref)(V)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,te,(0,s.toDisplayString)((0,s.unref)(V)),1)):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,j,(0,s.toDisplayString)(n.placeholder),1)):(0,s.createCommentVNode)(``,!0)]):(0,s.unref)(H)&&!(0,s.unref)(U)?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,M,(0,s.toDisplayString)(n.placeholder),1)):(0,s.unref)(U)?(0,s.createCommentVNode)(``,!0):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,N,(0,s.toDisplayString)((0,s.unref)(ae)),1)),ue.value&&!(0,s.unref)(K)&&!(0,s.unref)(U)&&!(0,s.unref)(H)?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,P,[(0,s.renderSlot)(l.$slots,`value-suffix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(de.value)))])):(0,s.createCommentVNode)(``,!0),(0,s.unref)(U)?(0,s.withDirectives)(((0,s.openBlock)(),(0,s.createElementBlock)(`input`,{key:4,ref_key:`searchInputElementRef`,ref:S,"onUpdate:modelValue":u[5]||=e=>m.value=e,class:`s-ui-select__search-input`,type:`text`,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,autocomplete:`off`,onClick:u[6]||=(0,s.withModifiers)(()=>{},[`stop`]),onFocus:Oe,onKeydown:Fe},null,40,ne)),[[s.vModelText,m.value]]):(0,s.createCommentVNode)(``,!0)],42,ee)]),action:(0,s.withCtx)(()=>[(0,s.createVNode)((0,s.unref)(c.SIcon),{name:`chevronMiniDown`,size:re,class:`s-ui-select__chevron`})]),_:2},[(0,s.unref)(_).label?{name:`label`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`label`)]),key:`0`}:void 0,(0,s.unref)(_).prefix?{name:`prefix`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prefix`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`1`}:void 0,(0,s.unref)(_).prepend?{name:`prepend`,fn:(0,s.withCtx)(e=>[(0,s.renderSlot)(l.$slots,`prepend`,(0,s.normalizeProps)((0,s.guardReactiveProps)(e)))]),key:`2`}:void 0,(0,s.unref)(_).message?{name:`message`,fn:(0,s.withCtx)(()=>[(0,s.renderSlot)(l.$slots,`message`)]),key:`3`}:void 0]),1032,[`modelValue`,`label`,`label-props`,`placeholder`,`help-messages`,`error-messages`,`bordered`,`disabled`,`readonly`,`clearable`,`has-value`,`focused`,`icon-left`,`customize`,`name`,`id`])],2))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return I}});

package/dist/STab-C8RXx0lW.cjs

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

package/dist/STab-DXGKWtFI.js

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

package/dist/STag-HgFvU1Iy.cjs

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

package/dist/contrastSurfaceTextColor-Dl641cZ_.js

@@ -1,33 +0,0 @@
-//#region src/utils/color/contrastSurfaceTextColor.ts
-var e = "var(--s-ui-color-text-surface-primary)", t = "var(--s-ui-color-text-surface-static)", n = "#0c1022", r = 1, i = (e) => e.startsWith("#"), a = (e) => Number.parseInt(e, 16) / 255, o = (e) => {
-	let t = e.slice(1);
-	if (t.length === 3) {
-		let e = t[0], n = t[1], r = t[2];
-		return !e || !n || !r ? void 0 : {
-			red: a(e + e),
-			green: a(n + n),
-			blue: a(r + r)
-		};
-	}
-	if (t.length === 6 || t.length === 8) return {
-		red: a(t.slice(0, 2)),
-		green: a(t.slice(2, 4)),
-		blue: a(t.slice(4, 6))
-	};
-}, s = (e) => e <= .03928 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4, c = (e) => {
-	let t = s(e.red), n = s(e.green), r = s(e.blue);
-	return .2126 * t + .7152 * n + .0722 * r;
-}, l = (e, t) => {
-	let n = Math.max(e, t), r = Math.min(e, t);
-	return (n + .05) / (r + .05);
-}, u = () => {
-	let e = o(n);
-	return e ? c(e) : 0;
-}, d = (n) => {
-	let i = o(n);
-	if (!i) return t;
-	let a = c(i), s = u();
-	return l(r, a) >= l(s, a) ? t : e;
-};
-//#endregion
-export { i as n, d as t };

package/dist/contrastSurfaceTextColor-Ybh-FZof.cjs

@@ -1 +0,0 @@
-var e=`var(--s-ui-color-text-surface-primary)`,t=`var(--s-ui-color-text-surface-static)`,n=`#0c1022`,r=1,i=e=>e.startsWith(`#`),a=e=>Number.parseInt(e,16)/255,o=e=>{let t=e.slice(1);if(t.length===3){let e=t[0],n=t[1],r=t[2];return!e||!n||!r?void 0:{red:a(e+e),green:a(n+n),blue:a(r+r)}}if(t.length===6||t.length===8)return{red:a(t.slice(0,2)),green:a(t.slice(2,4)),blue:a(t.slice(4,6))}},s=e=>e<=.03928?e/12.92:((e+.055)/1.055)**2.4,c=e=>{let t=s(e.red),n=s(e.green),r=s(e.blue);return .2126*t+.7152*n+.0722*r},l=(e,t)=>{let n=Math.max(e,t),r=Math.min(e,t);return(n+.05)/(r+.05)},u=()=>{let e=o(n);return e?c(e):0},d=n=>{let i=o(n);if(!i)return t;let a=c(i),s=u();return l(r,a)>=l(s,a)?t:e};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});