@shtabapp/ui-kit 1.33.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/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

@@ -1,2 +1,10 @@
-export { getContrastingSurfaceTextColor, isHexColor, type THexColor, } from './contrastSurfaceTextColor';
+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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/color/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,8BAA8B,EAC9B,UAAU,EACV,KAAK,SAAS,GACf,MAAM,4BAA4B,CAAA"}
+{"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.33.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/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}});

package/dist/STag-BwzuI3cF.cjs

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

package/dist/useFloatingOverlay-Cwg2MWyD.cjs

@@ -1 +0,0 @@
-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.RIGHT=`right`,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.RIGHT:return{side:n.RIGHT,align:r.CENTER};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?i.LEFT: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)))]}),(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}});