@shtabapp/ui-kit 1.75.0 → 1.76.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## [@shtabapp/ui-kit-v1.76.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.75.0...@shtabapp/ui-kit@1.76.0) (2026-10-18)
+
+### Features
+
+* **charts:** виджеты отчёта по проекту — pie, segmented bar, bar и SRoadmap ([9ef3534](https://gitlab.com/mstikharev/shtab-ui-kit/commit/9ef3534242e494d46eb5bf56560824024da8730b))
+* **charts:** клик по точке в SChartMultiLine ([d4fa861](https://gitlab.com/mstikharev/shtab-ui-kit/commit/d4fa86124ba326f5c076794976607db398ad7f65))
+* **charts:** множественный выбор сегментов в SChartSegmentedBar ([eb59442](https://gitlab.com/mstikharev/shtab-ui-kit/commit/eb59442f73d90d657042a998e26338fa0fdd39e4))
+* **charts:** форматтер бейджей SChartPie и экспорт типов SChartBar ([c81f733](https://gitlab.com/mstikharev/shtab-ui-kit/commit/c81f733d6c6e0e79405fcfbc249efb99fb24c0a2))
+* **charts:** цель по точкам, заголовок tooltip и дневные точки в SChartBurnup ([0b01a8f](https://gitlab.com/mstikharev/shtab-ui-kit/commit/0b01a8f45b488aaa7fd5e1ad1eb479b0bc272e17))
+* **charts:** цель, подписи и гистограмма для графиков обзора SLA ([ec0dac8](https://gitlab.com/mstikharev/shtab-ui-kit/commit/ec0dac876333da5c24dc952813e8e52724bde3f0))
+* **list-item:** роль строки по контексту и prop `role` ([1009fc7](https://gitlab.com/mstikharev/shtab-ui-kit/commit/1009fc74bb6158830fa8f3e298e9af3c44ea7040))
+* **tab:** закрываемая вкладка без вложенного контрола ([4f669aa](https://gitlab.com/mstikharev/shtab-ui-kit/commit/4f669aa7a8e77662465785cfa36d130e76c5a389))
+
+### Bug Fixes
+
+* **button-group:** без aria-orientation у group, radio в single-режиме ([fb61935](https://gitlab.com/mstikharev/shtab-ui-kit/commit/fb61935279db66f72129cd7f550626662d4ccf96))
+* **select:** доступное имя combobox, aria-* — на контрол, а не на обёртку ([53d3bd8](https://gitlab.com/mstikharev/shtab-ui-kit/commit/53d3bd851b840efdab8241060c525f5060a3ce2f))
+* **table:** aria-level только в treegrid, значения у ручки ресайза ([53c7c63](https://gitlab.com/mstikharev/shtab-ui-kit/commit/53c7c63e4c6b2ef6c6dc0c28e7b225f5b0650728))
+* **table:** гидрация строк STable при замене данных с тем же окном ([8ac1891](https://gitlab.com/mstikharev/shtab-ui-kit/commit/8ac1891b09f88ec8e0bc8dac04f9b000ad63c176))
+
 ## [@shtabapp/ui-kit-v1.75.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.74.0...@shtabapp/ui-kit@1.75.0) (2026-10-16)
 
 ### Features

package/dist/{SButton-CLTNdnCK.cjs → SButton-BCgdXE_B.cjs}

@@ -1 +1 @@
-const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./context-kCi2xRHY.cjs"),n=require("./useSelectionGroup-NJvi3hNo.cjs"),r=require("./useSelectLink-DZIAhQ2J.cjs"),i=require("./useLink-1LLWpdDZ.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=function(e){return e.MAJOR=`major`,e.MINOR=`minor`,e.SURFACE=`surface`,e.OUTLINED=`outlined`,e.BARE=`bare`,e}({}),c=function(e){return e.MAIN=`main`,e.NEUTRAL=`neutral`,e.DANGER=`danger`,e.SUCCESS=`success`,e.BILLING=`billing`,e}({}),l=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e.LARGE=`large`,e}({}),u={offsetX:1,offsetY:-1},d={[l.SMALL]:{offsetX:-6,offsetY:6},[l.MEDIUM]:{offsetX:-7,offsetY:7},[l.LARGE]:{offsetX:-8,offsetY:8}},f={[l.SMALL]:e.i.SMALL,[l.MEDIUM]:e.i.SMALL,[l.LARGE]:e.i.MEDIUM},p=({color:t,counterValue:n})=>{if(typeof n==`number`)return{anchored:!0,color:t,offsetX:u.offsetX,offsetY:u.offsetY,placement:e.r.TOP_END,size:e.i.MEDIUM,value:n}},m=({buttonSize:t,color:n,indicator:r})=>{if(!r)return;let i=d[t];return{anchored:!0,color:n,offsetX:i.offsetX,offsetY:i.offsetY,placement:e.r.TOP_END,size:f[t]}},h=({badgeColor:t,counter:n,indicator:r,size:i})=>({buttonBadgeProps:(0,a.computed)(()=>{let o=(0,a.toValue)(t)||e.n.MAIN;return p({color:o,counterValue:(0,a.toValue)(n)})||m({buttonSize:(0,a.toValue)(i),color:o,indicator:(0,a.toValue)(r)})})}),g=[`aria-hidden`],_={key:0,class:`s-ui-button__spinner`,"aria-hidden":`true`},v=(0,a.defineComponent)({inheritAttrs:!1,__name:`SButton`,props:{appearance:{},badgeColor:{},counter:{},disabled:{type:Boolean,default:!1},icon:{},iconLeft:{},iconRight:{},indicator:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{},value:{},variant:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},setup(u){let d=(0,a.inject)(t.t,null),f=(0,a.useAttrs)(),p=(0,a.computed)(()=>n.a(u.appearance,d?(0,a.toValue)(d.appearance):void 0,s.MAJOR)),m=(0,a.computed)(()=>n.a(u.variant,d?(0,a.toValue)(d.variant):void 0,c.MAIN)),v=(0,a.computed)(()=>n.a(u.size,d?(0,a.toValue)(d.size):void 0,l.MEDIUM)),y=(0,a.computed)(()=>u.disabled||!!(d&&(0,a.toValue)(d.disabled))),b=(0,a.useTemplateRef)(`buttonRootRef`),{buttonBadgeProps:x}=h({badgeColor:()=>u.badgeColor,counter:()=>u.counter,indicator:()=>u.indicator,size:()=>v.value}),S=i.t(()=>u.link,()=>u.exact,()=>u.replace),C=S.linkPresentation;r.t({isRouterLink:S.isRouterLink,isActive:S.isActive,group:()=>d,value:()=>u.value});let w=(0,a.computed)(()=>{let e=C.value;return e.mode===`none`?`button`:e.rootTag}),T=(0,a.computed)(()=>w.value===`button`),E=(0,a.computed)(()=>y.value||u.loading),D=r.n({group:d,value:()=>u.value,el:b,disabled:y,interactive:()=>!E.value}),O=(0,a.computed)(()=>S.isRouterLink.value?S.isActive.value:D.isActive.value),k=(0,a.computed)(()=>[`s-ui-button`,`s-ui-button--tab-focus`,`s-ui-button--appearance-${p.value}`,`s-ui-button--variant-${m.value}`,`s-ui-button--size-${v.value}`,{"s-ui-button--disabled":y.value,"s-ui-button--loading":u.loading,"s-ui-button--icon-only":u.icon,"s-ui-button--full-width":u.fullWidth,"s-ui-button--active":O.value,"s-ui-button--link":C.value.mode!==`none`}]),A=(0,a.computed)(()=>({disabled:T.value?E.value:void 0,"aria-busy":u.loading?!0:void 0,"aria-pressed":D.ariaPressed.value,"aria-checked":D.ariaChecked.value,tabindex:D.tabIndex.value,...i.n(C.value,{replace:u.replace})})),j=(0,a.computed)(()=>({...A.value,...f})),M={[l.SMALL]:`s-ui-typography-label-12-medium`,[l.MEDIUM]:`s-ui-typography-label-14-medium`,[l.LARGE]:`s-ui-typography-label-16-medium`},N=(0,a.computed)(()=>M[v.value]),P={[l.SMALL]:16,[l.MEDIUM]:20,[l.LARGE]:24},F=(0,a.computed)(()=>P[v.value]),I=(0,a.computed)(()=>y.value||u.loading?!1:m.value===c.BILLING&&p.value!==s.MAJOR),L=(0,a.computed)(()=>m.value===c.BILLING&&p.value!==s.MAJOR),R=e=>{if(!E.value){if(S.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),S.navigate();return}D.handleKeydown(e)}},z=e=>{if(E.value){e.preventDefault(),e.stopPropagation();return}S.isRouterLink.value||D.handleClick()};return(t,n)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(w.value),(0,a.mergeProps)({ref_key:`buttonRootRef`,ref:b,class:k.value},j.value,{onClick:z,onKeydown:R}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:`s-ui-button__inner`,"aria-hidden":u.loading?!0:void 0},[u.icon?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:u.icon,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[u.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:u.iconLeft,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`s-ui-button__label`,N.value])},[(0,a.renderSlot)(t.$slots,`default`)],2),u.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:1,name:u.iconRight,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0)],64))],8,g),u.loading?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,_,[(0,a.createVNode)((0,a.unref)(o.SSpinner),{billing:L.value,size:F.value},null,8,[`billing`,`size`])])):(0,a.createCommentVNode)(``,!0),(0,a.unref)(x)?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(e.t),(0,a.normalizeProps)((0,a.mergeProps)({key:1},(0,a.unref)(x))),null,16)):(0,a.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});
+const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./context-kCi2xRHY.cjs"),n=require("./useSelectionGroup-NJvi3hNo.cjs"),r=require("./useSelectLink-DZIAhQ2J.cjs"),i=require("./useLink-1LLWpdDZ.cjs");let a=require("vue"),o=require("@shtabapp/ui-kit-primitives");var s=function(e){return e.MAJOR=`major`,e.MINOR=`minor`,e.SURFACE=`surface`,e.OUTLINED=`outlined`,e.BARE=`bare`,e}({}),c=function(e){return e.MAIN=`main`,e.NEUTRAL=`neutral`,e.DANGER=`danger`,e.SUCCESS=`success`,e.BILLING=`billing`,e}({}),l=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e.LARGE=`large`,e}({}),u={offsetX:1,offsetY:-1},d={[l.SMALL]:{offsetX:-6,offsetY:6},[l.MEDIUM]:{offsetX:-7,offsetY:7},[l.LARGE]:{offsetX:-8,offsetY:8}},f={[l.SMALL]:e.i.SMALL,[l.MEDIUM]:e.i.SMALL,[l.LARGE]:e.i.MEDIUM},p=({color:t,counterValue:n})=>{if(typeof n==`number`)return{anchored:!0,color:t,offsetX:u.offsetX,offsetY:u.offsetY,placement:e.r.TOP_END,size:e.i.MEDIUM,value:n}},m=({buttonSize:t,color:n,indicator:r})=>{if(!r)return;let i=d[t];return{anchored:!0,color:n,offsetX:i.offsetX,offsetY:i.offsetY,placement:e.r.TOP_END,size:f[t]}},h=({badgeColor:t,counter:n,indicator:r,size:i})=>({buttonBadgeProps:(0,a.computed)(()=>{let o=(0,a.toValue)(t)||e.n.MAIN;return p({color:o,counterValue:(0,a.toValue)(n)})||m({buttonSize:(0,a.toValue)(i),color:o,indicator:(0,a.toValue)(r)})})}),g=[`aria-hidden`],_={key:0,class:`s-ui-button__spinner`,"aria-hidden":`true`},v=(0,a.defineComponent)({inheritAttrs:!1,__name:`SButton`,props:{appearance:{},badgeColor:{},counter:{},disabled:{type:Boolean,default:!1},icon:{},iconLeft:{},iconRight:{},indicator:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{},value:{},variant:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},setup(u){let d=(0,a.inject)(t.t,null),f=(0,a.useAttrs)(),p=(0,a.computed)(()=>n.a(u.appearance,d?(0,a.toValue)(d.appearance):void 0,s.MAJOR)),m=(0,a.computed)(()=>n.a(u.variant,d?(0,a.toValue)(d.variant):void 0,c.MAIN)),v=(0,a.computed)(()=>n.a(u.size,d?(0,a.toValue)(d.size):void 0,l.MEDIUM)),y=(0,a.computed)(()=>u.disabled||!!(d&&(0,a.toValue)(d.disabled))),b=(0,a.useTemplateRef)(`buttonRootRef`),{buttonBadgeProps:x}=h({badgeColor:()=>u.badgeColor,counter:()=>u.counter,indicator:()=>u.indicator,size:()=>v.value}),S=i.t(()=>u.link,()=>u.exact,()=>u.replace),C=S.linkPresentation;r.t({isRouterLink:S.isRouterLink,isActive:S.isActive,group:()=>d,value:()=>u.value});let w=(0,a.computed)(()=>{let e=C.value;return e.mode===`none`?`button`:e.rootTag}),T=(0,a.computed)(()=>w.value===`button`),E=(0,a.computed)(()=>y.value||u.loading),D=r.n({group:d,value:()=>u.value,el:b,disabled:y,interactive:()=>!E.value}),O=(0,a.computed)(()=>S.isRouterLink.value?S.isActive.value:D.isActive.value),k=(0,a.computed)(()=>[`s-ui-button`,`s-ui-button--tab-focus`,`s-ui-button--appearance-${p.value}`,`s-ui-button--variant-${m.value}`,`s-ui-button--size-${v.value}`,{"s-ui-button--disabled":y.value,"s-ui-button--loading":u.loading,"s-ui-button--icon-only":u.icon,"s-ui-button--full-width":u.fullWidth,"s-ui-button--active":O.value,"s-ui-button--link":C.value.mode!==`none`}]),A=(0,a.computed)(()=>({disabled:T.value?E.value:void 0,"aria-busy":u.loading?!0:void 0,role:D.ariaChecked.value?`radio`:void 0,"aria-pressed":D.ariaPressed.value,"aria-checked":D.ariaChecked.value,tabindex:D.tabIndex.value,...i.n(C.value,{replace:u.replace})})),j=(0,a.computed)(()=>({...A.value,...f})),M={[l.SMALL]:`s-ui-typography-label-12-medium`,[l.MEDIUM]:`s-ui-typography-label-14-medium`,[l.LARGE]:`s-ui-typography-label-16-medium`},N=(0,a.computed)(()=>M[v.value]),P={[l.SMALL]:16,[l.MEDIUM]:20,[l.LARGE]:24},F=(0,a.computed)(()=>P[v.value]),I=(0,a.computed)(()=>y.value||u.loading?!1:m.value===c.BILLING&&p.value!==s.MAJOR),L=(0,a.computed)(()=>m.value===c.BILLING&&p.value!==s.MAJOR),R=e=>{if(!E.value){if(S.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),S.navigate();return}D.handleKeydown(e)}},z=e=>{if(E.value){e.preventDefault(),e.stopPropagation();return}S.isRouterLink.value||D.handleClick()};return(t,n)=>((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(w.value),(0,a.mergeProps)({ref_key:`buttonRootRef`,ref:b,class:k.value},j.value,{onClick:z,onKeydown:R}),{default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`span`,{class:`s-ui-button__inner`,"aria-hidden":u.loading?!0:void 0},[u.icon?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:u.icon,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):((0,a.openBlock)(),(0,a.createElementBlock)(a.Fragment,{key:1},[u.iconLeft?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:0,name:u.iconLeft,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`span`,{class:(0,a.normalizeClass)([`s-ui-button__label`,N.value])},[(0,a.renderSlot)(t.$slots,`default`)],2),u.iconRight?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(o.SIcon),{key:1,name:u.iconRight,size:F.value,billing:I.value},null,8,[`name`,`size`,`billing`])):(0,a.createCommentVNode)(``,!0)],64))],8,g),u.loading?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,_,[(0,a.createVNode)((0,a.unref)(o.SSpinner),{billing:L.value,size:F.value},null,8,[`billing`,`size`])])):(0,a.createCommentVNode)(``,!0),(0,a.unref)(x)?((0,a.openBlock)(),(0,a.createBlock)((0,a.unref)(e.t),(0,a.normalizeProps)((0,a.mergeProps)({key:1},(0,a.unref)(x))),null,16)):(0,a.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});

package/dist/{SButton-LAOBxpd4.js → SButton-DIWMMCSc.js}

@@ -145,6 +145,7 @@ var A = /* @__PURE__ */ function(e) {
 		]), Y = u(() => ({
 			disabled: W.value ? G.value : void 0,
 			"aria-busy": e.loading ? !0 : void 0,
+			role: K.ariaChecked.value ? "radio" : void 0,
 			"aria-pressed": K.ariaPressed.value,
 			"aria-checked": K.ariaChecked.value,
 			tabindex: K.tabIndex.value,

package/dist/{SButtonGroup-DPq5g7bZ.js → SButtonGroup-BqW5Rz1p.js}

@@ -73,7 +73,6 @@ var _ = /* @__PURE__ */ function(e) {
 			orientation: c.value ? b.value : void 0,
 			class: l(x.value),
 			role: "group",
-			"aria-orientation": t.orientation,
 			"aria-disabled": t.disabled || void 0
 		}, {
 			default: g(() => [f(e.$slots, "default")]),
@@ -81,7 +80,6 @@ var _ = /* @__PURE__ */ function(e) {
 		}, 8, [
 			"orientation",
 			"class",
-			"aria-orientation",
 			"aria-disabled"
 		]));
 	}

package/dist/{SButtonGroup-Co1AUbsm.cjs → SButtonGroup-DSi8mQSz.cjs}

@@ -1 +1 @@
-const e=require("./context-kCi2xRHY.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs");let n=require("vue");var r=function(e){return e.ATTACHED=`attached`,e.SEPARATED=`separated`,e}({}),i=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),a=(0,n.defineComponent)({__name:`SInlineGroup`,props:{orientation:{default:()=>i.HORIZONTAL}},setup(e){let t=(0,n.computed)(()=>`s-ui-inline-group--orientation-${e.orientation}`);return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`s-ui-inline-group`,t.value])},[(0,n.renderSlot)(e.$slots,`default`)],2))}}),o=(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(o){let s=(0,n.useModel)(o,`modelValue`),c=t.o({modelValue:()=>s.value,onUpdateModelValue:e=>{s.value=e},mode:()=>o.mode,mandatory:()=>o.mandatory,orientation:()=>o.orientation,loop:()=>o.loop});(0,n.provide)(e.t,{mode:()=>o.mode,isSelected:c.isSelected,selectItem:c.toggle,registerItem:c.registerItem,getItemTabIndex:c.getItemTabIndex,getGroupTabIndex:c.getGroupTabIndex,handleItemKeydown:c.handleItemKeydown,appearance:()=>o.appearance,variant:()=>o.variant,size:()=>o.size,disabled:()=>o.disabled});let l=(0,n.computed)(()=>o.layout===r.ATTACHED),u=(0,n.computed)(()=>o.orientation===t.r.VERTICAL?i.VERTICAL:i.HORIZONTAL),d=(0,n.computed)(()=>[`s-ui-button-group`,`s-ui-button-group--orientation-${o.orientation}`,`s-ui-button-group--layout-${o.layout}`,{"s-ui-button-group--disabled":o.disabled}]);return(e,t)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(l.value?(0,n.unref)(a):`div`),{orientation:l.value?u.value:void 0,class:(0,n.normalizeClass)(d.value),role:`group`,"aria-orientation":o.orientation,"aria-disabled":o.disabled||void 0},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`orientation`,`class`,`aria-orientation`,`aria-disabled`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+const e=require("./context-kCi2xRHY.cjs"),t=require("./useSelectionGroup-NJvi3hNo.cjs");let n=require("vue");var r=function(e){return e.ATTACHED=`attached`,e.SEPARATED=`separated`,e}({}),i=function(e){return e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),a=(0,n.defineComponent)({__name:`SInlineGroup`,props:{orientation:{default:()=>i.HORIZONTAL}},setup(e){let t=(0,n.computed)(()=>`s-ui-inline-group--orientation-${e.orientation}`);return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`s-ui-inline-group`,t.value])},[(0,n.renderSlot)(e.$slots,`default`)],2))}}),o=(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(o){let s=(0,n.useModel)(o,`modelValue`),c=t.o({modelValue:()=>s.value,onUpdateModelValue:e=>{s.value=e},mode:()=>o.mode,mandatory:()=>o.mandatory,orientation:()=>o.orientation,loop:()=>o.loop});(0,n.provide)(e.t,{mode:()=>o.mode,isSelected:c.isSelected,selectItem:c.toggle,registerItem:c.registerItem,getItemTabIndex:c.getItemTabIndex,getGroupTabIndex:c.getGroupTabIndex,handleItemKeydown:c.handleItemKeydown,appearance:()=>o.appearance,variant:()=>o.variant,size:()=>o.size,disabled:()=>o.disabled});let l=(0,n.computed)(()=>o.layout===r.ATTACHED),u=(0,n.computed)(()=>o.orientation===t.r.VERTICAL?i.VERTICAL:i.HORIZONTAL),d=(0,n.computed)(()=>[`s-ui-button-group`,`s-ui-button-group--orientation-${o.orientation}`,`s-ui-button-group--layout-${o.layout}`,{"s-ui-button-group--disabled":o.disabled}]);return(e,t)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(l.value?(0,n.unref)(a):`div`),{orientation:l.value?u.value:void 0,class:(0,n.normalizeClass)(d.value),role:`group`,"aria-disabled":o.disabled||void 0},{default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`orientation`,`class`,`aria-disabled`]))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/{SCard-DKZYyR5b.cjs → SCard-B210wsTH.cjs}

@@ -1 +1 @@
-const e=require("./useLink-1LLWpdDZ.cjs"),t=require("./SCheckbox-DnnC5mOH.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.CARD=`card`,e.LIST=`list`,e}({}),a={key:0,class:`s-ui-card__content s-ui-card__content--skeleton`},o={class:`s-ui-card__content`},s={class:`s-ui-card__icon`,"aria-hidden":`true`},c={class:`s-ui-card__text`},l={key:0,class:`s-ui-card__title s-ui-typography-heading-h6-semibold`},u={key:1,class:`s-ui-card__subtitle s-ui-typography-body-12-regular`},d={key:0,class:`s-ui-card__meta s-ui-typography-label-12-medium`},f={key:0,class:`s-ui-card__selected-indicator`,"aria-hidden":`true`,inert:``},p=(0,n.defineComponent)({inheritAttrs:!1,__name:`SCard`,props:(0,n.mergeModels)({layout:{default:()=>i.CARD},title:{},subtitle:{},icon:{default:`page`},selectable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{selected:{type:Boolean,default:!1},selectedModifiers:{}}),emits:(0,n.mergeModels)([`click`,`keydown`],[`update:selected`]),setup(p,{emit:m}){let h=(0,n.useModel)(p,`selected`),g=m,_=(0,n.useSlots)(),v=(0,n.useAttrs)(),y=e.t(()=>p.link,()=>p.exact,()=>p.replace),b=y.linkPresentation,x=(0,n.computed)(()=>p.disabled||p.skeleton),S=y.isLink,C=(0,n.computed)(()=>b.value.mode===`none`?`div`:b.value.rootTag),w=(0,n.computed)(()=>{if(x.value)return-1;if(!S.value)return 0}),T=(0,n.computed)(()=>({"aria-busy":p.skeleton?!0:void 0,"aria-disabled":x.value?!0:void 0,"aria-pressed":p.selectable&&!x.value&&!S.value&&h.value?!0:void 0,role:x.value||S.value?void 0:`button`,tabindex:w.value,...e.n(b.value,{replace:p.replace})})),E=(0,n.computed)(()=>({...T.value,...v})),D=(0,n.computed)(()=>p.selectable&&!x.value),O=(0,n.computed)(()=>p.layout===i.LIST?r.ESSkeletonType.S_CARD_LIST:r.ESSkeletonType.S_CARD),k=(0,n.computed)(()=>[`s-ui-card--layout-${p.layout}`,{"s-ui-card--selected":h.value,"s-ui-card--selectable":p.selectable,"s-ui-card--disabled":p.disabled,"s-ui-card--skeleton":p.skeleton,"s-ui-card--link":S.value,"s-ui-card--with-subtitle":!!(p.subtitle||_.subtitle)}]),A=e=>{if(x.value){e.preventDefault();return}if(y.isRouterLink.value){g(`click`,e);return}p.selectable&&(h.value=!h.value),g(`click`,e)},j=[`Enter`,` `,`Spacebar`],M=[`Enter`,` `],N=e=>{if(!x.value){if(g(`keydown`,e),y.isRouterLink.value&&j.includes(e.key)){e.preventDefault(),y.navigate();return}S.value||M.includes(e.key)&&(e.preventDefault(),e.currentTarget instanceof HTMLElement&&e.currentTarget.click())}};return(e,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(C.value),(0,n.mergeProps)({class:[`s-ui-card`,k.value]},E.value,{onClick:A,onKeydown:N}),{default:(0,n.withCtx)(()=>[p.skeleton?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createVNode)((0,n.unref)(r.SSkeleton),{class:`s-ui-card__skeleton`,type:O.value},null,8,[`type`])])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`span`,s,[(0,n.renderSlot)(e.$slots,`icon`,{},()=>[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:p.icon,size:16},null,8,[`name`])])]),(0,n.createElementVNode)(`span`,c,[p.title||_.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(e.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.title),1)])])):(0,n.createCommentVNode)(``,!0),p.subtitle||_.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(e.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),_.meta?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.renderSlot)(e.$slots,`meta`)])):(0,n.createCommentVNode)(``,!0)]),D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,[(0,n.renderSlot)(e.$slots,`selected-indicator`,{},()=>[(0,n.createVNode)((0,n.unref)(t.t),{"model-value":h.value,size:(0,n.unref)(t.i).EXTRA_SMALL},null,8,[`model-value`,`size`])])])):(0,n.createCommentVNode)(``,!0)],64))]),_:3},16,[`class`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
+const e=require("./useLink-1LLWpdDZ.cjs"),t=require("./SCheckbox-Dkbk21Id.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.CARD=`card`,e.LIST=`list`,e}({}),a={key:0,class:`s-ui-card__content s-ui-card__content--skeleton`},o={class:`s-ui-card__content`},s={class:`s-ui-card__icon`,"aria-hidden":`true`},c={class:`s-ui-card__text`},l={key:0,class:`s-ui-card__title s-ui-typography-heading-h6-semibold`},u={key:1,class:`s-ui-card__subtitle s-ui-typography-body-12-regular`},d={key:0,class:`s-ui-card__meta s-ui-typography-label-12-medium`},f={key:0,class:`s-ui-card__selected-indicator`,"aria-hidden":`true`,inert:``},p=(0,n.defineComponent)({inheritAttrs:!1,__name:`SCard`,props:(0,n.mergeModels)({layout:{default:()=>i.CARD},title:{},subtitle:{},icon:{default:`page`},selectable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{selected:{type:Boolean,default:!1},selectedModifiers:{}}),emits:(0,n.mergeModels)([`click`,`keydown`],[`update:selected`]),setup(p,{emit:m}){let h=(0,n.useModel)(p,`selected`),g=m,_=(0,n.useSlots)(),v=(0,n.useAttrs)(),y=e.t(()=>p.link,()=>p.exact,()=>p.replace),b=y.linkPresentation,x=(0,n.computed)(()=>p.disabled||p.skeleton),S=y.isLink,C=(0,n.computed)(()=>b.value.mode===`none`?`div`:b.value.rootTag),w=(0,n.computed)(()=>{if(x.value)return-1;if(!S.value)return 0}),T=(0,n.computed)(()=>({"aria-busy":p.skeleton?!0:void 0,"aria-disabled":x.value?!0:void 0,"aria-pressed":p.selectable&&!x.value&&!S.value&&h.value?!0:void 0,role:x.value||S.value?void 0:`button`,tabindex:w.value,...e.n(b.value,{replace:p.replace})})),E=(0,n.computed)(()=>({...T.value,...v})),D=(0,n.computed)(()=>p.selectable&&!x.value),O=(0,n.computed)(()=>p.layout===i.LIST?r.ESSkeletonType.S_CARD_LIST:r.ESSkeletonType.S_CARD),k=(0,n.computed)(()=>[`s-ui-card--layout-${p.layout}`,{"s-ui-card--selected":h.value,"s-ui-card--selectable":p.selectable,"s-ui-card--disabled":p.disabled,"s-ui-card--skeleton":p.skeleton,"s-ui-card--link":S.value,"s-ui-card--with-subtitle":!!(p.subtitle||_.subtitle)}]),A=e=>{if(x.value){e.preventDefault();return}if(y.isRouterLink.value){g(`click`,e);return}p.selectable&&(h.value=!h.value),g(`click`,e)},j=[`Enter`,` `,`Spacebar`],M=[`Enter`,` `],N=e=>{if(!x.value){if(g(`keydown`,e),y.isRouterLink.value&&j.includes(e.key)){e.preventDefault(),y.navigate();return}S.value||M.includes(e.key)&&(e.preventDefault(),e.currentTarget instanceof HTMLElement&&e.currentTarget.click())}};return(e,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(C.value),(0,n.mergeProps)({class:[`s-ui-card`,k.value]},E.value,{onClick:A,onKeydown:N}),{default:(0,n.withCtx)(()=>[p.skeleton?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createVNode)((0,n.unref)(r.SSkeleton),{class:`s-ui-card__skeleton`,type:O.value},null,8,[`type`])])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`span`,s,[(0,n.renderSlot)(e.$slots,`icon`,{},()=>[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:p.icon,size:16},null,8,[`name`])])]),(0,n.createElementVNode)(`span`,c,[p.title||_.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(e.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.title),1)])])):(0,n.createCommentVNode)(``,!0),p.subtitle||_.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(e.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),_.meta?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.renderSlot)(e.$slots,`meta`)])):(0,n.createCommentVNode)(``,!0)]),D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,[(0,n.renderSlot)(e.$slots,`selected-indicator`,{},()=>[(0,n.createVNode)((0,n.unref)(t.t),{"model-value":h.value,size:(0,n.unref)(t.i).EXTRA_SMALL},null,8,[`model-value`,`size`])])])):(0,n.createCommentVNode)(``,!0)],64))]),_:3},16,[`class`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});

package/dist/{SCard-DgGxjBUV.js → SCard-DJuyINB7.js}

@@ -1,5 +1,5 @@
 import { n as e, t } from "./useLink-Com5VhOk.js";
-import { i as n, t as r } from "./SCheckbox-BMkOc5cn.js";
+import { i as n, t as r } from "./SCheckbox-Dulusx5v.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useAttrs as b, useModel as x, useSlots as S, withCtx as C } from "vue";
 import { ESSkeletonType as w, SIcon as T, SSkeleton as E } from "@shtabapp/ui-kit-primitives";
 //#region src/components/SCard/SCard.types.ts

package/dist/SCheckbox-Dkbk21Id.cjs

@@ -0,0 +1 @@
+const e=require("./useAriaAttrs-D748yeJ_.cjs");let t=require("vue"),n=require("@shtabapp/ui-kit-primitives");var r=function(e){return e.EXTRA_SMALL=`extra-small`,e.SMALL=`small`,e}({}),i=function(e){return e.MAIN=`main`,e.SUCCESS=`success`,e}({}),a=function(e){return e.LEFT=`left`,e.RIGHT=`right`,e}({}),o=[`disabled`,`name`,`value`],s={class:`s-ui-checkbox__control`},c={key:0,class:`s-ui-checkbox__content`},l={key:0,class:`s-ui-checkbox__label s-ui-typography-label-14-medium`},u={key:1,class:`s-ui-checkbox__description s-ui-typography-body-12-regular`},d=16,f=(0,t.defineComponent)({inheritAttrs:!1,__name:`SCheckbox`,props:(0,t.mergeModels)({color:{default:()=>i.MAIN},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},labelPlacement:{default:()=>a.RIGHT},name:{},size:{default:()=>r.EXTRA_SMALL},value:{}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,t.mergeModels)([`change`],[`update:modelValue`]),setup(r,{emit:i}){let f=(0,t.useModel)(r,`modelValue`),p=i,{getRootAttrs:m,getAriaAttrs:h}=e.t(),g=(0,t.useSlots)(),_=(0,t.useTemplateRef)(`checkboxInputRef`),v=(0,t.computed)(()=>f.value),y=()=>{let e=_.value;e&&(e.indeterminate=r.indeterminate)};(0,t.watch)([_,()=>r.indeterminate,v],y,{immediate:!0,flush:`post`});let b=(0,t.computed)(()=>v.value&&!r.indeterminate),x=(0,t.computed)(()=>[`s-ui-checkbox--size-${r.size}`,`s-ui-checkbox--color-${r.color}`,{"s-ui-checkbox--checked":v.value,"s-ui-checkbox--indeterminate":r.indeterminate,"s-ui-checkbox--disabled":r.disabled,"s-ui-checkbox--label-left":r.labelPlacement===a.LEFT}]),S=e=>{if(!(e.target instanceof HTMLInputElement))return;let t=e.target.checked;y(),p(`change`,t)};return(e,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`label`,(0,t.mergeProps)({class:`s-ui-checkbox`},(0,t.unref)(m)(),{class:[x.value,{"s-ui-checkbox--control-only":!(0,t.unref)(g).default&&!(0,t.unref)(g).description}]}),[(0,t.withDirectives)((0,t.createElementVNode)(`input`,(0,t.mergeProps)({ref_key:`checkboxInputRef`,ref:_,"onUpdate:modelValue":i[0]||=e=>f.value=e,type:`checkbox`,class:`s-ui-checkbox__input`},(0,t.unref)(h)(),{disabled:r.disabled,name:r.name,value:r.value,onChange:S}),null,16,o),[[t.vModelCheckbox,f.value]]),(0,t.createElementVNode)(`span`,s,[b.value?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.SIcon),{key:0,class:`s-ui-checkbox__icon`,name:`checkMini`,size:d})):r.indeterminate?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.SIcon),{key:1,class:`s-ui-checkbox__icon`,name:`minusMini`,size:d})):(0,t.createCommentVNode)(``,!0)]),(0,t.unref)(g).default||(0,t.unref)(g).description?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,c,[(0,t.unref)(g).default?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,l,[(0,t.renderSlot)(e.$slots,`default`)])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(g).description?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,u,[(0,t.renderSlot)(e.$slots,`description`)])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)],16))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/SCheckbox-Dulusx5v.js

@@ -0,0 +1,105 @@
+import { t as e } from "./useAriaAttrs-CxGRTeye.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeModels as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, useModel as f, useSlots as p, useTemplateRef as m, vModelCheckbox as h, watch as g, withDirectives as _ } from "vue";
+import { SIcon as v } from "@shtabapp/ui-kit-primitives";
+//#region src/components/SCheckbox/SCheckbox.types.ts
+var y = /* @__PURE__ */ function(e) {
+	return e.EXTRA_SMALL = "extra-small", e.SMALL = "small", e;
+}({}), b = /* @__PURE__ */ function(e) {
+	return e.MAIN = "main", e.SUCCESS = "success", e;
+}({}), x = /* @__PURE__ */ function(e) {
+	return e.LEFT = "left", e.RIGHT = "right", e;
+}({}), S = [
+	"disabled",
+	"name",
+	"value"
+], C = { class: "s-ui-checkbox__control" }, w = {
+	key: 0,
+	class: "s-ui-checkbox__content"
+}, T = {
+	key: 0,
+	class: "s-ui-checkbox__label s-ui-typography-label-14-medium"
+}, E = {
+	key: 1,
+	class: "s-ui-checkbox__description s-ui-typography-body-12-regular"
+}, D = 16, O = /* @__PURE__ */ o({
+	inheritAttrs: !1,
+	__name: "SCheckbox",
+	props: /*@__PURE__*/ s({
+		color: { default: () => b.MAIN },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		indeterminate: {
+			type: Boolean,
+			default: !1
+		},
+		labelPlacement: { default: () => x.RIGHT },
+		name: {},
+		size: { default: () => y.EXTRA_SMALL },
+		value: {}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ s(["change"], ["update:modelValue"]),
+	setup(o, { emit: s }) {
+		let y = f(o, "modelValue"), b = s, { getRootAttrs: O, getAriaAttrs: k } = e(), A = p(), j = m("checkboxInputRef"), M = t(() => y.value), N = () => {
+			let e = j.value;
+			e && (e.indeterminate = o.indeterminate);
+		};
+		g([
+			j,
+			() => o.indeterminate,
+			M
+		], N, {
+			immediate: !0,
+			flush: "post"
+		});
+		let P = t(() => M.value && !o.indeterminate), F = t(() => [
+			`s-ui-checkbox--size-${o.size}`,
+			`s-ui-checkbox--color-${o.color}`,
+			{
+				"s-ui-checkbox--checked": M.value,
+				"s-ui-checkbox--indeterminate": o.indeterminate,
+				"s-ui-checkbox--disabled": o.disabled,
+				"s-ui-checkbox--label-left": o.labelPlacement === x.LEFT
+			}
+		]), I = (e) => {
+			if (!(e.target instanceof HTMLInputElement)) return;
+			let t = e.target.checked;
+			N(), b("change", t);
+		};
+		return (e, t) => (l(), i("label", c({ class: "s-ui-checkbox" }, d(O)(), { class: [F.value, { "s-ui-checkbox--control-only": !d(A).default && !d(A).description }] }), [
+			_(a("input", c({
+				ref_key: "checkboxInputRef",
+				ref: j,
+				"onUpdate:modelValue": t[0] ||= (e) => y.value = e,
+				type: "checkbox",
+				class: "s-ui-checkbox__input"
+			}, d(k)(), {
+				disabled: o.disabled,
+				name: o.name,
+				value: o.value,
+				onChange: I
+			}), null, 16, S), [[h, y.value]]),
+			a("span", C, [P.value ? (l(), n(d(v), {
+				key: 0,
+				class: "s-ui-checkbox__icon",
+				name: "checkMini",
+				size: D
+			})) : o.indeterminate ? (l(), n(d(v), {
+				key: 1,
+				class: "s-ui-checkbox__icon",
+				name: "minusMini",
+				size: D
+			})) : r("", !0)]),
+			d(A).default || d(A).description ? (l(), i("span", w, [d(A).default ? (l(), i("span", T, [u(e.$slots, "default")])) : r("", !0), d(A).description ? (l(), i("span", E, [u(e.$slots, "description")])) : r("", !0)])) : r("", !0)
+		], 16));
+	}
+});
+//#endregion
+export { y as i, b as n, x as r, O as t };

package/dist/{SChip-Dcvk3JI8.cjs → SChip-BCB1bvua.cjs}

@@ -1 +1 @@
-const e=require("./SButton-CLTNdnCK.cjs");let t=require("vue"),n=require("@shtabapp/ui-kit-primitives");var r=function(e){return e.BLUE=`blue`,e.RED=`red`,e.WHITE=`white`,e.BILLING=`billing`,e}({}),i=function(e){return e.SIZE_20=`20`,e.SIZE_24=`24`,e.SIZE_32=`32`,e}({}),a=[`tabindex`,`aria-disabled`,`inert`],o={class:`s-ui-chip__content`},s={key:0,class:`s-ui-chip__icon`},c={key:1,class:`s-ui-chip__prefix`},l={key:0,class:`s-ui-chip__actions`},u={key:0,class:`s-ui-chip__action-delete`},d=(0,t.defineComponent)({__name:`SChip`,props:{color:{default:()=>r.BLUE},disabled:{type:Boolean,default:!1},size:{default:()=>i.SIZE_32},deletable:{type:Boolean,default:!1},selected:{type:Boolean,default:!1}},emits:[`delete`],setup(d,{emit:f}){let p=f,{t:m}=(0,n.useUiKitI18n)(),h=(0,t.useSlots)(),g=(0,t.computed)(()=>d.color===r.BILLING),_=(0,t.computed)(()=>d.disabled?!1:g.value),v=(0,t.computed)(()=>d.disabled?-1:0),y=(0,t.computed)(()=>!!h.actions||d.deletable),b=()=>{p(`delete`)},x=(0,t.computed)(()=>[`s-ui-chip--color-${d.color}`,`s-ui-chip--size-${d.size}`,{"s-ui-chip--disabled":d.disabled,"s-ui-chip--selected":d.selected}]),S=(0,t.computed)(()=>d.size===i.SIZE_20?`s-ui-typography-label-12-medium`:`s-ui-typography-label-14-medium`),C={[i.SIZE_20]:16,[i.SIZE_24]:20,[i.SIZE_32]:20},w=(0,t.computed)(()=>C[d.size]);return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)([`s-ui-chip`,x.value]),tabindex:v.value,role:`group`,"aria-disabled":d.disabled?!0:void 0,inert:d.disabled?!0:void 0},[(0,t.createElementVNode)(`span`,o,[(0,t.unref)(h).icon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,s,[(0,t.renderSlot)(n.$slots,`icon`,{billing:_.value,disabled:d.disabled,size:w.value})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(h).prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,c,[(0,t.renderSlot)(n.$slots,`prefix`,{disabled:d.disabled,size:d.size})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(h).default?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:2,class:(0,t.normalizeClass)([`s-ui-chip__label`,S.value])},[(0,t.renderSlot)(n.$slots,`default`)],2)):(0,t.createCommentVNode)(``,!0)]),y.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,l,[(0,t.renderSlot)(n.$slots,`actions`,{billing:g.value,disabled:d.disabled}),d.deletable?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,u,[(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:d.disabled,tabindex:-1,icon:`closeMini`,"aria-label":(0,t.unref)(m)(`chip.delete`),onClick:(0,t.withModifiers)(b,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)],10,a))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});
+const e=require("./SButton-BCgdXE_B.cjs");let t=require("vue"),n=require("@shtabapp/ui-kit-primitives");var r=function(e){return e.BLUE=`blue`,e.RED=`red`,e.WHITE=`white`,e.BILLING=`billing`,e}({}),i=function(e){return e.SIZE_20=`20`,e.SIZE_24=`24`,e.SIZE_32=`32`,e}({}),a=[`tabindex`,`aria-disabled`,`inert`],o={class:`s-ui-chip__content`},s={key:0,class:`s-ui-chip__icon`},c={key:1,class:`s-ui-chip__prefix`},l={key:0,class:`s-ui-chip__actions`},u={key:0,class:`s-ui-chip__action-delete`},d=(0,t.defineComponent)({__name:`SChip`,props:{color:{default:()=>r.BLUE},disabled:{type:Boolean,default:!1},size:{default:()=>i.SIZE_32},deletable:{type:Boolean,default:!1},selected:{type:Boolean,default:!1}},emits:[`delete`],setup(d,{emit:f}){let p=f,{t:m}=(0,n.useUiKitI18n)(),h=(0,t.useSlots)(),g=(0,t.computed)(()=>d.color===r.BILLING),_=(0,t.computed)(()=>d.disabled?!1:g.value),v=(0,t.computed)(()=>d.disabled?-1:0),y=(0,t.computed)(()=>!!h.actions||d.deletable),b=()=>{p(`delete`)},x=(0,t.computed)(()=>[`s-ui-chip--color-${d.color}`,`s-ui-chip--size-${d.size}`,{"s-ui-chip--disabled":d.disabled,"s-ui-chip--selected":d.selected}]),S=(0,t.computed)(()=>d.size===i.SIZE_20?`s-ui-typography-label-12-medium`:`s-ui-typography-label-14-medium`),C={[i.SIZE_20]:16,[i.SIZE_24]:20,[i.SIZE_32]:20},w=(0,t.computed)(()=>C[d.size]);return(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)([`s-ui-chip`,x.value]),tabindex:v.value,role:`group`,"aria-disabled":d.disabled?!0:void 0,inert:d.disabled?!0:void 0},[(0,t.createElementVNode)(`span`,o,[(0,t.unref)(h).icon?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,s,[(0,t.renderSlot)(n.$slots,`icon`,{billing:_.value,disabled:d.disabled,size:w.value})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(h).prefix?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,c,[(0,t.renderSlot)(n.$slots,`prefix`,{disabled:d.disabled,size:d.size})])):(0,t.createCommentVNode)(``,!0),(0,t.unref)(h).default?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:2,class:(0,t.normalizeClass)([`s-ui-chip__label`,S.value])},[(0,t.renderSlot)(n.$slots,`default`)],2)):(0,t.createCommentVNode)(``,!0)]),y.value?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,l,[(0,t.renderSlot)(n.$slots,`actions`,{billing:g.value,disabled:d.disabled}),d.deletable?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,u,[(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:d.disabled,tabindex:-1,icon:`closeMini`,"aria-label":(0,t.unref)(m)(`chip.delete`),onClick:(0,t.withModifiers)(b,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)],10,a))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});

package/dist/{SChip-NDTK29yq.js → SChip-C6d9oIYL.js}

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-LAOBxpd4.js";
+import { i as e, n as t, r as n, t as r } from "./SButton-DIWMMCSc.js";
 import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, unref as p, useSlots as m, withModifiers as h } from "vue";
 import { useUiKitI18n as g } from "@shtabapp/ui-kit-primitives";
 //#region src/components/SChip/SChip.types.ts

package/dist/{SColorPicker-Ct8FVU0D.cjs → SColorPicker-CcPnyXE0.cjs}

@@ -1 +1 @@
-const e=require("./contrastSurfaceTextColor-BRjRzXyZ.cjs"),t=require("./SColorPalette-CqIA4Qtp.cjs"),n=require("./colorValue-Dda7fKd3.cjs"),r=require("./SButton-CLTNdnCK.cjs"),i=require("./useFloatingOverlay-CwGCMrig.cjs"),a=require("./SDropdown-B8Z4oNMk.cjs"),o=require("./SDropdownMenu-k9SxaFVH.cjs"),s=require("./SSelect-mnobObXO.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-label`],z=[`aria-label`,`aria-disabled`],B=(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`),{t:r}=(0,l.useUiKitI18n)(),i=(0,c.useTemplateRef)(`colorResolutionSwatchRef`),a=(0,c.useTemplateRef)(`saturationAreaRef`),o=(0,c.useTemplateRef)(`hueSliderRef`),s=()=>O(t.value,I(i.value)),u=(0,c.computed)(()=>n.a(t.value)),{hexColor:d,hueBackground:f,saturationPointerStyle:p,huePointerStyle:m,handleSaturationPointerDown:h,handleHuePointerDown:g}=F({modelValue:t,getEditableHex:s,saturationAreaRef:a,hueSliderRef:o,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:i,class:`s-ui-color-area__color-resolution`,color:u.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:a,class:`s-ui-color-area__canvas`,role:`img`,"aria-label":(0,c.unref)(r)(`colorArea.saturationBrightness`),style:(0,c.normalizeStyle)({"--s-ui-color-area-hue":(0,c.unref)(f)}),onPointerdown:n[0]||=(...e)=>(0,c.unref)(h)&&(0,c.unref)(h)(...e)},[(0,c.createElementVNode)(`div`,{class:`s-ui-color-area__canvas-pointer`,style:(0,c.normalizeStyle)({...(0,c.unref)(p),backgroundColor:(0,c.unref)(d)})},null,4)],44,R),(0,c.createElementVNode)(`div`,{ref_key:`hueSliderRef`,ref:o,class:`s-ui-color-area__hue`,role:`slider`,"aria-label":(0,c.unref)(r)(`colorArea.hue`),"aria-valuemin":`0`,"aria-valuemax":`360`,"aria-disabled":e.disabled||e.readonly,onPointerdown:n[1]||=(...e)=>(0,c.unref)(g)&&(0,c.unref)(g)(...e)},[(0,c.createElementVNode)(`div`,{class:`s-ui-color-area__hue-pointer`,style:(0,c.normalizeStyle)({...(0,c.unref)(m),backgroundColor:(0,c.unref)(f)})},null,4)],40,z)])],16))}}),V={class:`s-ui-color-values__left`},H={class:`s-ui-color-values__format`},U={class:`s-ui-color-values__value-group`},W={class:`s-ui-color-values__inputs`},G={key:0,class:`s-ui-color-values__input-wrap`},K=[`disabled`,`readonly`,`aria-label`],q={class:`s-ui-color-values__input-wrap`},J=[`disabled`,`readonly`,`aria-label`],Y={class:`s-ui-color-values__input-wrap`},X=[`disabled`,`readonly`,`aria-label`],Z={class:`s-ui-color-values__input-wrap`},Q=[`disabled`,`readonly`,`aria-label`],$=(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:i}){let{t:a}=(0,l.useUiKitI18n)(),o=(0,c.useModel)(e,`modelValue`),u=(0,c.useModel)(e,`format`),d=i,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?a(`colorValues.redChannel`):a(`colorValues.hueChannel`)),x=(0,c.computed)(()=>u.value===t.o.RGB?a(`colorValues.greenChannel`):a(`colorValues.saturationChannel`)),S=(0,c.computed)(()=>u.value===t.o.RGB?a(`colorValues.blueChannel`):a(`colorValues.lightnessChannel`)),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,i)=>((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`,V,[(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`,H,[(0,c.createVNode)((0,c.unref)(s.t),{modelValue:u.value,"onUpdate:modelValue":i[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":(0,c.unref)(a)(`colorValues.format`),onOpen:i[1]||=e=>d(`formatDropdownOpen`),onClose:i[2]||=e=>d(`formatDropdownClose`)},null,8,[`modelValue`,`options`,`disabled`,`readonly`,`aria-label`])])]),(0,c.createElementVNode)(`div`,U,[(0,c.createVNode)((0,c.unref)(r.t),{class:`s-ui-color-values__pipette`,appearance:(0,c.unref)(r.n).BARE,variant:(0,c.unref)(r.i).NEUTRAL,size:(0,c.unref)(r.r).SMALL,icon:`pipette`,"aria-label":(0,c.unref)(a)(`colorValues.pickColor`),"aria-disabled":`true`,disabled:e.disabled,tabindex:`-1`},null,8,[`appearance`,`variant`,`size`,`aria-label`,`disabled`]),i[9]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,W,[u.value===(0,c.unref)(t.o).HEX?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,G,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[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":(0,c.unref)(a)(`colorValues.hexValue`),onBlur:w,onKeydown:D},null,40,K),[[c.vModelText,p.value]])])):((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,{key:1},[(0,c.createElementVNode)(`div`,q,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[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,J),[[c.vModelText,m.value]])]),i[7]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,Y,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[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,X),[[c.vModelText,h.value]])]),i[8]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,Z,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[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,Q),[[c.vModelText,g.value]])])],64))])])],16))}}),ee={class:`s-ui-color-picker__section`},te={class:`s-ui-color-picker__label`},ne={class:`s-ui-color-picker__section`},re={class:`s-ui-color-picker__label`},ie={class:`s-ui-color-picker__custom-editor`},ae={class:`s-ui-color-picker__custom-actions`},oe=(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 s=(0,c.useModel)(e,`modelValue`),u=n,{t:d}=(0,l.useUiKitI18n)(),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(s.value){p.value=s.value;return}p.value=`#526DE3`},v=e=>{u(`select`,e)},y=()=>{s.value=p.value,u(`select`,p.value),f.value=!1},b=()=>{f.value=!1};return(0,c.watch)(f,(e,t)=>{if(e&&!t){_(),u(`customEditorOpen`);return}!e&&t&&u(`customEditorClose`)}),(n,_)=>((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(o.t),(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`,ee,[(0,c.createElementVNode)(`span`,te,(0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.recommendedColors`)),1),(0,c.createVNode)((0,c.unref)(t.t),{modelValue:s.value,"onUpdate:modelValue":_[0]||=e=>s.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`,ne,[(0,c.createElementVNode)(`span`,re,(0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.recentColors`)),1),(0,c.createVNode)((0,c.unref)(t.t),{modelValue:s.value,"onUpdate:modelValue":_[7]||=e=>s.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)(a.t),{modelValue:f.value,"onUpdate:modelValue":_[6]||=e=>f.value=e,placement:(0,c.unref)(i.s).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)(r.t),(0,c.mergeProps)(n,{class:`s-ui-color-picker__add-button`,appearance:(0,c.unref)(r.n).OUTLINED,variant:(0,c.unref)(r.i).NEUTRAL,size:(0,c.unref)(r.r).SMALL,icon:`plus`,"aria-label":(0,c.unref)(d)(`colorPicker.addCustomColor`),disabled:e.disabled,onClick:t}),null,16,[`appearance`,`variant`,`size`,`aria-label`,`disabled`,`onClick`])]),content:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(o.t),{width:320},{footer:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,ae,[(0,c.createVNode)((0,c.unref)(r.t),{class:`s-ui-color-picker__save-button`,appearance:(0,c.unref)(r.n).MAJOR,variant:(0,c.unref)(r.i).MAIN,size:(0,c.unref)(r.r).SMALL,disabled:e.disabled,onClick:y},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.save`)),1)]),_:1},8,[`appearance`,`variant`,`size`,`disabled`]),(0,c.createVNode)((0,c.unref)(r.t),{class:`s-ui-color-picker__cancel-button`,appearance:(0,c.unref)(r.n).MINOR,variant:(0,c.unref)(r.i).NEUTRAL,size:(0,c.unref)(r.r).SMALL,disabled:e.disabled,onClick:b},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.cancel`)),1)]),_:1},8,[`appearance`,`variant`,`size`,`disabled`])])]),default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,ie,[(0,c.createVNode)(B,{modelValue:p.value,"onUpdate:modelValue":_[1]||=e=>p.value=e,disabled:e.disabled},null,8,[`modelValue`,`disabled`]),(0,c.createVNode)($,{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=>u(`formatDropdownOpen`),onFormatDropdownClose:_[5]||=e=>u(`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 $}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return oe}});
+const e=require("./contrastSurfaceTextColor-BRjRzXyZ.cjs"),t=require("./SColorPalette-CqIA4Qtp.cjs"),n=require("./colorValue-Dda7fKd3.cjs"),r=require("./SButton-BCgdXE_B.cjs"),i=require("./useFloatingOverlay-CwGCMrig.cjs"),a=require("./SDropdown-B8Z4oNMk.cjs"),o=require("./SDropdownMenu-k9SxaFVH.cjs"),s=require("./SSelect-DyngcoP9.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-label`],z=[`aria-label`,`aria-disabled`],B=(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`),{t:r}=(0,l.useUiKitI18n)(),i=(0,c.useTemplateRef)(`colorResolutionSwatchRef`),a=(0,c.useTemplateRef)(`saturationAreaRef`),o=(0,c.useTemplateRef)(`hueSliderRef`),s=()=>O(t.value,I(i.value)),u=(0,c.computed)(()=>n.a(t.value)),{hexColor:d,hueBackground:f,saturationPointerStyle:p,huePointerStyle:m,handleSaturationPointerDown:h,handleHuePointerDown:g}=F({modelValue:t,getEditableHex:s,saturationAreaRef:a,hueSliderRef:o,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:i,class:`s-ui-color-area__color-resolution`,color:u.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:a,class:`s-ui-color-area__canvas`,role:`img`,"aria-label":(0,c.unref)(r)(`colorArea.saturationBrightness`),style:(0,c.normalizeStyle)({"--s-ui-color-area-hue":(0,c.unref)(f)}),onPointerdown:n[0]||=(...e)=>(0,c.unref)(h)&&(0,c.unref)(h)(...e)},[(0,c.createElementVNode)(`div`,{class:`s-ui-color-area__canvas-pointer`,style:(0,c.normalizeStyle)({...(0,c.unref)(p),backgroundColor:(0,c.unref)(d)})},null,4)],44,R),(0,c.createElementVNode)(`div`,{ref_key:`hueSliderRef`,ref:o,class:`s-ui-color-area__hue`,role:`slider`,"aria-label":(0,c.unref)(r)(`colorArea.hue`),"aria-valuemin":`0`,"aria-valuemax":`360`,"aria-disabled":e.disabled||e.readonly,onPointerdown:n[1]||=(...e)=>(0,c.unref)(g)&&(0,c.unref)(g)(...e)},[(0,c.createElementVNode)(`div`,{class:`s-ui-color-area__hue-pointer`,style:(0,c.normalizeStyle)({...(0,c.unref)(m),backgroundColor:(0,c.unref)(f)})},null,4)],40,z)])],16))}}),V={class:`s-ui-color-values__left`},H={class:`s-ui-color-values__format`},U={class:`s-ui-color-values__value-group`},W={class:`s-ui-color-values__inputs`},G={key:0,class:`s-ui-color-values__input-wrap`},K=[`disabled`,`readonly`,`aria-label`],q={class:`s-ui-color-values__input-wrap`},J=[`disabled`,`readonly`,`aria-label`],Y={class:`s-ui-color-values__input-wrap`},X=[`disabled`,`readonly`,`aria-label`],Z={class:`s-ui-color-values__input-wrap`},Q=[`disabled`,`readonly`,`aria-label`],$=(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:i}){let{t:a}=(0,l.useUiKitI18n)(),o=(0,c.useModel)(e,`modelValue`),u=(0,c.useModel)(e,`format`),d=i,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?a(`colorValues.redChannel`):a(`colorValues.hueChannel`)),x=(0,c.computed)(()=>u.value===t.o.RGB?a(`colorValues.greenChannel`):a(`colorValues.saturationChannel`)),S=(0,c.computed)(()=>u.value===t.o.RGB?a(`colorValues.blueChannel`):a(`colorValues.lightnessChannel`)),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,i)=>((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`,V,[(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`,H,[(0,c.createVNode)((0,c.unref)(s.t),{modelValue:u.value,"onUpdate:modelValue":i[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":(0,c.unref)(a)(`colorValues.format`),onOpen:i[1]||=e=>d(`formatDropdownOpen`),onClose:i[2]||=e=>d(`formatDropdownClose`)},null,8,[`modelValue`,`options`,`disabled`,`readonly`,`aria-label`])])]),(0,c.createElementVNode)(`div`,U,[(0,c.createVNode)((0,c.unref)(r.t),{class:`s-ui-color-values__pipette`,appearance:(0,c.unref)(r.n).BARE,variant:(0,c.unref)(r.i).NEUTRAL,size:(0,c.unref)(r.r).SMALL,icon:`pipette`,"aria-label":(0,c.unref)(a)(`colorValues.pickColor`),"aria-disabled":`true`,disabled:e.disabled,tabindex:`-1`},null,8,[`appearance`,`variant`,`size`,`aria-label`,`disabled`]),i[9]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,W,[u.value===(0,c.unref)(t.o).HEX?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,G,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[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":(0,c.unref)(a)(`colorValues.hexValue`),onBlur:w,onKeydown:D},null,40,K),[[c.vModelText,p.value]])])):((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,{key:1},[(0,c.createElementVNode)(`div`,q,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[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,J),[[c.vModelText,m.value]])]),i[7]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,Y,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[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,X),[[c.vModelText,h.value]])]),i[8]||=(0,c.createElementVNode)(`span`,{class:`s-ui-color-values__separator`,"aria-hidden":`true`},null,-1),(0,c.createElementVNode)(`div`,Z,[(0,c.withDirectives)((0,c.createElementVNode)(`input`,{"onUpdate:modelValue":i[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,Q),[[c.vModelText,g.value]])])],64))])])],16))}}),ee={class:`s-ui-color-picker__section`},te={class:`s-ui-color-picker__label`},ne={class:`s-ui-color-picker__section`},re={class:`s-ui-color-picker__label`},ie={class:`s-ui-color-picker__custom-editor`},ae={class:`s-ui-color-picker__custom-actions`},oe=(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 s=(0,c.useModel)(e,`modelValue`),u=n,{t:d}=(0,l.useUiKitI18n)(),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(s.value){p.value=s.value;return}p.value=`#526DE3`},v=e=>{u(`select`,e)},y=()=>{s.value=p.value,u(`select`,p.value),f.value=!1},b=()=>{f.value=!1};return(0,c.watch)(f,(e,t)=>{if(e&&!t){_(),u(`customEditorOpen`);return}!e&&t&&u(`customEditorClose`)}),(n,_)=>((0,c.openBlock)(),(0,c.createBlock)((0,c.unref)(o.t),(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`,ee,[(0,c.createElementVNode)(`span`,te,(0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.recommendedColors`)),1),(0,c.createVNode)((0,c.unref)(t.t),{modelValue:s.value,"onUpdate:modelValue":_[0]||=e=>s.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`,ne,[(0,c.createElementVNode)(`span`,re,(0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.recentColors`)),1),(0,c.createVNode)((0,c.unref)(t.t),{modelValue:s.value,"onUpdate:modelValue":_[7]||=e=>s.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)(a.t),{modelValue:f.value,"onUpdate:modelValue":_[6]||=e=>f.value=e,placement:(0,c.unref)(i.s).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)(r.t),(0,c.mergeProps)(n,{class:`s-ui-color-picker__add-button`,appearance:(0,c.unref)(r.n).OUTLINED,variant:(0,c.unref)(r.i).NEUTRAL,size:(0,c.unref)(r.r).SMALL,icon:`plus`,"aria-label":(0,c.unref)(d)(`colorPicker.addCustomColor`),disabled:e.disabled,onClick:t}),null,16,[`appearance`,`variant`,`size`,`aria-label`,`disabled`,`onClick`])]),content:(0,c.withCtx)(()=>[(0,c.createVNode)((0,c.unref)(o.t),{width:320},{footer:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,ae,[(0,c.createVNode)((0,c.unref)(r.t),{class:`s-ui-color-picker__save-button`,appearance:(0,c.unref)(r.n).MAJOR,variant:(0,c.unref)(r.i).MAIN,size:(0,c.unref)(r.r).SMALL,disabled:e.disabled,onClick:y},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.save`)),1)]),_:1},8,[`appearance`,`variant`,`size`,`disabled`]),(0,c.createVNode)((0,c.unref)(r.t),{class:`s-ui-color-picker__cancel-button`,appearance:(0,c.unref)(r.n).MINOR,variant:(0,c.unref)(r.i).NEUTRAL,size:(0,c.unref)(r.r).SMALL,disabled:e.disabled,onClick:b},{default:(0,c.withCtx)(()=>[(0,c.createTextVNode)((0,c.toDisplayString)((0,c.unref)(d)(`colorPicker.cancel`)),1)]),_:1},8,[`appearance`,`variant`,`size`,`disabled`])])]),default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`div`,ie,[(0,c.createVNode)(B,{modelValue:p.value,"onUpdate:modelValue":_[1]||=e=>p.value=e,disabled:e.disabled},null,8,[`modelValue`,`disabled`]),(0,c.createVNode)($,{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=>u(`formatDropdownOpen`),onFormatDropdownClose:_[5]||=e=>u(`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 $}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return oe}});

package/dist/{SColorPicker-BjtlrGHZ.js → SColorPicker-XXyDOuDg.js}

@@ -1,11 +1,11 @@
 import { n as e } from "./contrastSurfaceTextColor-BDlLSSXC.js";
 import { n as t, o as n, r, t as i } from "./SColorPalette-OCu-tgZ3.js";
 import { a, n as o } from "./colorValue-CSh0chxp.js";
-import { i as s, n as c, r as l, t as u } from "./SButton-LAOBxpd4.js";
+import { i as s, n as c, r as l, t as u } from "./SButton-DIWMMCSc.js";
 import { s as d } from "./useFloatingOverlay-TxzVisMJ.js";
 import { t as f } from "./SDropdown-cNmJ5Lrz.js";
 import { t as p } from "./SDropdownMenu-2koPU6IG.js";
-import { t as m } from "./SSelect-rpJCD5PL.js";
+import { t as m } from "./SSelect-Bn4kifqp.js";
 import { Fragment as h, computed as g, createBlock as _, createElementBlock as v, createElementVNode as y, createTextVNode as b, createVNode as x, defineComponent as S, mergeModels as C, mergeProps as w, nextTick as T, normalizeClass as E, normalizeStyle as D, onMounted as O, openBlock as k, ref as A, shallowRef as j, toDisplayString as M, toRef as N, unref as P, useModel as F, useTemplateRef as I, vModelText as L, watch as R, withCtx as z, withDirectives as B } from "vue";
 import { ESColorSwatchSize as V, SColorSwatch as ee, useUiKitI18n as H } from "@shtabapp/ui-kit-primitives";
 import { useEventListener as U } from "@vueuse/core";

package/dist/{SInput-D8NftspL.js → SInput-CGlUBCkW.js}

@@ -1,19 +1,19 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-LAOBxpd4.js";
+import { i as e, n as t, r as n, t as r } from "./SButton-DIWMMCSc.js";
 import { n as i, t as a } from "./SInlineMessage-Dirk5RwO.js";
-import { t as ee } from "./SLabel-FHHPlcKq.js";
-import { n as o, r as s, t as te } from "./useFieldMessages-C-GXaf_q.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, mergeModels as _, mergeProps as v, nextTick as ne, normalizeClass as y, onMounted as b, openBlock as x, renderList as S, renderSlot as C, toDisplayString as re, unref as w, useId as ie, useModel as ae, useSlots as oe, useTemplateRef as T, vModelDynamic as se, withCtx as ce, withDirectives as le, withModifiers as ue } from "vue";
+import { t as o } from "./SLabel-FHHPlcKq.js";
+import { n as s, r as c, t as ee } from "./useFieldMessages-C-GXaf_q.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as te, createVNode as h, defineComponent as g, mergeModels as _, mergeProps as v, nextTick as ne, normalizeClass as y, onMounted as b, openBlock as x, renderList as S, renderSlot as C, toDisplayString as re, unref as w, useId as ie, useModel as ae, useSlots as oe, useTemplateRef as T, vModelDynamic as se, withCtx as ce, withDirectives as le, withModifiers as ue } from "vue";
 import { SIcon as de, useUiKitI18n as fe } 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;
-}({}), D = (e) => () => e.hasControlSlot() ? e.hasValue() === !0 : e.value().length > 0, O = ["inert", "aria-disabled"], k = {
+}({}), D = (e) => `${e}-label`, O = (e) => () => e.hasControlSlot() ? e.hasValue() === !0 : e.value().length > 0, k = ["inert", "aria-disabled"], A = {
 	key: 0,
 	class: "s-ui-input__prepend"
-}, A = { class: "s-ui-input__row" }, j = {
+}, j = { class: "s-ui-input__row" }, M = {
 	key: 0,
 	class: "s-ui-input__prefix"
-}, M = [
+}, N = [
 	"id",
 	"type",
 	"name",
@@ -21,16 +21,16 @@ var E = /* @__PURE__ */ function(e) {
 	"disabled",
 	"readonly",
 	"autocomplete"
-], N = {
+], P = {
 	key: 0,
 	class: "s-ui-input__inline"
-}, P = {
+}, F = {
 	key: 1,
 	class: "s-ui-input__clear"
-}, F = {
+}, I = {
 	key: 2,
 	class: "s-ui-input__action"
-}, I = 16, L = /* @__PURE__ */ g({
+}, L = 16, R = /* @__PURE__ */ g({
 	inheritAttrs: !1,
 	__name: "SInput",
 	props: /*@__PURE__*/ _({
@@ -84,22 +84,22 @@ var E = /* @__PURE__ */ function(e) {
 		"focus",
 		"blur"
 	], ["update:modelValue"]),
-	setup(g, { expose: _, emit: L }) {
-		let R = ae(g, "modelValue"), { t: z } = fe(), B = L, { rootAttrs: V, controlAttrs: pe, errorQa: me } = s(), H = oe(), he = ie(), U = T("fieldElementRef"), W = T("inputElementRef"), { isFocused: G, handleFocus: K, handleFocusOut: q } = o({
+	setup(g, { expose: _, emit: R }) {
+		let z = ae(g, "modelValue"), { t: B } = fe(), V = R, { rootAttrs: pe, controlAttrs: me, errorQa: he } = c(), H = oe(), ge = ie(), U = T("fieldElementRef"), W = T("inputElementRef"), { isFocused: G, handleFocus: K, handleFocusOut: q } = s({
 			isDisabled: () => g.disabled,
 			blurField: () => $(),
-			emitFocus: (e) => B("focus", e),
-			emitBlur: (e) => B("blur", e)
-		}), { normalizedHelpMessages: ge, normalizedErrorMessages: _e, hasErrorMessages: J, hasHelpMessages: ve } = te(() => g.helpMessages, () => g.errorMessages), Y = l(() => g.id ? g.id : he), ye = l(() => !!(g.label || H.label)), be = l(() => !!(g.iconLeft || H.prefix)), xe = l(() => g.customize === E.VERTICAL && !!H.prepend), Se = l(() => g.customize === E.HORIZONTAL && !!H.prepend), Ce = () => !g.clearable || g.disabled || g.readonly ? !1 : Z(), X = l(() => {
+			emitFocus: (e) => V("focus", e),
+			emitBlur: (e) => V("blur", e)
+		}), { normalizedHelpMessages: _e, normalizedErrorMessages: ve, hasErrorMessages: J, hasHelpMessages: ye } = ee(() => g.helpMessages, () => g.errorMessages), Y = u(() => g.id ? g.id : ge), be = u(() => D(Y.value)), xe = u(() => !!(g.label || H.label)), Se = u(() => !!(g.iconLeft || H.prefix)), Ce = u(() => g.customize === E.VERTICAL && !!H.prepend), X = u(() => g.customize === E.HORIZONTAL && !!H.prepend), we = () => !g.clearable || g.disabled || g.readonly ? !1 : Z(), Te = u(() => {
 			if (!G.value) return -1;
-		}), we = l(() => !!(g.iconRight || H.action)), Te = l(() => !!H.message || ve.value || J.value), Z = D({
+		}), Ee = u(() => !!(g.iconRight || H.action)), De = u(() => !!H.message || ye.value || J.value), Z = O({
 			hasControlSlot: () => !!H.control,
 			hasValue: () => g.hasValue,
-			value: () => R.value
-		}), Ee = l(() => ({
+			value: () => z.value
+		}), Oe = u(() => ({
 			"s-ui-input--disabled": g.disabled,
 			"s-ui-input--readonly": g.readonly
-		})), De = l(() => [{
+		})), ke = u(() => [{
 			"s-ui-input__field--bordered": g.bordered,
 			"s-ui-input__field--borderless": !g.bordered,
 			"s-ui-input__field--disabled": g.disabled,
@@ -107,12 +107,12 @@ var E = /* @__PURE__ */ function(e) {
 			"s-ui-input__field--error": J.value,
 			"s-ui-input__field--vertical": g.customize === E.VERTICAL,
 			"s-ui-input__field--focused": G.value || g.focused
-		}]), Oe = (e) => {
+		}]), Ae = (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 (H.control) {
-				Oe(e);
+				Ae(e);
 				return;
 			}
 			W.value?.focus(e);
@@ -123,10 +123,10 @@ var E = /* @__PURE__ */ function(e) {
 				return;
 			}
 			W.value?.blur();
-		}, ke = (e) => {
+		}, je = (e) => {
 			g.disabled || g.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());
-		}, Ae = () => {
-			R.value = "", B("clear"), Q();
+		}, Me = () => {
+			z.value = "", V("clear"), Q();
 		};
 		return b(() => {
 			g.autofocus && ne(() => {
@@ -137,30 +137,33 @@ var E = /* @__PURE__ */ function(e) {
 			focus: Q,
 			fieldElementRef: U,
 			inputElementRef: W
-		}), (o, s) => (x(), f("div", v({ class: ["s-ui-input", Ee.value] }, w(V)), [
-			ye.value ? (x(), u(w(ee), v({ key: 0 }, g.labelProps, { "html-for": Y.value }), {
-				default: ce(() => [C(o.$slots, "label", {}, () => [m(re(g.label), 1)])]),
+		}), (s, c) => (x(), p("div", v({ class: ["s-ui-input", Oe.value] }, w(pe)), [
+			xe.value ? (x(), d(w(o), v({
+				key: 0,
+				id: be.value
+			}, g.labelProps, { "html-for": Y.value }), {
+				default: ce(() => [C(s.$slots, "label", {}, () => [te(re(g.label), 1)])]),
 				_: 3
-			}, 16, ["html-for"])) : d("", !0),
-			p("div", {
+			}, 16, ["id", "html-for"])) : f("", !0),
+			m("div", {
 				ref_key: "fieldElementRef",
 				ref: U,
-				class: y(["s-ui-input__field", [De.value, { "s-ui-input__field--filled": w(Z)() }]]),
+				class: y(["s-ui-input__field", [ke.value, { "s-ui-input__field--filled": w(Z)() }]]),
 				inert: g.disabled ? !0 : void 0,
 				"aria-disabled": g.disabled ? !0 : void 0,
-				onClick: s[2] ||= (e) => ke(e),
-				onFocusout: s[3] ||= (...e) => w(q) && w(q)(...e)
-			}, [xe.value ? (x(), f("div", k, [C(o.$slots, "prepend", { disabled: g.disabled })])) : d("", !0), p("div", A, [
-				be.value ? (x(), f("span", j, [C(o.$slots, "prefix", { disabled: g.disabled }, () => [g.iconLeft ? (x(), u(w(de), {
+				onClick: c[2] ||= (e) => je(e),
+				onFocusout: c[3] ||= (...e) => w(q) && w(q)(...e)
+			}, [Ce.value ? (x(), p("div", A, [C(s.$slots, "prepend", { disabled: g.disabled })])) : f("", !0), m("div", j, [
+				Se.value ? (x(), p("span", M, [C(s.$slots, "prefix", { disabled: g.disabled }, () => [g.iconLeft ? (x(), d(w(de), {
 					key: 0,
 					name: g.iconLeft,
-					size: I
-				}, null, 8, ["name"])) : d("", !0)])])) : d("", !0),
-				p("div", { class: y(["s-ui-input__control-wrap", { "s-ui-input__control-wrap--horizontal": g.customize === w(E).HORIZONTAL }]) }, [C(o.$slots, "control", { disabled: g.disabled }, () => [le(p("input", v({
+					size: L
+				}, null, 8, ["name"])) : f("", !0)])])) : f("", !0),
+				m("div", { class: y(["s-ui-input__control-wrap", { "s-ui-input__control-wrap--horizontal": g.customize === w(E).HORIZONTAL }]) }, [C(s.$slots, "control", { disabled: g.disabled }, () => [le(m("input", v({
 					id: Y.value,
 					ref_key: "inputElementRef",
 					ref: W,
-					"onUpdate:modelValue": s[0] ||= (e) => R.value = e,
+					"onUpdate:modelValue": c[0] ||= (e) => z.value = e,
 					class: "s-ui-input__control s-ui-typography-body-14-regular",
 					type: g.type,
 					name: g.name,
@@ -168,23 +171,23 @@ var E = /* @__PURE__ */ function(e) {
 					disabled: g.disabled,
 					readonly: g.readonly,
 					autocomplete: g.autocomplete
-				}, w(pe), { onFocus: s[1] ||= (...e) => w(K) && w(K)(...e) }), null, 16, M), [[se, R.value]])]), Se.value ? (x(), f("div", N, [C(o.$slots, "prepend", { disabled: g.disabled })])) : d("", !0)], 2),
-				Ce() ? (x(), f("span", P, [h(w(r), {
+				}, w(me), { onFocus: c[1] ||= (...e) => w(K) && w(K)(...e) }), null, 16, N), [[se, z.value]])]), X.value ? (x(), p("div", P, [C(s.$slots, "prepend", { disabled: g.disabled })])) : f("", !0)], 2),
+				we() ? (x(), p("span", F, [h(w(r), {
 					appearance: w(t).BARE,
 					variant: w(e).NEUTRAL,
 					size: w(n).SMALL,
 					icon: "closeMini",
-					"aria-label": w(z)("input.clear"),
-					tabindex: X.value,
-					onClick: ue(Ae, ["stop"])
+					"aria-label": w(B)("input.clear"),
+					tabindex: Te.value,
+					onClick: ue(Me, ["stop"])
 				}, null, 8, [
 					"appearance",
 					"variant",
 					"size",
 					"aria-label",
 					"tabindex"
-				])])) : d("", !0),
-				we.value ? (x(), f("span", F, [C(o.$slots, "action", { disabled: g.disabled }, () => [g.iconRight ? (x(), u(w(r), {
+				])])) : f("", !0),
+				Ee.value ? (x(), p("span", I, [C(s.$slots, "action", { disabled: g.disabled }, () => [g.iconRight ? (x(), d(w(r), {
 					key: 0,
 					appearance: w(t).BARE,
 					variant: w(e).NEUTRAL,
@@ -198,26 +201,26 @@ var E = /* @__PURE__ */ function(e) {
 					"size",
 					"disabled",
 					"icon"
-				])) : d("", !0)])])) : d("", !0)
-			])], 42, O),
-			Te.value || g.reserveMessageSpace ? (x(), f("div", {
+				])) : f("", !0)])])) : f("", !0)
+			])], 42, k),
+			De.value || g.reserveMessageSpace ? (x(), p("div", {
 				key: 1,
 				class: y(["s-ui-input__messages", { "s-ui-input__messages--reserved": g.reserveMessageSpace }])
-			}, [C(o.$slots, "message", {}, () => [(x(!0), f(c, null, S(w(ge), (e, t) => (x(), u(w(a), {
+			}, [C(s.$slots, "message", {}, () => [(x(!0), p(l, null, S(w(_e), (e, t) => (x(), d(w(a), {
 				key: `help-${t}`,
 				message: e
-			}, null, 8, ["message"]))), 128)), (x(!0), f(c, null, S(w(_e), (e, t) => (x(), u(w(a), {
+			}, null, 8, ["message"]))), 128)), (x(!0), p(l, null, S(w(ve), (e, t) => (x(), d(w(a), {
 				key: `error-${t}`,
 				message: e,
-				"data-qa": w(me),
+				"data-qa": w(he),
 				"validation-status": w(i).ERROR
 			}, null, 8, [
 				"message",
 				"data-qa",
 				"validation-status"
-			]))), 128))])], 2)) : d("", !0)
+			]))), 128))])], 2)) : f("", !0)
 		], 16));
 	}
 });
 //#endregion
-export { E as n, L as t };
+export { D as n, E as r, R as t };