@shtabapp/ui-kit 1.32.0 → 1.34.0

package/dist/useFloatingOverlay-B1UCUYQQ.cjs

@@ -0,0 +1 @@
+let e=require("vue"),t=require("@vueuse/core");var n=function(e){return e.TOP=`top`,e.BOTTOM=`bottom`,e.LEFT=`left`,e.RIGHT=`right`,e}({}),r=function(e){return e.START=`start`,e.END=`end`,e.CENTER=`center`,e}({}),i=function(e){return e.TOP=`top`,e.TOP_START=`top-start`,e.TOP_END=`top-end`,e.BOTTOM=`bottom`,e.BOTTOM_START=`bottom-start`,e.BOTTOM_END=`bottom-end`,e.LEFT=`left`,e.LEFT_START=`left-start`,e.LEFT_END=`left-end`,e.RIGHT=`right`,e.RIGHT_START=`right-start`,e.RIGHT_END=`right-end`,e}({}),a=function(e){return e.PREFERRED=`preferred`,e.FLIP=`flip`,e.SHIFT=`shift`,e.SIZE=`size`,e}({}),o=e=>{switch(e){case i.TOP:return{side:n.TOP,align:r.CENTER};case i.TOP_START:return{side:n.TOP,align:r.START};case i.TOP_END:return{side:n.TOP,align:r.END};case i.BOTTOM:return{side:n.BOTTOM,align:r.CENTER};case i.BOTTOM_START:return{side:n.BOTTOM,align:r.START};case i.BOTTOM_END:return{side:n.BOTTOM,align:r.END};case i.LEFT:return{side:n.LEFT,align:r.CENTER};case i.LEFT_START:return{side:n.LEFT,align:r.START};case i.LEFT_END:return{side:n.LEFT,align:r.END};case i.RIGHT:return{side:n.RIGHT,align:r.CENTER};case i.RIGHT_START:return{side:n.RIGHT,align:r.START};case i.RIGHT_END:return{side:n.RIGHT,align:r.END};default:return e}},s=e=>e.side===n.TOP?e.align===r.START?i.TOP_START:e.align===r.END?i.TOP_END:i.TOP:e.side===n.BOTTOM?e.align===r.START?i.BOTTOM_START:e.align===r.END?i.BOTTOM_END:i.BOTTOM:e.side===n.LEFT?e.align===r.START?i.LEFT_START:e.align===r.END?i.LEFT_END:i.LEFT:e.align===r.START?i.RIGHT_START:e.align===r.END?i.RIGHT_END:i.RIGHT,c=(e,t,n)=>Math.min(Math.max(t,e),n),l=e=>e===n.TOP?`bottom`:e===n.BOTTOM?`top`:e===n.LEFT?`right`:`left`,u=({referenceCenter:e,floatingStart:t,floatingLength:n,crossAxisProperty:r,staticSide:i,staticOffset:a,arrowSize:o,arrowPadding:s})=>{let l=e-t-o/2,u=c(s,l,n-o-s),d=l-u;return{crossAxisPosition:u,crossAxisProperty:r,staticSide:i,staticOffset:a,centerOffset:d,isOverflow:Math.abs(d)>o/2}},d=e=>{let{referenceRect:t,floatingCoordinates:r,floatingSize:i,arrowSize:a,arrowPadding:s}=e,c=o(e.resolvedPlacement),d=l(c.side),f=-(a/2);return c.side===n.TOP||c.side===n.BOTTOM?u({referenceCenter:t.left+t.width/2,floatingStart:r.x,floatingLength:i.width,crossAxisProperty:`left`,staticSide:d,staticOffset:f,arrowSize:a,arrowPadding:s}):u({referenceCenter:t.top+t.height/2,floatingStart:r.y,floatingLength:i.height,crossAxisProperty:`top`,staticSide:d,staticOffset:f,arrowSize:a,arrowPadding:s})},f=(e,t,n)=>{let r=t.top+n,i=t.left+n,a=t.right-n,o=t.bottom-n;return{top:r-e.top,bottom:e.bottom-o,left:i-e.left,right:e.right-a}},p=(e,t)=>t===`top`?e.top>0:t===`bottom`?e.bottom>0:t===`left`?e.left>0:e.right>0,m=e=>e.top>0||e.bottom>0||e.left>0||e.right>0,h=(e,t)=>t===n.TOP||t===n.BOTTOM?e.left>0||e.right>0:e.top>0||e.bottom>0,g=(e,t)=>e.bottom>t.top&&e.top<t.bottom&&e.right>t.left&&e.left<t.right,_=(e,t)=>{let n=e.top+t,r=e.left+t,i=e.right-t,a=e.bottom-t;return{top:n,left:r,right:i,bottom:a,width:Math.max(0,i-r),height:Math.max(0,a-n)}},v=e=>e.side===n.TOP?{...e,side:n.BOTTOM}:e.side===n.BOTTOM?{...e,side:n.TOP}:e.side===n.LEFT?{...e,side:n.RIGHT}:{...e,side:n.LEFT},y=(e,t,n)=>Math.min(Math.max(t,e),n),b=(e,t,n)=>e===`y`?{x:t.x,y:y(t.y+n.top,t.y,t.y-n.bottom)}:{x:y(t.x+n.left,t.x,t.x-n.right),y:t.y},x=e=>e===n.TOP||e===n.BOTTOM?{mainAxis:`x`,crossAxis:`y`}:{mainAxis:`y`,crossAxis:`x`},S=(e,t,n,i)=>i===r.START?e:i===r.END?e+t-n:e+(t-n)/2,C=(e,t,r,i)=>r.side===n.BOTTOM?{x:S(e.left,e.width,t.width,r.align),y:e.bottom+i}:r.side===n.TOP?{x:S(e.left,e.width,t.width,r.align),y:e.top-i-t.height}:r.side===n.LEFT?{x:e.left-i-t.width,y:S(e.top,e.height,t.height,r.align)}:{x:e.right+i,y:S(e.top,e.height,t.height,r.align)},w=(e,t)=>({top:e.y,left:e.x,right:e.x+t.width,bottom:e.y+t.height,width:t.width,height:t.height}),T=(e,t,n,r)=>e===`x`?{min:t.left+n,max:t.right-n-r.width}:{min:t.top+n,max:t.bottom-n-r.height},E=(e,t,n,r,i)=>t<=n?y(t,e,n):y(r,e,i),D=(e,t,n,r,i,a)=>{let{mainAxis:o}=x(t),{x:s,y:c}=e,l=T(o,i,a,r);if(o===`y`){let e=n.top-r.height,t=n.bottom,i=Math.max(l.min,e),a=Math.min(l.max,t);c=E(c,i,a,l.min,l.max)}else{let e=n.left-r.width,t=n.right,i=Math.max(l.min,e),a=Math.min(l.max,t);s=E(s,i,a,l.min,l.max)}return{x:s,y:c}},O=(e,t,n)=>{let{anchorSide:r,referenceRect:i,viewportRect:a,viewportPadding:o,mainAxis:s=!0,crossAxis:c=!1}=n,l=f(w(e,t),a,o),{mainAxis:u,crossAxis:d}=x(r),p={x:e.x,y:e.y};return s&&(p=b(u,p,l)),c&&(p=b(d,p,l)),D(p,r,i,t,a,o)},k=e=>e===n.TOP?`top`:e===n.BOTTOM?`bottom`:e===n.LEFT?`left`:`right`,A=(e,t,n)=>{let r=t.bottom-n;return Math.max(0,Math.floor(r-e.y))},j=e=>{let t=o(e.placement),n=e.flip?[t,v(t)]:[t],r={anchor:t,coordinates:C(e.referenceRect,e.floatingSize,t,e.offset),strategy:a.PREFERRED};for(let i of n){let n=C(e.referenceRect,e.floatingSize,i,e.offset);if(!p(f(w(n,e.floatingSize),e.viewportRect,e.viewportPadding),k(i.side)))return{anchor:i,coordinates:n,strategy:i===t?a.PREFERRED:a.FLIP};r={anchor:i,coordinates:n,strategy:a.FLIP}}return r},M=(e,t)=>!e.shift||!m(f(w(t.coordinates,e.floatingSize),e.viewportRect,e.viewportPadding))?t:{...t,coordinates:O(t.coordinates,e.floatingSize,{anchorSide:t.anchor.side,referenceRect:e.referenceRect,viewportRect:e.viewportRect,viewportPadding:e.viewportPadding}),strategy:a.SHIFT},N=(e,t)=>{if(!e.fitViewport)return{coordinates:t.coordinates,strategy:t.strategy,maxHeight:void 0};let r=A(t.coordinates,e.viewportRect,e.viewportPadding),i=e.referenceRect.top-e.offset;if(t.anchor.side===n.TOP){let t=e.viewportRect.top+e.viewportPadding,n=Math.max(0,Math.floor(i-t));r=Math.min(r,n)}return r>=e.floatingSize.height?{coordinates:t.coordinates,strategy:t.strategy,maxHeight:void 0}:{coordinates:t.anchor.side===n.TOP?{...t.coordinates,y:i-r}:t.coordinates,strategy:a.SIZE,maxHeight:r}},P=e=>{let t=M(e,j(e)),n=N(e,t);return{x:n.coordinates.x,y:n.coordinates.y,resolvedPlacement:s(t.anchor),strategy:n.strategy,maxHeight:n.maxHeight}},F=()=>{let e=window.visualViewport;return e?{top:e.offsetTop,left:e.offsetLeft,right:e.offsetLeft+e.width,bottom:e.offsetTop+e.height,width:e.width,height:e.height}:{top:0,left:0,right:window.innerWidth,bottom:window.innerHeight,width:window.innerWidth,height:window.innerHeight}},I=e=>({top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),L=/auto|scroll|overlay|hidden|clip/,R=e=>{let t=window.getComputedStyle(e);return[t.overflow,t.overflowX,t.overflowY].some(e=>L.test(e))},z=(e,t)=>{let n=Math.max(e.top,t.top),r=Math.max(e.left,t.left),i=Math.min(e.right,t.right),a=Math.min(e.bottom,t.bottom);return{top:n,left:r,right:i,bottom:a,width:Math.max(0,i-r),height:Math.max(0,a-n)}},B=e=>{let t=F();if(!e)return t;let n=e.parentElement;for(;n;)R(n)&&(t=z(t,n.getBoundingClientRect())),n=n.parentElement;return t},V=/auto|scroll|overlay/,H=e=>{let t=window.getComputedStyle(e);return[t.overflow,t.overflowX,t.overflowY].some(e=>V.test(e))},U=e=>{let t=[],n=e?.parentElement??null;for(;n;)H(n)&&t.push(n),n=n.parentElement;return t},W=e=>e?e instanceof HTMLElement?e:e.$el instanceof HTMLElement?e.$el:null:null,G=e=>{let t=e.trim();if(!t)return;let n=parseFloat(t);if(!Number.isNaN(n))return n},K=e=>{let t=getComputedStyle(e);return{arrowSize:G(t.getPropertyValue(`--s-ui-dropdown-arrow-size`))??12,arrowPadding:G(t.getPropertyValue(`--s-ui-dropdown-arrow-padding`))??8}},q=(e,t,n)=>{if(!n)return t;let r=e.firstElementChild;return r instanceof HTMLElement?Math.max(r.scrollHeight,t):Math.max(e.scrollHeight,t)},J=(t,n)=>(0,e.toValue)(t??n),Y=(e,t)=>e&&t instanceof HTMLElement?K(t):{arrowSize:12,arrowPadding:8},X=(e,t,n,r,i,a)=>{let s=_(r,i),c=f(w({x:e.x,y:e.y},n),r,i),l=g(t,s),u=o(e.resolvedPlacement).side,d=a?!h(c,u):!m(c);return l&&d},Z=n=>{let r=(0,e.shallowRef)(null),a=(0,e.shallowRef)(void 0),o=(0,e.shallowRef)(i.BOTTOM_START),s=(0,e.shallowRef)(!1),c=(0,e.shallowRef)(0),l=(0,e.shallowRef)(null),u=(0,e.shallowRef)(!1),f=[],p=()=>{(0,e.toValue)(n.open)&&y()},m=()=>{for(let e of f)e();f=[]},h=()=>{m();let t=W((0,e.toValue)(n.reference));for(let e of U(t))e.addEventListener(`scroll`,p,{capture:!0,passive:!0}),f.push(()=>{e.removeEventListener(`scroll`,p,{capture:!0})})};(0,t.useEventListener)(window,`scroll`,p,{capture:!0}),(0,t.useEventListener)(document,`scroll`,p,{capture:!0}),(0,t.useEventListener)(()=>document.documentElement,`scroll`,p,{capture:!0}),(0,t.useEventListener)(()=>window.visualViewport??null,`scroll`,p,{passive:!0});let g=()=>({matchReferenceWidth:J(n.matchReferenceWidth,!1),fitViewport:J(n.fitViewport,!1),shift:J(n.shift,!1),baseOffset:J(n.offset,8),viewportPadding:J(n.viewportPadding,8),hasArrow:J(n.arrow,!1),placement:J(n.placement,i.BOTTOM_START),flip:J(n.flip,!0)}),_=(e,t)=>{if(!e){l.value=null,u.value=!1;return}let n=d({referenceRect:t.referenceRect,floatingCoordinates:{x:t.result.x,y:t.result.y},floatingSize:t.renderedFloatingSize,resolvedPlacement:t.result.resolvedPlacement,arrowSize:t.arrowSize,arrowPadding:t.arrowPadding});l.value=n,u.value=n.isOverflow},v=()=>{if(!(0,e.toValue)(n.open))return;let t=W((0,e.toValue)(n.reference)),i=(0,e.toValue)(n.panel);if(!t||!i)return;let l=g(),u=I(t.getBoundingClientRect()),d=I(i.getBoundingClientRect());c.value=Math.round(u.width);let f=i.firstElementChild,{arrowSize:p,arrowPadding:m}=Y(l.hasArrow,f),h=l.hasArrow?l.baseOffset+p/2:l.baseOffset,v={width:l.matchReferenceWidth&&u.width>0?u.width:d.width,height:q(i,d.height,l.fitViewport)},y=B(t),b=P({referenceRect:u,floatingSize:v,placement:l.placement,offset:h,flip:l.flip,shift:l.shift,fitViewport:l.fitViewport,viewportRect:y,viewportPadding:l.viewportPadding});r.value={x:b.x,y:b.y},a.value=b.maxHeight,o.value=b.resolvedPlacement;let x={width:v.width,height:b.maxHeight??v.height};s.value=X(b,u,x,y,l.viewportPadding,l.shift),_(l.hasArrow,{referenceRect:u,result:b,renderedFloatingSize:x,arrowSize:p,arrowPadding:m})},y=()=>{v()},b=(0,e.computed)(()=>{let t=(0,e.toValue)(n.matchReferenceWidth??!1);if(!(0,e.toValue)(n.open)||!r.value)return{position:`fixed`,top:`0`,left:`0`,visibility:`hidden`,pointerEvents:`none`};let i={position:`fixed`,top:`0`,left:`0`,transform:`translate(${r.value.x}px, ${r.value.y}px)`,visibility:s.value?`visible`:`hidden`,pointerEvents:s.value?`auto`:`none`};if(t&&c.value>0){let e=`${Math.round(c.value)}px`;i.width=e,i.minWidth=e,i.maxWidth=e}return i}),x=(0,e.computed)(()=>{if(!(0,e.toValue)(n.open)||!(0,e.toValue)(n.arrow??!1)||!l.value)return;let t=l.value;return{[t.crossAxisProperty]:`${t.crossAxisPosition}px`}}),S=()=>{n.onOpenChange?.(!1)};return(0,e.watch)(()=>(0,e.toValue)(n.open),async t=>{if(t){s.value=!1,await(0,e.nextTick)(),h(),y();return}s.value=!1,r.value=null,a.value=void 0,l.value=null,u.value=!1,m()}),(0,e.watch)([()=>(0,e.toValue)(n.placement??i.BOTTOM_START),()=>(0,e.toValue)(n.offset??8),()=>(0,e.toValue)(n.flip??!0),()=>(0,e.toValue)(n.shift??!1),()=>(0,e.toValue)(n.matchReferenceWidth??!1),()=>(0,e.toValue)(n.fitViewport??!1),()=>(0,e.toValue)(n.viewportPadding??8),()=>(0,e.toValue)(n.arrow??!1)],async()=>{(0,e.toValue)(n.open)&&(s.value=!1,await(0,e.nextTick)(),y())}),(0,t.useResizeObserver)(()=>W((0,e.toValue)(n.reference)),()=>{(0,e.toValue)(n.open)&&y()}),(0,t.useResizeObserver)(()=>(0,e.toValue)(n.panel),()=>{(0,e.toValue)(n.open)&&y()}),(0,t.useEventListener)(window,`resize`,()=>{(0,e.toValue)(n.open)&&y()}),(0,t.useEventListener)(()=>window.visualViewport??null,`resize`,()=>{(0,e.toValue)(n.open)&&y()}),(0,t.onClickOutside)(()=>(0,e.toValue)(n.panel),()=>{!(0,e.toValue)(n.open)||!(0,e.toValue)(n.dismissOnClickOutside??!0)||S()},{ignore:[(0,e.computed)(()=>W((0,e.toValue)(n.reference))),`.s-ui-dropdown`,`.s-ui-dropdown__panel`]}),(0,t.useEventListener)(window,`keydown`,t=>{!(0,e.toValue)(n.open)||!(0,e.toValue)(n.dismissOnEscape??!0)||t.key===`Escape`&&S()}),(0,e.onScopeDispose)(()=>{m()}),{panelStyles:b,panelMaxHeight:a,resolvedPlacement:o,isPositionReady:s,referenceWidth:c,arrowStyles:x,isArrowOverflow:u,updatePosition:y}};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Z}});

package/dist/{useFloatingOverlay-D-GlpoPP.js → useFloatingOverlay-QcumEYEq.js}

@@ -6,7 +6,7 @@ var l = /* @__PURE__ */ function(e) {
 }({}), u = /* @__PURE__ */ function(e) {
 	return e.START = "start", e.END = "end", e.CENTER = "center", e;
 }({}), d = /* @__PURE__ */ function(e) {
-	return e.TOP = "top", e.TOP_START = "top-start", e.TOP_END = "top-end", e.BOTTOM = "bottom", e.BOTTOM_START = "bottom-start", e.BOTTOM_END = "bottom-end", e.LEFT = "left", e.RIGHT = "right", e;
+	return e.TOP = "top", e.TOP_START = "top-start", e.TOP_END = "top-end", e.BOTTOM = "bottom", e.BOTTOM_START = "bottom-start", e.BOTTOM_END = "bottom-end", e.LEFT = "left", e.LEFT_START = "left-start", e.LEFT_END = "left-end", e.RIGHT = "right", e.RIGHT_START = "right-start", e.RIGHT_END = "right-end", e;
 }({}), f = /* @__PURE__ */ function(e) {
 	return e.PREFERRED = "preferred", e.FLIP = "flip", e.SHIFT = "shift", e.SIZE = "size", e;
 }({}), p = (e) => {
@@ -39,13 +39,29 @@ var l = /* @__PURE__ */ function(e) {
 			side: l.LEFT,
 			align: u.CENTER
 		};
+		case d.LEFT_START: return {
+			side: l.LEFT,
+			align: u.START
+		};
+		case d.LEFT_END: return {
+			side: l.LEFT,
+			align: u.END
+		};
 		case d.RIGHT: return {
 			side: l.RIGHT,
 			align: u.CENTER
 		};
+		case d.RIGHT_START: return {
+			side: l.RIGHT,
+			align: u.START
+		};
+		case d.RIGHT_END: return {
+			side: l.RIGHT,
+			align: u.END
+		};
 		default: return e;
 	}
-}, m = (e) => e.side === l.TOP ? e.align === u.START ? d.TOP_START : e.align === u.END ? d.TOP_END : d.TOP : e.side === l.BOTTOM ? e.align === u.START ? d.BOTTOM_START : e.align === u.END ? d.BOTTOM_END : d.BOTTOM : e.side === l.LEFT ? d.LEFT : d.RIGHT, h = (e, t, n) => Math.min(Math.max(t, e), n), g = (e) => e === l.TOP ? "bottom" : e === l.BOTTOM ? "top" : e === l.LEFT ? "right" : "left", _ = ({ referenceCenter: e, floatingStart: t, floatingLength: n, crossAxisProperty: r, staticSide: i, staticOffset: a, arrowSize: o, arrowPadding: s }) => {
+}, m = (e) => e.side === l.TOP ? e.align === u.START ? d.TOP_START : e.align === u.END ? d.TOP_END : d.TOP : e.side === l.BOTTOM ? e.align === u.START ? d.BOTTOM_START : e.align === u.END ? d.BOTTOM_END : d.BOTTOM : e.side === l.LEFT ? e.align === u.START ? d.LEFT_START : e.align === u.END ? d.LEFT_END : d.LEFT : e.align === u.START ? d.RIGHT_START : e.align === u.END ? d.RIGHT_END : d.RIGHT, h = (e, t, n) => Math.min(Math.max(t, e), n), g = (e) => e === l.TOP ? "bottom" : e === l.BOTTOM ? "top" : e === l.LEFT ? "right" : "left", _ = ({ referenceCenter: e, floatingStart: t, floatingLength: n, crossAxisProperty: r, staticSide: i, staticOffset: a, arrowSize: o, arrowPadding: s }) => {
 	let c = e - t - o / 2, l = h(s, c, n - o - s), u = c - l;
 	return {
 		crossAxisPosition: l,
@@ -444,7 +460,11 @@ var l = /* @__PURE__ */ function(e) {
 		i(l.open) && E();
 	}), o(() => i(l.panel), () => {
 		!i(l.open) || !i(l.dismissOnClickOutside ?? !0) || k();
-	}, { ignore: [e(() => Z(i(l.reference)))] }), s(window, "keydown", (e) => {
+	}, { ignore: [
+		e(() => Z(i(l.reference))),
+		".s-ui-dropdown",
+		".s-ui-dropdown__panel"
+	] }), s(window, "keydown", (e) => {
 		!i(l.open) || !i(l.dismissOnEscape ?? !0) || e.key === "Escape" && k();
 	}), n(() => {
 		x();

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

@@ -0,0 +1,11 @@
+import { type THexColor } from './contrastSurfaceTextColor';
+import type { THsvChannels, TColorFormatChannels } from './types';
+export declare const hexToRgbChannels: (hexColor: THexColor) => TColorFormatChannels | undefined;
+export declare const rgbChannelsToHex: (channels: TColorFormatChannels) => THexColor;
+export declare const hexToHslChannels: (hexColor: THexColor) => TColorFormatChannels | undefined;
+export declare const hslChannelsToHex: (channels: TColorFormatChannels) => THexColor | undefined;
+export declare const normalizeHexInput: (hexInput: string) => THexColor | undefined;
+export declare const formatHexDisplayValue: (hexColor: THexColor) => string;
+export declare const hexToHsvChannels: (hexColor: THexColor) => THsvChannels | undefined;
+export declare const hsvChannelsToHex: (channels: THsvChannels) => THexColor;
+//# sourceMappingURL=colorFormatChannels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorFormatChannels.d.ts","sourceRoot":"","sources":["../../../src/utils/color/colorFormatChannels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AA0CjE,eAAO,MAAM,gBAAgB,GAAI,UAAU,SAAS,KAAG,oBAAoB,GAAG,SAoB7E,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,oBAAoB,KAAG,SAUjE,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,SAAS,KAAG,oBAAoB,GAAG,SA6C7E,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,oBAAoB,KAAG,SAAS,GAAG,SAmB7E,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,UAAU,MAAM,KAAG,SAAS,GAAG,SAehE,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,UAAU,SAAS,WAExD,CAAA;AA4ED,eAAO,MAAM,gBAAgB,GAAI,UAAU,SAAS,KAAG,YAAY,GAAG,SAQrE,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,UAAU,YAAY,KAAG,SAEzD,CAAA"}

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

@@ -0,0 +1,9 @@
+import type { TSColorSwatchColor } from '@shtabapp/ui-kit-primitives';
+import type { EAccentColor, TCssVariableColor, TColorValue, TCustomColor } from './types';
+export declare const isCssVariableColor: (value: string) => value is TCustomColor & `var(--${string}`;
+export declare const isCustomColor: (value: TColorValue) => value is TCustomColor;
+export declare const resolveAccentColorPreview: (accent: EAccentColor) => TCssVariableColor;
+export declare const resolveColorPreview: (value: TColorValue) => TSColorSwatchColor;
+export declare const normalizeColorValue: (value: TColorValue) => string;
+export declare const isSameColor: (first: TColorValue, second: TColorValue) => boolean;
+//# sourceMappingURL=colorValue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colorValue.d.ts","sourceRoot":"","sources":["../../../src/utils/color/colorValue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAGrE,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEzF,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,KAAG,KAAK,IAAI,YAAY,GAAG,SAAS,MAAM,EAEzF,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,WAAW,KAAG,KAAK,IAAI,YAE3D,CAAA;AAED,eAAO,MAAM,yBAAyB,GAAI,QAAQ,YAAY,KAAG,iBAEhE,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,WAAW,KAAG,kBAMxD,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,WAAW,WAUrD,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,WAAW,EAAE,QAAQ,WAAW,YAElE,CAAA"}

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { type TColorValue } from './types';
+export declare const DEFAULT_COLOR_PALETTE: TColorValue[];
+//# sourceMappingURL=defaultPaletteColors.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defaultPaletteColors.d.ts","sourceRoot":"","sources":["../../../src/utils/color/defaultPaletteColors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAExD,eAAO,MAAM,qBAAqB,EAAE,WAAW,EAY9C,CAAA"}

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

@@ -0,0 +1,9 @@
+import { type THexColor } from './contrastSurfaceTextColor';
+import { EColorFormat, type TColorFormatChannels, type TColorValue } from './types';
+export declare const DEFAULT_COLOR_FORMATS: EColorFormat[];
+export declare const COLOR_FORMAT_LABELS: Record<EColorFormat, string>;
+export declare const readHexFromComputedBackground: (element: HTMLElement) => THexColor | undefined;
+export declare const resolveEditableHexColor: (colorValue: TColorValue, previewElement?: HTMLElement | null) => `#${string}` | undefined;
+export declare const formatColorForDisplay: (hexColor: THexColor, format: EColorFormat) => string | TColorFormatChannels;
+export declare const resolveColorPreviewCssValue: (colorValue: TColorValue) => import("@shtabapp/ui-kit-primitives").TSColorSwatchColor;
+//# sourceMappingURL=formatColorForDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formatColorForDisplay.d.ts","sourceRoot":"","sources":["../../../src/utils/color/formatColorForDisplay.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACvE,OAAO,EAAE,YAAY,EAAE,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAGnF,eAAO,MAAM,qBAAqB,gBAAyD,CAAA;AAE3F,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI5D,CAAA;AAED,eAAO,MAAM,6BAA6B,GAAI,SAAS,WAAW,KAAG,SAAS,GAAG,SAiBhF,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,YAAY,WAAW,EACvB,iBAAiB,WAAW,GAAG,IAAI,6BAWpC,CAAA;AAED,eAAO,MAAM,qBAAqB,GAChC,UAAU,SAAS,EACnB,QAAQ,YAAY,KACnB,MAAM,GAAG,oBAUX,CAAA;AAED,eAAO,MAAM,2BAA2B,GAAI,YAAY,WAAW,6DAElE,CAAA"}

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

@@ -0,0 +1,10 @@
+export { getContrastingSurfaceTextColor, isHexColor } from './contrastSurfaceTextColor';
+export { formatHexDisplayValue, hexToHslChannels, hexToHsvChannels, hexToRgbChannels, hslChannelsToHex, hsvChannelsToHex, normalizeHexInput, rgbChannelsToHex, } from './colorFormatChannels';
+export { COLOR_FORMAT_LABELS, DEFAULT_COLOR_FORMATS, formatColorForDisplay, readHexFromComputedBackground, resolveColorPreviewCssValue, resolveEditableHexColor, } from './formatColorForDisplay';
+export { parseColorFromInput } from './parseColorFromInput';
+export { isCssVariableColor, isCustomColor, isSameColor, normalizeColorValue, resolveAccentColorPreview, resolveColorPreview, } from './colorValue';
+export { DEFAULT_COLOR_PALETTE } from './defaultPaletteColors';
+export { RECOMMENDED_COLOR_PALETTE } from './recommendedColorPalette';
+export { EAccentColor, EColorFormat, type TCssVariableColor, type TColorFormatChannels, type THsvChannels, type TColorValue, type TCustomColor, } from './types';
+export type { THexColor } from './contrastSurfaceTextColor';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/color/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvF,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,EACrB,6BAA6B,EAC7B,2BAA2B,EAC3B,uBAAuB,GACxB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,YAAY,GAClB,MAAM,SAAS,CAAA;AAChB,YAAY,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA"}

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

@@ -0,0 +1,4 @@
+import type { THexColor } from './contrastSurfaceTextColor';
+import { EColorFormat, type TColorFormatChannels } from './types';
+export declare const parseColorFromInput: (format: EColorFormat, inputValue: string | TColorFormatChannels) => THexColor | undefined;
+//# sourceMappingURL=parseColorFromInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"parseColorFromInput.d.ts","sourceRoot":"","sources":["../../../src/utils/color/parseColorFromInput.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAYjE,eAAO,MAAM,mBAAmB,GAC9B,QAAQ,YAAY,EACpB,YAAY,MAAM,GAAG,oBAAoB,KACxC,SAAS,GAAG,SAiDd,CAAA"}

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

@@ -0,0 +1,3 @@
+import { type TColorValue } from './types';
+export declare const RECOMMENDED_COLOR_PALETTE: TColorValue[];
+//# sourceMappingURL=recommendedColorPalette.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"recommendedColorPalette.d.ts","sourceRoot":"","sources":["../../../src/utils/color/recommendedColorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AA0ChF,eAAO,MAAM,yBAAyB,EAAE,WAAW,EAGlD,CAAA"}

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

@@ -0,0 +1,35 @@
+import type { THexColor } from './contrastSurfaceTextColor';
+export type { THexColor };
+export declare enum EAccentColor {
+    RED_ORANGE = "red-orange",
+    ORANGE = "orange",
+    YELLOW = "yellow",
+    GREEN = "green",
+    TEAL = "teal",
+    CYAN = "cyan",
+    BLUE = "blue",
+    INDIGO = "indigo",
+    VIOLET = "violet",
+    MAGENTA = "magenta",
+    PINK = "pink",
+    RED = "red"
+}
+export declare enum EColorFormat {
+    HEX = "hex",
+    RGB = "rgb",
+    HSL = "hsl"
+}
+export type TCssVariableColor = `var(--${string})`;
+export type TCustomColor = THexColor | TCssVariableColor;
+export type TColorValue = EAccentColor | TCustomColor;
+export type TColorFormatChannels = {
+    first: number;
+    second: number;
+    third: number;
+};
+export type THsvChannels = {
+    hue: number;
+    saturation: number;
+    value: number;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/color/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB,oBAAY,YAAY;IACtB,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,IAAI,SAAS;IACb,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAED,oBAAY,YAAY;IACtB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,MAAM,GAAG,CAAA;AAClD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,iBAAiB,CAAA;AACxD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,YAAY,CAAA;AAErD,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.32.0",
+  "version": "1.34.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -98,6 +98,16 @@
       "import": "./dist/entries/chip.js",
       "require": "./dist/entries/chip.cjs"
     },
+    "./color-palette": {
+      "types": "./dist/entries/color-palette.d.ts",
+      "import": "./dist/entries/color-palette.js",
+      "require": "./dist/entries/color-palette.cjs"
+    },
+    "./color-picker": {
+      "types": "./dist/entries/color-picker.d.ts",
+      "import": "./dist/entries/color-picker.js",
+      "require": "./dist/entries/color-picker.cjs"
+    },
     "./checkbox": {
       "types": "./dist/entries/checkbox.d.ts",
       "import": "./dist/entries/checkbox.js",
@@ -233,7 +243,7 @@
   },
   "dependencies": {
     "chart.js": "^4.5.0",
-    "@shtabapp/ui-kit-primitives": "^1.16.0",
+    "@shtabapp/ui-kit-primitives": "^1.17.0",
     "@shtabapp/ui-kit-tokens": "^1.16.0"
   },
   "devDependencies": {

package/dist/SAvatar-BS9Lu2eL.js

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

package/dist/SAvatar-BXABKIV0.cjs

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

package/dist/SDropdown-B6b7IDjp.cjs

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