@daisforge/ui 1.12.1 → 1.13.0

package/layouts/Layout/index.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../../chunks/vendor-D8Dozc4m.cjs"),j=require("react"),p=require("../../components/Box/index.cjs"),i=require("../../chunks/utils-C93a2mD7.cjs"),e=require("styled-components"),n=require("@salutejs/sdds-themes/tokens/sdds_finai"),c={root:"layout__root",header:"layout__header",main:"layout__main",item:"layout__item",centeredItem:"layout__centeredItem"},k={V1_1:"V1_1",V2_1:"V2_1",V2_2:"V2_2",V3_1:"V3_1",V3_2:"V3_2",V3_3:"V3_3",V4_1:"V4_1",V4_2:"V4_2",V5_1:"V5_1"},l={XL:{horizontal:"auto",vertical:{top:n.spacing8x,bottom:n.spacing16x},gutter:n.spacing12x,headerHeight:"auto"},L:{horizontal:n.spacing16x,vertical:{top:n.spacing8x,bottom:n.spacing12x},gutter:n.spacing8x,headerHeight:"auto"}},C=e(p.Box).withConfig({displayName:"Layoutstyles__LayoutRoot"})(["--layout-margin-horizontal:",";--layout-margin-top:",";--layout-margin-bottom:",";--layout-gutter:",";--layout-header-height:",";--layout-max-width:1856px;--layout-grid-template-columns:1fr;"," "," "," "," "," "," "," "," display:grid;width:100%;max-width:var(--layout-max-width);margin-top:var(--layout-margin-top);margin-bottom:var(--layout-margin-bottom);margin-inline:var(--layout-margin-horizontal);"," "," "," "," "," "," grid-template-rows:var(--layout-header-height) 1fr;grid-template-columns:var(--layout-grid-template-columns);gap:var(--layout-gutter);",""],l.XL.horizontal,l.XL.vertical.top,l.XL.vertical.bottom,l.XL.gutter,l.XL.headerHeight,({$customSpacing:t})=>(t==null?void 0:t.horizontal)&&e.css(["--layout-margin-horizontal:",";"],t.horizontal),({$customSpacing:t})=>{if(!(t!=null&&t.vertical))return"";if(typeof t.vertical=="string")return e.css(["--layout-margin-top:",";--layout-margin-bottom:",";"],t.vertical,t.vertical);const o=[];return t.vertical.top!==void 0&&o.push(`--layout-margin-top: ${t.vertical.top};`),t.vertical.bottom!==void 0&&o.push(`--layout-margin-bottom: ${t.vertical.bottom};`),o.join(`
-`)},({$customSpacing:t})=>(t==null?void 0:t.gutter)&&e.css(["--layout-gutter:",";"],t.gutter),({$customSpacing:t})=>(t==null?void 0:t.headerHeight)&&e.css(["--layout-header-height:",";"],t.headerHeight),({$marginTop:t})=>t!==void 0&&e.css(["--layout-margin-top:",";"],t),({$marginBottom:t})=>t!==void 0&&e.css(["--layout-margin-bottom:",";"],t),({$marginLeft:t})=>t!==void 0&&e.css(["--layout-margin-left:",";"],t),({$marginRight:t})=>t!==void 0&&e.css(["--layout-margin-right:",";"],t),({$marginLeft:t})=>t!==void 0&&e.css(["margin-left:var(--layout-margin-left);"]),({$marginRight:t})=>t!==void 0&&e.css(["margin-right:var(--layout-margin-right);"]),({$paddingTop:t})=>t!==void 0&&e.css(["padding-top:",";"],t),({$paddingBottom:t})=>t!==void 0&&e.css(["padding-bottom:",";"],t),({$paddingLeft:t})=>t!==void 0&&e.css(["padding-left:",";"],t),({$paddingRight:t})=>t!==void 0&&e.css(["padding-right:",";"],t),({$customSpacing:t,$marginTop:o,$marginBottom:r})=>{const x=!!(t!=null&&t.vertical),m=!!(t!=null&&t.gutter),d=o!==void 0,y=r!==void 0,s=x||d&&y;if(s&&m)return"";const a=[];if(m||a.push("--layout-gutter: 16px;"),s||(d||a.push("--layout-margin-top: 16px;"),y||a.push("--layout-margin-bottom: 24px;")),a.length===0)return"";const h=a.join(`
-`);return i.media.down("xl")(h)}),D=e(p.Box).withConfig({displayName:"Layoutstyles__LayoutHeader"})(["overflow:hidden;"]),A=e(p.Box).withConfig({displayName:"Layoutstyles__LayoutGridContainer"})(["--pageLayout-container-grid-template-column:minmax(0,1fr);display:grid;height:100%;grid-template-columns:var(--pageLayout-container-grid-template-column);gap:var(--layout-gutter);"," "," "," "," "," "," "," "," ",""],({$variant:t})=>t==="V1_1"&&e.css(["--pageLayout-container-grid-template-column:minmax(0,1fr);"]),({$variant:t})=>t==="V2_1"&&e.css(["--pageLayout-container-grid-template-column:1282px minmax(0,1fr);"," ",""],i.media.only("xl")`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),C=require("react"),x=require("../../components/Box/index.cjs"),i=require("../../chunks/utils-DKi1rqLX.cjs"),e=require("styled-components"),n=require("@salutejs/sdds-themes/tokens/sdds_finai"),_={root:"layout__root",header:"layout__header",main:"layout__main",item:"layout__item",centeredItem:"layout__centeredItem"},j={V1_1:"V1_1",V2_1:"V2_1",V2_2:"V2_2",V3_1:"V3_1",V3_2:"V3_2",V3_3:"V3_3",V4_1:"V4_1",V4_2:"V4_2",V5_1:"V5_1"},m={XL:{horizontal:"auto",vertical:{top:n.spacing8x,bottom:n.spacing16x},gutter:n.spacing12x,headerHeight:"auto"},L:{horizontal:n.spacing16x,vertical:{top:n.spacing8x,bottom:n.spacing12x},gutter:n.spacing8x,headerHeight:"auto"}},A=e(x.Box).withConfig({displayName:"Layoutstyles__LayoutRoot"})(["--layout-margin-horizontal:",";--layout-margin-top:",";--layout-margin-bottom:",";--layout-gutter:",";--layout-header-height:",";--layout-max-width:1856px;--layout-grid-template-columns:1fr;"," "," "," "," "," "," "," "," display:grid;width:100%;max-width:var(--layout-max-width);margin-top:var(--layout-margin-top);margin-bottom:var(--layout-margin-bottom);margin-inline:var(--layout-margin-horizontal);"," "," "," "," "," "," grid-template-rows:var(--layout-header-height) 1fr;grid-template-columns:var(--layout-grid-template-columns);gap:var(--layout-gutter);",""],m.XL.horizontal,m.XL.vertical.top,m.XL.vertical.bottom,m.XL.gutter,m.XL.headerHeight,({$customSpacing:t})=>(t==null?void 0:t.horizontal)&&e.css(["--layout-margin-horizontal:",";"],t.horizontal),({$customSpacing:t})=>{if(!(t!=null&&t.vertical))return"";if(typeof t.vertical=="string")return e.css(["--layout-margin-top:",";--layout-margin-bottom:",";"],t.vertical,t.vertical);const o=[];return t.vertical.top!==void 0&&o.push(`--layout-margin-top: ${t.vertical.top};`),t.vertical.bottom!==void 0&&o.push(`--layout-margin-bottom: ${t.vertical.bottom};`),o.join(`
+`)},({$customSpacing:t})=>(t==null?void 0:t.gutter)&&e.css(["--layout-gutter:",";"],t.gutter),({$customSpacing:t})=>(t==null?void 0:t.headerHeight)&&e.css(["--layout-header-height:",";"],t.headerHeight),({$marginTop:t})=>t!==void 0&&e.css(["--layout-margin-top:",";"],t),({$marginBottom:t})=>t!==void 0&&e.css(["--layout-margin-bottom:",";"],t),({$marginLeft:t})=>t!==void 0&&e.css(["--layout-margin-left:",";"],t),({$marginRight:t})=>t!==void 0&&e.css(["--layout-margin-right:",";"],t),({$marginLeft:t})=>t!==void 0&&e.css(["margin-left:var(--layout-margin-left);"]),({$marginRight:t})=>t!==void 0&&e.css(["margin-right:var(--layout-margin-right);"]),({$paddingTop:t})=>t!==void 0&&e.css(["padding-top:",";"],t),({$paddingBottom:t})=>t!==void 0&&e.css(["padding-bottom:",";"],t),({$paddingLeft:t})=>t!==void 0&&e.css(["padding-left:",";"],t),({$paddingRight:t})=>t!==void 0&&e.css(["padding-right:",";"],t),({$customSpacing:t,$marginTop:o,$marginBottom:r})=>{const h=!!(t!=null&&t.vertical),d=!!(t!=null&&t.gutter),u=o!==void 0,y=r!==void 0,g=h||u&&y;if(g&&d)return"";const a=[];if(d||a.push("--layout-gutter: 16px;"),g||(u||a.push("--layout-margin-top: 16px;"),y||a.push("--layout-margin-bottom: 24px;")),a.length===0)return"";const s=a.join(`
+`);return i.media.down("xl")(s)}),z=e(x.Box).withConfig({displayName:"Layoutstyles__LayoutHeader"})(["overflow:hidden;"]),T=e(x.Box).withConfig({displayName:"Layoutstyles__LayoutGridContainer"})(["--pageLayout-container-grid-template-column:minmax(0,1fr);display:grid;height:100%;grid-template-columns:var(--pageLayout-container-grid-template-column);gap:var(--layout-gutter);"," "," "," "," "," "," "," "," ",""],({$variant:t})=>t==="V1_1"&&e.css(["--pageLayout-container-grid-template-column:minmax(0,1fr);"]),({$variant:t})=>t==="V2_1"&&e.css(["--pageLayout-container-grid-template-column:1282px minmax(0,1fr);"," ",""],i.media.only("xl")`
         --pageLayout-container-grid-template-column: minmax(0, 1fr) 360px;
       `,i.media.down("xl")`
         --pageLayout-container-grid-template-column: minmax(0, 1fr) 360px;
@@ -14,7 +14,7 @@
         --pageLayout-container-grid-template-column: minmax(0, 1fr);
       `),({$variant:t})=>t==="V4_2"&&e.css(["--pageLayout-container-grid-template-column:repeat(3,minmax(0,1fr));",""],i.media.down("xl")`
         --pageLayout-container-grid-template-column: minmax(0, 1fr);
-      `),({$variant:t})=>t==="V5_1"&&e.css(["--pageLayout-container-grid-template-column:360px 840px;position:relative;& .","{position:absolute;left:50%;translate:-50% 0;width:100%;max-width:840px;}"," ",""],c.centeredItem,i.media.only("xl")`
+      `),({$variant:t})=>t==="V5_1"&&e.css(["--pageLayout-container-grid-template-column:360px 840px;position:relative;& .","{position:absolute;left:50%;translate:-50% 0;width:100%;max-width:840px;}"," ",""],_.centeredItem,i.media.only("xl")`
         --pageLayout-container-grid-template-column: 360px minmax(0,1fr);
         & .layout__centeredItem {
           position: static;
@@ -28,4 +28,4 @@
           translate: 0 0;
           max-width: unset;
         } 
-      `)),R=e(p.Box).withConfig({displayName:"Layoutstyles__LayoutGridItem"})(["overflow-x:hidden;height:100%;"]),z=(t,o)=>{const r=typeof o=="object";return{root:`${t.root} ${r?(o==null?void 0:o.root)??"":o??""}`.trim(),header:`${t.header} ${r?(o==null?void 0:o.header)??"":""}`.trim(),main:`${t.main} ${r?(o==null?void 0:o.main)??"":""}`.trim(),item:`${t.item} ${r?(o==null?void 0:o.item)??"":""}`.trim(),centeredItem:`${t.centeredItem} ${r?(o==null?void 0:o.centeredItem)??"":""}`.trim()}},E=({variant:t="V1_1",headerSlot:o,mainSlot:r,customSpacing:x={},marginTop:m,marginBottom:d,paddingTop:y,paddingBottom:s,marginLeft:a,marginRight:h,paddingLeft:_,paddingRight:L,classes:f,...v})=>{const u=z(c,f),V=()=>r?g.jsxDevRuntimeExports.jsxDEV(A,{className:u.main,$variant:t,children:j.Children.map(r,(b,w)=>{const I=t==="V5_1"&&w===1?`${u.item} ${u.centeredItem}`.trim():u.item;return g.jsxDevRuntimeExports.jsxDEV(R,{className:I,children:b},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/layouts/Layout/Layout.tsx",lineNumber:44,columnNumber:13},void 0)})},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/layouts/Layout/Layout.tsx",lineNumber:35,columnNumber:7},void 0):null;return g.jsxDevRuntimeExports.jsxDEV(C,{$variant:t,$customSpacing:x,$marginTop:m,$marginBottom:d,$paddingTop:y,$paddingBottom:s,$marginLeft:a,$marginRight:h,$paddingLeft:_,$paddingRight:L,className:u.root,...v,children:[o&&g.jsxDevRuntimeExports.jsxDEV(D,{className:u.header,children:o},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/layouts/Layout/Layout.tsx",lineNumber:67,columnNumber:7},void 0),V()]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/layouts/Layout/Layout.tsx",lineNumber:52,columnNumber:5},void 0)};exports.LAYOUT_SPACING=l;exports.LAYOUT_VARIANTS=k;exports.Layout=E;exports.LayoutDfClassNames=c;
+      `)),G=e(x.Box).withConfig({displayName:"Layoutstyles__LayoutGridItem"})(["overflow-x:hidden;height:100%;"]),H=(t,o)=>{const r=typeof o=="object";return{root:`${t.root} ${r?(o==null?void 0:o.root)??"":o??""}`.trim(),header:`${t.header} ${r?(o==null?void 0:o.header)??"":""}`.trim(),main:`${t.main} ${r?(o==null?void 0:o.main)??"":""}`.trim(),item:`${t.item} ${r?(o==null?void 0:o.item)??"":""}`.trim(),centeredItem:`${t.centeredItem} ${r?(o==null?void 0:o.centeredItem)??"":""}`.trim()}},q=({variant:t="V1_1",headerSlot:o,mainSlot:r,customSpacing:h={},marginTop:d,marginBottom:u,paddingTop:y,paddingBottom:g,marginLeft:a,marginRight:s,paddingLeft:c,paddingRight:L,classes:f,...v})=>{const l=H(_,f),V=()=>r?p.jsx(T,{className:l.main,$variant:t,children:C.Children.map(r,(w,b)=>{const I=t==="V5_1"&&b===1?`${l.item} ${l.centeredItem}`.trim():l.item;return p.jsx(G,{className:I,children:w})})}):null;return p.jsxs(A,{$variant:t,$customSpacing:h,$marginTop:d,$marginBottom:u,$paddingTop:y,$paddingBottom:g,$marginLeft:a,$marginRight:s,$paddingLeft:c,$paddingRight:L,className:l.root,...v,children:[o&&p.jsx(z,{className:l.header,children:o}),V()]})};exports.LAYOUT_SPACING=m;exports.LAYOUT_VARIANTS=j;exports.Layout=q;exports.LayoutDfClassNames=_;

package/layouts/Layout/index.mjs

@@ -1,16 +1,16 @@
-import { j as p } from "../../chunks/vendor-BG4P-329.mjs";
-import z from "react";
-import { Box as g } from "../../components/Box/index.mjs";
-import { b as i } from "../../chunks/utils-BNelzuI-.mjs";
-import h, { css as o } from "styled-components";
-import { spacing8x as _, spacing12x as L, spacing16x as v } from "@salutejs/sdds-themes/tokens/sdds_finai";
-const s = {
+import { jsxs as G, jsx as _ } from "react/jsx-runtime";
+import X from "react";
+import { Box as p } from "../../components/Box/index.mjs";
+import { b as a } from "../../chunks/utils-C5SQhoON.mjs";
+import g, { css as e } from "styled-components";
+import { spacing8x as f, spacing12x as L, spacing16x as v } from "@salutejs/sdds-themes/tokens/sdds_finai";
+const V = {
   root: "layout__root",
   header: "layout__header",
   main: "layout__main",
   item: "layout__item",
   centeredItem: "layout__centeredItem"
-}, Y = {
+}, q = {
   V1_1: "V1_1",
   V2_1: "V2_1",
   V2_2: "V2_2",
@@ -24,7 +24,7 @@ const s = {
   XL: {
     horizontal: "auto",
     vertical: {
-      top: _,
+      top: f,
       bottom: v
     },
     gutter: L,
@@ -34,192 +34,155 @@ const s = {
   L: {
     horizontal: v,
     vertical: {
-      top: _,
+      top: f,
       bottom: L
     },
-    gutter: _,
+    gutter: f,
     headerHeight: "auto"
     // Ранее был фиксированной высотой 143px
   }
   /* TODO: Добавить другие breakpoints (L, M, S) когда понадобится */
-}, D = h(g).withConfig({
+}, s = g(p).withConfig({
   displayName: "Layoutstyles__LayoutRoot"
 })(["--layout-margin-horizontal:", ";--layout-margin-top:", ";--layout-margin-bottom:", ";--layout-gutter:", ";--layout-header-height:", ";--layout-max-width:1856px;--layout-grid-template-columns:1fr;", " ", " ", " ", " ", " ", " ", " ", " display:grid;width:100%;max-width:var(--layout-max-width);margin-top:var(--layout-margin-top);margin-bottom:var(--layout-margin-bottom);margin-inline:var(--layout-margin-horizontal);", " ", " ", " ", " ", " ", " grid-template-rows:var(--layout-header-height) 1fr;grid-template-columns:var(--layout-grid-template-columns);gap:var(--layout-gutter);", ""], l.XL.horizontal, l.XL.vertical.top, l.XL.vertical.bottom, l.XL.gutter, l.XL.headerHeight, ({
   $customSpacing: t
-}) => (t == null ? void 0 : t.horizontal) && o(["--layout-margin-horizontal:", ";"], t.horizontal), ({
+}) => (t == null ? void 0 : t.horizontal) && e(["--layout-margin-horizontal:", ";"], t.horizontal), ({
   $customSpacing: t
 }) => {
   if (!(t != null && t.vertical))
     return "";
   if (typeof t.vertical == "string")
-    return o(["--layout-margin-top:", ";--layout-margin-bottom:", ";"], t.vertical, t.vertical);
-  const e = [];
-  return t.vertical.top !== void 0 && e.push(`--layout-margin-top: ${t.vertical.top};`), t.vertical.bottom !== void 0 && e.push(`--layout-margin-bottom: ${t.vertical.bottom};`), e.join(`
+    return e(["--layout-margin-top:", ";--layout-margin-bottom:", ";"], t.vertical, t.vertical);
+  const o = [];
+  return t.vertical.top !== void 0 && o.push(`--layout-margin-top: ${t.vertical.top};`), t.vertical.bottom !== void 0 && o.push(`--layout-margin-bottom: ${t.vertical.bottom};`), o.join(`
 `);
 }, ({
   $customSpacing: t
-}) => (t == null ? void 0 : t.gutter) && o(["--layout-gutter:", ";"], t.gutter), ({
+}) => (t == null ? void 0 : t.gutter) && e(["--layout-gutter:", ";"], t.gutter), ({
   $customSpacing: t
-}) => (t == null ? void 0 : t.headerHeight) && o(["--layout-header-height:", ";"], t.headerHeight), ({
+}) => (t == null ? void 0 : t.headerHeight) && e(["--layout-header-height:", ";"], t.headerHeight), ({
   $marginTop: t
-}) => t !== void 0 && o(["--layout-margin-top:", ";"], t), ({
+}) => t !== void 0 && e(["--layout-margin-top:", ";"], t), ({
   $marginBottom: t
-}) => t !== void 0 && o(["--layout-margin-bottom:", ";"], t), ({
+}) => t !== void 0 && e(["--layout-margin-bottom:", ";"], t), ({
   $marginLeft: t
-}) => t !== void 0 && o(["--layout-margin-left:", ";"], t), ({
+}) => t !== void 0 && e(["--layout-margin-left:", ";"], t), ({
   $marginRight: t
-}) => t !== void 0 && o(["--layout-margin-right:", ";"], t), ({
+}) => t !== void 0 && e(["--layout-margin-right:", ";"], t), ({
   $marginLeft: t
-}) => t !== void 0 && o(["margin-left:var(--layout-margin-left);"]), ({
+}) => t !== void 0 && e(["margin-left:var(--layout-margin-left);"]), ({
   $marginRight: t
-}) => t !== void 0 && o(["margin-right:var(--layout-margin-right);"]), ({
+}) => t !== void 0 && e(["margin-right:var(--layout-margin-right);"]), ({
   $paddingTop: t
-}) => t !== void 0 && o(["padding-top:", ";"], t), ({
+}) => t !== void 0 && e(["padding-top:", ";"], t), ({
   $paddingBottom: t
-}) => t !== void 0 && o(["padding-bottom:", ";"], t), ({
+}) => t !== void 0 && e(["padding-bottom:", ";"], t), ({
   $paddingLeft: t
-}) => t !== void 0 && o(["padding-left:", ";"], t), ({
+}) => t !== void 0 && e(["padding-left:", ";"], t), ({
   $paddingRight: t
-}) => t !== void 0 && o(["padding-right:", ";"], t), ({
+}) => t !== void 0 && e(["padding-right:", ";"], t), ({
   $customSpacing: t,
-  $marginTop: e,
+  $marginTop: o,
   $marginBottom: r
 }) => {
-  const x = !!(t != null && t.vertical), m = !!(t != null && t.gutter), u = e !== void 0, d = r !== void 0, y = x || u && d;
+  const h = !!(t != null && t.vertical), m = !!(t != null && t.gutter), d = o !== void 0, u = r !== void 0, y = h || d && u;
   if (y && m)
     return "";
-  const a = [];
-  if (m || a.push("--layout-gutter: 16px;"), y || (u || a.push("--layout-margin-top: 16px;"), d || a.push("--layout-margin-bottom: 24px;")), a.length === 0)
+  const i = [];
+  if (m || i.push("--layout-gutter: 16px;"), y || (d || i.push("--layout-margin-top: 16px;"), u || i.push("--layout-margin-bottom: 24px;")), i.length === 0)
     return "";
-  const f = a.join(`
+  const x = i.join(`
 `);
-  return i.down("xl")(f);
-}), H = h(g).withConfig({
+  return a.down("xl")(x);
+}), A = g(p).withConfig({
   displayName: "Layoutstyles__LayoutHeader"
-})(["overflow:hidden;"]), G = h(g).withConfig({
+})(["overflow:hidden;"]), R = g(p).withConfig({
   displayName: "Layoutstyles__LayoutGridContainer"
 })(["--pageLayout-container-grid-template-column:minmax(0,1fr);display:grid;height:100%;grid-template-columns:var(--pageLayout-container-grid-template-column);gap:var(--layout-gutter);", " ", " ", " ", " ", " ", " ", " ", " ", ""], ({
   $variant: t
-}) => t === "V1_1" && o(["--pageLayout-container-grid-template-column:minmax(0,1fr);"]), ({
+}) => t === "V1_1" && e(["--pageLayout-container-grid-template-column:minmax(0,1fr);"]), ({
   $variant: t
-}) => t === "V2_1" && o(["--pageLayout-container-grid-template-column:1282px minmax(0,1fr);", " ", ""], i.only("xl")`
+}) => t === "V2_1" && e(["--pageLayout-container-grid-template-column:1282px minmax(0,1fr);", " ", ""], a.only("xl")`
         --pageLayout-container-grid-template-column: minmax(0, 1fr) 360px;
-      `, i.down("xl")`
+      `, a.down("xl")`
         --pageLayout-container-grid-template-column: minmax(0, 1fr) 360px;
       `), ({
   $variant: t
-}) => t === "V2_2" && o(["--pageLayout-container-grid-template-column:minmax(0,1fr) 1282px;", " ", ""], i.only("xl")`
+}) => t === "V2_2" && e(["--pageLayout-container-grid-template-column:minmax(0,1fr) 1282px;", " ", ""], a.only("xl")`
         --pageLayout-container-grid-template-column: 360px minmax(0, 1fr);
-      `, i.down("xl")`
+      `, a.down("xl")`
         --pageLayout-container-grid-template-column: 360px minmax(0, 1fr);
       `), ({
   $variant: t
-}) => t === "V3_1" && o(["--pageLayout-container-grid-template-column:minmax(0,1fr) 360px;"]), ({
+}) => t === "V3_1" && e(["--pageLayout-container-grid-template-column:minmax(0,1fr) 360px;"]), ({
   $variant: t
-}) => t === "V3_2" && o(["--pageLayout-container-grid-template-column:360px minmax(0,1fr);"]), ({
+}) => t === "V3_2" && e(["--pageLayout-container-grid-template-column:360px minmax(0,1fr);"]), ({
   $variant: t
-}) => t === "V3_3" && o(["--pageLayout-container-grid-template-column:360px minmax(0,1fr) 360px;", ""], i.down("xl")`
+}) => t === "V3_3" && e(["--pageLayout-container-grid-template-column:360px minmax(0,1fr) 360px;", ""], a.down("xl")`
         --pageLayout-container-grid-template-column: minmax(0, 1fr);
       `), ({
   $variant: t
-}) => t === "V4_1" && o(["--pageLayout-container-grid-template-column:repeat(2,minmax(0,1fr));", ""], i.down("xl")`
+}) => t === "V4_1" && e(["--pageLayout-container-grid-template-column:repeat(2,minmax(0,1fr));", ""], a.down("xl")`
         --pageLayout-container-grid-template-column: minmax(0, 1fr);
       `), ({
   $variant: t
-}) => t === "V4_2" && o(["--pageLayout-container-grid-template-column:repeat(3,minmax(0,1fr));", ""], i.down("xl")`
+}) => t === "V4_2" && e(["--pageLayout-container-grid-template-column:repeat(3,minmax(0,1fr));", ""], a.down("xl")`
         --pageLayout-container-grid-template-column: minmax(0, 1fr);
       `), ({
   $variant: t
-}) => t === "V5_1" && o(["--pageLayout-container-grid-template-column:360px 840px;position:relative;& .", "{position:absolute;left:50%;translate:-50% 0;width:100%;max-width:840px;}", " ", ""], s.centeredItem, i.only("xl")`
+}) => t === "V5_1" && e(["--pageLayout-container-grid-template-column:360px 840px;position:relative;& .", "{position:absolute;left:50%;translate:-50% 0;width:100%;max-width:840px;}", " ", ""], V.centeredItem, a.only("xl")`
         --pageLayout-container-grid-template-column: 360px minmax(0,1fr);
         & .layout__centeredItem {
           position: static;
           translate: 0 0;
           max-width: unset;
         } 
-      `, i.down("xl")`
+      `, a.down("xl")`
         --pageLayout-container-grid-template-column: 240px minmax(0,1fr);
         & .layout__centeredItem {
           position: static;
           translate: 0 0;
           max-width: unset;
         } 
-      `)), X = h(g).withConfig({
+      `)), T = g(p).withConfig({
   displayName: "Layoutstyles__LayoutGridItem"
-})(["overflow-x:hidden;height:100%;"]), A = (t, e) => {
-  const r = typeof e == "object";
+})(["overflow-x:hidden;height:100%;"]), D = (t, o) => {
+  const r = typeof o == "object";
   return {
-    root: `${t.root} ${r ? (e == null ? void 0 : e.root) ?? "" : e ?? ""}`.trim(),
-    header: `${t.header} ${r ? (e == null ? void 0 : e.header) ?? "" : ""}`.trim(),
-    main: `${t.main} ${r ? (e == null ? void 0 : e.main) ?? "" : ""}`.trim(),
-    item: `${t.item} ${r ? (e == null ? void 0 : e.item) ?? "" : ""}`.trim(),
-    centeredItem: `${t.centeredItem} ${r ? (e == null ? void 0 : e.centeredItem) ?? "" : ""}`.trim()
+    root: `${t.root} ${r ? (o == null ? void 0 : o.root) ?? "" : o ?? ""}`.trim(),
+    header: `${t.header} ${r ? (o == null ? void 0 : o.header) ?? "" : ""}`.trim(),
+    main: `${t.main} ${r ? (o == null ? void 0 : o.main) ?? "" : ""}`.trim(),
+    item: `${t.item} ${r ? (o == null ? void 0 : o.item) ?? "" : ""}`.trim(),
+    centeredItem: `${t.centeredItem} ${r ? (o == null ? void 0 : o.centeredItem) ?? "" : ""}`.trim()
   };
-}, P = ({
+}, E = ({
   variant: t = "V1_1",
-  headerSlot: e,
+  headerSlot: o,
   mainSlot: r,
-  customSpacing: x = {},
+  customSpacing: h = {},
   marginTop: m,
-  marginBottom: u,
-  paddingTop: d,
+  marginBottom: d,
+  paddingTop: u,
   paddingBottom: y,
-  marginLeft: a,
-  marginRight: f,
-  paddingLeft: V,
-  paddingRight: c,
-  classes: w,
-  ...b
+  marginLeft: i,
+  marginRight: x,
+  paddingLeft: w,
+  paddingRight: b,
+  classes: c,
+  ...I
 }) => {
-  const n = A(s, w), I = () => r ? /* @__PURE__ */ p.jsxDEV(G, { className: n.main, $variant: t, children: z.Children.map(r, (k, C) => {
-    const j = t === "V5_1" && C === 1 ? `${n.item} ${n.centeredItem}`.trim() : n.item;
-    return /* @__PURE__ */ p.jsxDEV(X, { className: j, children: k }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/layouts/Layout/Layout.tsx",
-      lineNumber: 44,
-      columnNumber: 13
-    }, void 0);
-  }) }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/layouts/Layout/Layout.tsx",
-    lineNumber: 35,
-    columnNumber: 7
-  }, void 0) : null;
-  return /* @__PURE__ */ p.jsxDEV(
-    D,
-    {
-      $variant: t,
-      $customSpacing: x,
-      $marginTop: m,
-      $marginBottom: u,
-      $paddingTop: d,
-      $paddingBottom: y,
-      $marginLeft: a,
-      $marginRight: f,
-      $paddingLeft: V,
-      $paddingRight: c,
-      className: n.root,
-      ...b,
-      children: [
-        e && /* @__PURE__ */ p.jsxDEV(H, { className: n.header, children: e }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/layouts/Layout/Layout.tsx",
-          lineNumber: 67,
-          columnNumber: 7
-        }, void 0),
-        I()
-      ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/layouts/Layout/Layout.tsx",
-      lineNumber: 52,
-      columnNumber: 5
-    },
-    void 0
-  );
+  const n = D(V, c), C = () => r ? /* @__PURE__ */ _(R, { className: n.main, $variant: t, children: X.Children.map(r, (z, H) => {
+    const j = t === "V5_1" && H === 1 ? `${n.item} ${n.centeredItem}`.trim() : n.item;
+    return /* @__PURE__ */ _(T, { className: j, children: z });
+  }) }) : null;
+  return /* @__PURE__ */ G(s, { $variant: t, $customSpacing: h, $marginTop: m, $marginBottom: d, $paddingTop: u, $paddingBottom: y, $marginLeft: i, $marginRight: x, $paddingLeft: w, $paddingRight: b, className: n.root, ...I, children: [
+    o && /* @__PURE__ */ _(A, { className: n.header, children: o }),
+    C()
+  ] });
 };
 export {
   l as LAYOUT_SPACING,
-  Y as LAYOUT_VARIANTS,
-  P as Layout,
-  s as LayoutDfClassNames
+  q as LAYOUT_VARIANTS,
+  E as Layout,
+  V as LayoutDfClassNames
 };

package/layouts/PageLayout/index.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../chunks/vendor-D8Dozc4m.cjs"),o=require("../../chunks/utils-C93a2mD7.cjs"),i=require("styled-components"),t=a=>typeof a=="number"?`${a}px`:a,g=i.div.withConfig({displayName:"PageLayoutstyled__StyledPageLayout"})(["--page-layout-padding-top:",";--page-layout-padding-inline:24px;--page-layout-padding-bottom:",";"," "," display:flex;max-width:1920px;margin-inline:auto;padding-top:var(--page-layout-padding-top);padding-inline:var(--page-layout-padding-inline);padding-bottom:var(--page-layout-padding-bottom);box-sizing:border-box;",""],({$paddingTop:a})=>a!==void 0?t(a):"var(--global-header-height, 72px)",({$paddingBottom:a})=>a!==void 0?t(a):"24px",({$paddingBottom:a})=>a===void 0&&o.media.up("l")("--page-layout-padding-bottom: 32px;"),o.media.up("l")`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),o=require("../../chunks/utils-DKi1rqLX.cjs"),i=require("styled-components"),e=t=>typeof t=="number"?`${t}px`:t,l=i.div.withConfig({displayName:"PageLayoutstyled__StyledPageLayout"})(["--page-layout-padding-top:",";--page-layout-padding-inline:24px;--page-layout-padding-bottom:",";"," "," display:flex;max-width:1920px;margin-inline:auto;padding-top:var(--page-layout-padding-top);padding-inline:var(--page-layout-padding-inline);padding-bottom:var(--page-layout-padding-bottom);box-sizing:border-box;",""],({$paddingTop:t})=>t!==void 0?e(t):"var(--global-header-height, 72px)",({$paddingBottom:t})=>t!==void 0?e(t):"24px",({$paddingBottom:t})=>t===void 0&&o.media.up("l")("--page-layout-padding-bottom: 32px;"),o.media.up("l")`
     --page-layout-padding-inline: 32px;
-  `,({$minHeight:a})=>{if(a!==void 0){const e=t(a);return e==="0px"||e==="0"||e==="auto"?"":i.css(["min-height:",";"],e)}return i.css(["min-height:100dvh;"])}),l=({paddingTop:a,paddingBottom:e,minHeight:d,children:n,className:p})=>u.jsxDevRuntimeExports.jsxDEV(g,{$paddingTop:a,$paddingBottom:e,$minHeight:d,className:p,children:n},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/layouts/PageLayout/PageLayout.tsx",lineNumber:13,columnNumber:1},void 0);exports.PageLayout=l;
+  `,({$minHeight:t})=>{if(t!==void 0){const a=e(t);return a==="0px"||a==="0"||a==="auto"?"":i.css(["min-height:",";"],a)}return i.css(["min-height:100dvh;"])}),u=({paddingTop:t,paddingBottom:a,minHeight:d,children:n,className:p})=>g.jsx(l,{$paddingTop:t,$paddingBottom:a,$minHeight:d,className:p,children:n});exports.PageLayout=u;

package/layouts/PageLayout/index.mjs

@@ -1,48 +1,31 @@
-import { j as g } from "../../chunks/vendor-BG4P-329.mjs";
-import { b as t } from "../../chunks/utils-BNelzuI-.mjs";
-import u, { css as e } from "styled-components";
-const o = (a) => typeof a == "number" ? `${a}px` : a, l = u.div.withConfig({
+import { jsx as g } from "react/jsx-runtime";
+import { b as i } from "../../chunks/utils-C5SQhoON.mjs";
+import l, { css as p } from "styled-components";
+const t = (a) => typeof a == "number" ? `${a}px` : a, r = l.div.withConfig({
   displayName: "PageLayoutstyled__StyledPageLayout"
 })(["--page-layout-padding-top:", ";--page-layout-padding-inline:24px;--page-layout-padding-bottom:", ";", " ", " display:flex;max-width:1920px;margin-inline:auto;padding-top:var(--page-layout-padding-top);padding-inline:var(--page-layout-padding-inline);padding-bottom:var(--page-layout-padding-bottom);box-sizing:border-box;", ""], ({
   $paddingTop: a
-}) => a !== void 0 ? o(a) : "var(--global-header-height, 72px)", ({
+}) => a !== void 0 ? t(a) : "var(--global-header-height, 72px)", ({
   $paddingBottom: a
-}) => a !== void 0 ? o(a) : "24px", ({
+}) => a !== void 0 ? t(a) : "24px", ({
   $paddingBottom: a
-}) => a === void 0 && t.up("l")("--page-layout-padding-bottom: 32px;"), t.up("l")`
+}) => a === void 0 && i.up("l")("--page-layout-padding-bottom: 32px;"), i.up("l")`
     --page-layout-padding-inline: 32px;
   `, ({
   $minHeight: a
 }) => {
   if (a !== void 0) {
-    const i = o(a);
-    return i === "0px" || i === "0" || i === "auto" ? "" : e(["min-height:", ";"], i);
+    const o = t(a);
+    return o === "0px" || o === "0" || o === "auto" ? "" : p(["min-height:", ";"], o);
   }
-  return e(["min-height:100dvh;"]);
-}), y = ({
+  return p(["min-height:100dvh;"]);
+}), s = ({
   paddingTop: a,
-  paddingBottom: i,
+  paddingBottom: o,
   minHeight: d,
-  children: p,
+  children: e,
   className: n
-}) => /* @__PURE__ */ g.jsxDEV(
-  l,
-  {
-    $paddingTop: a,
-    $paddingBottom: i,
-    $minHeight: d,
-    className: n,
-    children: p
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/layouts/PageLayout/PageLayout.tsx",
-    lineNumber: 13,
-    columnNumber: 1
-  },
-  void 0
-);
+}) => /* @__PURE__ */ g(r, { $paddingTop: a, $paddingBottom: o, $minHeight: d, className: n, children: e });
 export {
-  y as PageLayout
+  s as PageLayout
 };

package/mixins/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("../chunks/utils-C93a2mD7.cjs"),s=require("styled-components"),l=require("@salutejs/sdds-themes/tokens/sdds_finai"),L=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=T.getActiveTheme();return E[o][r]},S=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}=S(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}=S(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,T.media.exact(0,1279)(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("../chunks/utils-DKi1rqLX.cjs"),s=require("styled-components"),l=require("@salutejs/sdds-themes/tokens/sdds_finai"),L=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=T.getActiveTheme();return E[o][r]},S=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}=S(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}=S(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,T.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"},C=({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=C({});return G({...r})},H=({width:r,height:o,borderRadius:t,isThin:a,thumbColor:e,thumbColorHover:n,trackColor:i,trackColorHover:c,theme:d}={})=>{const u=C({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:()=>L.addFocus});Object.defineProperty(exports,"mediaQuery",{enumerable:!0,get:()=>L.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;

package/mixins/index.mjs

@@ -1,4 +1,4 @@
-import { g as G, b as S } from "../chunks/utils-BNelzuI-.mjs";
+import { g as G, b as S } from "../chunks/utils-C5SQhoON.mjs";
 import { css as l, keyframes as C } 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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@daisforge/ui",
-  "version": "1.12.1",
+  "version": "1.13.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.0.12",
-    "@salutejs/plasma-icons": "^1.243.0",
-    "@salutejs/plasma-typo": "^0.47.0",
-    "@salutejs/sdds-finai": "^0.349.0",
-    "@salutejs/sdds-themes": "^0.71.0",
+    "@glideappsfinal/glide-data-grid": "^6.1.8",
+    "@salutejs/plasma-icons": "^1.244.0",
+    "@salutejs/plasma-typo": "^0.48.0",
+    "@salutejs/sdds-finai": "^0.351.0",
+    "@salutejs/sdds-themes": "^0.73.0",
     "canvas-hypertxt": "^1.0.3",
     "lodash.clonedeep": "^4.5.0",
     "lodash.isequal": "^4.5.0",

package/shared/ui/Search/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/vendor-D8Dozc4m.cjs"),t=require("../../../components/Box/index.cjs"),r=require("@salutejs/sdds-themes/tokens/sdds_finai"),i=require("@salutejs/sdds-finai"),c=require("../../../components/TextField/index.cjs"),n=require("styled-components"),l=({icon:a,title:o="Ничего не нашлось",subTitle:s="Попробуйте изменить запрос"})=>e.jsxDevRuntimeExports.jsxDEV(t.Box,{$css:{display:"flex",flexDirection:"column",alignItems:"center"},children:[a&&e.jsxDevRuntimeExports.jsxDEV(t.Box,{$css:{marginBottom:"8px"},children:a},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/ui/Search/EmptySearchFallback.tsx",lineNumber:24,columnNumber:14},void 0),e.jsxDevRuntimeExports.jsxDEV(i.H3,{color:r.textPrimary,style:{marginBottom:"4px"},children:o},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/ui/Search/EmptySearchFallback.tsx",lineNumber:25,columnNumber:5},void 0),e.jsxDevRuntimeExports.jsxDEV(i.BodyM,{color:r.textSecondary,children:s},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/ui/Search/EmptySearchFallback.tsx",lineNumber:28,columnNumber:5},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/ui/Search/EmptySearchFallback.tsx",lineNumber:17,columnNumber:1},void 0),d=n(c.TextFieldSearch).withConfig({displayName:"styled__StyledSearchBlock"})(["&& .input-wrapper{padding-block:12px;padding-inline:10px;border-radius:8px;}"]),u=n(i.IconButton).withConfig({displayName:"styled__StyledClearBtn"})(["background-color:transparent;height:100%;width:24px !important;color:",";&:hover{background-color:transparent;color:",";}"],()=>r.textSecondary,()=>r.textSecondary);exports.EmptySearchFallback=l;exports.StyledClearBtn=u;exports.StyledSearchBlock=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../components/Box/index.cjs"),t=require("@salutejs/sdds-themes/tokens/sdds_finai"),r=require("@salutejs/sdds-finai"),a=require("../../../components/TextField/index.cjs"),l=require("styled-components"),d=({icon:o,title:c="Ничего не нашлось",subTitle:i="Попробуйте изменить запрос"})=>e.jsxs(n.Box,{$css:{display:"flex",flexDirection:"column",alignItems:"center"},children:[o&&e.jsx(n.Box,{$css:{marginBottom:"8px"},children:o}),e.jsx(r.H3,{color:t.textPrimary,style:{marginBottom:"4px"},children:c}),e.jsx(r.BodyM,{color:t.textSecondary,children:i})]}),s=l(a.TextFieldSearch).withConfig({displayName:"styled__StyledSearchBlock"})(["&& .input-wrapper{padding-block:12px;padding-inline:10px;border-radius:8px;}"]),x=l(r.IconButton).withConfig({displayName:"styled__StyledClearBtn"})(["background-color:transparent;height:100%;width:24px !important;color:",";&:hover{background-color:transparent;color:",";}"],()=>t.textSecondary,()=>t.textSecondary);exports.EmptySearchFallback=d;exports.StyledClearBtn=x;exports.StyledSearchBlock=s;

package/shared/ui/Search/index.mjs

@@ -1,54 +1,32 @@
-import { j as e } from "../../../chunks/vendor-BG4P-329.mjs";
-import { Box as a } from "../../../components/Box/index.mjs";
-import { textPrimary as n, textSecondary as r } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import { H3 as c, BodyM as s, IconButton as d } from "@salutejs/sdds-finai";
-import { TextFieldSearch as m } from "../../../components/TextField/index.mjs";
-import o from "styled-components";
-const y = ({
-  icon: i,
-  title: t = "Ничего не нашлось",
-  subTitle: l = "Попробуйте изменить запрос"
-}) => /* @__PURE__ */ e.jsxDEV(
-  a,
-  {
-    $css: {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center"
-    },
-    children: [
-      i && /* @__PURE__ */ e.jsxDEV(a, { $css: { marginBottom: "8px" }, children: i }, void 0, !1, {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/ui/Search/EmptySearchFallback.tsx",
-        lineNumber: 24,
-        columnNumber: 14
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV(c, { color: n, style: { marginBottom: "4px" }, children: t }, void 0, !1, {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/ui/Search/EmptySearchFallback.tsx",
-        lineNumber: 25,
-        columnNumber: 5
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV(s, { color: r, children: l }, void 0, !1, {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/ui/Search/EmptySearchFallback.tsx",
-        lineNumber: 28,
-        columnNumber: 5
-      }, void 0)
-    ]
-  },
-  void 0,
-  !0,
-  {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/ui/Search/EmptySearchFallback.tsx",
-    lineNumber: 17,
-    columnNumber: 1
-  },
-  void 0
-), b = o(m).withConfig({ displayName: "styled__StyledSearchBlock" })(["&& .input-wrapper{padding-block:12px;padding-inline:10px;border-radius:8px;}"]), S = o(d).withConfig({ displayName: "styled__StyledClearBtn" })(
-  ["background-color:transparent;height:100%;width:24px !important;color:", ";&:hover{background-color:transparent;color:", ";}"],
-  () => r,
-  () => r
-);
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { Box as e } from "../../../components/Box/index.mjs";
+import { textPrimary as c, textSecondary as o } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import { H3 as d, BodyM as p, IconButton as m } from "@salutejs/sdds-finai";
+import { TextFieldSearch as s } from "../../../components/TextField/index.mjs";
+import l from "styled-components";
+const S = ({
+  icon: t,
+  title: i = "Ничего не нашлось",
+  subTitle: n = "Попробуйте изменить запрос"
+}) => /* @__PURE__ */ a(e, { $css: {
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center"
+}, children: [
+  t && /* @__PURE__ */ r(e, { $css: {
+    marginBottom: "8px"
+  }, children: t }),
+  /* @__PURE__ */ r(d, { color: c, style: {
+    marginBottom: "4px"
+  }, children: i }),
+  /* @__PURE__ */ r(p, { color: o, children: n })
+] }), k = l(s).withConfig({
+  displayName: "styled__StyledSearchBlock"
+})(["&& .input-wrapper{padding-block:12px;padding-inline:10px;border-radius:8px;}"]), u = l(m).withConfig({
+  displayName: "styled__StyledClearBtn"
+})(["background-color:transparent;height:100%;width:24px !important;color:", ";&:hover{background-color:transparent;color:", ";}"], () => o, () => o);
 export {
-  y as EmptySearchFallback,
-  S as StyledClearBtn,
-  b as StyledSearchBlock
+  S as EmptySearchFallback,
+  u as StyledClearBtn,
+  k as StyledSearchBlock
 };

package/shared/utils/inputs/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../chunks/vendor-D8Dozc4m.cjs"),a=require("../../../constants/index.cjs"),d=require("@salutejs/sdds-finai"),c=require("@salutejs/plasma-icons"),l={xl:"m",l:"m",m:"m",s:"m",xs:"s"},m={s:"xs",m:"s"},x=({value:s,onClear:e,size:o="s"})=>{if(!s||!e)return;const i=l[o]??"m",n=m[i]??"s";return u.jsxDevRuntimeExports.jsxDEV(d.EmbedIconButton,{size:i,onClick:e,view:"secondary",children:u.jsxDevRuntimeExports.jsxDEV(c.IconClose,{size:n},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/utils/inputs/getClearIcon.tsx",lineNumber:38,columnNumber:7},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/utils/inputs/getClearIcon.tsx",lineNumber:37,columnNumber:5},void 0)},f=s=>{const e=s==="xs"?"xs":"s";return u.jsxDevRuntimeExports.jsxDEV(c.IconLockOutline,{size:e},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/utils/inputs/getLockIcon.tsx",lineNumber:6,columnNumber:10},void 0)},p=({disabled:s,readOnly:e,value:o,onClear:i,size:n,contentRight:t})=>{if(s)return f(n);if(e)return t;const r=x({value:o,onClear:i,size:n});return r&&t?u.jsxDevRuntimeExports.jsxDEV("div",{style:{display:"flex",gap:a.s.x4,alignItems:"center"},children:[r,t]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/shared/utils/inputs/getContentRight.tsx",lineNumber:49,columnNumber:7},void 0):r||t};exports.getContentRight=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("../../../constants/index.cjs"),a=require("@salutejs/sdds-finai"),u=require("@salutejs/plasma-icons"),d={xl:"m",l:"m",m:"m",s:"m",xs:"s"},m={s:"xs",m:"s"},x=({value:n,onClear:e,size:i="s"})=>{if(!n||!e)return;const s=d[i]??"m",t=m[s]??"s";return r.jsx(a.EmbedIconButton,{size:s,onClick:e,view:"secondary",children:r.jsx(u.IconClose,{size:t})})},I=n=>{const e=n==="xs"?"xs":"s";return r.jsx(u.IconLockOutline,{size:e})},f=({disabled:n,readOnly:e,value:i,onClear:s,size:t,contentRight:o})=>{if(n)return I(t);if(e)return o;const c=x({value:i,onClear:s,size:t});return c&&o?r.jsxs("div",{style:{display:"flex",gap:l.s.x4,alignItems:"center"},children:[c,o]}):c||o};exports.getContentRight=f;