@daisforge/ui 1.12.0 → 1.12.2

package/chunks/PageTitle-B0tuR3fU.mjs

@@ -0,0 +1,123 @@
+import { Breadcrumbs as C, IconButton as w } from "@salutejs/sdds-finai";
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { a as S } from "./AnalyticalWidget-CBi-2MtJ.mjs";
+import { IconChevronLeft as P } from "@salutejs/plasma-icons";
+import { textSecondary as $ } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import { d as R, s as z } from "./utils-C5SQhoON.mjs";
+import { forwardRef as I } from "react";
+import { s } from "../constants/index.mjs";
+import a from "styled-components";
+const o = "PageTitle__", i = {
+  root: `${o}root`,
+  breadcrumbs: `${o}breadcrumbs`,
+  content: `${o}content`,
+  leftBlock: `${o}left-block`,
+  titleBlock: `${o}title-block`,
+  title: `${o}title`,
+  subtitle: `${o}subtitle`,
+  titleSlot: `${o}title-slot`,
+  rightBlock: `${o}right-block`,
+  backIconButton: `${o}back-icon-block`
+}, j = a.div.attrs({
+  className: i.root
+}).withConfig({
+  displayName: "PageTitlestyled__StyledRoot"
+})(["width:100%;display:flex;flex-direction:column;gap:", ";"], () => s.x8), A = a.div.attrs({
+  className: i.breadcrumbs
+}).withConfig({
+  displayName: "PageTitlestyled__StyledBreadcrumbs"
+})([""]), L = a.div.attrs({
+  className: i.content
+}).withConfig({
+  displayName: "PageTitlestyled__StyledContent"
+})(["display:flex;justify-content:space-between;align-items:flex-start;gap:", ";"], () => s.x12), H = a.div.attrs({
+  className: i.leftBlock
+}).withConfig({
+  displayName: "PageTitlestyled__StyledLeftBlock"
+})(["display:flex;align-items:flex-start;gap:", ";flex:1;min-width:0;"], () => s.x8), E = a.div.attrs({
+  className: i.titleBlock
+}).withConfig({
+  displayName: "PageTitlestyled__StyledTitleBlock"
+})(["display:flex;flex-direction:column;gap:", ";flex-shrink:1;min-width:0;"], () => s.x2), W = a.div.attrs({
+  className: i.backIconButton
+}).withConfig({
+  displayName: "PageTitlestyled__StyledBackButtonContainer"
+})(["margin-top:", ";"], ({
+  $isAdaptive1280: t
+}) => t ? "1px" : "6px"), q = a.div.attrs({
+  className: i.title
+}).withConfig({
+  displayName: "PageTitlestyled__StyledTitle"
+})([""]), D = a.div.attrs({
+  className: i.subtitle
+}).withConfig({
+  displayName: "PageTitlestyled__StyledSubtitle"
+})([""]), F = a.div.attrs({
+  className: i.titleSlot
+}).withConfig({
+  displayName: "PageTitlestyled__StyledTitleSlot"
+})(["margin-top:3px;"]), G = a.div.attrs({
+  className: i.rightBlock
+}).withConfig({
+  displayName: "PageTitlestyled__StyledRightBlock"
+})(["display:flex;align-items:flex-end;flex-shrink:0;align-self:flex-end;"]), J = (t) => ({
+  buttonSize: t ? "xs" : "s"
+}), y = (t, e) => typeof t == "function" ? t(e) : t, K = ({
+  isAdaptive1280: t,
+  ...e
+}) => /* @__PURE__ */ l(W, { $isAdaptive1280: t, children: /* @__PURE__ */ l(w, { size: "xs", view: "secondary", className: i.backIconButton, pin: "circle-circle", ...e, children: /* @__PURE__ */ l(P, { size: "xs", color: "inherit" }) }) }), M = ({
+  breadcrumbs: t
+}) => {
+  if (!t)
+    return null;
+  const e = {
+    size: "m",
+    ...t
+  };
+  return /* @__PURE__ */ l(A, { children: /* @__PURE__ */ l(C, { ...e }) });
+}, O = ({
+  title: t,
+  titleTypographyProps: e
+}) => t ? /* @__PURE__ */ l(q, { children: /* @__PURE__ */ l(S, { variant: "H2", bold: !0, tooltipText: (e && "tooltipText" in e ? e.tooltipText : void 0) ?? t, ...e, children: t }) }) : null, Q = ({
+  subtitle: t,
+  subtitleTypographyProps: e
+}) => t ? /* @__PURE__ */ l(D, { children: /* @__PURE__ */ l(S, { variant: "BodyS", color: $, tooltipText: (e && "tooltipText" in e ? e.tooltipText : void 0) ?? t, ...e, children: t }) }) : null, U = I(({
+  title: t,
+  titleTypographyProps: e,
+  subtitle: c,
+  subtitleTypographyProps: p,
+  titleSlot: x,
+  rightSlot: h,
+  disableMediaAdaptive: u = !1,
+  breadcrumbs: d,
+  $css: T,
+  className: B,
+  showBackButton: k,
+  onBackClick: N,
+  ..._
+}, b) => {
+  const {
+    down: v
+  } = R(), r = !u && v("xl"), m = J(r), f = y(x, m), g = y(h, m);
+  return /* @__PURE__ */ n(j, { ref: b, $css: T, className: z(i.root, B), ..._, children: [
+    d && /* @__PURE__ */ l(M, { breadcrumbs: d }),
+    /* @__PURE__ */ n(L, { children: [
+      /* @__PURE__ */ n(H, { children: [
+        k && /* @__PURE__ */ l(K, { isAdaptive1280: r, onClick: N }),
+        (t || c) && /* @__PURE__ */ n(E, { children: [
+          /* @__PURE__ */ l(O, { title: t, titleTypographyProps: e }),
+          /* @__PURE__ */ l(Q, { subtitle: c, subtitleTypographyProps: p })
+        ] }),
+        f && /* @__PURE__ */ l(F, { children: f })
+      ] }),
+      g && /* @__PURE__ */ l(G, { children: g })
+    ] })
+  ] });
+});
+U.displayName = "PageTitle";
+export {
+  U as P,
+  J as g,
+  i as p,
+  y as r
+};

package/chunks/PageTitle-BC0PnHgQ.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("@salutejs/sdds-finai"),e=require("react/jsx-runtime"),f=require("./AnalyticalWidget-fBDe37Ur.cjs"),w=require("@salutejs/plasma-icons"),$=require("@salutejs/sdds-themes/tokens/sdds_finai"),m=require("./utils-DKi1rqLX.cjs"),q=require("react"),o=require("../constants/index.cjs"),n=require("styled-components"),s="PageTitle__",i={root:`${s}root`,breadcrumbs:`${s}breadcrumbs`,content:`${s}content`,leftBlock:`${s}left-block`,titleBlock:`${s}title-block`,title:`${s}title`,subtitle:`${s}subtitle`,titleSlot:`${s}title-slot`,rightBlock:`${s}right-block`,backIconButton:`${s}back-icon-block`},R=n.div.attrs({className:i.root}).withConfig({displayName:"PageTitlestyled__StyledRoot"})(["width:100%;display:flex;flex-direction:column;gap:",";"],()=>o.s.x8),z=n.div.attrs({className:i.breadcrumbs}).withConfig({displayName:"PageTitlestyled__StyledBreadcrumbs"})([""]),I=n.div.attrs({className:i.content}).withConfig({displayName:"PageTitlestyled__StyledContent"})(["display:flex;justify-content:space-between;align-items:flex-start;gap:",";"],()=>o.s.x12),A=n.div.attrs({className:i.leftBlock}).withConfig({displayName:"PageTitlestyled__StyledLeftBlock"})(["display:flex;align-items:flex-start;gap:",";flex:1;min-width:0;"],()=>o.s.x8),L=n.div.attrs({className:i.titleBlock}).withConfig({displayName:"PageTitlestyled__StyledTitleBlock"})(["display:flex;flex-direction:column;gap:",";flex-shrink:1;min-width:0;"],()=>o.s.x2),W=n.div.attrs({className:i.backIconButton}).withConfig({displayName:"PageTitlestyled__StyledBackButtonContainer"})(["margin-top:",";"],({$isAdaptive1280:t})=>t?"1px":"6px"),H=n.div.attrs({className:i.title}).withConfig({displayName:"PageTitlestyled__StyledTitle"})([""]),E=n.div.attrs({className:i.subtitle}).withConfig({displayName:"PageTitlestyled__StyledSubtitle"})([""]),F=n.div.attrs({className:i.titleSlot}).withConfig({displayName:"PageTitlestyled__StyledTitleSlot"})(["margin-top:3px;"]),D=n.div.attrs({className:i.rightBlock}).withConfig({displayName:"PageTitlestyled__StyledRightBlock"})(["display:flex;align-items:flex-end;flex-shrink:0;align-self:flex-end;"]),S=t=>({buttonSize:t?"xs":"s"}),a=(t,l)=>typeof t=="function"?t(l):t,G=({isAdaptive1280:t,...l})=>e.jsx(W,{$isAdaptive1280:t,children:e.jsx(u.IconButton,{size:"xs",view:"secondary",className:i.backIconButton,pin:"circle-circle",...l,children:e.jsx(w.IconChevronLeft,{size:"xs",color:"inherit"})})}),J=({breadcrumbs:t})=>{if(!t)return null;const l={size:"m",...t};return e.jsx(z,{children:e.jsx(u.Breadcrumbs,{...l})})},K=({title:t,titleTypographyProps:l})=>t?e.jsx(H,{children:e.jsx(f.TypographyWithAutoTooltip,{variant:"H2",bold:!0,tooltipText:(l&&"tooltipText"in l?l.tooltipText:void 0)??t,...l,children:t})}):null,M=({subtitle:t,subtitleTypographyProps:l})=>t?e.jsx(E,{children:e.jsx(f.TypographyWithAutoTooltip,{variant:"BodyS",color:$.textSecondary,tooltipText:(l&&"tooltipText"in l?l.tooltipText:void 0)??t,...l,children:t})}):null,T=q.forwardRef(({title:t,titleTypographyProps:l,subtitle:c,subtitleTypographyProps:h,titleSlot:p,rightSlot:B,disableMediaAdaptive:k=!1,breadcrumbs:d,$css:N,className:_,showBackButton:j,onBackClick:b,...C},v)=>{const{down:P}=m.useBreakpoint(),r=!k&&P("xl"),x=S(r),g=a(p,x),y=a(B,x);return e.jsxs(R,{ref:v,$css:N,className:m.mCls(i.root,_),...C,children:[d&&e.jsx(J,{breadcrumbs:d}),e.jsxs(I,{children:[e.jsxs(A,{children:[j&&e.jsx(G,{isAdaptive1280:r,onClick:b}),(t||c)&&e.jsxs(L,{children:[e.jsx(K,{title:t,titleTypographyProps:l}),e.jsx(M,{subtitle:c,subtitleTypographyProps:h})]}),g&&e.jsx(F,{children:g})]}),y&&e.jsx(D,{children:y})]})]})});T.displayName="PageTitle";exports.PageTitle=T;exports.getPageTitleSlotSizes=S;exports.pageTitleClassNames=i;exports.renderPageTitleSlot=a;

package/chunks/SplitView-C8de8YKV.mjs

@@ -0,0 +1,236 @@
+import { jsx as W, jsxs as H } from "react/jsx-runtime";
+import { t as G, e as V, w as J, b as y, d as K, s as Q, q as Y } from "./utils-C5SQhoON.mjs";
+import { useState as F, useEffect as $, useCallback as T, useRef as L, useMemo as X } from "react";
+import { ModalDF as Z } from "../components/ModalDF/index.mjs";
+import { s as E } from "../constants/index.mjs";
+import { surfaceSolidSecondary as R, outlineSolidSecondary as tt, outlineSolidSecondaryHover as N, surfaceSolidCard as et, shadowDownSoftS as it } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import rt from "styled-components";
+const nt = ({
+  children: e,
+  isFullScreened: t,
+  fullScreenedModalDFProps: i
+}) => {
+  if (!t)
+    return e;
+  const o = typeof (i == null ? void 0 : i.fullScreen) == "object" ? i.fullScreen : void 0;
+  return /* @__PURE__ */ W(Z, { opened: !0, closeOnOverlayClick: !1, ...i, fullScreen: {
+    ...o,
+    defaultEnabled: !0
+  }, children: e });
+}, ot = ({
+  sidebarIsClosed: e,
+  isResizingRef: t,
+  onTransitionEndExt: i
+}) => {
+  const [o, a] = F(() => e);
+  $(() => {
+    e && a(!0);
+  }, [e]);
+  const d = T((c) => {
+    i && i(c), !e && !t.current && o && a(!1);
+  }, [o, t, i, e]);
+  return {
+    isClosingOrClosedOrOpening: o,
+    onTransitionEnd: d
+  };
+}, u = "SplitView__", n = {
+  container: `${u}container`,
+  separator: `${u}separator`,
+  separatorButton: `${u}separator-button`,
+  mainBlock: `${u}main-block`,
+  sidebarBlock: `${u}sidebar-block`,
+  sidebarBlockIsResizing: `${u}sidebar-block-is-resizing`,
+  sidebarIsClosingOrClosedOrOpening: `${u}sidebar-is-closing-closed-opening`,
+  sidebarBlockFullScreenContentContainer: `${u}sidebar-block__full-screen-content-container`,
+  sidebarBlockInModal: `${u}sidebar-block-in-modal`
+}, M = 32, _ = 12, r = {
+  mainWidthVar: "--main-width",
+  separatorWidthVar: "--separator-width",
+  sidebarWidthVar: "--sidebar-width",
+  sidebarWidthInPxVar: "--sidebar-width-in-px",
+  gapBetweenBlocksDefaultWidth: M,
+  separatorButtonDefaultWidth: _,
+  separatorDefaultWidth: M + _,
+  // SIZES DEFAULT
+  sidebarWidths: {
+    minWidthPx: 600,
+    adaptive1280MinWidthPx: 440,
+    maxWidthPercent: 70,
+    defaultWidthPercent: 30
+  }
+}, j = (e, t) => e / 100 * t, at = (e, t) => e / t * 100, st = ({
+  setSizes: e,
+  isResizingRef: t,
+  containerRef: i,
+  sidebarMinWidthPx: o,
+  sidebarMaxWidthPercent: a,
+  onResize: d
+}) => {
+  const c = T(() => {
+    var s;
+    document.body.style.cursor = "col-resize", t.current = !0, (s = i.current) == null || s.classList.toggle(n.sidebarBlockIsResizing, !0);
+  }, [i, t]);
+  return $(() => {
+    const s = () => {
+      var l;
+      document.body.style.cursor = "auto", t.current = !1, (l = i.current) == null || l.classList.toggle(n.sidebarBlockIsResizing, !1);
+    }, w = G((l) => {
+      if (!t.current || !i.current)
+        return;
+      l.preventDefault();
+      const g = l.clientX, m = i.current.getBoundingClientRect(), p = m.width - r.separatorDefaultWidth, b = (m.right - g - r.separatorButtonDefaultWidth / 2) / p * 100, v = at(o, p), x = V(v, b, a), f = 100 - x, k = x * p / 100, B = f * p / 100, P = {
+        main: f,
+        mainPx: B,
+        sidebar: x,
+        sidebarPx: k
+      };
+      e(P), d == null || d(P);
+    }, 150);
+    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", s), () => {
+      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", s);
+    };
+  }, [i, t, d, e, a, o]), {
+    startResizing: c
+  };
+}, dt = ({
+  setSizes: e,
+  containerRef: t,
+  sidebarMinWidthPx: i,
+  sidebarMaxWidthPercent: o,
+  onResize: a
+}) => {
+  $(() => {
+    const c = J((h) => {
+      const l = h.contentRect.width - r.separatorDefaultWidth;
+      e((g) => {
+        const m = j(g.sidebar, l), C = j(o, l), p = V(i, m, C), b = {
+          ...g,
+          sidebarPx: p
+        };
+        return a == null || a(b), b;
+      });
+    }, 1e3), s = new ResizeObserver((h) => {
+      h.forEach(c);
+    });
+    return t.current && s.observe(t.current), () => {
+      s.disconnect();
+    };
+  }, [t, e, o, i]);
+}, S = {
+  spaceX4: () => E.x4,
+  spaceX16: () => E.x16
+}, ct = (e, t, i, o = r.sidebarWidths.minWidthPx) => {
+  const a = t ? {
+    ...e,
+    main: 100,
+    separator: `${i ?? 0}px`,
+    sidebar: 0
+  } : {
+    ...e,
+    separator: `${r.separatorDefaultWidth}px`
+  }, {
+    main: d,
+    sidebar: c,
+    sidebarPx: s,
+    separator: h
+  } = a;
+  return {
+    [r.mainWidthVar]: `${d}fr`,
+    [r.sidebarWidthVar]: c === 0 ? "minmax(0px, 0fr)" : `minmax(${o}px, ${c}fr)`,
+    [r.separatorWidthVar]: h,
+    ...s !== void 0 && {
+      [r.sidebarWidthInPxVar]: `${s}px`
+    }
+  };
+}, lt = `
+      border-top-right-radius: ${S.spaceX4};
+      border-bottom-right-radius: ${S.spaceX4};
+      `, pt = rt.div.attrs({
+  className: n.container
+}).withConfig({
+  displayName: "SplitViewstyled__StyledDiv"
+})(["*{box-sizing:border-box;}display:grid;position:relative;z-index:0;grid-template-columns:var(", ") var(", ") var(", ");transition:grid-template-columns 0.2s ease-in-out,margin-right 0.2s ease-in-out;flex-grow:1;& .", "{overflow-x:hidden;}& .", ",& .", "{--split-view-header-height:", ";--split-view-bottom-gap:var(--page-layout-padding-bottom,32px);", " position:sticky;top:var(--split-view-header-height);height:calc( 100vh - var(--split-view-header-height) - var(--split-view-bottom-gap) );overflow-x:hidden;}& .", "{align-self:start;z-index:1;& .", "{margin-left:", "px;position:relative;border:none;padding:0;width:", "px;height:100%;background-color:", ";border-radius:", " 0 0 ", ";&::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:", ";border-radius:95px;background-color:", ";}&:hover{&::before{background-color:", ";}}cursor:col-resize;text-indent:100%;white-space:nowrap;overflow:hidden;}}&.", "{& .", ":before{background-color:", ";}}.", "{z-index:0;align-self:start;background-color:", ";box-shadow:", ";", ";}.", " > *{width:var(", ");}", " ", ""], r.mainWidthVar, r.separatorWidthVar, r.sidebarWidthVar, n.mainBlock, n.separator, n.sidebarBlock, ({
+  $headerHeight: e
+}) => e !== void 0 ? `${e}px` : "var(--global-header-height, 72px)", y.down("l")`
+      --split-view-bottom-gap: var(--page-layout-padding-bottom, 24px);
+    `, n.separator, n.separatorButton, r.gapBetweenBlocksDefaultWidth, r.separatorDefaultWidth - r.gapBetweenBlocksDefaultWidth, () => R, S.spaceX4, S.spaceX4, S.spaceX16, () => tt, () => N, n.sidebarBlockIsResizing, n.separatorButton, () => N, n.sidebarBlock, () => et, () => it, y.up("xl")(lt), n.sidebarIsClosingOrClosedOrOpening, r.sidebarWidthInPxVar, ({
+  $insidePageLayout: e,
+  $sidebarIsClosed: t
+}) => e && (t ? "margin-right: 0;" : `
+    margin-right: calc(-1 * var(--page-layout-padding-inline, 32px));
+
+    ${y.down("l")`
+      margin-right: calc(-1 * var(--page-layout-padding-inline, 24px));
+    `}
+  `), ({
+  $css: e
+}) => e), ut = (e) => ({
+  avatarSize: e ? "m" : "l"
+}), ht = (e, t) => t ?? (e ? r.sidebarWidths.adaptive1280MinWidthPx : r.sidebarWidths.minWidthPx), mt = (e, t) => typeof e == "function" ? e(t) : e, Ct = ({
+  mainContent: e,
+  sidebar: t,
+  //
+  style: i,
+  refContainer: o,
+  $css: a,
+  onTransitionEnd: d,
+  onResize: c,
+  headerHeight: s,
+  insidePageLayout: h = !1,
+  disableMediaAdaptive: w = !1,
+  ...l
+}) => {
+  const g = L(!1), m = L(null), {
+    down: C
+  } = K(), p = !w && C("xl"), {
+    minWidthPx: b,
+    maxWidthPercent: v = r.sidebarWidths.maxWidthPercent,
+    defaultWidthPercent: D = r.sidebarWidths.defaultWidthPercent
+  } = t ?? {}, x = t == null ? void 0 : t.content, f = ht(p, b), k = X(() => ut(p), [p]), B = X(() => mt(x, k), [x, k]), [P, z] = F(() => {
+    const I = V(0, D, Math.min(v, 100));
+    return {
+      main: 100 - I,
+      sidebar: I
+    };
+  }), O = !(t != null && t.isOpened), {
+    startResizing: U
+  } = st({
+    setSizes: z,
+    containerRef: m,
+    isResizingRef: g,
+    sidebarMaxWidthPercent: v,
+    sidebarMinWidthPx: f,
+    onResize: c
+  });
+  dt({
+    setSizes: z,
+    containerRef: m,
+    sidebarMaxWidthPercent: v,
+    sidebarMinWidthPx: f,
+    onResize: c
+  });
+  const {
+    isClosingOrClosedOrOpening: q,
+    onTransitionEnd: A
+  } = ot({
+    sidebarIsClosed: O,
+    isResizingRef: g,
+    onTransitionEndExt: d
+  });
+  return /* @__PURE__ */ H(pt, { ref: Y(m, o), style: {
+    ...ct(P, O, t == null ? void 0 : t.paddingLeftOnClosed, f),
+    ...i
+  }, $css: a, $headerHeight: s, $insidePageLayout: h, $sidebarIsClosed: O, onTransitionEnd: A, ...l, children: [
+    /* @__PURE__ */ W("div", { className: n.mainBlock, children: e }),
+    /* @__PURE__ */ W("div", { className: n.separator, children: /* @__PURE__ */ W("button", { className: n.separatorButton, type: "button", onMouseDown: U, children: "Разделитель" }) }),
+    /* @__PURE__ */ W("div", { className: Q(n.sidebarBlock, q && n.sidebarIsClosingOrClosedOrOpening, (t == null ? void 0 : t.isFullScreened) && n.sidebarBlockInModal), children: /* @__PURE__ */ W(nt, { isFullScreened: t == null ? void 0 : t.isFullScreened, fullScreenedModalDFProps: t == null ? void 0 : t.fullScreenedModalDFProps, children: B }) })
+  ] });
+};
+export {
+  Ct as S,
+  r as a,
+  ut as b,
+  ht as g,
+  mt as r,
+  n as s
+};

package/chunks/SplitView-OUGciQ51.cjs

@@ -0,0 +1,12 @@
+"use strict";const W=require("react/jsx-runtime"),u=require("./utils-DKi1rqLX.cjs"),l=require("react"),H=require("../components/ModalDF/index.cjs"),L=require("../constants/index.cjs"),S=require("@salutejs/sdds-themes/tokens/sdds_finai"),U=require("styled-components"),A=({children:e,isFullScreened:t,fullScreenedModalDFProps:i})=>{if(!t)return e;const s=typeof(i==null?void 0:i.fullScreen)=="object"?i.fullScreen:void 0;return W.jsx(H.ModalDF,{opened:!0,closeOnOverlayClick:!1,...i,fullScreen:{...s,defaultEnabled:!0},children:e})},G=({sidebarIsClosed:e,isResizingRef:t,onTransitionEndExt:i})=>{const[s,o]=l.useState(()=>e);l.useEffect(()=>{e&&o(!0)},[e]);const d=l.useCallback(c=>{i&&i(c),!e&&!t.current&&s&&o(!1)},[s,t,i,e]);return{isClosingOrClosedOrOpening:s,onTransitionEnd:d}},m="SplitView__",r={container:`${m}container`,separator:`${m}separator`,separatorButton:`${m}separator-button`,mainBlock:`${m}main-block`,sidebarBlock:`${m}sidebar-block`,sidebarBlockIsResizing:`${m}sidebar-block-is-resizing`,sidebarIsClosingOrClosedOrOpening:`${m}sidebar-is-closing-closed-opening`,sidebarBlockFullScreenContentContainer:`${m}sidebar-block__full-screen-content-container`,sidebarBlockInModal:`${m}sidebar-block-in-modal`},j=32,E=12,n={mainWidthVar:"--main-width",separatorWidthVar:"--separator-width",sidebarWidthVar:"--sidebar-width",sidebarWidthInPxVar:"--sidebar-width-in-px",gapBetweenBlocksDefaultWidth:j,separatorButtonDefaultWidth:E,separatorDefaultWidth:j+E,sidebarWidths:{minWidthPx:600,adaptive1280MinWidthPx:440,maxWidthPercent:70,defaultWidthPercent:30}},M=(e,t)=>e/100*t,J=(e,t)=>e/t*100,K=({setSizes:e,isResizingRef:t,containerRef:i,sidebarMinWidthPx:s,sidebarMaxWidthPercent:o,onResize:d})=>{const c=l.useCallback(()=>{var a;document.body.style.cursor="col-resize",t.current=!0,(a=i.current)==null||a.classList.toggle(r.sidebarBlockIsResizing,!0)},[i,t]);return l.useEffect(()=>{const a=()=>{var p;document.body.style.cursor="auto",t.current=!1,(p=i.current)==null||p.classList.toggle(r.sidebarBlockIsResizing,!1)},g=p=>{if(!t.current||!i.current)return;p.preventDefault();const x=p.clientX,b=i.current.getBoundingClientRect(),h=b.width-n.separatorDefaultWidth,f=(b.right-x-n.separatorButtonDefaultWidth/2)/h*100,k=J(s,h),y=o,w=u.clamp(k,f,y),v=100-w,B=w*h/100,$=v*h/100,O={main:v,mainPx:$,sidebar:w,sidebarPx:B};e(O),d==null||d(O)},C=u.throttleWithLastCall(g,150);return window.addEventListener("mousemove",C),window.addEventListener("mouseup",a),()=>{window.removeEventListener("mousemove",C),window.removeEventListener("mouseup",a)}},[i,t,d,e,o,s]),{startResizing:c}},Q=({setSizes:e,containerRef:t,sidebarMinWidthPx:i,sidebarMaxWidthPercent:s,onResize:o})=>{l.useEffect(()=>{const d=g=>{const p=g.contentRect.width-n.separatorDefaultWidth;e(x=>{const b=M(x.sidebar,p),V=M(s,p),h=u.clamp(i,b,V),f={...x,sidebarPx:h};return o==null||o(f),f})},c=u.debounce(d,1e3),a=new ResizeObserver(g=>{g.forEach(c)});return t.current&&a.observe(t.current),()=>{a.disconnect()}},[t,e,s,i])},P={spaceX4:()=>L.s.x4,spaceX16:()=>L.s.x16},Y=(e,t,i,s=n.sidebarWidths.minWidthPx)=>{const o=t?{...e,main:100,separator:`${i??0}px`,sidebar:0}:{...e,separator:`${n.separatorDefaultWidth}px`},{main:d,sidebar:c,sidebarPx:a,separator:g}=o;return{[n.mainWidthVar]:`${d}fr`,[n.sidebarWidthVar]:c===0?"minmax(0px, 0fr)":`minmax(${s}px, ${c}fr)`,[n.separatorWidthVar]:g,...a!==void 0&&{[n.sidebarWidthInPxVar]:`${a}px`}}},Z=`
+      border-top-right-radius: ${P.spaceX4};
+      border-bottom-right-radius: ${P.spaceX4};
+      `,R=U.div.attrs({className:r.container}).withConfig({displayName:"SplitViewstyled__StyledDiv"})(["*{box-sizing:border-box;}display:grid;position:relative;z-index:0;grid-template-columns:var(",") var(",") var(",");transition:grid-template-columns 0.2s ease-in-out,margin-right 0.2s ease-in-out;flex-grow:1;& .","{overflow-x:hidden;}& .",",& .","{--split-view-header-height:",";--split-view-bottom-gap:var(--page-layout-padding-bottom,32px);"," position:sticky;top:var(--split-view-header-height);height:calc( 100vh - var(--split-view-header-height) - var(--split-view-bottom-gap) );overflow-x:hidden;}& .","{align-self:start;z-index:1;& .","{margin-left:","px;position:relative;border:none;padding:0;width:","px;height:100%;background-color:",";border-radius:"," 0 0 ",";&::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:",";border-radius:95px;background-color:",";}&:hover{&::before{background-color:",";}}cursor:col-resize;text-indent:100%;white-space:nowrap;overflow:hidden;}}&.","{& .",":before{background-color:",";}}.","{z-index:0;align-self:start;background-color:",";box-shadow:",";",";}."," > *{width:var(",");}"," ",""],n.mainWidthVar,n.separatorWidthVar,n.sidebarWidthVar,r.mainBlock,r.separator,r.sidebarBlock,({$headerHeight:e})=>e!==void 0?`${e}px`:"var(--global-header-height, 72px)",u.media.down("l")`
+      --split-view-bottom-gap: var(--page-layout-padding-bottom, 24px);
+    `,r.separator,r.separatorButton,n.gapBetweenBlocksDefaultWidth,n.separatorDefaultWidth-n.gapBetweenBlocksDefaultWidth,()=>S.surfaceSolidSecondary,P.spaceX4,P.spaceX4,P.spaceX16,()=>S.outlineSolidSecondary,()=>S.outlineSolidSecondaryHover,r.sidebarBlockIsResizing,r.separatorButton,()=>S.outlineSolidSecondaryHover,r.sidebarBlock,()=>S.surfaceSolidCard,()=>S.shadowDownSoftS,u.media.up("xl")(Z),r.sidebarIsClosingOrClosedOrOpening,n.sidebarWidthInPxVar,({$insidePageLayout:e,$sidebarIsClosed:t})=>e&&(t?"margin-right: 0;":`
+    margin-right: calc(-1 * var(--page-layout-padding-inline, 32px));
+
+    ${u.media.down("l")`
+      margin-right: calc(-1 * var(--page-layout-padding-inline, 24px));
+    `}
+  `),({$css:e})=>e),X=e=>({avatarSize:e?"m":"l"}),N=(e,t)=>t??(e?n.sidebarWidths.adaptive1280MinWidthPx:n.sidebarWidths.minWidthPx),q=(e,t)=>typeof e=="function"?e(t):e,tt=({mainContent:e,sidebar:t,style:i,refContainer:s,$css:o,onTransitionEnd:d,onResize:c,headerHeight:a,insidePageLayout:g=!1,disableMediaAdaptive:C=!1,...p})=>{const x=l.useRef(!1),b=l.useRef(null),{down:V}=u.useBreakpoint(),h=!C&&V("xl"),{minWidthPx:f,maxWidthPercent:k=n.sidebarWidths.maxWidthPercent,defaultWidthPercent:y=n.sidebarWidths.defaultWidthPercent}=t??{},w=t==null?void 0:t.content,v=N(h,f),B=l.useMemo(()=>X(h),[h]),$=l.useMemo(()=>q(w,B),[w,B]),[O,z]=l.useState(()=>{const I=u.clamp(0,y,Math.min(k,100));return{main:100-I,sidebar:I}}),D=!(t!=null&&t.isOpened),{startResizing:_}=K({setSizes:z,containerRef:b,isResizingRef:x,sidebarMaxWidthPercent:k,sidebarMinWidthPx:v,onResize:c});Q({setSizes:z,containerRef:b,sidebarMaxWidthPercent:k,sidebarMinWidthPx:v,onResize:c});const{isClosingOrClosedOrOpening:F,onTransitionEnd:T}=G({sidebarIsClosed:D,isResizingRef:x,onTransitionEndExt:d});return W.jsxs(R,{ref:u.mergeRefs(b,s),style:{...Y(O,D,t==null?void 0:t.paddingLeftOnClosed,v),...i},$css:o,$headerHeight:a,$insidePageLayout:g,$sidebarIsClosed:D,onTransitionEnd:T,...p,children:[W.jsx("div",{className:r.mainBlock,children:e}),W.jsx("div",{className:r.separator,children:W.jsx("button",{className:r.separatorButton,type:"button",onMouseDown:_,children:"Разделитель"})}),W.jsx("div",{className:u.mCls(r.sidebarBlock,F&&r.sidebarIsClosingOrClosedOrOpening,(t==null?void 0:t.isFullScreened)&&r.sidebarBlockInModal),children:W.jsx(A,{isFullScreened:t==null?void 0:t.isFullScreened,fullScreenedModalDFProps:t==null?void 0:t.fullScreenedModalDFProps,children:$})})]})};exports.SplitView=tt;exports.getSplitViewSidebarMinWidthPx=N;exports.getSplitViewSlotSizes=X;exports.renderSplitViewContent=q;exports.splitViewClassNames=r;exports.splitViewConstants=n;