@shtabapp/ui-kit 1.57.0 → 1.59.0

package/dist/useFieldMessages-2TaArixP.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t=new Set([`class`,`style`]),n=`data-qa`,r=()=>{let r=(0,e.useAttrs)();return{rootAttrs:(0,e.computed)(()=>({class:r.class,style:r.style})),controlAttrs:(0,e.computed)(()=>Object.fromEntries(Object.entries(r).filter(([e])=>!t.has(e)))),errorQa:(0,e.computed)(()=>{let e=r[n];if(typeof e==`string`)return`${e}:error`})}},i=t=>{let n=(0,e.ref)(!1);return{isFocused:n,handleFocus:e=>{if(t.isDisabled()){t.blurField();return}n.value||(n.value=!0,t.emitFocus(e))},handleFocusOut:e=>{if(!(e.currentTarget instanceof HTMLElement))return;let r=e.relatedTarget;r instanceof Node&&e.currentTarget.contains(r)||n.value&&(n.value=!1,t.emitBlur(e))}}},a=e=>e?typeof e==`string`?[e]:e.filter(e=>e.length>0):[],o=(t,n)=>{let r=(0,e.computed)(()=>a((0,e.toValue)(t))),i=(0,e.computed)(()=>a((0,e.toValue)(n)));return{normalizedHelpMessages:r,normalizedErrorMessages:i,hasHelpMessages:(0,e.computed)(()=>r.value.length>0),hasErrorMessages:(0,e.computed)(()=>i.value.length>0)}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/useFieldMessages-C-GXaf_q.js

@@ -0,0 +1,43 @@
+import { computed as e, ref as t, toValue as n, useAttrs as r } from "vue";
+//#region src/composables/useFieldAttrs.ts
+var i = new Set(["class", "style"]), a = "data-qa", o = () => {
+	let t = r();
+	return {
+		rootAttrs: e(() => ({
+			class: t.class,
+			style: t.style
+		})),
+		controlAttrs: e(() => Object.fromEntries(Object.entries(t).filter(([e]) => !i.has(e)))),
+		errorQa: e(() => {
+			let e = t[a];
+			if (typeof e == "string") return `${e}:error`;
+		})
+	};
+}, s = (e) => {
+	let n = t(!1);
+	return {
+		isFocused: n,
+		handleFocus: (t) => {
+			if (e.isDisabled()) {
+				e.blurField();
+				return;
+			}
+			n.value || (n.value = !0, e.emitFocus(t));
+		},
+		handleFocusOut: (t) => {
+			if (!(t.currentTarget instanceof HTMLElement)) return;
+			let r = t.relatedTarget;
+			r instanceof Node && t.currentTarget.contains(r) || n.value && (n.value = !1, e.emitBlur(t));
+		}
+	};
+}, c = (e) => e ? typeof e == "string" ? [e] : e.filter((e) => e.length > 0) : [], l = (t, r) => {
+	let i = e(() => c(n(t))), a = e(() => c(n(r)));
+	return {
+		normalizedHelpMessages: i,
+		normalizedErrorMessages: a,
+		hasHelpMessages: e(() => i.value.length > 0),
+		hasErrorMessages: e(() => a.value.length > 0)
+	};
+};
+//#endregion
+export { s as n, o as r, l as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.57.0",
+  "version": "1.59.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -264,7 +264,7 @@
   "dependencies": {
     "chart.js": "^4.5.0",
     "vue-i18n": "^9.14.5",
-    "@shtabapp/ui-kit-primitives": "^1.24.0",
+    "@shtabapp/ui-kit-primitives": "^1.26.0",
     "@shtabapp/ui-kit-tokens": "^1.19.0"
   },
   "devDependencies": {

package/dist/SButtonGroup-BPy2YaEP.cjs

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

package/dist/SButtonGroup-CmSlYnSv.js

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

package/dist/SChip-DRz5BA4Z.cjs

@@ -1 +0,0 @@
-let e=require("vue");var t=function(e){return e.BLUE=`blue`,e.RED=`red`,e.WHITE=`white`,e.BILLING=`billing`,e}({}),n=function(e){return e.SIZE_20=`20`,e.SIZE_24=`24`,e.SIZE_32=`32`,e}({}),r=[`tabindex`,`aria-disabled`,`inert`],i={class:`s-ui-chip__content`},a={key:0,class:`s-ui-chip__icon`},o={key:1,class:`s-ui-chip__prefix`},s={key:0,class:`s-ui-chip__actions`},c=(0,e.defineComponent)({__name:`SChip`,props:{color:{default:()=>t.BLUE},disabled:{type:Boolean,default:!1},size:{default:()=>n.SIZE_32}},setup(c){let l=(0,e.useSlots)(),u=(0,e.computed)(()=>c.color===t.BILLING),d=(0,e.computed)(()=>c.disabled?!1:u.value),f=(0,e.computed)(()=>c.disabled?-1:0),p=(0,e.computed)(()=>[`s-ui-chip--color-${c.color}`,`s-ui-chip--size-${c.size}`,{"s-ui-chip--disabled":c.disabled}]),m=(0,e.computed)(()=>c.size===n.SIZE_20?`s-ui-typography-label-12-medium`:`s-ui-typography-label-14-medium`),h={[n.SIZE_20]:16,[n.SIZE_24]:20,[n.SIZE_32]:20},g=(0,e.computed)(()=>h[c.size]);return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{class:(0,e.normalizeClass)([`s-ui-chip`,p.value]),tabindex:f.value,role:`group`,"aria-disabled":c.disabled?!0:void 0,inert:c.disabled?!0:void 0},[(0,e.createElementVNode)(`span`,i,[(0,e.unref)(l).icon?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,[(0,e.renderSlot)(t.$slots,`icon`,{billing:d.value,disabled:c.disabled,size:g.value})])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(l).prefix?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,o,[(0,e.renderSlot)(t.$slots,`prefix`,{disabled:c.disabled,size:c.size})])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(l).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:2,class:(0,e.normalizeClass)([`s-ui-chip__label`,m.value])},[(0,e.renderSlot)(t.$slots,`default`)],2)):(0,e.createCommentVNode)(``,!0)]),(0,e.unref)(l).actions?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,s,[(0,e.renderSlot)(t.$slots,`actions`,{billing:u.value,disabled:c.disabled})])):(0,e.createCommentVNode)(``,!0)],10,r))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/SChip-DvPazz7Y.js

@@ -1,67 +0,0 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, useSlots as l } from "vue";
-//#region src/components/SChip/SChip.types.ts
-var u = /* @__PURE__ */ function(e) {
-	return e.BLUE = "blue", e.RED = "red", e.WHITE = "white", e.BILLING = "billing", e;
-}({}), d = /* @__PURE__ */ function(e) {
-	return e.SIZE_20 = "20", e.SIZE_24 = "24", e.SIZE_32 = "32", e;
-}({}), f = [
-	"tabindex",
-	"aria-disabled",
-	"inert"
-], p = { class: "s-ui-chip__content" }, m = {
-	key: 0,
-	class: "s-ui-chip__icon"
-}, h = {
-	key: 1,
-	class: "s-ui-chip__prefix"
-}, g = {
-	key: 0,
-	class: "s-ui-chip__actions"
-}, _ = /* @__PURE__ */ i({
-	__name: "SChip",
-	props: {
-		color: { default: () => u.BLUE },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		size: { default: () => d.SIZE_32 }
-	},
-	setup(i) {
-		let _ = l(), v = e(() => i.color === u.BILLING), y = e(() => i.disabled ? !1 : v.value), b = e(() => i.disabled ? -1 : 0), x = e(() => [
-			`s-ui-chip--color-${i.color}`,
-			`s-ui-chip--size-${i.size}`,
-			{ "s-ui-chip--disabled": i.disabled }
-		]), S = e(() => i.size === d.SIZE_20 ? "s-ui-typography-label-12-medium" : "s-ui-typography-label-14-medium"), C = {
-			[d.SIZE_20]: 16,
-			[d.SIZE_24]: 20,
-			[d.SIZE_32]: 20
-		}, w = e(() => C[i.size]);
-		return (e, l) => (o(), n("span", {
-			class: a(["s-ui-chip", x.value]),
-			tabindex: b.value,
-			role: "group",
-			"aria-disabled": i.disabled ? !0 : void 0,
-			inert: i.disabled ? !0 : void 0
-		}, [r("span", p, [
-			c(_).icon ? (o(), n("span", m, [s(e.$slots, "icon", {
-				billing: y.value,
-				disabled: i.disabled,
-				size: w.value
-			})])) : t("", !0),
-			c(_).prefix ? (o(), n("span", h, [s(e.$slots, "prefix", {
-				disabled: i.disabled,
-				size: i.size
-			})])) : t("", !0),
-			c(_).default ? (o(), n("span", {
-				key: 2,
-				class: a(["s-ui-chip__label", S.value])
-			}, [s(e.$slots, "default")], 2)) : t("", !0)
-		]), c(_).actions ? (o(), n("span", g, [s(e.$slots, "actions", {
-			billing: v.value,
-			disabled: i.disabled
-		})])) : t("", !0)], 10, f));
-	}
-});
-//#endregion
-export { u as n, d as r, _ as t };

package/dist/SDropdown-CTQ5Qlez.js

@@ -1,175 +0,0 @@
-import { i as e, t } from "./useFloatingOverlay-QcumEYEq.js";
-import { Fragment as n, Teleport as r, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderSlot as v, unref as y, useId as b, useModel as x, useSlots as S, useTemplateRef as C, watch as w, withCtx as T } from "vue";
-import { useElementHover as E } from "@vueuse/core";
-//#region src/components/SDropdown/utils/useDropdownPanelTransition.ts
-var D = (e) => {
-	let t = _(e.value), n = _(e.value);
-	return w(e, (e) => {
-		if (e) {
-			t.value = !0, n.value = !0;
-			return;
-		}
-		t.value = !1;
-	}, { flush: "sync" }), {
-		isPanelShown: t,
-		isPanelActive: n,
-		handlePanelAfterLeave: () => {
-			e.value || (n.value = !1);
-		}
-	};
-}, O = (e) => {
-	if (!e) return null;
-	let t = e.getBoundingClientRect();
-	if (t.width > 0 || t.height > 0) return e;
-	let n = e.firstElementChild;
-	return n instanceof HTMLElement ? n : e;
-}, ee = ["id"], te = ["data-placement"], k = { class: "s-ui-dropdown__content" }, A = /* @__PURE__ */ d({
-	inheritAttrs: !1,
-	__name: "SDropdown",
-	props: /*@__PURE__*/ f({
-		placement: { default: () => e.BOTTOM_START },
-		offset: { default: 8 },
-		flip: {
-			type: Boolean,
-			default: !0
-		},
-		shift: {
-			type: Boolean,
-			default: !1
-		},
-		matchReferenceWidth: {
-			type: Boolean,
-			default: !1
-		},
-		fitViewport: {
-			type: Boolean,
-			default: !1
-		},
-		surfaceClass: {},
-		teleportTo: {
-			type: [String, Boolean],
-			default: "body"
-		},
-		dismissOnClickOutside: {
-			type: Boolean,
-			default: !0
-		},
-		dismissOnEscape: {
-			type: Boolean,
-			default: !0
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		reference: { default: null },
-		contentId: {},
-		viewportPadding: { default: 8 },
-		arrow: {
-			type: Boolean,
-			default: !1
-		},
-		showOnHover: {
-			type: Boolean,
-			default: !1
-		},
-		hoverLeaveDelay: { default: 100 }
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(e, { expose: d }) {
-		let f = x(e, "modelValue"), { isPanelShown: _, isPanelActive: A, handlePanelAfterLeave: j } = D(f), M = (e) => {
-			f.value = e;
-		}, N = S(), P = C("triggerWrapperRef"), F = C("panelRef"), I = b(), L = b(), R = a(() => e.contentId ?? I), z = a(() => N.trigger ? O(P.value) : e.reference), B = a(() => e.teleportTo !== !1), V = a(() => e.teleportTo === !1 ? "body" : e.teleportTo), H = () => {
-			e.disabled || (f.value = !f.value);
-		}, U = a(() => ({
-			id: L,
-			"aria-expanded": f.value,
-			"aria-haspopup": "dialog",
-			"aria-controls": R.value
-		})), { panelStyles: W, panelMaxHeight: G, resolvedPlacement: K, arrowStyles: q, isArrowOverflow: J, isPositionReady: Y, updatePosition: X } = t({
-			open: () => A.value,
-			onOpenChange: M,
-			reference: () => z.value,
-			panel: () => F.value,
-			placement: () => e.placement,
-			offset: () => e.offset,
-			flip: () => e.flip,
-			shift: () => e.shift,
-			matchReferenceWidth: () => e.matchReferenceWidth,
-			fitViewport: () => e.fitViewport,
-			dismissOnClickOutside: () => e.dismissOnClickOutside,
-			dismissOnEscape: () => e.dismissOnEscape,
-			viewportPadding: () => e.viewportPadding,
-			arrow: () => e.arrow
-		}), Z = a(() => e.showOnHover ? z.value : null), ne = a(() => e.showOnHover ? F.value : null), Q = E(Z, { delayLeave: e.hoverLeaveDelay }), $ = E(ne, { delayLeave: e.hoverLeaveDelay });
-		w([
-			Q,
-			$,
-			() => e.showOnHover,
-			() => e.disabled
-		], () => {
-			if (e.showOnHover) {
-				if (e.disabled) {
-					M(!1);
-					return;
-				}
-				M(Q.value || $.value);
-			}
-		});
-		let re = a(() => !!G.value), ie = a(() => {
-			if (G.value) return { maxHeight: `${G.value}px` };
-		});
-		return w(() => e.disabled, (e) => {
-			e && f.value && (f.value = !1);
-		}), d({ updatePosition: X }), (t, a) => (g(), c(n, null, [y(N).trigger ? (g(), c("span", p({
-			key: 0,
-			ref_key: "triggerWrapperRef",
-			ref: P,
-			class: "s-ui-dropdown"
-		}, t.$attrs), [v(t.$slots, "trigger", {
-			open: f.value,
-			toggle: H,
-			triggerProps: U.value
-		})], 16)) : s("", !0), (g(), o(r, {
-			to: V.value,
-			disabled: !B.value
-		}, [u(i, {
-			name: "s-ui-dropdown",
-			onAfterLeave: y(j)
-		}, {
-			default: T(() => [y(_) ? (g(), c("div", {
-				key: 0,
-				id: R.value,
-				ref_key: "panelRef",
-				ref: F,
-				class: m(["s-ui-dropdown__panel", {
-					"s-ui-dropdown__panel--match-reference-width": e.matchReferenceWidth,
-					"s-ui-dropdown__panel--ready": y(Y)
-				}]),
-				style: h(y(W)),
-				role: "dialog"
-			}, [l("div", {
-				class: m(["s-ui-dropdown__surface", [e.surfaceClass, {
-					"s-ui-dropdown__surface--fit-viewport": re.value,
-					"s-ui-dropdown__surface--with-arrow": e.arrow
-				}]]),
-				style: h(ie.value),
-				"data-placement": y(K)
-			}, [e.arrow ? (g(), c("div", {
-				key: 0,
-				class: m(["s-ui-dropdown__arrow", { "s-ui-dropdown__arrow--overflow": y(J) }]),
-				style: h(y(q)),
-				"aria-hidden": "true"
-			}, [...a[0] ||= [l("span", { class: "s-ui-dropdown__arrow-outer" }, null, -1), l("span", { class: "s-ui-dropdown__arrow-inner" }, null, -1)]], 6)) : s("", !0), l("div", k, [v(t.$slots, "content", { resolvedPlacement: y(K) })])], 14, te)], 14, ee)) : s("", !0)]),
-			_: 3
-		}, 8, ["onAfterLeave"])], 8, ["to", "disabled"]))], 64));
-	}
-});
-//#endregion
-export { A as t };

package/dist/SDropdown-_QUOP-rw.cjs

@@ -1 +0,0 @@
-const e=require("./useFloatingOverlay-B1UCUYQQ.cjs");let t=require("vue"),n=require("@vueuse/core");var r=e=>{let n=(0,t.ref)(e.value),r=(0,t.ref)(e.value);return(0,t.watch)(e,e=>{if(e){n.value=!0,r.value=!0;return}n.value=!1},{flush:`sync`}),{isPanelShown:n,isPanelActive:r,handlePanelAfterLeave:()=>{e.value||(r.value=!1)}}},i=e=>{if(!e)return null;let t=e.getBoundingClientRect();if(t.width>0||t.height>0)return e;let n=e.firstElementChild;return n instanceof HTMLElement?n:e},a=[`id`],o=[`data-placement`],s={class:`s-ui-dropdown__content`},c=(0,t.defineComponent)({inheritAttrs:!1,__name:`SDropdown`,props:(0,t.mergeModels)({placement:{default:()=>e.i.BOTTOM_START},offset:{default:8},flip:{type:Boolean,default:!0},shift:{type:Boolean,default:!1},matchReferenceWidth:{type:Boolean,default:!1},fitViewport:{type:Boolean,default:!1},surfaceClass:{},teleportTo:{type:[String,Boolean],default:`body`},dismissOnClickOutside:{type:Boolean,default:!0},dismissOnEscape:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},reference:{default:null},contentId:{},viewportPadding:{default:8},arrow:{type:Boolean,default:!1},showOnHover:{type:Boolean,default:!1},hoverLeaveDelay:{default:100}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(c,{expose:l}){let u=(0,t.useModel)(c,`modelValue`),{isPanelShown:d,isPanelActive:f,handlePanelAfterLeave:p}=r(u),m=e=>{u.value=e},h=(0,t.useSlots)(),g=(0,t.useTemplateRef)(`triggerWrapperRef`),_=(0,t.useTemplateRef)(`panelRef`),v=(0,t.useId)(),y=(0,t.useId)(),b=(0,t.computed)(()=>c.contentId??v),x=(0,t.computed)(()=>h.trigger?i(g.value):c.reference),S=(0,t.computed)(()=>c.teleportTo!==!1),C=(0,t.computed)(()=>c.teleportTo===!1?`body`:c.teleportTo),w=()=>{c.disabled||(u.value=!u.value)},T=(0,t.computed)(()=>({id:y,"aria-expanded":u.value,"aria-haspopup":`dialog`,"aria-controls":b.value})),{panelStyles:E,panelMaxHeight:D,resolvedPlacement:O,arrowStyles:k,isArrowOverflow:A,isPositionReady:j,updatePosition:M}=e.t({open:()=>f.value,onOpenChange:m,reference:()=>x.value,panel:()=>_.value,placement:()=>c.placement,offset:()=>c.offset,flip:()=>c.flip,shift:()=>c.shift,matchReferenceWidth:()=>c.matchReferenceWidth,fitViewport:()=>c.fitViewport,dismissOnClickOutside:()=>c.dismissOnClickOutside,dismissOnEscape:()=>c.dismissOnEscape,viewportPadding:()=>c.viewportPadding,arrow:()=>c.arrow}),N=(0,t.computed)(()=>c.showOnHover?x.value:null),P=(0,t.computed)(()=>c.showOnHover?_.value:null),F=(0,n.useElementHover)(N,{delayLeave:c.hoverLeaveDelay}),I=(0,n.useElementHover)(P,{delayLeave:c.hoverLeaveDelay});(0,t.watch)([F,I,()=>c.showOnHover,()=>c.disabled],()=>{if(c.showOnHover){if(c.disabled){m(!1);return}m(F.value||I.value)}});let L=(0,t.computed)(()=>!!D.value),R=(0,t.computed)(()=>{if(D.value)return{maxHeight:`${D.value}px`}});return(0,t.watch)(()=>c.disabled,e=>{e&&u.value&&(u.value=!1)}),l({updatePosition:M}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.unref)(h).trigger?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,(0,t.mergeProps)({key:0,ref_key:`triggerWrapperRef`,ref:g,class:`s-ui-dropdown`},e.$attrs),[(0,t.renderSlot)(e.$slots,`trigger`,{open:u.value,toggle:w,triggerProps:T.value})],16)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:C.value,disabled:!S.value},[(0,t.createVNode)(t.Transition,{name:`s-ui-dropdown`,onAfterLeave:(0,t.unref)(p)},{default:(0,t.withCtx)(()=>[(0,t.unref)(d)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:b.value,ref_key:`panelRef`,ref:_,class:(0,t.normalizeClass)([`s-ui-dropdown__panel`,{"s-ui-dropdown__panel--match-reference-width":c.matchReferenceWidth,"s-ui-dropdown__panel--ready":(0,t.unref)(j)}]),style:(0,t.normalizeStyle)((0,t.unref)(E)),role:`dialog`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`s-ui-dropdown__surface`,[c.surfaceClass,{"s-ui-dropdown__surface--fit-viewport":L.value,"s-ui-dropdown__surface--with-arrow":c.arrow}]]),style:(0,t.normalizeStyle)(R.value),"data-placement":(0,t.unref)(O)},[c.arrow?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`s-ui-dropdown__arrow`,{"s-ui-dropdown__arrow--overflow":(0,t.unref)(A)}]),style:(0,t.normalizeStyle)((0,t.unref)(k)),"aria-hidden":`true`},[...n[0]||=[(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-outer`},null,-1),(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-inner`},null,-1)]],6)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,s,[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(O)})])],14,o)],14,a)):(0,t.createCommentVNode)(``,!0)]),_:3},8,[`onAfterLeave`])],8,[`to`,`disabled`]))],64))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/SInput-C-_R5pug.js

@@ -1,204 +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 ee, t as i } from "./SInlineMessage-Dirk5RwO.js";
-import { t as te } from "./SLabel-FHHPlcKq.js";
-import { n as a, t as o } from "./useFieldMessages-Cb06My1W.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, mergeModels as g, mergeProps as _, normalizeClass as v, openBlock as y, renderList as b, renderSlot as x, toDisplayString as S, unref as C, useAttrs as w, useId as ne, useModel as re, useSlots as ie, useTemplateRef as T, vModelDynamic as ae, withCtx as oe, withDirectives as se, withModifiers as ce } from "vue";
-import { SIcon as le, useUiKitI18n as ue } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SInput/SInput.types.ts
-var E = /* @__PURE__ */ function(e) {
-	return e.NONE = "none", e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e;
-}({}), de = ["inert", "aria-disabled"], D = {
-	key: 0,
-	class: "s-ui-input__prepend"
-}, O = { class: "s-ui-input__row" }, k = {
-	key: 0,
-	class: "s-ui-input__prefix"
-}, A = [
-	"id",
-	"type",
-	"name",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"autocomplete"
-], j = {
-	key: 0,
-	class: "s-ui-input__inline"
-}, M = {
-	key: 1,
-	class: "s-ui-input__clear"
-}, N = {
-	key: 2,
-	class: "s-ui-input__action"
-}, P = {
-	key: 1,
-	class: "s-ui-input__messages"
-}, F = 16, I = /* @__PURE__ */ h({
-	inheritAttrs: !1,
-	__name: "SInput",
-	props: /*@__PURE__*/ g({
-		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: () => E.NONE },
-		name: {},
-		type: { default: "text" },
-		id: {},
-		autocomplete: {}
-	}, {
-		modelValue: { default: "" },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ g([
-		"clear",
-		"focus",
-		"blur"
-	], ["update:modelValue"]),
-	setup(h, { expose: g, emit: I }) {
-		let L = re(h, "modelValue"), { t: R } = ue(), z = I, B = w(), V = ie(), H = ne(), U = T("fieldElementRef"), W = T("inputElementRef"), { isFocused: G, handleFocus: K, handleFocusOut: q } = a({
-			isDisabled: () => h.disabled,
-			blurField: () => $(),
-			emitFocus: (e) => z("focus", e),
-			emitBlur: (e) => z("blur", e)
-		}), { normalizedHelpMessages: fe, normalizedErrorMessages: pe, hasErrorMessages: J, hasHelpMessages: me } = o(() => h.helpMessages, () => h.errorMessages), Y = c(() => h.id ? h.id : H), he = c(() => !!(h.label || V.label)), ge = c(() => !!(h.iconLeft || V.prefix)), _e = c(() => h.customize === E.VERTICAL && !!V.prepend), ve = c(() => h.customize === E.HORIZONTAL && !!V.prepend), ye = c(() => !h.clearable || h.disabled || h.readonly ? !1 : X.value), be = c(() => {
-			if (!G.value) return -1;
-		}), xe = c(() => !!(h.iconRight || V.action)), Se = c(() => !!V.message || me.value || J.value), X = c(() => h.hasValue === void 0 ? L.value.length > 0 : h.hasValue), Z = c(() => ({
-			"s-ui-input--disabled": h.disabled,
-			"s-ui-input--readonly": h.readonly
-		})), Ce = c(() => [{
-			"s-ui-input__field--bordered": h.bordered,
-			"s-ui-input__field--borderless": !h.bordered,
-			"s-ui-input__field--disabled": h.disabled,
-			"s-ui-input__field--readonly": h.readonly,
-			"s-ui-input__field--error": J.value,
-			"s-ui-input__field--filled": X.value,
-			"s-ui-input__field--vertical": h.customize === E.VERTICAL,
-			"s-ui-input__field--focused": G.value || h.focused
-		}]), we = (e) => {
-			let t = U.value;
-			t && t.querySelector(".s-ui-input__control, .s-ui-select__control, .s-ui-select__search-input, [tabindex]:not([tabindex=\"-1\"])")?.focus(e);
-		}, Q = (e) => {
-			if (V.control) {
-				we(e);
-				return;
-			}
-			W.value?.focus(e);
-		}, $ = () => {
-			if (V.control) {
-				let e = document.activeElement;
-				e instanceof HTMLElement && U.value?.contains(e) && e.blur();
-				return;
-			}
-			W.value?.blur();
-		}, Te = (e) => {
-			h.disabled || h.readonly || e.target instanceof HTMLElement && (e.target.closest(".s-ui-input__prepend, .s-ui-input__inline, .s-ui-input__clear, .s-ui-input__action") || Q());
-		}, Ee = () => {
-			L.value = "", z("clear"), Q();
-		};
-		return g({
-			blur: $,
-			focus: Q,
-			fieldElementRef: U,
-			inputElementRef: W
-		}), (a, o) => (y(), d("div", { class: v(["s-ui-input", Z.value]) }, [
-			he.value ? (y(), l(C(te), _({ key: 0 }, h.labelProps, { "html-for": Y.value }), {
-				default: oe(() => [x(a.$slots, "label", {}, () => [p(S(h.label), 1)])]),
-				_: 3
-			}, 16, ["html-for"])) : u("", !0),
-			f("div", {
-				ref_key: "fieldElementRef",
-				ref: U,
-				class: v(["s-ui-input__field", Ce.value]),
-				inert: h.disabled ? !0 : void 0,
-				"aria-disabled": h.disabled ? !0 : void 0,
-				onClick: o[2] ||= (e) => Te(e),
-				onFocusout: o[3] ||= (...e) => C(q) && C(q)(...e)
-			}, [_e.value ? (y(), d("div", D, [x(a.$slots, "prepend", { disabled: h.disabled })])) : u("", !0), f("div", O, [
-				ge.value ? (y(), d("span", k, [x(a.$slots, "prefix", { disabled: h.disabled }, () => [h.iconLeft ? (y(), l(C(le), {
-					key: 0,
-					name: h.iconLeft,
-					size: F
-				}, null, 8, ["name"])) : u("", !0)])])) : u("", !0),
-				f("div", { class: v(["s-ui-input__control-wrap", { "s-ui-input__control-wrap--horizontal": h.customize === C(E).HORIZONTAL }]) }, [x(a.$slots, "control", { disabled: h.disabled }, () => [se(f("input", _({
-					id: Y.value,
-					ref_key: "inputElementRef",
-					ref: W,
-					"onUpdate:modelValue": o[0] ||= (e) => L.value = e,
-					class: "s-ui-input__control s-ui-typography-body-14-regular",
-					type: h.type,
-					name: h.name,
-					placeholder: h.placeholder,
-					disabled: h.disabled,
-					readonly: h.readonly,
-					autocomplete: h.autocomplete
-				}, C(B), { onFocus: o[1] ||= (...e) => C(K) && C(K)(...e) }), null, 16, A), [[ae, L.value]])]), ve.value ? (y(), d("div", j, [x(a.$slots, "prepend", { disabled: h.disabled })])) : u("", !0)], 2),
-				ye.value ? (y(), d("span", M, [m(C(r), {
-					appearance: C(n).BARE,
-					variant: C(t).NEUTRAL,
-					size: C(e).SMALL,
-					icon: "closeMini",
-					"aria-label": C(R)("input.clear"),
-					tabindex: be.value,
-					onClick: ce(Ee, ["stop"])
-				}, null, 8, [
-					"appearance",
-					"variant",
-					"size",
-					"aria-label",
-					"tabindex"
-				])])) : u("", !0),
-				xe.value ? (y(), d("span", N, [x(a.$slots, "action", { disabled: h.disabled }, () => [h.iconRight ? (y(), l(C(r), {
-					key: 0,
-					appearance: C(n).BARE,
-					variant: C(t).NEUTRAL,
-					size: C(e).SMALL,
-					disabled: h.disabled,
-					icon: h.iconRight,
-					tabindex: -1
-				}, null, 8, [
-					"appearance",
-					"variant",
-					"size",
-					"disabled",
-					"icon"
-				])) : u("", !0)])])) : u("", !0)
-			])], 42, de),
-			Se.value ? (y(), d("div", P, [x(a.$slots, "message", {}, () => [(y(!0), d(s, null, b(C(fe), (e, t) => (y(), l(C(i), {
-				key: `help-${t}`,
-				message: e
-			}, null, 8, ["message"]))), 128)), (y(!0), d(s, null, b(C(pe), (e, t) => (y(), l(C(i), {
-				key: `error-${t}`,
-				message: e,
-				"validation-status": C(ee).ERROR
-			}, null, 8, ["message", "validation-status"]))), 128))])])) : u("", !0)
-		], 2));
-	}
-});
-//#endregion
-export { E as n, I as t };

package/dist/SInput-Cw8pt9Sr.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-DLKfepRW.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`),{t:S}=(0,o.useUiKitI18n)(),C=b,w=(0,a.useAttrs)(),T=(0,a.useSlots)(),E=(0,a.useId)(),D=(0,a.useTemplateRef)(`fieldElementRef`),O=(0,a.useTemplateRef)(`inputElementRef`),{isFocused:k,handleFocus:A,handleFocusOut:j}=i.n({isDisabled:()=>v.disabled,blurField:()=>X(),emitFocus:e=>C(`focus`,e),emitBlur:e=>C(`blur`,e)}),{normalizedHelpMessages:M,normalizedErrorMessages:N,hasErrorMessages:P,hasHelpMessages:F}=i.t(()=>v.helpMessages,()=>v.errorMessages),I=(0,a.computed)(()=>v.id?v.id:E),L=(0,a.computed)(()=>!!(v.label||T.label)),R=(0,a.computed)(()=>!!(v.iconLeft||T.prefix)),z=(0,a.computed)(()=>v.customize===s.VERTICAL&&!!T.prepend),B=(0,a.computed)(()=>v.customize===s.HORIZONTAL&&!!T.prepend),V=(0,a.computed)(()=>!v.clearable||v.disabled||v.readonly?!1:G.value),H=(0,a.computed)(()=>{if(!k.value)return-1}),U=(0,a.computed)(()=>!!(v.iconRight||T.action)),W=(0,a.computed)(()=>!!T.message||F.value||P.value),G=(0,a.computed)(()=>v.hasValue===void 0?x.value.length>0:v.hasValue),K=(0,a.computed)(()=>({"s-ui-input--disabled":v.disabled,"s-ui-input--readonly":v.readonly})),q=(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":P.value,"s-ui-input__field--filled":G.value,"s-ui-input__field--vertical":v.customize===s.VERTICAL,"s-ui-input__field--focused":k.value||v.focused}]),J=e=>{let t=D.value;t&&t.querySelector(`.s-ui-input__control, .s-ui-select__control, .s-ui-select__search-input, [tabindex]:not([tabindex="-1"])`)?.focus(e)},Y=e=>{if(T.control){J(e);return}O.value?.focus(e)},X=()=>{if(T.control){let e=document.activeElement;e instanceof HTMLElement&&D.value?.contains(e)&&e.blur();return}O.value?.blur()},Z=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`)||Y())},Q=()=>{x.value=``,C(`clear`),Y()};return y({blur:X,focus:Y,fieldElementRef:D,inputElementRef:O}),(i,y)=>((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)([`s-ui-input`,K.value])},[L.value?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(r.t),(0,a.mergeProps)({key:0},v.labelProps,{"html-for":I.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:D,class:(0,a.normalizeClass)([`s-ui-input__field`,q.value]),inert:v.disabled?!0:void 0,"aria-disabled":v.disabled?!0:void 0,onClick:y[2]||=e=>Z(e),onFocusout:y[3]||=(...e)=>(0,a.unref)(j)&&(0,a.unref)(j)(...e)},[z.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,[R.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:I.value,ref_key:`inputElementRef`,ref:O,"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)(w),{onFocus:y[1]||=(...e)=>(0,a.unref)(A)&&(0,a.unref)(A)(...e)}),null,16,f),[[a.vModelDynamic,x.value]])]),B.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,p,[(0,a.renderSlot)(i.$slots,`prepend`,{disabled:v.disabled})])):(0,a.createCommentVNode)(``,!0)],2),V.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":(0,a.unref)(S)(`input.clear`),tabindex:H.value,onClick:(0,a.withModifiers)(Q,[`stop`])},null,8,[`appearance`,`variant`,`size`,`aria-label`,`tabindex`])])):(0,a.createCommentVNode)(``,!0),U.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),W.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)(M),(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)(N),(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}});