@shtabapp/ui-kit 1.85.0 → 1.85.1

package/dist/SListItem-CQKZw5Uj.js

@@ -1,246 +0,0 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-n2Zuqh04.js";
-import { n as i } from "./useSelectLink-2aCIYmF6.js";
-import { Fragment as ee, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, inject as te, mergeProps as ne, normalizeClass as re, normalizeProps as p, onMounted as ie, openBlock as m, renderSlot as h, shallowRef as ae, toDisplayString as g, unref as _, useSlots as oe, useTemplateRef as se, withModifiers as ce } from "vue";
-import { ESSkeletonType as le, SIcon as ue, SSkeleton as de, useUiKitI18n as fe } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SList/utils/context.ts
-var v = Symbol("sListInjectionKey"), y = /* @__PURE__ */ function(e) {
-	return e.NEUTRAL = "neutral", e.SECONDARY = "secondary", e.MAIN = "main", e.ERROR = "error", e.BILLING = "billing", e;
-}({}), b = /* @__PURE__ */ function(e) {
-	return e.OPTION = "option", e.TREEITEM = "treeitem", e.MENUITEM = "menuitem", e.MENUITEMCHECKBOX = "menuitemcheckbox", e.MENUITEMRADIO = "menuitemradio", e.BUTTON = "button", e.LINK = "link", e.NONE = "none", e;
-}({}), x = new Set([b.OPTION, b.TREEITEM]), S = new Set([b.MENUITEMCHECKBOX, b.MENUITEMRADIO]), C = new Set([
-	b.TREEITEM,
-	b.MENUITEM,
-	b.BUTTON,
-	b.LINK
-]), w = ({ role: e, selected: t }) => ({
-	"aria-selected": x.has(e) && t ? !0 : void 0,
-	"aria-checked": S.has(e) ? t : void 0
-}), T = ({ role: e, expandable: t, expanded: n, loading: r, depth: i }) => ({
-	"aria-expanded": C.has(e) && t && !r ? n : void 0,
-	"aria-level": e === b.TREEITEM ? i + 1 : void 0
-}), E = ({ disabled: e, readonly: t, loading: n }) => ({
-	"aria-disabled": e || t || n ? !0 : void 0,
-	"aria-busy": n ? !0 : void 0
-}), pe = (e) => e.role === b.NONE ? { role: e.role } : {
-	role: e.role,
-	...w(e),
-	...T(e),
-	...E(e)
-}, D = [
-	"id",
-	"tabindex",
-	"title"
-], O = {
-	key: 0,
-	class: "s-ui-list-item__level"
-}, k = { class: "s-ui-list-item__body" }, A = {
-	key: 0,
-	class: "s-ui-list-item__icon-left"
-}, j = { class: "s-ui-list-item__text" }, M = {
-	key: 0,
-	class: "s-ui-list-item__title s-ui-typography-label-14-medium"
-}, N = {
-	key: 1,
-	class: "s-ui-list-item__subtitle s-ui-typography-body-12-regular"
-}, P = {
-	key: 1,
-	class: "s-ui-list-item__title-action"
-}, F = {
-	key: 1,
-	class: "s-ui-list-item__actions"
-}, I = { class: "s-ui-list-item__actions-reveal" }, L = { class: "s-ui-list-item__actions-inner" }, R = {
-	key: 0,
-	class: "s-ui-list-item__trailing"
-}, z = {
-	key: 1,
-	class: "s-ui-list-item__action-end"
-}, B = ".s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions", me = 16, he = "a, button, input, select, textarea, [role=\"button\"], [role=\"link\"], [contenteditable=\"true\"]", V = /* @__PURE__ */ d({
-	__name: "SListItem",
-	props: {
-		depth: { default: 0 },
-		hasLevel: {
-			type: Boolean,
-			default: !1
-		},
-		expandable: {
-			type: Boolean,
-			default: !1
-		},
-		expanded: {
-			type: Boolean,
-			default: !1
-		},
-		variant: { default: () => y.NEUTRAL },
-		tiny: {
-			type: Boolean,
-			default: !1
-		},
-		compact: {
-			type: Boolean,
-			default: !1
-		},
-		flush: {
-			type: Boolean,
-			default: !1
-		},
-		transparent: {
-			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
-		},
-		iconOnly: {
-			type: Boolean,
-			default: !1
-		},
-		title: {},
-		subtitle: {},
-		iconLeft: {},
-		iconLeftSize: {},
-		rowKey: {},
-		revealRight: { type: Boolean },
-		expandOnClick: { type: Boolean },
-		role: {}
-	},
-	emits: [
-		"click",
-		"toggleExpand",
-		"keydown"
-	],
-	setup(d, { expose: x, emit: S }) {
-		let C = S, w = a(() => ({
-			disabled: d.disabled,
-			readonly: d.readonly
-		})), T = oe(), E = se("listItemElementRef"), V = te(v, null), { t: H } = fe(), U = i({
-			group: () => V,
-			value: () => d.rowKey,
-			el: () => E.value,
-			disabled: () => d.disabled || d.loading,
-			interactive: () => !d.readonly && !d.loading
-		}), ge = a(() => d.variant === y.BILLING && !d.disabled), _e = [
-			"Enter",
-			" ",
-			"Spacebar"
-		], W = a(() => V && d.rowKey ? V.isExpanded(d.rowKey) : d.expanded), ve = a(() => W.value ? H("listItem.collapse") : H("listItem.expand")), G = a(() => U.isInGroup.value ? U.isActive.value : d.selected), ye = a(() => V && d.rowKey ? V.activeKey() === d.rowKey : d.active), K = a(() => d.iconOnly || !!V?.iconOnly()), q = (e) => !K.value && !!e, be = a(() => q(d.expandable || d.depth || d.hasLevel || T.level)), xe = a(() => q(T["title-action"])), J = a(() => q(T.trailing)), Y = a(() => q(T["action-end"])), Se = a(() => J.value || !!T.right || Y.value), Ce = a(() => K.value ? !1 : d.revealRight ? !0 : V ? V.revealRight() : !1), we = a(() => d.expandOnClick ? !0 : V ? V.expandOnClick() : !1), Te = a(() => {
-			if (!(!V || !d.rowKey)) return V.getItemOptionId(d.rowKey);
-		}), X = ae(!1);
-		ie(() => {
-			X.value = !!E.value?.parentElement?.closest("[role=\"menu\"]");
-		});
-		let Z = a(() => d.role ? d.role : V ? V.itemRole() : X.value ? b.MENUITEM : b.BUTTON), Ee = a(() => pe({
-			role: Z.value,
-			selected: G.value,
-			expandable: d.expandable,
-			expanded: W.value,
-			disabled: d.disabled,
-			readonly: d.readonly,
-			loading: d.loading,
-			depth: d.depth
-		})), De = a(() => {
-			if (V?.usesActiveDescendantNavigation()) return -1;
-			if (!(d.disabled || d.readonly || d.loading || Z.value === b.NONE)) return U.tabIndex.value === void 0 ? 0 : U.tabIndex.value;
-		}), Oe = a(() => ({
-			"--s-ui-list-item-depth": String(d.depth),
-			"--s-ui-list-item-icon-size": d.iconLeftSize === void 0 ? void 0 : `${d.iconLeftSize}px`
-		})), ke = a(() => [`s-ui-list-item--variant-${d.variant}`, {
-			"s-ui-list-item--tiny": d.tiny,
-			"s-ui-list-item--compact": d.compact,
-			"s-ui-list-item--flush": d.flush,
-			"s-ui-list-item--transparent": d.transparent,
-			"s-ui-list-item--selected": G.value,
-			"s-ui-list-item--active": ye.value,
-			"s-ui-list-item--disabled": d.disabled,
-			"s-ui-list-item--readonly": d.readonly,
-			"s-ui-list-item--loading": d.loading,
-			"s-ui-list-item--expandable": d.expandable,
-			"s-ui-list-item--reveal-right": Ce.value,
-			"s-ui-list-item--icon-only": K.value
-		}]), Q = () => {
-			if (V && d.rowKey) {
-				V.toggleExpanded(d.rowKey);
-				return;
-			}
-			C("toggleExpand");
-		}, Ae = () => {
-			d.disabled || d.readonly || d.loading || Q();
-		}, $ = (e) => e.target instanceof Element && !!e.target.closest(B) && !!e.target.closest(he), je = (e) => {
-			d.disabled || d.readonly || d.loading || $(e) || (d.expandable && we.value && (V && d.rowKey ? V.toggleExpanded(d.rowKey) : C("toggleExpand")), V && d.rowKey && V.setActiveKey(d.rowKey), U.isInGroup.value && U.handleClick(), C("click", e));
-		}, Me = (e) => !d.expandable || V?.handlesTreeKeyboardNavigation() || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.key === "ArrowRight" === W.value ? !1 : (e.preventDefault(), Q(), !0), Ne = (e) => V || U.isInGroup.value || !_e.includes(e.key) || e.target !== E.value ? !1 : (e.preventDefault(), E.value?.click(), !0), Pe = (e) => {
-			d.disabled || d.readonly || d.loading || (!Me(e) && !Ne(e) && U.isInGroup.value && U.handleKeydown(e), C("keydown", e));
-		};
-		return x({ listItemElementRef: E }), (i, a) => (m(), c("div", ne({
-			ref_key: "listItemElementRef",
-			ref: E,
-			id: Te.value,
-			class: ["s-ui-list-item", ke.value],
-			style: Oe.value,
-			tabindex: De.value,
-			title: K.value ? d.title : void 0
-		}, Ee.value, {
-			onClick: je,
-			onKeydown: Pe
-		}), [d.loading ? (m(), o(_(de), {
-			key: 0,
-			type: _(le).S_LIST_ITEM
-		}, null, 8, ["type"])) : (m(), c(ee, { key: 1 }, [
-			be.value ? (m(), c("div", O, [h(i.$slots, "level", {}, () => [d.expandable ? (m(), o(_(r), {
-				key: 0,
-				class: re(["s-ui-list-item__expand", { "s-ui-list-item__expand--expanded": W.value }]),
-				appearance: _(t).BARE,
-				variant: _(e).NEUTRAL,
-				size: _(n).SMALL,
-				icon: "chevronMiniRight",
-				disabled: d.disabled || d.readonly,
-				tabindex: -1,
-				"aria-label": ve.value,
-				onClick: ce(Ae, ["stop"])
-			}, null, 8, [
-				"class",
-				"appearance",
-				"variant",
-				"size",
-				"disabled",
-				"aria-label"
-			])) : s("", !0)])])) : s("", !0),
-			l("div", k, [
-				d.iconLeft || _(T)["icon-left"] ? (m(), c("div", A, [h(i.$slots, "icon-left", {}, () => [d.iconLeft ? (m(), o(_(ue), {
-					key: 0,
-					name: d.iconLeft,
-					size: d.iconLeftSize ?? me,
-					billing: ge.value
-				}, null, 8, [
-					"name",
-					"size",
-					"billing"
-				])) : s("", !0)])])) : s("", !0),
-				l("div", j, [d.title || _(T).title ? (m(), c("span", M, [h(i.$slots, "title", {}, () => [u(g(d.title), 1)])])) : s("", !0), d.subtitle || _(T).subtitle ? (m(), c("span", N, [h(i.$slots, "subtitle", {}, () => [u(g(d.subtitle), 1)])])) : s("", !0)]),
-				xe.value ? (m(), c("div", P, [h(i.$slots, "title-action", p(f(w.value)))])) : s("", !0)
-			]),
-			Se.value ? (m(), c("div", F, [l("div", I, [l("div", L, [
-				J.value ? (m(), c("div", R, [h(i.$slots, "trailing", p(f(w.value)))])) : s("", !0),
-				h(i.$slots, "right", p(f(w.value))),
-				Y.value ? (m(), c("div", z, [h(i.$slots, "action-end", p(f(w.value)))])) : s("", !0)
-			])])])) : s("", !0)
-		], 64))], 16, D));
-	}
-});
-//#endregion
-export { v as i, b as n, y as r, V as t };

package/dist/SListItem-CrAnC2MG.cjs

@@ -1 +0,0 @@
-const e=require("./SButton-CZW6Y8Vw.cjs"),t=require("./useSelectLink-DZIAhQ2J.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=Symbol(`sListInjectionKey`),a=function(e){return e.NEUTRAL=`neutral`,e.SECONDARY=`secondary`,e.MAIN=`main`,e.ERROR=`error`,e.BILLING=`billing`,e}({}),o=function(e){return e.OPTION=`option`,e.TREEITEM=`treeitem`,e.MENUITEM=`menuitem`,e.MENUITEMCHECKBOX=`menuitemcheckbox`,e.MENUITEMRADIO=`menuitemradio`,e.BUTTON=`button`,e.LINK=`link`,e.NONE=`none`,e}({}),s=new Set([o.OPTION,o.TREEITEM]),c=new Set([o.MENUITEMCHECKBOX,o.MENUITEMRADIO]),l=new Set([o.TREEITEM,o.MENUITEM,o.BUTTON,o.LINK]),u=({role:e,selected:t})=>({"aria-selected":s.has(e)&&t?!0:void 0,"aria-checked":c.has(e)?t:void 0}),d=({role:e,expandable:t,expanded:n,loading:r,depth:i})=>({"aria-expanded":l.has(e)&&t&&!r?n:void 0,"aria-level":e===o.TREEITEM?i+1:void 0}),f=({disabled:e,readonly:t,loading:n})=>({"aria-disabled":e||t||n?!0:void 0,"aria-busy":n?!0:void 0}),p=e=>e.role===o.NONE?{role:e.role}:{role:e.role,...u(e),...d(e),...f(e)},m=[`id`,`tabindex`,`title`],h={key:0,class:`s-ui-list-item__level`},g={class:`s-ui-list-item__body`},_={key:0,class:`s-ui-list-item__icon-left`},v={class:`s-ui-list-item__text`},y={key:0,class:`s-ui-list-item__title s-ui-typography-label-14-medium`},b={key:1,class:`s-ui-list-item__subtitle s-ui-typography-body-12-regular`},x={key:1,class:`s-ui-list-item__title-action`},S={key:1,class:`s-ui-list-item__actions`},C={class:`s-ui-list-item__actions-reveal`},w={class:`s-ui-list-item__actions-inner`},T={key:0,class:`s-ui-list-item__trailing`},ee={key:1,class:`s-ui-list-item__action-end`},E=`.s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions`,D=16,O=`a, button, input, select, textarea, [role="button"], [role="link"], [contenteditable="true"]`,k=(0,n.defineComponent)({__name:`SListItem`,props:{depth:{default:0},hasLevel:{type:Boolean,default:!1},expandable:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},variant:{default:()=>a.NEUTRAL},tiny:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},flush:{type:Boolean,default:!1},transparent:{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},iconOnly:{type:Boolean,default:!1},title:{},subtitle:{},iconLeft:{},iconLeftSize:{},rowKey:{},revealRight:{type:Boolean},expandOnClick:{type:Boolean},role:{}},emits:[`click`,`toggleExpand`,`keydown`],setup(s,{expose:c,emit:l}){let u=l,d=(0,n.computed)(()=>({disabled:s.disabled,readonly:s.readonly})),f=(0,n.useSlots)(),k=(0,n.useTemplateRef)(`listItemElementRef`),A=(0,n.inject)(i,null),{t:j}=(0,r.useUiKitI18n)(),M=t.n({group:()=>A,value:()=>s.rowKey,el:()=>k.value,disabled:()=>s.disabled||s.loading,interactive:()=>!s.readonly&&!s.loading}),N=(0,n.computed)(()=>s.variant===a.BILLING&&!s.disabled),P=[`Enter`,` `,`Spacebar`],F=(0,n.computed)(()=>A&&s.rowKey?A.isExpanded(s.rowKey):s.expanded),I=(0,n.computed)(()=>F.value?j(`listItem.collapse`):j(`listItem.expand`)),L=(0,n.computed)(()=>M.isInGroup.value?M.isActive.value:s.selected),R=(0,n.computed)(()=>A&&s.rowKey?A.activeKey()===s.rowKey:s.active),z=(0,n.computed)(()=>s.iconOnly||!!A?.iconOnly()),B=e=>!z.value&&!!e,V=(0,n.computed)(()=>B(s.expandable||s.depth||s.hasLevel||f.level)),te=(0,n.computed)(()=>B(f[`title-action`])),H=(0,n.computed)(()=>B(f.trailing)),U=(0,n.computed)(()=>B(f[`action-end`])),W=(0,n.computed)(()=>H.value||!!f.right||U.value),G=(0,n.computed)(()=>z.value?!1:s.revealRight?!0:A?A.revealRight():!1),K=(0,n.computed)(()=>s.expandOnClick?!0:A?A.expandOnClick():!1),q=(0,n.computed)(()=>{if(!(!A||!s.rowKey))return A.getItemOptionId(s.rowKey)}),J=(0,n.shallowRef)(!1);(0,n.onMounted)(()=>{J.value=!!k.value?.parentElement?.closest(`[role="menu"]`)});let Y=(0,n.computed)(()=>s.role?s.role:A?A.itemRole():J.value?o.MENUITEM:o.BUTTON),X=(0,n.computed)(()=>p({role:Y.value,selected:L.value,expandable:s.expandable,expanded:F.value,disabled:s.disabled,readonly:s.readonly,loading:s.loading,depth:s.depth})),Z=(0,n.computed)(()=>{if(A?.usesActiveDescendantNavigation())return-1;if(!(s.disabled||s.readonly||s.loading||Y.value===o.NONE))return M.tabIndex.value===void 0?0:M.tabIndex.value}),Q=(0,n.computed)(()=>({"--s-ui-list-item-depth":String(s.depth),"--s-ui-list-item-icon-size":s.iconLeftSize===void 0?void 0:`${s.iconLeftSize}px`})),ne=(0,n.computed)(()=>[`s-ui-list-item--variant-${s.variant}`,{"s-ui-list-item--tiny":s.tiny,"s-ui-list-item--compact":s.compact,"s-ui-list-item--flush":s.flush,"s-ui-list-item--transparent":s.transparent,"s-ui-list-item--selected":L.value,"s-ui-list-item--active":R.value,"s-ui-list-item--disabled":s.disabled,"s-ui-list-item--readonly":s.readonly,"s-ui-list-item--loading":s.loading,"s-ui-list-item--expandable":s.expandable,"s-ui-list-item--reveal-right":G.value,"s-ui-list-item--icon-only":z.value}]),$=()=>{if(A&&s.rowKey){A.toggleExpanded(s.rowKey);return}u(`toggleExpand`)},re=()=>{s.disabled||s.readonly||s.loading||$()},ie=e=>e.target instanceof Element&&!!e.target.closest(E)&&!!e.target.closest(O),ae=e=>{s.disabled||s.readonly||s.loading||ie(e)||(s.expandable&&K.value&&(A&&s.rowKey?A.toggleExpanded(s.rowKey):u(`toggleExpand`)),A&&s.rowKey&&A.setActiveKey(s.rowKey),M.isInGroup.value&&M.handleClick(),u(`click`,e))},oe=e=>!s.expandable||A?.handlesTreeKeyboardNavigation()||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||e.key===`ArrowRight`===F.value?!1:(e.preventDefault(),$(),!0),se=e=>A||M.isInGroup.value||!P.includes(e.key)||e.target!==k.value?!1:(e.preventDefault(),k.value?.click(),!0),ce=e=>{s.disabled||s.readonly||s.loading||(!oe(e)&&!se(e)&&M.isInGroup.value&&M.handleKeydown(e),u(`keydown`,e))};return c({listItemElementRef:k}),(t,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,(0,n.mergeProps)({ref_key:`listItemElementRef`,ref:k,id:q.value,class:[`s-ui-list-item`,ne.value],style:Q.value,tabindex:Z.value,title:z.value?s.title:void 0},X.value,{onClick:ae,onKeydown:ce}),[s.loading?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.SSkeleton),{key:0,type:(0,n.unref)(r.ESSkeletonType).S_LIST_ITEM},null,8,[`type`])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[V.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,h,[(0,n.renderSlot)(t.$slots,`level`,{},()=>[s.expandable?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(e.t),{key:0,class:(0,n.normalizeClass)([`s-ui-list-item__expand`,{"s-ui-list-item__expand--expanded":F.value}]),appearance:(0,n.unref)(e.n).BARE,variant:(0,n.unref)(e.i).NEUTRAL,size:(0,n.unref)(e.r).SMALL,icon:`chevronMiniRight`,disabled:s.disabled||s.readonly,tabindex:-1,"aria-label":I.value,onClick:(0,n.withModifiers)(re,[`stop`])},null,8,[`class`,`appearance`,`variant`,`size`,`disabled`,`aria-label`])):(0,n.createCommentVNode)(``,!0)])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,g,[s.iconLeft||(0,n.unref)(f)[`icon-left`]?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,_,[(0,n.renderSlot)(t.$slots,`icon-left`,{},()=>[s.iconLeft?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.SIcon),{key:0,name:s.iconLeft,size:s.iconLeftSize??D,billing:N.value},null,8,[`name`,`size`,`billing`])):(0,n.createCommentVNode)(``,!0)])])):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,v,[s.title||(0,n.unref)(f).title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,y,[(0,n.renderSlot)(t.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(s.title),1)])])):(0,n.createCommentVNode)(``,!0),s.subtitle||(0,n.unref)(f).subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,b,[(0,n.renderSlot)(t.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(s.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),te.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,x,[(0,n.renderSlot)(t.$slots,`title-action`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value)))])):(0,n.createCommentVNode)(``,!0)]),W.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,S,[(0,n.createElementVNode)(`div`,C,[(0,n.createElementVNode)(`div`,w,[H.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,T,[(0,n.renderSlot)(t.$slots,`trailing`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value)))])):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(t.$slots,`right`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value))),U.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ee,[(0,n.renderSlot)(t.$slots,`action-end`,(0,n.normalizeProps)((0,n.guardReactiveProps)(d.value)))])):(0,n.createCommentVNode)(``,!0)])])])):(0,n.createCommentVNode)(``,!0)],64))],16,m))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return i}}),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 k}});

package/dist/SOverflowGroup-CyksOav7.js

@@ -1,79 +0,0 @@
-import { Comment as e, Fragment as t, Text as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, h as l, isVNode as u, normalizeClass as d, openBlock as f, renderSlot as p, toValue as m, unref as h, useSlots as g } from "vue";
-//#region src/composables/useOverflowGroup.ts
-var _ = (e, t) => !t || !Number.isFinite(t) || t >= e ? e : Math.max(t, 0), v = ({ items: e, maxVisible: t }) => {
-	let n = r(() => {
-		let n = m(e), r = _(n.length, m(t));
-		return n.slice(0, r);
-	}), i = r(() => {
-		let t = m(e);
-		return Math.max(t.length - n.value.length, 0);
-	});
-	return {
-		visibleItems: n,
-		hiddenCount: i,
-		hasOverflow: r(() => i.value > 0),
-		overflowLabel: r(() => `+${i.value}`)
-	};
-}, y = new Set([
-	32,
-	9,
-	10,
-	13
-]), b = (e) => {
-	for (let t = 0; t < e.length; t += 1) if (!y.has(e.charCodeAt(t))) return !1;
-	return !0;
-}, x = (e) => {
-	if (!e) return [];
-	if (!Array.isArray(e)) return u(e) ? [e] : [];
-	let t = [];
-	for (let r of e) typeof r == "string" ? b(r) || t.push(l(n, r)) : u(r) && t.push(r);
-	return t;
-}, S = (e) => {
-	if (e.type !== n) return !1;
-	let t = e.children;
-	return typeof t == "string" && b(t);
-}, C = (n) => {
-	let r = [], i = (n) => {
-		for (let a of n) a && a.type !== e && (a.type === t ? i(x(a.children)) : S(a) || r.push(a));
-	};
-	return i(n), r;
-}, w = (e, n, r) => {
-	let i = [];
-	for (let t = 0; t < e.length; t += 1) {
-		let a = e[t];
-		u(a) && i.push(n(a, {
-			...r,
-			visibleCount: e.length,
-			visibleIndex: t
-		}));
-	}
-	return l(t, null, i);
-}, T = /* @__PURE__ */ c({
-	__name: "SOverflowGroup",
-	props: {
-		clusterClass: {},
-		mapVnode: { type: Function },
-		maxVisible: {}
-	},
-	setup(e) {
-		let t = g(), { visibleItems: n, hiddenCount: l, hasOverflow: u, overflowLabel: m } = v({
-			items: r(() => t.default ? C(t.default()) : []),
-			maxVisible: () => e.maxVisible
-		}), _ = c({
-			name: "SOverflowGroupVnodeList",
-			setup() {
-				return () => w(n.value, (t, n) => e.mapVnode ? e.mapVnode(t, n) : t, {
-					hiddenCount: l.value,
-					overflowLabel: m.value
-				});
-			}
-		});
-		return (t, n) => (f(), a("div", null, [o("div", { class: d(e.clusterClass) }, [s(h(_))], 2), h(u) ? p(t.$slots, "overflow", {
-			key: 0,
-			hiddenCount: h(l),
-			overflowLabel: h(m)
-		}) : i("", !0)]));
-	}
-});
-//#endregion
-export { T as t };

package/dist/SOverflowGroup-rmU10_7L.cjs

@@ -1 +0,0 @@
-let e=require("vue");var t=(e,t)=>!t||!Number.isFinite(t)||t>=e?e:Math.max(t,0),n=({items:n,maxVisible:r})=>{let i=(0,e.computed)(()=>{let i=(0,e.toValue)(n),a=t(i.length,(0,e.toValue)(r));return i.slice(0,a)}),a=(0,e.computed)(()=>{let t=(0,e.toValue)(n);return Math.max(t.length-i.value.length,0)});return{visibleItems:i,hiddenCount:a,hasOverflow:(0,e.computed)(()=>a.value>0),overflowLabel:(0,e.computed)(()=>`+${a.value}`)}},r=new Set([32,9,10,13]),i=e=>{for(let t=0;t<e.length;t+=1)if(!r.has(e.charCodeAt(t)))return!1;return!0},a=t=>{if(!t)return[];if(!Array.isArray(t))return(0,e.isVNode)(t)?[t]:[];let n=[];for(let r of t)typeof r==`string`?i(r)||n.push((0,e.h)(e.Text,r)):(0,e.isVNode)(r)&&n.push(r);return n},o=t=>{if(t.type!==e.Text)return!1;let n=t.children;return typeof n==`string`&&i(n)},s=t=>{let n=[],r=t=>{for(let i of t)i&&i.type!==e.Comment&&(i.type===e.Fragment?r(a(i.children)):o(i)||n.push(i))};return r(t),n},c=(t,n,r)=>{let i=[];for(let a=0;a<t.length;a+=1){let o=t[a];(0,e.isVNode)(o)&&i.push(n(o,{...r,visibleCount:t.length,visibleIndex:a}))}return(0,e.h)(e.Fragment,null,i)},l=(0,e.defineComponent)({__name:`SOverflowGroup`,props:{clusterClass:{},mapVnode:{type:Function},maxVisible:{}},setup(t){let r=(0,e.useSlots)(),{visibleItems:i,hiddenCount:a,hasOverflow:o,overflowLabel:l}=n({items:(0,e.computed)(()=>r.default?s(r.default()):[]),maxVisible:()=>t.maxVisible}),u=(0,e.defineComponent)({name:`SOverflowGroupVnodeList`,setup(){return()=>c(i.value,(e,n)=>t.mapVnode?t.mapVnode(e,n):e,{hiddenCount:a.value,overflowLabel:l.value})}});return(n,r)=>((0,e.openBlock)(),(0,e.createElementBlock)(`div`,null,[(0,e.createElementVNode)(`div`,{class:(0,e.normalizeClass)(t.clusterClass)},[(0,e.createVNode)((0,e.unref)(u))],2),(0,e.unref)(o)?(0,e.renderSlot)(n.$slots,`overflow`,{key:0,hiddenCount:(0,e.unref)(a),overflowLabel:(0,e.unref)(l)}):(0,e.createCommentVNode)(``,!0)]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/SPhotoEdit-CoJLP7rt.cjs

@@ -1 +0,0 @@
-const e=require("./SButton-CZW6Y8Vw.cjs");let t=require("vue"),n=require("@shtabapp/ui-kit-primitives");var r=function(e){return e.X_SMALL=`x-small`,e.SMALL=`small`,e.BIG=`big`,e}({}),i=function(e){return e.CIRCLE=`circle`,e.SQUARE=`square`,e}({}),a={key:0,class:`s-ui-photo-edit__remove`},o={class:`s-ui-photo-edit__wrapper`},s=[`tabindex`,`aria-disabled`,`aria-label`],c=[`src`,`alt`],l={key:1,class:`s-ui-photo-edit__placeholder`},u={class:`s-ui-photo-edit__camera`},d={class:`s-ui-photo-edit__overlay`},f=[`accept`,`disabled`],p=(0,t.defineComponent)({__name:`SPhotoEdit`,props:(0,t.mergeModels)({accept:{default:`image/jpeg,image/png,image/jpg`},alt:{},disabled:{type:Boolean,default:!1},shape:{default:()=>i.CIRCLE},size:{default:()=>r.SMALL}},{modelValue:{default:null},modelModifiers:{}}),emits:(0,t.mergeModels)([`change`,`remove`],[`update:modelValue`]),setup(i,{emit:p}){let m=(0,t.useModel)(i,`modelValue`),h=p,{t:g}=(0,n.useUiKitI18n)(),_=(0,t.useTemplateRef)(`fileInputRef`),v=(0,t.ref)(null),y=()=>{v.value&&=(URL.revokeObjectURL(v.value),null)};(0,t.watch)(()=>m.value,e=>{y(),e instanceof File&&(v.value=URL.createObjectURL(e))},{immediate:!0}),(0,t.onScopeDispose)(y);let b=(0,t.computed)(()=>{let e=m.value;return e instanceof File?v.value??``:typeof e==`string`?e:``}),x=(0,t.computed)(()=>{let e=m.value;return e instanceof File?!0:typeof e==`string`?e.length>0:!1}),S=(0,t.computed)(()=>({[`s-ui-photo-edit--size-${i.size}`]:!0,[`s-ui-photo-edit--shape-${i.shape}`]:!0,"s-ui-photo-edit--filled":x.value,"s-ui-photo-edit--disabled":i.disabled})),C=(0,t.computed)(()=>i.size===r.X_SMALL?`s-ui-typography-label-10-medium`:`s-ui-typography-label-12-medium`),w=(0,t.computed)(()=>x.value?g(`photoEdit.changePhoto`):g(`photoEdit.uploadPhoto`)),T=(0,t.computed)(()=>x.value?g(`photoEdit.changePhoto`):g(`photoEdit.pickPhoto`)),E=(0,t.computed)(()=>i.disabled?-1:0),D=()=>{_.value&&(_.value.value=``)},O=()=>{m.value=null,y(),D()},k=e=>{h(`change`,{file:e,abort:O})},A=()=>{i.disabled||_.value?.click()},j=()=>{A()},M=e=>{i.disabled||e.key!==`Enter`&&e.key!==` `||(e.preventDefault(),A())},N=e=>{if(!(e.target instanceof HTMLInputElement))return;let t=e.target.files?.[0];t&&(m.value=t,k(t),D())},P=()=>{i.disabled||(h(`remove`),m.value=null,y(),D(),k(null))};return(r,p)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([`s-ui-photo-edit`,S.value])},[x.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,a,[(0,t.createVNode)((0,t.unref)(e.t),{appearance:(0,t.unref)(e.n).BARE,variant:(0,t.unref)(e.i).NEUTRAL,size:(0,t.unref)(e.r).SMALL,disabled:i.disabled,tabindex:-1,icon:`closeMini`,"aria-label":(0,t.unref)(g)(`photoEdit.removePhoto`),onClick:(0,t.withModifiers)(P,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])])):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,o,[(0,t.createElementVNode)(`div`,{class:`s-ui-photo-edit__trigger`,role:`button`,tabindex:E.value,"aria-disabled":i.disabled||void 0,"aria-label":T.value,onClick:j,onKeydown:M},[b.value?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,class:`s-ui-photo-edit__preview`,src:b.value,alt:i.alt??``},null,8,c)):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,l,[(0,t.createElementVNode)(`span`,u,[(0,t.createVNode)((0,t.unref)(n.SIcon),{name:`camera`,size:40})])])),(0,t.createElementVNode)(`div`,d,[(0,t.createElementVNode)(`span`,{class:(0,t.normalizeClass)([`s-ui-photo-edit__label`,C.value])},(0,t.toDisplayString)(w.value),3)])],40,s)]),(0,t.createElementVNode)(`input`,{ref_key:`fileInputRef`,ref:_,class:`s-ui-photo-edit__input`,type:`file`,accept:i.accept,disabled:i.disabled,onChange:N},null,40,f)],2))}});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 p}});

package/dist/SPhotoEdit-DiEnt3tE.js

@@ -1,122 +0,0 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-n2Zuqh04.js";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, onScopeDispose as f, openBlock as p, ref as m, toDisplayString as h, unref as g, useModel as _, useTemplateRef as v, watch as y, withModifiers as b } from "vue";
-import { SIcon as x, useUiKitI18n as S } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SPhotoEdit/SPhotoEdit.types.ts
-var C = /* @__PURE__ */ function(e) {
-	return e.X_SMALL = "x-small", e.SMALL = "small", e.BIG = "big", e;
-}({}), w = /* @__PURE__ */ function(e) {
-	return e.CIRCLE = "circle", e.SQUARE = "square", e;
-}({}), T = {
-	key: 0,
-	class: "s-ui-photo-edit__remove"
-}, E = { class: "s-ui-photo-edit__wrapper" }, D = [
-	"tabindex",
-	"aria-disabled",
-	"aria-label"
-], O = ["src", "alt"], k = {
-	key: 1,
-	class: "s-ui-photo-edit__placeholder"
-}, A = { class: "s-ui-photo-edit__camera" }, j = { class: "s-ui-photo-edit__overlay" }, M = ["accept", "disabled"], N = /* @__PURE__ */ l({
-	__name: "SPhotoEdit",
-	props: /*@__PURE__*/ u({
-		accept: { default: "image/jpeg,image/png,image/jpg" },
-		alt: {},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		shape: { default: () => w.CIRCLE },
-		size: { default: () => C.SMALL }
-	}, {
-		modelValue: { default: null },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ u(["change", "remove"], ["update:modelValue"]),
-	setup(l, { emit: u }) {
-		let w = _(l, "modelValue"), N = u, { t: P } = S(), F = v("fileInputRef"), I = m(null), L = () => {
-			I.value &&= (URL.revokeObjectURL(I.value), null);
-		};
-		y(() => w.value, (e) => {
-			L(), e instanceof File && (I.value = URL.createObjectURL(e));
-		}, { immediate: !0 }), f(L);
-		let R = i(() => {
-			let e = w.value;
-			return e instanceof File ? I.value ?? "" : typeof e == "string" ? e : "";
-		}), z = i(() => {
-			let e = w.value;
-			return e instanceof File ? !0 : typeof e == "string" ? e.length > 0 : !1;
-		}), B = i(() => ({
-			[`s-ui-photo-edit--size-${l.size}`]: !0,
-			[`s-ui-photo-edit--shape-${l.shape}`]: !0,
-			"s-ui-photo-edit--filled": z.value,
-			"s-ui-photo-edit--disabled": l.disabled
-		})), V = i(() => l.size === C.X_SMALL ? "s-ui-typography-label-10-medium" : "s-ui-typography-label-12-medium"), H = i(() => z.value ? P("photoEdit.changePhoto") : P("photoEdit.uploadPhoto")), U = i(() => z.value ? P("photoEdit.changePhoto") : P("photoEdit.pickPhoto")), W = i(() => l.disabled ? -1 : 0), G = () => {
-			F.value && (F.value.value = "");
-		}, K = () => {
-			w.value = null, L(), G();
-		}, q = (e) => {
-			N("change", {
-				file: e,
-				abort: K
-			});
-		}, J = () => {
-			l.disabled || F.value?.click();
-		}, Y = () => {
-			J();
-		}, X = (e) => {
-			l.disabled || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), J());
-		}, Z = (e) => {
-			if (!(e.target instanceof HTMLInputElement)) return;
-			let t = e.target.files?.[0];
-			t && (w.value = t, q(t), G());
-		}, Q = () => {
-			l.disabled || (N("remove"), w.value = null, L(), G(), q(null));
-		};
-		return (i, u) => (p(), o("div", { class: d(["s-ui-photo-edit", B.value]) }, [
-			z.value ? (p(), o("span", T, [c(g(r), {
-				appearance: g(t).BARE,
-				variant: g(e).NEUTRAL,
-				size: g(n).SMALL,
-				disabled: l.disabled,
-				tabindex: -1,
-				icon: "closeMini",
-				"aria-label": g(P)("photoEdit.removePhoto"),
-				onClick: b(Q, ["stop"])
-			}, null, 8, [
-				"appearance",
-				"variant",
-				"size",
-				"disabled",
-				"aria-label"
-			])])) : a("", !0),
-			s("div", E, [s("div", {
-				class: "s-ui-photo-edit__trigger",
-				role: "button",
-				tabindex: W.value,
-				"aria-disabled": l.disabled || void 0,
-				"aria-label": U.value,
-				onClick: Y,
-				onKeydown: X
-			}, [R.value ? (p(), o("img", {
-				key: 0,
-				class: "s-ui-photo-edit__preview",
-				src: R.value,
-				alt: l.alt ?? ""
-			}, null, 8, O)) : (p(), o("div", k, [s("span", A, [c(g(x), {
-				name: "camera",
-				size: 40
-			})])])), s("div", j, [s("span", { class: d(["s-ui-photo-edit__label", V.value]) }, h(H.value), 3)])], 40, D)]),
-			s("input", {
-				ref_key: "fileInputRef",
-				ref: F,
-				class: "s-ui-photo-edit__input",
-				type: "file",
-				accept: l.accept,
-				disabled: l.disabled,
-				onChange: Z
-			}, null, 40, M)
-		], 2));
-	}
-});
-//#endregion
-export { w as n, C as r, N as t };

package/dist/SRadio-B9qQ-PEk.cjs

@@ -1 +0,0 @@
-const e=require("./useAriaAttrs-D748yeJ_.cjs");let t=require("vue");var n=function(e){return e.LEFT=`left`,e.RIGHT=`right`,e}({}),r=[`disabled`,`name`,`value`],i={key:0,class:`s-ui-radio__content`},a={key:0,class:`s-ui-radio__label s-ui-typography-label-14-medium`},o={key:1,class:`s-ui-radio__description s-ui-typography-body-12-regular`},s=(0,t.defineComponent)({inheritAttrs:!1,__name:`SRadio`,props:(0,t.mergeModels)({disabled:{type:Boolean,default:!1},labelPlacement:{default:()=>n.RIGHT},name:{},value:{}},{modelValue:{},modelModifiers:{}}),emits:(0,t.mergeModels)([`change`],[`update:modelValue`]),setup(s,{emit:c}){let l=(0,t.useModel)(s,`modelValue`),u=c,{getRootAttrs:d,getAriaAttrs:f}=e.t(),p=(0,t.useSlots)(),m=(0,t.computed)(()=>l.value===s.value),h=(0,t.computed)(()=>[{"s-ui-radio--checked":m.value,"s-ui-radio--disabled":s.disabled,"s-ui-radio--label-left":s.labelPlacement===n.LEFT}]),g=e=>{e.target instanceof HTMLInputElement&&e.target.checked&&u(`change`,s.value)};return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,(0,t.mergeProps)({class:`s-ui-radio`},(0,t.unref)(d)(),{class:[h.value,{"s-ui-radio--control-only":!(0,t.unref)(p).default&&!(0,t.unref)(p).description}]}),[(0,t.withDirectives)((0,t.createElementVNode)(`input`,(0,t.mergeProps)({"onUpdate:modelValue":n[0]||=e=>l.value=e,type:`radio`,class:`s-ui-radio__input`},(0,t.unref)(f)(),{disabled:s.disabled,name:s.name,value:s.value,onChange:g}),null,16,r),[[t.vModelRadio,l.value]]),n[1]||=(0,t.createElementVNode)(`span`,{class:`s-ui-radio__control`},[(0,t.createElementVNode)(`span`,{class:`s-ui-radio__thumb`})],-1),(0,t.unref)(p).default||(0,t.unref)(p).description?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,[(0,t.unref)(p).default?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,a,[(0,t.renderSlot)(e.$slots,`default`)])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(p).description?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,o,[(0,t.renderSlot)(e.$slots,`description`)])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)],16))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/SRadio-BhoLtFUS.js

@@ -1,60 +0,0 @@
-import { t as e } from "./useAriaAttrs-CxGRTeye.js";
-import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, renderSlot as l, unref as u, useModel as d, useSlots as f, vModelRadio as p, withDirectives as m } from "vue";
-//#region src/components/SRadio/SRadio.types.ts
-var h = /* @__PURE__ */ function(e) {
-	return e.LEFT = "left", e.RIGHT = "right", e;
-}({}), g = [
-	"disabled",
-	"name",
-	"value"
-], _ = {
-	key: 0,
-	class: "s-ui-radio__content"
-}, v = {
-	key: 0,
-	class: "s-ui-radio__label s-ui-typography-label-14-medium"
-}, y = {
-	key: 1,
-	class: "s-ui-radio__description s-ui-typography-body-12-regular"
-}, b = /* @__PURE__ */ a({
-	inheritAttrs: !1,
-	__name: "SRadio",
-	props: /*@__PURE__*/ o({
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		labelPlacement: { default: () => h.RIGHT },
-		name: {},
-		value: {}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ o(["change"], ["update:modelValue"]),
-	setup(a, { emit: o }) {
-		let b = d(a, "modelValue"), x = o, { getRootAttrs: S, getAriaAttrs: C } = e(), w = f(), T = t(() => b.value === a.value), E = t(() => [{
-			"s-ui-radio--checked": T.value,
-			"s-ui-radio--disabled": a.disabled,
-			"s-ui-radio--label-left": a.labelPlacement === h.LEFT
-		}]), D = (e) => {
-			e.target instanceof HTMLInputElement && e.target.checked && x("change", a.value);
-		};
-		return (e, t) => (c(), r("label", s({ class: "s-ui-radio" }, u(S)(), { class: [E.value, { "s-ui-radio--control-only": !u(w).default && !u(w).description }] }), [
-			m(i("input", s({
-				"onUpdate:modelValue": t[0] ||= (e) => b.value = e,
-				type: "radio",
-				class: "s-ui-radio__input"
-			}, u(C)(), {
-				disabled: a.disabled,
-				name: a.name,
-				value: a.value,
-				onChange: D
-			}), null, 16, g), [[p, b.value]]),
-			t[1] ||= i("span", { class: "s-ui-radio__control" }, [i("span", { class: "s-ui-radio__thumb" })], -1),
-			u(w).default || u(w).description ? (c(), r("span", _, [u(w).default ? (c(), r("span", v, [l(e.$slots, "default")])) : n("", !0), u(w).description ? (c(), r("span", y, [l(e.$slots, "description")])) : n("", !0)])) : n("", !0)
-		], 16));
-	}
-});
-//#endregion
-export { h as n, b as t };