@daisforge/ui 1.22.0 → 1.23.0

package/mixins/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("../chunks/utils-ChDQGRjv.cjs"),s=require("styled-components"),l=require("@salutejs/sdds-themes/tokens/sdds_finai"),T=require("@salutejs/sdds-finai"),v="linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)",w="linear-gradient(to top, rgb(6, 10, 12) 0%, rgba(6, 10, 12, 0) 100%)",m="linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)",k="linear-gradient(to top, rgb(242, 245, 248) 0%, rgba(242, 245, 248, 0) 100%)",h="scroll-gradient",f=`--${h}-timeline`,R=`${h}-animation`,_=100,x=60,y="--block-gradient-top",g="--block-gradient-left",p="--block-gradient-right",A="--block-gradient-bottom",E={light:{white:m,gray:k},dark:{white:v,gray:w},highContrastLight:{white:m,gray:k}},I=r=>{const o=L.getActiveTheme();return E[o==="betaCoreLight"?"light":o][r]},C=r=>{if(r===void 0)return{top:0,left:0,right:0,bottom:0};if(typeof r=="number")return{top:r,left:r,right:r,bottom:r};const{top:o,left:t,right:a,bottom:e,inline:n}=r;return{top:o??0,left:t??n??0,right:a??n??0,bottom:e??0}},D=r=>{const{left:o,right:t,bottom:a,top:e}=C(r);return s.css(["scroll-timeline:"," block;padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],f,e,t,a,o)},B=(r,o)=>{const{left:t,right:a,bottom:e}=C(r),n=I(o);return s.css(["content:'';display:block;position:sticky;bottom:0;height:","px;pointer-events:none;background:",";margin-top:-","px;opacity:0;animation:"," linear both;animation-timeline:",";margin-left:calc(0px - var(",",","px));margin-right:calc(0px - var(",",","px));transform:translateY(var(",",","px));width:calc( 100% + var(",",","px) + var(",",","px) );will-change:transform;",""],_,()=>n,_,R,f,g,t,p,a,A,e,g,t,p,a,L.media.exact(0,1279)(`
-      height: ${x}px;
-      margin-top: -${x}px;
-    `))},N=s.css(["@keyframes ","{0%,85%{opacity:1;}100%{opacity:0;}}"],R),K=r=>{const{variant:o="white",padding:t}=r;return s.css([""," &::after{","}",""],D(t),B(t,o),N)},b={width:"10px",height:"10px",borderRadius:`calc(${l.borderRadiusXxs}/1)`,isThin:!0,theme:"light"},S=({thumbColor:r,thumbColorHover:o,trackColor:t,trackColorHover:a,theme:e=b.theme})=>{const n=r??(e==="light"?l.surfaceSolidTertiary:l.onDarkSurfaceSolidTertiary),i=t??"transparent",c=o??(e==="light"?l.surfaceSolidTertiaryHover:l.onDarkSurfaceSolidTertiaryHover);return{thumb:n,thumbHover:c,track:i,trackHover:a??i}},G=({width:r=b.width,height:o=b.height,borderRadius:t=b.borderRadius,isThin:a=b.isThin,thumb:e,thumbHover:n,track:i,trackHover:c})=>s.css(["@supports (scrollbar-width:thin) and (not selector(::-webkit-scrollbar)){scrollbar-width:",";scrollbar-color:"," ",";}&[class]::-webkit-scrollbar,&::-webkit-scrollbar{width:",";height:",";}&[class]::-webkit-scrollbar-track,&::-webkit-scrollbar-track{background:",";border-radius:",";margin-block:6px;}&[class]::-webkit-scrollbar-track:hover,&::-webkit-scrollbar-track:hover{background:",";border-radius:",";margin-block:6px;}&[class]::-webkit-scrollbar-thumb,&::-webkit-scrollbar-thumb{background:",";transition:background 0.2s ease;background-clip:padding-box;border:2px solid transparent;border-radius:4px;cursor:pointer;}&[class]::-webkit-scrollbar-thumb:hover,&::-webkit-scrollbar-thumb:hover{transition:background 0.2s ease;border:2px solid transparent;border-radius:4px;cursor:pointer;background:",";background-clip:padding-box;}"],a?"thin":"auto",e,i,r,o,()=>i,t,()=>c,t,()=>e,()=>n),M=()=>{const r=S({});return G({...r})},H=({width:r,height:o,borderRadius:t,isThin:a,thumbColor:e,thumbColorHover:n,trackColor:i,trackColorHover:c,theme:d}={})=>{const u=S({thumbColor:e,thumbColorHover:n,trackColor:i,trackColorHover:c,theme:d});return G({width:r,height:o,borderRadius:t,isThin:a,...u})},P=s.keyframes(["0%,100%{box-shadow:0 0 0 2px var(--tour-pulse-border-color),0 0 0 6px var(--tour-pulse-shadow-color);}50%{box-shadow:0 0 0 3px var(--tour-pulse-border-color-fade),0 0 0 12px var(--tour-pulse-shadow-color-fade);}"]),V=({duration:r,timingFunction:o,iterationCount:t})=>s.css(["animation-name:",";animation-duration:",";animation-timing-function:",";animation-iteration-count:",";"],P,r,o,t),F=({backgroundColor:r="transparent",borderColor:o="var(--on-light-outline-accent-minor, rgb(82, 186, 255))",borderColorFade:t="rgba(82, 186, 255, 0.42)",shadowColor:a="rgba(82, 186, 255, 0.24)",shadowColorFade:e="rgba(82, 186, 255, 0)",inset:n="-4px",borderRadius:i="16px",duration:c="1.4s",timingFunction:d="ease-in-out",iterationCount:u="infinite",pointerEventsNone:O=!0}={})=>s.css([""," ",""],s.css({"--tour-pulse-border-color":o,"--tour-pulse-border-color-fade":t,"--tour-pulse-shadow-color":a,"--tour-pulse-shadow-color-fade":e,inset:n,borderRadius:i,background:r,...O?{pointerEvents:"none"}:{}}),V({duration:c,timingFunction:d,iterationCount:u}));Object.defineProperty(exports,"addFocus",{enumerable:!0,get:()=>T.addFocus});Object.defineProperty(exports,"mediaQuery",{enumerable:!0,get:()=>T.mediaQuery});exports.BLOCK_GRADIENT_SCROLL_CLASSNAME=h;exports.BLOCK_GRADIENT_VAR_BOTTOM=A;exports.BLOCK_GRADIENT_VAR_LEFT=g;exports.BLOCK_GRADIENT_VAR_RIGHT=p;exports.BLOCK_GRADIENT_VAR_TOP=y;exports.BlockGradientScrollMixin=K;exports.getCustomScrollbar=H;exports.getDefaultScrollbar=M;exports.tourPulseMixin=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../chunks/utils-OQNruMpn.cjs"),s=require("styled-components"),l=require("@salutejs/sdds-themes/tokens/sdds_finai"),T=require("@salutejs/sdds-finai"),v="linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)",w="linear-gradient(to top, rgb(6, 10, 12) 0%, rgba(6, 10, 12, 0) 100%)",k="linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)",m="linear-gradient(to top, rgb(242, 245, 248) 0%, rgba(242, 245, 248, 0) 100%)",p="scroll-gradient",f=`--${p}-timeline`,C=`${p}-animation`,_=100,L=60,y="--block-gradient-top",g="--block-gradient-left",h="--block-gradient-right",R="--block-gradient-bottom",E={light:{white:k,gray:m},dark:{white:v,gray:w},highContrastLight:{white:k,gray:m}},D=r=>{const o=x.getActiveTheme();return E[{light:"light",dark:"dark",highContrastLight:"highContrastLight",highContrastDark:"dark",betaCoreLight:"light",betaCoreDark:"dark"}[o]][r]},A=r=>{if(r===void 0)return{top:0,left:0,right:0,bottom:0};if(typeof r=="number")return{top:r,left:r,right:r,bottom:r};const{top:o,left:t,right:a,bottom:e,inline:i}=r;return{top:o??0,left:t??i??0,right:a??i??0,bottom:e??0}},I=r=>{const{left:o,right:t,bottom:a,top:e}=A(r);return s.css(["scroll-timeline:"," block;padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:","px;"],f,e,t,a,o)},B=(r,o)=>{const{left:t,right:a,bottom:e}=A(r),i=D(o);return s.css(["content:'';display:block;position:sticky;bottom:0;height:","px;pointer-events:none;background:",";margin-top:-","px;opacity:0;animation:"," linear both;animation-timeline:",";margin-left:calc(0px - var(",",","px));margin-right:calc(0px - var(",",","px));transform:translateY(var(",",","px));width:calc( 100% + var(",",","px) + var(",",","px) );will-change:transform;",""],_,()=>i,_,C,f,g,t,h,a,R,e,g,t,h,a,x.media.exact(0,1279)(`
+      height: ${L}px;
+      margin-top: -${L}px;
+    `))},N=s.css(["@keyframes ","{0%,85%{opacity:1;}100%{opacity:0;}}"],C),K=r=>{const{variant:o="white",padding:t}=r;return s.css([""," &::after{","}",""],I(t),B(t,o),N)},d={width:"10px",height:"10px",borderRadius:`calc(${l.borderRadiusXxs}/1)`,isThin:!0,theme:"light"},S=({thumbColor:r,thumbColorHover:o,trackColor:t,trackColorHover:a,theme:e=d.theme})=>{const i=r??(e==="light"?l.surfaceSolidTertiary:l.onDarkSurfaceSolidTertiary),n=t??"transparent",c=o??(e==="light"?l.surfaceSolidTertiaryHover:l.onDarkSurfaceSolidTertiaryHover);return{thumb:i,thumbHover:c,track:n,trackHover:a??n}},G=({width:r=d.width,height:o=d.height,borderRadius:t=d.borderRadius,isThin:a=d.isThin,thumb:e,thumbHover:i,track:n,trackHover:c})=>s.css(["@supports (scrollbar-width:thin) and (not selector(::-webkit-scrollbar)){scrollbar-width:",";scrollbar-color:"," ",";}&[class]::-webkit-scrollbar,&::-webkit-scrollbar{width:",";height:",";}&[class]::-webkit-scrollbar-track,&::-webkit-scrollbar-track{background:",";border-radius:",";margin-block:6px;}&[class]::-webkit-scrollbar-track:hover,&::-webkit-scrollbar-track:hover{background:",";border-radius:",";margin-block:6px;}&[class]::-webkit-scrollbar-thumb,&::-webkit-scrollbar-thumb{background:",";transition:background 0.2s ease;background-clip:padding-box;border:2px solid transparent;border-radius:4px;cursor:pointer;}&[class]::-webkit-scrollbar-thumb:hover,&::-webkit-scrollbar-thumb:hover{transition:background 0.2s ease;border:2px solid transparent;border-radius:4px;cursor:pointer;background:",";background-clip:padding-box;}"],a?"thin":"auto",e,n,r,o,()=>n,t,()=>c,t,()=>e,()=>i),M=()=>{const r=S({});return G({...r})},H=({width:r,height:o,borderRadius:t,isThin:a,thumbColor:e,thumbColorHover:i,trackColor:n,trackColorHover:c,theme:b}={})=>{const u=S({thumbColor:e,thumbColorHover:i,trackColor:n,trackColorHover:c,theme:b});return G({width:r,height:o,borderRadius:t,isThin:a,...u})},P=s.keyframes(["0%,100%{box-shadow:0 0 0 2px var(--tour-pulse-border-color),0 0 0 6px var(--tour-pulse-shadow-color);}50%{box-shadow:0 0 0 3px var(--tour-pulse-border-color-fade),0 0 0 12px var(--tour-pulse-shadow-color-fade);}"]),V=({duration:r,timingFunction:o,iterationCount:t})=>s.css(["animation-name:",";animation-duration:",";animation-timing-function:",";animation-iteration-count:",";"],P,r,o,t),F=({backgroundColor:r="transparent",borderColor:o="var(--on-light-outline-accent-minor, rgb(82, 186, 255))",borderColorFade:t="rgba(82, 186, 255, 0.42)",shadowColor:a="rgba(82, 186, 255, 0.24)",shadowColorFade:e="rgba(82, 186, 255, 0)",inset:i="-4px",borderRadius:n="16px",duration:c="1.4s",timingFunction:b="ease-in-out",iterationCount:u="infinite",pointerEventsNone:O=!0}={})=>s.css([""," ",""],s.css({"--tour-pulse-border-color":o,"--tour-pulse-border-color-fade":t,"--tour-pulse-shadow-color":a,"--tour-pulse-shadow-color-fade":e,inset:i,borderRadius:n,background:r,...O?{pointerEvents:"none"}:{}}),V({duration:c,timingFunction:b,iterationCount:u}));Object.defineProperty(exports,"addFocus",{enumerable:!0,get:()=>T.addFocus});Object.defineProperty(exports,"mediaQuery",{enumerable:!0,get:()=>T.mediaQuery});exports.BLOCK_GRADIENT_SCROLL_CLASSNAME=p;exports.BLOCK_GRADIENT_VAR_BOTTOM=R;exports.BLOCK_GRADIENT_VAR_LEFT=g;exports.BLOCK_GRADIENT_VAR_RIGHT=h;exports.BLOCK_GRADIENT_VAR_TOP=y;exports.BlockGradientScrollMixin=K;exports.getCustomScrollbar=H;exports.getDefaultScrollbar=M;exports.tourPulseMixin=F;

package/mixins/index.mjs

@@ -1,15 +1,15 @@
-import { g as C, b as G } from "../chunks/utils-u1KJ37g3.mjs";
+import { g as _, b as G } from "../chunks/utils-Hu77fGGe.mjs";
 import { css as l, keyframes as S } from "styled-components";
 import { borderRadiusXxs as y, surfaceSolidTertiaryHover as R, onDarkSurfaceSolidTertiaryHover as A, surfaceSolidTertiary as O, onDarkSurfaceSolidTertiary as E } from "@salutejs/sdds-themes/tokens/sdds_finai";
 import { addFocus as Z, mediaQuery as rr } from "@salutejs/sdds-finai";
-const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)", D = "linear-gradient(to top, rgb(6, 10, 12) 0%, rgba(6, 10, 12, 0) 100%)", g = "linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)", p = "linear-gradient(to top, rgb(242, 245, 248) 0%, rgba(242, 245, 248, 0) 100%)", x = "scroll-gradient", f = `--${x}-timeline`, L = `${x}-animation`, u = 100, h = 60, U = "--block-gradient-top", m = "--block-gradient-left", k = "--block-gradient-right", B = "--block-gradient-bottom", N = {
+const D = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)", I = "linear-gradient(to top, rgb(6, 10, 12) 0%, rgba(6, 10, 12, 0) 100%)", g = "linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)", p = "linear-gradient(to top, rgb(242, 245, 248) 0%, rgba(242, 245, 248, 0) 100%)", x = "scroll-gradient", f = `--${x}-timeline`, L = `${x}-animation`, h = 100, u = 60, U = "--block-gradient-top", m = "--block-gradient-left", k = "--block-gradient-right", B = "--block-gradient-bottom", N = {
   light: {
     white: g,
     gray: p
   },
   dark: {
-    white: I,
-    gray: D
+    white: D,
+    gray: I
   },
   // TODO: (THEME) уточнить у дизайнера значения, пока используем значения light
   highContrastLight: {
@@ -17,8 +17,15 @@ const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)
     gray: p
   }
 }, H = (r) => {
-  const o = C();
-  return N[o === "betaCoreLight" ? "light" : o][r];
+  const o = _();
+  return N[{
+    light: "light",
+    dark: "dark",
+    highContrastLight: "highContrastLight",
+    highContrastDark: "dark",
+    betaCoreLight: "light",
+    betaCoreDark: "dark"
+  }[o]][r];
 }, v = (r) => {
   if (r === void 0)
     return {
@@ -37,33 +44,33 @@ const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)
   const {
     top: o,
     left: t,
-    right: a,
-    bottom: e,
-    inline: n
+    right: e,
+    bottom: a,
+    inline: i
   } = r;
   return {
     top: o ?? 0,
-    left: t ?? n ?? 0,
-    right: a ?? n ?? 0,
-    bottom: e ?? 0
+    left: t ?? i ?? 0,
+    right: e ?? i ?? 0,
+    bottom: a ?? 0
   };
 }, K = (r) => {
   const {
     left: o,
     right: t,
-    bottom: a,
-    top: e
+    bottom: e,
+    top: a
   } = v(r);
-  return l(["scroll-timeline:", " block;padding-top:", "px;padding-right:", "px;padding-bottom:", "px;padding-left:", "px;"], f, e, t, a, o);
+  return l(["scroll-timeline:", " block;padding-top:", "px;padding-right:", "px;padding-bottom:", "px;padding-left:", "px;"], f, a, t, e, o);
 }, M = (r, o) => {
   const {
     left: t,
-    right: a,
-    bottom: e
-  } = v(r), n = H(o);
-  return l(["content:'';display:block;position:sticky;bottom:0;height:", "px;pointer-events:none;background:", ";margin-top:-", "px;opacity:0;animation:", " linear both;animation-timeline:", ";margin-left:calc(0px - var(", ",", "px));margin-right:calc(0px - var(", ",", "px));transform:translateY(var(", ",", "px));width:calc( 100% + var(", ",", "px) + var(", ",", "px) );will-change:transform;", ""], u, () => n, u, L, f, m, t, k, a, B, e, m, t, k, a, G.exact(0, 1279)(`
-      height: ${h}px;
-      margin-top: -${h}px;
+    right: e,
+    bottom: a
+  } = v(r), i = H(o);
+  return l(["content:'';display:block;position:sticky;bottom:0;height:", "px;pointer-events:none;background:", ";margin-top:-", "px;opacity:0;animation:", " linear both;animation-timeline:", ";margin-left:calc(0px - var(", ",", "px));margin-right:calc(0px - var(", ",", "px));transform:translateY(var(", ",", "px));width:calc( 100% + var(", ",", "px) + var(", ",", "px) );will-change:transform;", ""], h, () => i, h, L, f, m, t, k, e, B, a, m, t, k, e, G.exact(0, 1279)(`
+      height: ${u}px;
+      margin-top: -${u}px;
     `));
 }, P = l(["@keyframes ", "{0%,85%{opacity:1;}100%{opacity:0;}}"], L), X = (r) => {
   const {
@@ -81,53 +88,53 @@ const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)
   thumbColor: r,
   thumbColorHover: o,
   trackColor: t,
-  trackColorHover: a,
-  theme: e = s.theme
+  trackColorHover: e,
+  theme: a = s.theme
 }) => {
-  const n = r ?? (e === "light" ? O : E), i = t ?? "transparent";
+  const i = r ?? (a === "light" ? O : E), n = t ?? "transparent";
   return {
-    thumb: n,
-    thumbHover: o ?? (e === "light" ? R : A),
-    track: i,
-    trackHover: a ?? i
+    thumb: i,
+    thumbHover: o ?? (a === "light" ? R : A),
+    track: n,
+    trackHover: e ?? n
   };
-}, T = ({
+}, C = ({
   width: r = s.width,
   height: o = s.height,
   borderRadius: t = s.borderRadius,
-  isThin: a = s.isThin,
-  thumb: e,
-  thumbHover: n,
-  track: i,
+  isThin: e = s.isThin,
+  thumb: a,
+  thumbHover: i,
+  track: n,
   trackHover: c
-}) => l(["@supports (scrollbar-width:thin) and (not selector(::-webkit-scrollbar)){scrollbar-width:", ";scrollbar-color:", " ", ";}&[class]::-webkit-scrollbar,&::-webkit-scrollbar{width:", ";height:", ";}&[class]::-webkit-scrollbar-track,&::-webkit-scrollbar-track{background:", ";border-radius:", ";margin-block:6px;}&[class]::-webkit-scrollbar-track:hover,&::-webkit-scrollbar-track:hover{background:", ";border-radius:", ";margin-block:6px;}&[class]::-webkit-scrollbar-thumb,&::-webkit-scrollbar-thumb{background:", ";transition:background 0.2s ease;background-clip:padding-box;border:2px solid transparent;border-radius:4px;cursor:pointer;}&[class]::-webkit-scrollbar-thumb:hover,&::-webkit-scrollbar-thumb:hover{transition:background 0.2s ease;border:2px solid transparent;border-radius:4px;cursor:pointer;background:", ";background-clip:padding-box;}"], a ? "thin" : "auto", e, i, r, o, () => i, t, () => c, t, () => e, () => n), Y = () => {
+}) => l(["@supports (scrollbar-width:thin) and (not selector(::-webkit-scrollbar)){scrollbar-width:", ";scrollbar-color:", " ", ";}&[class]::-webkit-scrollbar,&::-webkit-scrollbar{width:", ";height:", ";}&[class]::-webkit-scrollbar-track,&::-webkit-scrollbar-track{background:", ";border-radius:", ";margin-block:6px;}&[class]::-webkit-scrollbar-track:hover,&::-webkit-scrollbar-track:hover{background:", ";border-radius:", ";margin-block:6px;}&[class]::-webkit-scrollbar-thumb,&::-webkit-scrollbar-thumb{background:", ";transition:background 0.2s ease;background-clip:padding-box;border:2px solid transparent;border-radius:4px;cursor:pointer;}&[class]::-webkit-scrollbar-thumb:hover,&::-webkit-scrollbar-thumb:hover{transition:background 0.2s ease;border:2px solid transparent;border-radius:4px;cursor:pointer;background:", ";background-clip:padding-box;}"], e ? "thin" : "auto", a, n, r, o, () => n, t, () => c, t, () => a, () => i), Y = () => {
   const r = w({});
-  return T({
+  return C({
     ...r
   });
 }, j = ({
   width: r,
   height: o,
   borderRadius: t,
-  isThin: a,
-  thumbColor: e,
-  thumbColorHover: n,
-  trackColor: i,
+  isThin: e,
+  thumbColor: a,
+  thumbColorHover: i,
+  trackColor: n,
   trackColorHover: c,
   theme: b
 } = {}) => {
   const d = w({
-    thumbColor: e,
-    thumbColorHover: n,
-    trackColor: i,
+    thumbColor: a,
+    thumbColorHover: i,
+    trackColor: n,
     trackColorHover: c,
     theme: b
   });
-  return T({
+  return C({
     width: r,
     height: o,
     borderRadius: t,
-    isThin: a,
+    isThin: e,
     ...d
   });
 }, $ = S(["0%,100%{box-shadow:0 0 0 2px var(--tour-pulse-border-color),0 0 0 6px var(--tour-pulse-shadow-color);}50%{box-shadow:0 0 0 3px var(--tour-pulse-border-color-fade),0 0 0 12px var(--tour-pulse-shadow-color-fade);}"]), V = ({
@@ -138,23 +145,23 @@ const I = "linear-gradient(to top, rgb(19, 24, 27) 0%, rgba(19, 24, 27, 0) 100%)
   backgroundColor: r = "transparent",
   borderColor: o = "var(--on-light-outline-accent-minor, rgb(82, 186, 255))",
   borderColorFade: t = "rgba(82, 186, 255, 0.42)",
-  shadowColor: a = "rgba(82, 186, 255, 0.24)",
-  shadowColorFade: e = "rgba(82, 186, 255, 0)",
-  inset: n = "-4px",
-  borderRadius: i = "16px",
+  shadowColor: e = "rgba(82, 186, 255, 0.24)",
+  shadowColorFade: a = "rgba(82, 186, 255, 0)",
+  inset: i = "-4px",
+  borderRadius: n = "16px",
   duration: c = "1.4s",
   timingFunction: b = "ease-in-out",
   iterationCount: d = "infinite",
-  pointerEventsNone: _ = !0
+  pointerEventsNone: T = !0
 } = {}) => l(["", " ", ""], l({
   "--tour-pulse-border-color": o,
   "--tour-pulse-border-color-fade": t,
-  "--tour-pulse-shadow-color": a,
-  "--tour-pulse-shadow-color-fade": e,
-  inset: n,
-  borderRadius: i,
+  "--tour-pulse-shadow-color": e,
+  "--tour-pulse-shadow-color-fade": a,
+  inset: i,
+  borderRadius: n,
   background: r,
-  ..._ ? {
+  ...T ? {
     pointerEvents: "none"
   } : {}
 }), V({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daisforge/ui",
-  "version": "1.22.0",
+  "version": "1.23.0",
   "main": "./index.cjs",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -31,11 +31,11 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@glideappsfinal/glide-data-grid": "6.5.1",
-    "@salutejs/plasma-icons": "^1.250.0",
-    "@salutejs/plasma-typo": "^0.54.0",
-    "@salutejs/sdds-finai": "^0.360.0",
-    "@salutejs/sdds-themes": "^0.82.0",
+    "@glideappsfinal/glide-data-grid": "6.7.0",
+    "@salutejs/plasma-icons": "^1.252.0",
+    "@salutejs/plasma-typo": "^0.56.0",
+    "@salutejs/sdds-finai": "^0.361.0",
+    "@salutejs/sdds-themes": "^0.83.0",
     "@tanstack/react-virtual": "^3.7.0",
     "canvas-hypertxt": "1.0.3",
     "lodash.clonedeep": "4.5.0",

package/shared/utils/resizable/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),s=require("@salutejs/plasma-icons"),g=require("@salutejs/sdds-themes/tokens/sdds_finai"),d=["top-left","top-right","bottom-left","bottom-right"],f="s",i=(t,o=f)=>{const e={};return t.includes("left")&&(e.transform="scaleX(-1)"),t.includes("top")&&(e.transform=e.transform?"scale(-1, -1)":"scaleY(-1)"),u.jsx(s.IconResizeCorneredFill,{color:g.textTertiary,size:o,style:e})},c=(t,o)=>({topLeft:(t==null?void 0:t.topLeft)||i("top-left",o),topRight:(t==null?void 0:t.topRight)||i("top-right",o),bottomLeft:(t==null?void 0:t.bottomLeft)||i("bottom-left",o),bottomRight:(t==null?void 0:t.bottomRight)||i("bottom-right",o)}),m=(t,o)=>{if(!t)return;const e={directions:[o.corner],icons:c(void 0,f),hiddenIcons:d.filter(r=>r!==o.corner),minWidth:o.minWidth,minHeight:o.minHeight,iconSize:f};if(t===!0)return e;const n=t.directions??e.directions,p=t.hiddenIcons??(t.directions?d.filter(r=>!(n!=null&&n.includes(r))):e.hiddenIcons);return{...e,...t,directions:n,hiddenIcons:p,icons:c(t.icons,t.iconSize),iconSize:t.iconSize??e.iconSize}};exports.POPUP_RESIZABLE_CORNERS=d;exports.buildPopupResizableConfig=m;exports.getPopupResizeIcon=i;

package/shared/utils/resizable/index.d.ts

@@ -0,0 +1,2 @@
+export type { PopupResizableConfig, PopupResizableConfigDefaults, PopupResizableCorner, PopupResizableIconSize, } from './resizableConfig';
+export { buildPopupResizableConfig, getPopupResizeIcon, POPUP_RESIZABLE_CORNERS, } from './resizableConfig';

package/shared/utils/resizable/index.mjs

@@ -0,0 +1,39 @@
+import { jsx as h } from "react/jsx-runtime";
+import { IconResizeCorneredFill as c } from "@salutejs/plasma-icons";
+import { textTertiary as g } from "@salutejs/sdds-themes/tokens/sdds_finai";
+const m = ["top-left", "top-right", "bottom-left", "bottom-right"], f = "s", r = (t, o = f) => {
+  const e = {};
+  return t.includes("left") && (e.transform = "scaleX(-1)"), t.includes("top") && (e.transform = e.transform ? "scale(-1, -1)" : "scaleY(-1)"), /* @__PURE__ */ h(c, { color: g, size: o, style: e });
+}, d = (t, o) => ({
+  topLeft: (t == null ? void 0 : t.topLeft) || r("top-left", o),
+  topRight: (t == null ? void 0 : t.topRight) || r("top-right", o),
+  bottomLeft: (t == null ? void 0 : t.bottomLeft) || r("bottom-left", o),
+  bottomRight: (t == null ? void 0 : t.bottomRight) || r("bottom-right", o)
+}), I = (t, o) => {
+  if (!t)
+    return;
+  const e = {
+    directions: [o.corner],
+    icons: d(void 0, f),
+    hiddenIcons: m.filter((n) => n !== o.corner),
+    minWidth: o.minWidth,
+    minHeight: o.minHeight,
+    iconSize: f
+  };
+  if (t === !0)
+    return e;
+  const i = t.directions ?? e.directions, p = t.hiddenIcons ?? (t.directions ? m.filter((n) => !(i != null && i.includes(n))) : e.hiddenIcons);
+  return {
+    ...e,
+    ...t,
+    directions: i,
+    hiddenIcons: p,
+    icons: d(t.icons, t.iconSize),
+    iconSize: t.iconSize ?? e.iconSize
+  };
+};
+export {
+  m as POPUP_RESIZABLE_CORNERS,
+  I as buildPopupResizableConfig,
+  r as getPopupResizeIcon
+};

package/shared/utils/resizable/resizableConfig.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps } from 'react';
+import { Popup } from '../../../components/Popup';
+
+type PopupResizableProp = ComponentProps<typeof Popup>['resizable'];
+export type PopupResizableConfig = Exclude<PopupResizableProp, boolean | undefined>;
+export type PopupResizableCorner = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type PopupResizableIconSize = NonNullable<PopupResizableConfig['iconSize']>;
+export declare const POPUP_RESIZABLE_CORNERS: PopupResizableCorner[];
+export declare const getPopupResizeIcon: (corner: PopupResizableCorner, iconSize?: PopupResizableIconSize) => import("react/jsx-runtime").JSX.Element;
+export type PopupResizableConfigDefaults = {
+    corner: PopupResizableCorner;
+    minWidth: number;
+    minHeight: number;
+};
+export declare const buildPopupResizableConfig: (resizable: boolean | Partial<PopupResizableConfig> | undefined, defaults: PopupResizableConfigDefaults) => PopupResizableConfig | undefined;
+export {};

package/styles/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/styles-kUWPuNSD.cjs");exports.DarkGlobalStyle=e.DarkGlobalStyle;exports.GlobalPopoverStyles=e.GlobalPopoverStyles;exports.GlobalStyle=e.GlobalStyle;exports.StyledTestRootIsolatedThemeProviderLayout=e.StyledTestRootIsolatedThemeProviderLayout;exports.TOOLTIP_FULL_WIDTH_CLASS=e.TOOLTIP_FULL_WIDTH_CLASS;exports.TestGlobalIsolatedStyleWithReplace=e.TestGlobalIsolatedStyleWithReplace;exports.TestRootIsolatedThemeProviderLayout=e.TestRootIsolatedThemeProviderLayout;exports.scopeTheme=e.scopeTheme;exports.styledTestRootIsolatedThemeProviderLayoutMixin=e.styledTestRootIsolatedThemeProviderLayoutMixin;exports.testGlobalPopoverStylesMixin=e.testGlobalPopoverStylesMixin;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/styles-CpC_FuBg.cjs");exports.DarkGlobalStyle=e.DarkGlobalStyle;exports.GlobalPopoverStyles=e.GlobalPopoverStyles;exports.GlobalStyle=e.GlobalStyle;exports.StyledTestRootIsolatedThemeProviderLayout=e.StyledTestRootIsolatedThemeProviderLayout;exports.TOOLTIP_FULL_WIDTH_CLASS=e.TOOLTIP_FULL_WIDTH_CLASS;exports.TestGlobalIsolatedStyleWithReplace=e.TestGlobalIsolatedStyleWithReplace;exports.TestRootIsolatedThemeProviderLayout=e.TestRootIsolatedThemeProviderLayout;exports.scopeTheme=e.scopeTheme;exports.styledTestRootIsolatedThemeProviderLayoutMixin=e.styledTestRootIsolatedThemeProviderLayoutMixin;exports.testGlobalPopoverStylesMixin=e.testGlobalPopoverStylesMixin;

package/styles/index.mjs

@@ -1,4 +1,4 @@
-import { D as t, G as a, a as s, S as l, T, b as r, d, s as y, e as S, t as i } from "../chunks/styles-CJ5y9FKW.mjs";
+import { D as t, G as a, a as s, S as l, T, b as r, d, s as y, e as S, t as i } from "../chunks/styles-CJPkBVWK.mjs";
 export {
   t as DarkGlobalStyle,
   a as GlobalPopoverStyles,

package/types/index.d.ts

@@ -1 +1,2 @@
 export type { TBorderRadiusSizes, TComponentColor, TComponentSize, TViewColor, TViewColors, } from './component';
+export type { Equals } from './utility';

package/types/utility.d.ts

@@ -0,0 +1 @@
+export type Equals<A, B> = [A] extends [B] ? [B] extends [A] ? true : false : false;

package/utils/breakpoint/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/utils-ChDQGRjv.cjs");exports.BreakpointProvider=e.BreakpointProvider;exports.MediaProvider=e.MediaProvider;exports.media=e.media;exports.useBreakpoint=e.useBreakpoint;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/utils-OQNruMpn.cjs");exports.BreakpointProvider=e.BreakpointProvider;exports.MediaProvider=e.MediaProvider;exports.media=e.media;exports.useBreakpoint=e.useBreakpoint;

package/utils/breakpoint/index.mjs

@@ -1,7 +1,7 @@
-import { B as r, M as i, b as o, d } from "../../chunks/utils-u1KJ37g3.mjs";
+import { B as r, M as i, b as o, e as s } from "../../chunks/utils-Hu77fGGe.mjs";
 export {
   r as BreakpointProvider,
   i as MediaProvider,
   o as media,
-  d as useBreakpoint
+  s as useBreakpoint
 };

package/utils/clickStream/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/utils-ChDQGRjv.cjs");exports.ClickStreamProvider=e.ClickStreamProvider;exports.EClickStreamErrorType=e.EClickStreamErrorType;exports.EClickStreamStatusProcess=e.EClickStreamStatusProcess;exports.createClickStreamEventValue=e.createClickStreamEventValue;exports.injectDigitalTraceContextHeader=e.injectDigitalTraceContextHeader;exports.transformClickStreamProperties=e.transformClickStreamProperties;exports.transformClickStreamPropertyValuesToString=e.transformClickStreamPropertyValuesToString;exports.useClickStream=e.useClickStream;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/utils-OQNruMpn.cjs");exports.ClickStreamProvider=e.ClickStreamProvider;exports.EClickStreamErrorType=e.EClickStreamErrorType;exports.EClickStreamStatusProcess=e.EClickStreamStatusProcess;exports.createClickStreamEventValue=e.createClickStreamEventValue;exports.injectDigitalTraceContextHeader=e.injectDigitalTraceContextHeader;exports.transformClickStreamProperties=e.transformClickStreamProperties;exports.transformClickStreamPropertyValuesToString=e.transformClickStreamPropertyValuesToString;exports.useClickStream=e.useClickStream;

package/utils/clickStream/index.mjs

@@ -1,4 +1,4 @@
-import { C as a, E as t, F as s, H as i, O as c, Q as o, R as l, T as m } from "../../chunks/utils-u1KJ37g3.mjs";
+import { C as a, E as t, F as s, H as i, O as c, Q as o, R as l, T as m } from "../../chunks/utils-Hu77fGGe.mjs";
 export {
   a as ClickStreamProvider,
   t as EClickStreamErrorType,

package/utils/eventBus/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/utils-ChDQGRjv.cjs");exports.EventBusProvider=e.EventBusProvider;exports.useEventBus=e.useEventBus;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/utils-OQNruMpn.cjs");exports.EventBusProvider=e.EventBusProvider;exports.useEventBus=e.useEventBus;

package/utils/eventBus/index.mjs

@@ -1,4 +1,4 @@
-import { G as r, V as o } from "../../chunks/utils-u1KJ37g3.mjs";
+import { G as r, V as o } from "../../chunks/utils-Hu77fGGe.mjs";
 export {
   r as EventBusProvider,
   o as useEventBus

package/utils/getActiveTheme.d.ts

@@ -1,2 +1,2 @@
-export type ActiveThemeGlobal = 'light' | 'dark' | 'highContrastLight' | 'betaCoreLight';
+export type ActiveThemeGlobal = 'light' | 'dark' | 'highContrastLight' | 'highContrastDark' | 'betaCoreLight' | 'betaCoreDark';
 export declare const getActiveTheme: () => ActiveThemeGlobal;

package/utils/hooks/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/utils-ChDQGRjv.cjs");exports.preloadImage=e.preloadImage;exports.useActiveTheme=e.useActiveTheme;exports.useDebouncedFn=e.useDebouncedFn;exports.useDebouncedValue=e.useDebouncedValue;exports.useImageLoader=e.useImageLoader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/utils-OQNruMpn.cjs");exports.preloadImage=e.preloadImage;exports.useActiveTheme=e.useActiveTheme;exports.useDebouncedFn=e.useDebouncedFn;exports.useDebouncedValue=e.useDebouncedValue;exports.useImageLoader=e.useImageLoader;

package/utils/hooks/index.mjs

@@ -1,4 +1,4 @@
-import { y as s, n as u, U as o, u as d, x as m } from "../../chunks/utils-u1KJ37g3.mjs";
+import { z as s, o as u, U as o, u as d, y as m } from "../../chunks/utils-Hu77fGGe.mjs";
 export {
   s as preloadImage,
   u as useActiveTheme,

package/utils/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/utils-ChDQGRjv.cjs");exports.BreakpointProvider=e.BreakpointProvider;exports.ClickStreamProvider=e.ClickStreamProvider;exports.EClickStreamErrorType=e.EClickStreamErrorType;exports.EClickStreamStatusProcess=e.EClickStreamStatusProcess;exports.EventBusProvider=e.EventBusProvider;exports.MediaProvider=e.MediaProvider;exports.bubble=e.bubble;exports.clamp=e.clamp;exports.createClickStreamEventValue=e.createClickStreamEventValue;exports.createSafeResizeObserver=e.createSafeResizeObserver;exports.createStore=e.createStore;exports.debounce=e.debounce;exports.generateB3Headers=e.generateB3Headers;exports.getActiveTheme=e.getActiveTheme;exports.getCssProp=e.getCssProp;exports.getMFReactDOMClient=e.getMFReactDOMClient;exports.getTextWidth=e.getTextWidth;exports.getTextWidthByCache=e.getTextWidthByCache;exports.getTokenValue=e.getTokenValue;exports.getValue=e.getValue;exports.getViewColor=e.getViewColor;exports.injectDigitalTraceContextHeader=e.injectDigitalTraceContextHeader;exports.isStructuredCloneSupported=e.isStructuredCloneSupported;exports.mCls=e.mCls;exports.media=e.media;exports.mergeClasses=e.mergeClasses;exports.mergeRefs=e.mergeRefs;exports.preloadImage=e.preloadImage;exports.processDropdownItems=e.processDropdownItems;exports.throttle=e.throttle;exports.throttleWithLastCall=e.throttleWithLastCall;exports.transformClickStreamProperties=e.transformClickStreamProperties;exports.transformClickStreamPropertyValuesToString=e.transformClickStreamPropertyValuesToString;exports.truncateText=e.truncateText;exports.truncateTextCss=e.truncateTextCss;exports.useActiveTheme=e.useActiveTheme;exports.useBreakpoint=e.useBreakpoint;exports.useClickStream=e.useClickStream;exports.useDebouncedFn=e.useDebouncedFn;exports.useDebouncedValue=e.useDebouncedValue;exports.useDropdownItemClickHandler=e.useDropdownItemClickHandler;exports.useEventBus=e.useEventBus;exports.useImageLoader=e.useImageLoader;exports.visuallyHiddenCss=e.visuallyHiddenCss;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/utils-OQNruMpn.cjs");exports.BreakpointProvider=e.BreakpointProvider;exports.ClickStreamProvider=e.ClickStreamProvider;exports.EClickStreamErrorType=e.EClickStreamErrorType;exports.EClickStreamStatusProcess=e.EClickStreamStatusProcess;exports.EventBusProvider=e.EventBusProvider;exports.MediaProvider=e.MediaProvider;exports.bubble=e.bubble;exports.clamp=e.clamp;exports.createClickStreamEventValue=e.createClickStreamEventValue;exports.createSafeResizeObserver=e.createSafeResizeObserver;exports.createStore=e.createStore;exports.debounce=e.debounce;exports.generateB3Headers=e.generateB3Headers;exports.getActiveTheme=e.getActiveTheme;exports.getCssProp=e.getCssProp;exports.getMFReactDOMClient=e.getMFReactDOMClient;exports.getTextWidth=e.getTextWidth;exports.getTextWidthByCache=e.getTextWidthByCache;exports.getTokenValue=e.getTokenValue;exports.getValue=e.getValue;exports.getViewColor=e.getViewColor;exports.injectDigitalTraceContextHeader=e.injectDigitalTraceContextHeader;exports.isStructuredCloneSupported=e.isStructuredCloneSupported;exports.mCls=e.mCls;exports.media=e.media;exports.mergeClasses=e.mergeClasses;exports.mergeRefs=e.mergeRefs;exports.preloadImage=e.preloadImage;exports.processDropdownItems=e.processDropdownItems;exports.throttle=e.throttle;exports.throttleWithLastCall=e.throttleWithLastCall;exports.transformClickStreamProperties=e.transformClickStreamProperties;exports.transformClickStreamPropertyValuesToString=e.transformClickStreamPropertyValuesToString;exports.truncateText=e.truncateText;exports.truncateTextCss=e.truncateTextCss;exports.useActiveTheme=e.useActiveTheme;exports.useBreakpoint=e.useBreakpoint;exports.useClickStream=e.useClickStream;exports.useDebouncedFn=e.useDebouncedFn;exports.useDebouncedValue=e.useDebouncedValue;exports.useDropdownItemClickHandler=e.useDropdownItemClickHandler;exports.useEventBus=e.useEventBus;exports.useImageLoader=e.useImageLoader;exports.visuallyHiddenCss=e.visuallyHiddenCss;

package/utils/index.mjs

@@ -1,4 +1,4 @@
-import { B as s, C as t, E as r, F as o, G as i, M as l, o as c, e as u, H as n, c as d, I as m, w as C, J as g, g as p, r as S, K as k, j as v, L as T, N as h, h as P, A as b, O as x, k as B, s as E, b as V, m as D, q as f, y, p as H, P as I, t as w, Q as M, R, a as A, S as F, n as L, d as O, T as W, U as j, u as q, i as z, V as G, x as J, v as K } from "../chunks/utils-u1KJ37g3.mjs";
+import { B as s, C as t, E as r, F as o, G as i, M as l, q as c, f as u, H as n, c as d, I as m, d as C, J as g, g as p, w as S, K as k, k as v, L as T, N as P, i as b, A as h, O as x, l as B, x as E, b as V, m as f, r as D, z as y, p as H, P as I, t as w, Q as M, R, a as A, S as F, o as L, e as O, T as W, U as j, u as z, j as q, V as G, y as J, v as K } from "../chunks/utils-Hu77fGGe.mjs";
 export {
   s as BreakpointProvider,
   t as ClickStreamProvider,
@@ -18,15 +18,15 @@ export {
   k as getMFReactDOMClient,
   v as getTextWidth,
   T as getTextWidthByCache,
-  h as getTokenValue,
-  P as getValue,
-  b as getViewColor,
+  P as getTokenValue,
+  b as getValue,
+  h as getViewColor,
   x as injectDigitalTraceContextHeader,
   B as isStructuredCloneSupported,
   E as mCls,
   V as media,
-  D as mergeClasses,
-  f as mergeRefs,
+  f as mergeClasses,
+  D as mergeRefs,
   y as preloadImage,
   H as processDropdownItems,
   I as throttle,
@@ -39,8 +39,8 @@ export {
   O as useBreakpoint,
   W as useClickStream,
   j as useDebouncedFn,
-  q as useDebouncedValue,
-  z as useDropdownItemClickHandler,
+  z as useDebouncedValue,
+  q as useDropdownItemClickHandler,
   G as useEventBus,
   J as useImageLoader,
   K as visuallyHiddenCss

package/utils/react/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/utils-ChDQGRjv.cjs");exports.getMFReactDOMClient=e.getMFReactDOMClient;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/utils-OQNruMpn.cjs");exports.getMFReactDOMClient=e.getMFReactDOMClient;

package/utils/react/index.mjs

@@ -1,4 +1,4 @@
-import { K as a } from "../../chunks/utils-u1KJ37g3.mjs";
+import { K as a } from "../../chunks/utils-Hu77fGGe.mjs";
 export {
   a as getMFReactDOMClient
 };

package/utils/styles/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/utils-ChDQGRjv.cjs");exports.truncateText=t.truncateText;exports.truncateTextCss=t.truncateTextCss;exports.visuallyHiddenCss=t.visuallyHiddenCss;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/utils-OQNruMpn.cjs");exports.truncateText=t.truncateText;exports.truncateTextCss=t.truncateTextCss;exports.visuallyHiddenCss=t.visuallyHiddenCss;

package/utils/styles/index.mjs

@@ -1,4 +1,4 @@
-import { a as t, S as e, v as r } from "../../chunks/utils-u1KJ37g3.mjs";
+import { a as t, S as e, v as r } from "../../chunks/utils-Hu77fGGe.mjs";
 export {
   t as truncateText,
   e as truncateTextCss,