@daisforge/ui 1.10.3

package/layouts/Layout/Layout.types.d.ts

@@ -0,0 +1,35 @@
+import { LAYOUT_VARIANTS } from './Layout.constants';
+import { HTMLAttributes, ReactNode } from 'react';
+
+export type LayoutVariant = keyof typeof LAYOUT_VARIANTS;
+export type LayoutSpacing = {
+    horizontal?: string;
+    vertical?: string | {
+        top?: string;
+        bottom?: string;
+    };
+    gutter?: string;
+    headerHeight?: string;
+};
+export type LayoutClasses = {
+    root?: string;
+    header?: string;
+    main?: string;
+    item?: string;
+    centeredItem?: string;
+};
+export type LayoutProps = {
+    variant?: LayoutVariant;
+    headerSlot?: ReactNode;
+    mainSlot?: ReactNode;
+    customSpacing?: LayoutSpacing;
+    marginTop?: string;
+    marginBottom?: string;
+    paddingTop?: string;
+    paddingBottom?: string;
+    marginLeft?: string;
+    marginRight?: string;
+    paddingLeft?: string;
+    paddingRight?: string;
+    classes?: string | LayoutClasses;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'className'>;

package/layouts/Layout/index.cjs

@@ -0,0 +1,31 @@
+"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-DN3rU1Iu.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")`
+        --pageLayout-container-grid-template-column: minmax(0, 1fr) 360px;
+      `,i.media.down("xl")`
+        --pageLayout-container-grid-template-column: minmax(0, 1fr) 360px;
+      `),({$variant:t})=>t==="V2_2"&&e.css(["--pageLayout-container-grid-template-column:minmax(0,1fr) 1282px;"," ",""],i.media.only("xl")`
+        --pageLayout-container-grid-template-column: 360px minmax(0, 1fr);
+      `,i.media.down("xl")`
+        --pageLayout-container-grid-template-column: 360px minmax(0, 1fr);
+      `),({$variant:t})=>t==="V3_1"&&e.css(["--pageLayout-container-grid-template-column:minmax(0,1fr) 360px;"]),({$variant:t})=>t==="V3_2"&&e.css(["--pageLayout-container-grid-template-column:360px minmax(0,1fr);"]),({$variant:t})=>t==="V3_3"&&e.css(["--pageLayout-container-grid-template-column:360px minmax(0,1fr) 360px;",""],i.media.down("xl")`
+        --pageLayout-container-grid-template-column: minmax(0, 1fr);
+      `),({$variant:t})=>t==="V4_1"&&e.css(["--pageLayout-container-grid-template-column:repeat(2,minmax(0,1fr));",""],i.media.down("xl")`
+        --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")`
+        --pageLayout-container-grid-template-column: 360px minmax(0,1fr);
+        & .layout__centeredItem {
+          position: static;
+          translate: 0 0;
+          max-width: unset;
+        } 
+      `,i.media.down("xl")`
+        --pageLayout-container-grid-template-column: 240px minmax(0,1fr);
+        & .layout__centeredItem {
+          position: static;
+          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;

package/layouts/Layout/index.d.ts

@@ -0,0 +1,4 @@
+export { Layout } from './Layout';
+export { cls as LayoutDfClassNames } from './Layout.classNames';
+export { LAYOUT_SPACING, LAYOUT_VARIANTS } from './Layout.constants';
+export * from './Layout.types';

package/layouts/Layout/index.mjs

@@ -0,0 +1,225 @@
+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-Ch8gMTzR.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 = {
+  root: "layout__root",
+  header: "layout__header",
+  main: "layout__main",
+  item: "layout__item",
+  centeredItem: "layout__centeredItem"
+}, Y = {
+  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: _,
+      bottom: v
+    },
+    gutter: L,
+    headerHeight: "auto"
+    // Ранее был фиксированной высотой 143px
+  },
+  L: {
+    horizontal: v,
+    vertical: {
+      top: _,
+      bottom: L
+    },
+    gutter: _,
+    headerHeight: "auto"
+    // Ранее был фиксированной высотой 143px
+  }
+  /* TODO: Добавить другие breakpoints (L, M, S) когда понадобится */
+}, D = h(g).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), ({
+  $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(`
+`);
+}, ({
+  $customSpacing: t
+}) => (t == null ? void 0 : t.gutter) && o(["--layout-gutter:", ";"], t.gutter), ({
+  $customSpacing: t
+}) => (t == null ? void 0 : t.headerHeight) && o(["--layout-header-height:", ";"], t.headerHeight), ({
+  $marginTop: t
+}) => t !== void 0 && o(["--layout-margin-top:", ";"], t), ({
+  $marginBottom: t
+}) => t !== void 0 && o(["--layout-margin-bottom:", ";"], t), ({
+  $marginLeft: t
+}) => t !== void 0 && o(["--layout-margin-left:", ";"], t), ({
+  $marginRight: t
+}) => t !== void 0 && o(["--layout-margin-right:", ";"], t), ({
+  $marginLeft: t
+}) => t !== void 0 && o(["margin-left:var(--layout-margin-left);"]), ({
+  $marginRight: t
+}) => t !== void 0 && o(["margin-right:var(--layout-margin-right);"]), ({
+  $paddingTop: t
+}) => t !== void 0 && o(["padding-top:", ";"], t), ({
+  $paddingBottom: t
+}) => t !== void 0 && o(["padding-bottom:", ";"], t), ({
+  $paddingLeft: t
+}) => t !== void 0 && o(["padding-left:", ";"], t), ({
+  $paddingRight: t
+}) => t !== void 0 && o(["padding-right:", ";"], t), ({
+  $customSpacing: t,
+  $marginTop: e,
+  $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;
+  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)
+    return "";
+  const f = a.join(`
+`);
+  return i.down("xl")(f);
+}), H = h(g).withConfig({
+  displayName: "Layoutstyles__LayoutHeader"
+})(["overflow:hidden;"]), G = h(g).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);"]), ({
+  $variant: t
+}) => t === "V2_1" && o(["--pageLayout-container-grid-template-column:1282px minmax(0,1fr);", " ", ""], i.only("xl")`
+        --pageLayout-container-grid-template-column: minmax(0, 1fr) 360px;
+      `, i.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")`
+        --pageLayout-container-grid-template-column: 360px minmax(0, 1fr);
+      `, i.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;"]), ({
+  $variant: t
+}) => t === "V3_2" && o(["--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")`
+        --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")`
+        --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")`
+        --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")`
+        --pageLayout-container-grid-template-column: 360px minmax(0,1fr);
+        & .layout__centeredItem {
+          position: static;
+          translate: 0 0;
+          max-width: unset;
+        } 
+      `, i.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({
+  displayName: "Layoutstyles__LayoutGridItem"
+})(["overflow-x:hidden;height:100%;"]), A = (t, e) => {
+  const r = typeof e == "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()
+  };
+}, P = ({
+  variant: t = "V1_1",
+  headerSlot: e,
+  mainSlot: r,
+  customSpacing: x = {},
+  marginTop: m,
+  marginBottom: u,
+  paddingTop: d,
+  paddingBottom: y,
+  marginLeft: a,
+  marginRight: f,
+  paddingLeft: V,
+  paddingRight: c,
+  classes: w,
+  ...b
+}) => {
+  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
+  );
+};
+export {
+  l as LAYOUT_SPACING,
+  Y as LAYOUT_VARIANTS,
+  P as Layout,
+  s as LayoutDfClassNames
+};

package/layouts/Layout/utils/mergeLayoutClasses.d.ts

@@ -0,0 +1,3 @@
+import { LayoutClasses } from '../Layout.types';
+
+export declare const mergeLayoutClasses: (defaultClasses: LayoutClasses, className?: string | LayoutClasses) => LayoutClasses;

package/layouts/PageLayout/PageLayout.d.ts

@@ -0,0 +1,3 @@
+import { PageLayoutProps } from './PageLayout.types';
+
+export declare const PageLayout: ({ paddingTop, paddingBottom, minHeight, children, className }: PageLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/layouts/PageLayout/PageLayout.styled.d.ts

@@ -0,0 +1,7 @@
+import { CSSValue } from './PageLayout.types';
+
+export declare const StyledPageLayout: import('styled-components').StyledComponent<"div", import('styled-components').DefaultTheme, {
+    $paddingTop?: CSSValue | undefined;
+    $paddingBottom?: CSSValue | undefined;
+    $minHeight?: CSSValue | undefined;
+}, never>;

package/layouts/PageLayout/PageLayout.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+export type CSSValue = string | number;
+export type PageLayoutProps = {
+    paddingTop?: CSSValue;
+    paddingBottom?: CSSValue;
+    minHeight?: CSSValue;
+    children: ReactNode;
+    className?: string;
+};

package/layouts/PageLayout/index.cjs

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../chunks/vendor-D8Dozc4m.cjs"),o=require("../../chunks/utils-DN3rU1Iu.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")`
+    --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;

package/layouts/PageLayout/index.d.ts

@@ -0,0 +1,2 @@
+export { PageLayout } from './PageLayout';
+export type { PageLayoutProps } from './PageLayout.types';

package/layouts/PageLayout/index.mjs

@@ -0,0 +1,48 @@
+import { j as g } from "../../chunks/vendor-BG4P-329.mjs";
+import { b as t } from "../../chunks/utils-Ch8gMTzR.mjs";
+import u, { css as e } from "styled-components";
+const o = (a) => typeof a == "number" ? `${a}px` : a, l = u.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)", ({
+  $paddingBottom: a
+}) => a !== void 0 ? o(a) : "24px", ({
+  $paddingBottom: a
+}) => a === void 0 && t.up("l")("--page-layout-padding-bottom: 32px;"), t.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);
+  }
+  return e(["min-height:100dvh;"]);
+}), y = ({
+  paddingTop: a,
+  paddingBottom: i,
+  minHeight: d,
+  children: p,
+  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
+);
+export {
+  y as PageLayout
+};

package/mixins/blockGradientScroll/constants.d.ts

@@ -0,0 +1,23 @@
+export declare const BLOCK_GRADIENT_SCROLL_CLASSNAME = "scroll-gradient";
+export declare const BLOCK_GRADIENT_SCROLL_TIMELINE = "--scroll-gradient-timeline";
+export declare const BLOCK_GRADIENT_SCROLL_ANIMATION = "scroll-gradient-animation";
+export declare const BLOCK_GRADIENT_SCROLL_HEIGHT = 100;
+export declare const BLOCK_GRADIENT_SCROLL_HEIGHT_MOBILE = 60;
+export declare const BLOCK_GRADIENT_VAR_TOP = "--block-gradient-top";
+export declare const BLOCK_GRADIENT_VAR_LEFT = "--block-gradient-left";
+export declare const BLOCK_GRADIENT_VAR_RIGHT = "--block-gradient-right";
+export declare const BLOCK_GRADIENT_VAR_BOTTOM = "--block-gradient-bottom";
+export declare const BlockGradientScrollColorMap: {
+    light: {
+        white: string;
+        gray: string;
+    };
+    dark: {
+        white: string;
+        gray: string;
+    };
+    highContrastLight: {
+        white: string;
+        gray: string;
+    };
+};

package/mixins/blockGradientScroll/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../index.cjs");exports.BLOCK_GRADIENT_SCROLL_CLASSNAME=_.BLOCK_GRADIENT_SCROLL_CLASSNAME;exports.BLOCK_GRADIENT_VAR_BOTTOM=_.BLOCK_GRADIENT_VAR_BOTTOM;exports.BLOCK_GRADIENT_VAR_LEFT=_.BLOCK_GRADIENT_VAR_LEFT;exports.BLOCK_GRADIENT_VAR_RIGHT=_.BLOCK_GRADIENT_VAR_RIGHT;exports.BLOCK_GRADIENT_VAR_TOP=_.BLOCK_GRADIENT_VAR_TOP;exports.BlockGradientScrollMixin=_.BlockGradientScrollMixin;

package/mixins/blockGradientScroll/index.d.ts

@@ -0,0 +1,3 @@
+export { BLOCK_GRADIENT_SCROLL_CLASSNAME, BLOCK_GRADIENT_VAR_BOTTOM, BLOCK_GRADIENT_VAR_LEFT, BLOCK_GRADIENT_VAR_RIGHT, BLOCK_GRADIENT_VAR_TOP } from './constants';
+export { BlockGradientScrollMixin } from './mixin';
+export { type BlockGradientScrollOptions, type BlockGradientScrollPadding, type BlockGradientScrollVariant } from './types';

package/mixins/blockGradientScroll/index.mjs

@@ -0,0 +1,9 @@
+import { BLOCK_GRADIENT_SCROLL_CLASSNAME as R, BLOCK_GRADIENT_VAR_BOTTOM as T, BLOCK_GRADIENT_VAR_LEFT as L, BLOCK_GRADIENT_VAR_RIGHT as O, BLOCK_GRADIENT_VAR_TOP as B, BlockGradientScrollMixin as C } from "../index.mjs";
+export {
+  R as BLOCK_GRADIENT_SCROLL_CLASSNAME,
+  T as BLOCK_GRADIENT_VAR_BOTTOM,
+  L as BLOCK_GRADIENT_VAR_LEFT,
+  O as BLOCK_GRADIENT_VAR_RIGHT,
+  B as BLOCK_GRADIENT_VAR_TOP,
+  C as BlockGradientScrollMixin
+};

package/mixins/blockGradientScroll/mixin.d.ts

@@ -0,0 +1,6 @@
+import { BlockGradientScrollOptions, BlockGradientScrollPadding, BlockGradientScrollVariant } from './types';
+
+export declare const blockGradientScrollContainerStyles: (padding: BlockGradientScrollPadding | undefined) => import('styled-components').FlattenSimpleInterpolation;
+export declare const blockGradientScrollAfterStyles: (padding: BlockGradientScrollPadding | undefined, variant: BlockGradientScrollVariant) => import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<import('styled-components').DefaultTheme>>;
+export declare const blockGradientScrollKeyframes: import('styled-components').FlattenSimpleInterpolation;
+export declare const BlockGradientScrollMixin: (options: BlockGradientScrollOptions) => import('styled-components').FlattenInterpolation<import('styled-components').ThemeProps<import('styled-components').DefaultTheme>>;

package/mixins/blockGradientScroll/types.d.ts

@@ -0,0 +1,18 @@
+export type BlockGradientScrollResolvedPadding = {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+};
+export type BlockGradientScrollPadding = number | {
+    top?: number;
+    inline?: number;
+    left?: number;
+    right?: number;
+    bottom?: number;
+};
+export type BlockGradientScrollVariant = 'white' | 'gray';
+export type BlockGradientScrollOptions = {
+    padding?: BlockGradientScrollPadding;
+    variant?: BlockGradientScrollVariant;
+};

package/mixins/blockGradientScroll/utils.d.ts

@@ -0,0 +1,4 @@
+import { BlockGradientScrollPadding, BlockGradientScrollResolvedPadding, BlockGradientScrollVariant } from './types';
+
+export declare const getGradientColor: (variant: BlockGradientScrollVariant) => string;
+export declare const getResolvedPadding: (padding?: BlockGradientScrollPadding) => BlockGradientScrollResolvedPadding;

package/mixins/index.cjs

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("../chunks/utils-DN3rU1Iu.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.d.ts

@@ -0,0 +1,4 @@
+export * from './blockGradientScroll';
+export * from './scrollbar';
+export * from './tourPulse';
+export { addFocus, mediaQuery } from '@salutejs/sdds-finai';