@daisforge/ui 1.12.0 → 1.12.2

package/components/ModalDF/index.mjs

@@ -1,13 +1,13 @@
-import { IconButton as N, Divider as _, Dropdown as S, Badge as I, Overlay as z, PopupProvider as H, Modal as O } from "@salutejs/sdds-finai";
-import { j as o } from "../../chunks/vendor-BG4P-329.mjs";
-import { IconArrowLeft as T, IconDotsVerticalCenteredOutline as X, IconFullscreenOff as E, IconFullscreenOn as P, IconClose as L } from "@salutejs/plasma-icons";
-import { s as u, breakP as R, br as A } from "../../constants/index.mjs";
-import l, { css as b } from "styled-components";
-import { C as Y } from "../../chunks/Container-D8RdjkGo.mjs";
-import { textPrimary as $, h4Bold as W, textSecondary as U, bodyS as v, surfaceSolidCard as F, shadowUpSoftL as q } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import { Box as f } from "../Box/index.mjs";
-import { createContext as D, useContext as x, useState as G, useEffect as J, useCallback as K, forwardRef as Q } from "react";
-const i = {
+import { IconButton as p, Divider as z, Dropdown as O, Badge as T, Overlay as X, PopupProvider as P, Modal as L } from "@salutejs/sdds-finai";
+import { jsx as i, jsxs as h, Fragment as A } from "react/jsx-runtime";
+import { IconArrowLeft as R, IconDotsVerticalCenteredOutline as j, IconFullscreenOff as H, IconFullscreenOn as Y, IconClose as V } from "@salutejs/plasma-icons";
+import { s as m, breakP as $, br as W } from "../../constants/index.mjs";
+import d, { css as b } from "styled-components";
+import { C as U } from "../../chunks/Container-CV4sT-bB.mjs";
+import { textPrimary as q, h4Bold as G, textSecondary as J, bodyS as D, surfaceSolidCard as w, shadowUpSoftL as K } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import { Box as u } from "../Box/index.mjs";
+import { createContext as C, useContext as F, useState as Q, useEffect as Z, useCallback as E, forwardRef as ee } from "react";
+const t = {
   cardWrapper: "modalDF_card-wrapper",
   container: "modalDF_container",
   root: "modalDF_root",
@@ -25,421 +25,209 @@ const i = {
   mainFooterLeft: "modalDF_footer-left",
   mainFooterRight: "modalDF_footer-right",
   content: "modalDF_content"
-}, y = ({
+}, _ = ({
   iconSize: e,
-  ...n
-}) => /* @__PURE__ */ o.jsxDEV(
-  N,
-  {
-    view: "secondary",
-    size: "xs",
-    pin: "circle-circle",
-    className: i.backIconButton,
-    ...n,
-    children: /* @__PURE__ */ o.jsxDEV(
-      T,
-      {
-        size: "xs",
-        ...n.size === "s" && { size: n.size },
-        ...e && { size: e }
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/BackIconButton.tsx",
-        lineNumber: 19,
-        columnNumber: 5
-      },
-      void 0
-    )
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/BackIconButton.tsx",
-    lineNumber: 12,
-    columnNumber: 1
-  },
-  void 0
-), Z = {
-  spaceX4: () => u.x4
-}, w = l(_).attrs({
+  ...o
+}) => /* @__PURE__ */ i(p, { view: "secondary", size: "xs", pin: "circle-circle", className: t.backIconButton, ...o, children: /* @__PURE__ */ i(R, { size: "xs", ...o.size === "s" && {
+  size: o.size
+}, ...e && {
+  size: e
+} }) }), te = {
+  spaceX4: () => m.x4
+}, B = d(z).attrs({
   length: "16px",
   orientation: "vertical"
-}).withConfig({ displayName: "Divider" })(
-  ["margin-inline:", ";"],
-  Z.spaceX4
-), ee = ({
+}).withConfig({
+  displayName: "Divider"
+})(["margin-inline:", ";"], te.spaceX4), oe = ({
   dropdownProps: e,
-  iconSize: n,
-  ...s
+  iconSize: o,
+  ...a
 }) => {
-  const t = /* @__PURE__ */ o.jsxDEV(N, { view: "secondary", size: "xs", ...s, children: /* @__PURE__ */ o.jsxDEV(
-    X,
-    {
-      size: "xs",
-      ...s.size === "s" && { size: s.size },
-      ...n && { size: n }
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/DotsIconButton.tsx",
-      lineNumber: 15,
-      columnNumber: 7
-    },
-    void 0
-  ) }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/DotsIconButton.tsx",
-    lineNumber: 14,
-    columnNumber: 3
-  }, void 0);
-  return e ? /* @__PURE__ */ o.jsxDEV(S, { ...e, children: t }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/DotsIconButton.tsx",
-    lineNumber: 27,
-    columnNumber: 10
-  }, void 0) : t;
-}, a = {
-  spaceX: () => u.x8,
-  spaceY: () => u.x8,
-  spaceX24: () => u.x24,
-  spaceX8: () => u.x8,
-  spaceX1: () => u.x1,
-  spaceX12: () => u.x12,
-  borderRadius: () => A.m,
-  bg: () => F
-}, ie = l(Y).attrs({
-  className: i.root
+  const n = /* @__PURE__ */ i(p, { view: "secondary", size: "xs", ...a, children: /* @__PURE__ */ i(j, { size: "xs", ...a.size === "s" && {
+    size: a.size
+  }, ...o && {
+    size: o
+  } }) });
+  return e ? /* @__PURE__ */ i(O, { ...e, children: n }) : n;
+}, s = {
+  spaceX: () => m.x8,
+  spaceY: () => m.x8,
+  spaceX24: () => m.x24,
+  spaceX8: () => m.x8,
+  spaceX1: () => m.x1,
+  spaceX12: () => m.x12,
+  borderRadius: () => W.m,
+  bg: () => w
+}, ie = d(U).attrs({
+  className: t.root
 }).withConfig({
   displayName: "styled__StyledContainer"
-})(["&,& *{box-sizing:border-box;}&{view-transition-name:", ";display:grid;min-width:400px;max-width:calc(", "px - 32px);max-height:calc(100vh - 32px);position:relative;background:", ";box-shadow:", ";border-radius:", ";", " & > div:not(.", "):not(.", "){max-height:inherit;}&:not(:has(.", ")){.", "{margin-left:", ";}}", "}"], i.root, R.xl - 32, a.bg, () => q, a.borderRadius, () => v, i.left, i.main, i.left, i.main, a.spaceX, ({
+})(["&,& *{box-sizing:border-box;}&{view-transition-name:", ";display:grid;min-width:400px;max-width:calc(", "px - 32px);max-height:calc(100vh - 32px);position:relative;background:", ";box-shadow:", ";border-radius:", ";", " & > div:not(.", "):not(.", "){max-height:inherit;}&:not(:has(.", ")){.", "{margin-left:", ";}}", "}"], t.root, $.xl - 32, s.bg, () => K, s.borderRadius, () => D, t.left, t.main, t.left, t.main, s.spaceX, ({
   $fullScreened: e
-}) => e && b(["width:calc(100vw - 32px);height:calc(100vh - 32px);"])), M = b(["overflow:hidden;margin-block:", ";max-height:calc(100% - ", " - ", ");&:not(:has(.", ")){overflow-y:scroll;& .", "{position:sticky;background-color:", ";top:0px;}}"], a.spaceY, a.spaceY, a.spaceY, i.content, i.header, a.bg), oe = l(f).attrs({
-  className: i.left
+}) => e && b(["width:calc(100vw - 32px);height:calc(100vh - 32px);"])), k = b(["overflow:hidden;margin-block:", ";max-height:calc(100% - ", " - ", ");&:not(:has(.", ")){overflow-y:scroll;& .", "{position:sticky;background-color:", ";top:0px;}}"], s.spaceY, s.spaceY, s.spaceY, t.content, t.header, s.bg), ae = d(u).attrs({
+  className: t.left
 }).withConfig({
   displayName: "styled__StyledLeft"
-})(["&.", "{margin-left:", ";", " display:flex;flex-direction:column;& .", "{& .", "{display:none;}}& .", "{}}"], i.left, a.spaceX, M, i.header, i.serviceButtons, i.content), ne = l(f).attrs({
-  className: i.main
+})(["&.", "{margin-left:", ";", " display:flex;flex-direction:column;& .", "{& .", "{display:none;}}& .", "{}}"], t.left, s.spaceX, k, t.header, t.serviceButtons, t.content), ne = d(u).attrs({
+  className: t.main
 }).withConfig({
   displayName: "styled__StyledMain"
-})(["&.", "{margin-right:", ";", " height:100%;display:flex;flex-direction:column;}"], i.main, a.spaceX, M), se = l(f).attrs({
-  className: i.header
+})(["&.", "{margin-right:", ";", " height:100%;display:flex;flex-direction:column;}"], t.main, s.spaceX, k), se = d(u).attrs({
+  className: t.header
 }).withConfig({
   displayName: "styled__StyledHeader"
-})(["&.", "{flex-shrink:0;height:fit-content;min-height:", ";padding-bottom:", ";display:flex;justify-content:space-between;align-items:center;column-gap:", ";& .", "{display:flex;gap:", ";align-content:flex-start;}& .", "{display:flex;flex-direction:column;row-gap:", ";& .", "{padding:0px;margin:0px;color:", ";", ";}& .", "{padding:0px;margin:0px;color:", ";", ";}}& .", "{flex-shrink:0;}& .", "{display:flex;height:fit-content;align-items:center;margin-bottom:auto;}}"], i.header, a.spaceX24, a.spaceY, a.spaceX12, i.headerTitlesContainer, a.spaceX8, i.headerTitlesBox, a.spaceX1, i.headerTitle, () => $, () => W, i.headerSubTitle, () => U, () => v, i.backIconButton, i.headerRightBlock), te = l(f).attrs({
-  className: i.content
+})(["&.", "{flex-shrink:0;height:fit-content;min-height:", ";padding-bottom:", ";display:flex;justify-content:space-between;align-items:center;column-gap:", ";& .", "{display:flex;gap:", ";align-content:flex-start;}& .", "{display:flex;flex-direction:column;row-gap:", ";& .", "{padding:0px;margin:0px;color:", ";", ";}& .", "{padding:0px;margin:0px;color:", ";", ";}}& .", "{flex-shrink:0;}& .", "{display:flex;height:fit-content;align-items:center;margin-bottom:auto;}}"], t.header, s.spaceX24, s.spaceY, s.spaceX12, t.headerTitlesContainer, s.spaceX8, t.headerTitlesBox, s.spaceX1, t.headerTitle, () => q, () => G, t.headerSubTitle, () => J, () => D, t.backIconButton, t.headerRightBlock), le = d(u).attrs({
+  className: t.content
 }).withConfig({
   displayName: "styled__StyledContent"
-})(["&{flex-grow:1;overflow-y:auto;overflow-x:hidden;}"]), ae = l(f).attrs({
-  className: i.footer
+})(["&{flex-grow:1;overflow-y:auto;overflow-x:hidden;}"]), re = d(u).attrs({
+  className: t.footer
 }).withConfig({
   displayName: "styled__StyledMainFooter"
-})(["&.", "{flex-shrink:0;height:fit-content;padding-top:", ";display:flex;justify-content:space-between;}"], i.footer, a.spaceX);
-function re({ leftBlock: e, rightBlock: n, ...s }) {
-  return /* @__PURE__ */ o.jsxDEV(ae, { ...s, children: [
-    /* @__PURE__ */ o.jsxDEV("div", { className: i.mainFooterLeft, children: e }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Footer.tsx",
-      lineNumber: 8,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ o.jsxDEV("div", { className: i.mainFooterRight, children: n }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Footer.tsx",
-      lineNumber: 9,
-      columnNumber: 7
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Footer.tsx",
-    lineNumber: 7,
-    columnNumber: 5
-  }, this);
+})(["&.", "{flex-shrink:0;height:fit-content;padding-top:", ";display:flex;justify-content:space-between;}"], t.footer, s.spaceX);
+function ce({
+  leftBlock: e,
+  rightBlock: o,
+  ...a
+}) {
+  return /* @__PURE__ */ h(re, { ...a, children: [
+    /* @__PURE__ */ i("div", { className: t.mainFooterLeft, children: e }),
+    /* @__PURE__ */ i("div", { className: t.mainFooterRight, children: o })
+  ] });
 }
-const C = D(!1), j = D(null), B = D(null), de = ({
+const N = C(!1), M = C(null), S = C(null), de = ({
   children: e,
-  fullScreened: n,
-  toggleFullScreen: s,
-  onClose: t
-}) => /* @__PURE__ */ o.jsxDEV(B.Provider, { value: t ?? null, children: /* @__PURE__ */ o.jsxDEV(C.Provider, { value: n, children: /* @__PURE__ */ o.jsxDEV(j.Provider, { value: s, children: e }, void 0, !1, {
-  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/ctxs.tsx",
-  lineNumber: 22,
-  columnNumber: 7
-}, void 0) }, void 0, !1, {
-  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/ctxs.tsx",
-  lineNumber: 21,
-  columnNumber: 5
-}, void 0) }, void 0, !1, {
-  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/ctxs.tsx",
-  lineNumber: 19,
-  columnNumber: 1
-}, void 0), ce = l(f).attrs({
-  className: i.serviceButtons
-}).withConfig({ displayName: "ServiceButtons__StyledServiceButtons" })(
-  ["display:inline-flex;column-gap:", ";background-color:", ";"],
-  u.x2,
-  ({ hasBackground: e }) => e ? F : "transparent"
-), V = ({
+  fullScreened: o,
+  toggleFullScreen: a,
+  onClose: n
+}) => /* @__PURE__ */ i(S.Provider, { value: n ?? null, children: /* @__PURE__ */ i(N.Provider, { value: o, children: /* @__PURE__ */ i(M.Provider, { value: a, children: e }) }) }), he = d(u).attrs({
+  className: t.serviceButtons
+}).withConfig({
+  displayName: "ServiceButtons__StyledServiceButtons"
+})(["display:inline-flex;column-gap:", ";background-color:", ";"], m.x2, ({
+  hasBackground: e
+}) => e ? w : "transparent"), I = ({
   hasBackground: e = !0,
-  ...n
+  ...o
 }) => {
-  const s = x(C), t = x(j), r = x(B), d = s !== null, c = s ? E : P;
-  return /* @__PURE__ */ o.jsxDEV(ce, { hasBackground: e, ...n, children: [
-    d && /* @__PURE__ */ o.jsxDEV(
-      N,
-      {
-        onClick: t ?? void 0,
-        size: "xs",
-        view: "secondary",
-        pin: "circle-circle",
-        title: s ? "Выйти из полноэкранного режима" : "На весь экран",
-        children: /* @__PURE__ */ o.jsxDEV(c, { size: "xs" }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/ServiceButtons.tsx",
-          lineNumber: 49,
-          columnNumber: 11
-        }, void 0)
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/ServiceButtons.tsx",
-        lineNumber: 40,
-        columnNumber: 7
-      },
-      void 0
-    ),
-    /* @__PURE__ */ o.jsxDEV(
-      N,
-      {
-        onClick: r ?? void 0,
-        size: "xs",
-        view: "secondary",
-        pin: "circle-circle",
-        title: "Закрыть",
-        children: /* @__PURE__ */ o.jsxDEV(L, { size: "xs" }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/ServiceButtons.tsx",
-          lineNumber: 59,
-          columnNumber: 9
-        }, void 0)
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/ServiceButtons.tsx",
-        lineNumber: 52,
-        columnNumber: 7
-      },
-      void 0
-    )
-  ] }, void 0, !0, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/ServiceButtons.tsx",
-    lineNumber: 38,
-    columnNumber: 5
-  }, void 0);
-}, le = l(I).attrs({
+  const a = F(N), n = F(M), l = F(S);
+  return /* @__PURE__ */ h(he, { hasBackground: e, ...o, children: [
+    a !== null && /* @__PURE__ */ i(p, { onClick: n ?? void 0, size: "xs", view: "secondary", pin: "circle-circle", title: a ? "Выйти из полноэкранного режима" : "На весь экран", children: /* @__PURE__ */ i(a ? H : Y, { size: "xs" }) }),
+    /* @__PURE__ */ i(p, { onClick: l ?? void 0, size: "xs", view: "secondary", pin: "circle-circle", title: "Закрыть", children: /* @__PURE__ */ i(V, { size: "xs" }) })
+  ] });
+}, me = d(T).attrs({
   view: "light"
-}).withConfig({ displayName: "Header__StyledBadge" })([""]);
-function ue({
+}).withConfig({
+  displayName: "Header__StyledBadge"
+})([""]);
+function fe({
   title: e,
-  badge: n,
-  subTitle: s,
-  rightBlock: t,
-  onBackClick: r,
-  showServiceButtons: d = !0,
+  badge: o,
+  subTitle: a,
+  rightBlock: n,
+  onBackClick: l,
+  showServiceButtons: r = !0,
   showBackButton: c = !1,
-  ...m
+  ...f
 }) {
-  return /* @__PURE__ */ o.jsxDEV(se, { ...m, children: [
-    /* @__PURE__ */ o.jsxDEV("div", { className: i.headerTitlesContainer, children: [
-      c && /* @__PURE__ */ o.jsxDEV(y, { onClick: r }, void 0, !1, {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Header.tsx",
-        lineNumber: 31,
-        columnNumber: 28
-      }, this),
-      /* @__PURE__ */ o.jsxDEV("div", { className: i.headerTitlesBox, children: [
-        e && /* @__PURE__ */ o.jsxDEV("h3", { className: i.headerTitle, children: [
+  return /* @__PURE__ */ h(se, { ...f, children: [
+    /* @__PURE__ */ h("div", { className: t.headerTitlesContainer, children: [
+      c && /* @__PURE__ */ i(_, { onClick: l }),
+      /* @__PURE__ */ h("div", { className: t.headerTitlesBox, children: [
+        e && /* @__PURE__ */ h("h3", { className: t.headerTitle, children: [
           e,
-          n && /* @__PURE__ */ o.jsxDEV(o.Fragment, { children: [
+          o && /* @__PURE__ */ h(A, { children: [
             "  ",
-            /* @__PURE__ */ o.jsxDEV(le, { view: "light", ...n }, void 0, !1, {
-              fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Header.tsx",
-              lineNumber: 39,
-              columnNumber: 19
-            }, this)
-          ] }, void 0, !0, {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Header.tsx",
-            lineNumber: 37,
-            columnNumber: 13
-          }, this)
-        ] }, void 0, !0, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Header.tsx",
-          lineNumber: 34,
-          columnNumber: 11
-        }, this),
-        s && /* @__PURE__ */ o.jsxDEV("p", { className: i.headerSubTitle, children: s }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Header.tsx",
-          lineNumber: 44,
-          columnNumber: 24
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Header.tsx",
-        lineNumber: 32,
-        columnNumber: 9
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Header.tsx",
-      lineNumber: 30,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ o.jsxDEV("div", { className: i.headerRightBlock, children: [
-      t,
-      t && /* @__PURE__ */ o.jsxDEV(w, {}, void 0, !1, {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Header.tsx",
-        lineNumber: 50,
-        columnNumber: 24
-      }, this),
-      d && /* @__PURE__ */ o.jsxDEV(V, {}, void 0, !1, {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Header.tsx",
-        lineNumber: 51,
-        columnNumber: 32
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Header.tsx",
-      lineNumber: 47,
-      columnNumber: 7
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/components/Header.tsx",
-    lineNumber: 29,
-    columnNumber: 5
-  }, this);
+            /* @__PURE__ */ i(me, { view: "light", ...o })
+          ] })
+        ] }),
+        a && /* @__PURE__ */ i("p", { className: t.headerSubTitle, children: a })
+      ] })
+    ] }),
+    /* @__PURE__ */ h("div", { className: t.headerRightBlock, children: [
+      n,
+      n && /* @__PURE__ */ i(B, {}),
+      r && /* @__PURE__ */ i(I, {})
+    ] })
+  ] });
 }
-const me = (e) => {
-  const n = e.closeOnOverlayClick ?? !0;
+const ue = (e) => {
+  const o = e.closeOnOverlayClick ?? !0;
   return {
-    closeOnOverlayClick: n,
+    closeOnOverlayClick: o,
     closeOnEsc: !0,
-    overlay: /* @__PURE__ */ o.jsxDEV(
-      z,
-      {
-        onOverlayClick: (s) => {
-          var t;
-          e != null && e.onOverlayClick ? e.onOverlayClick(s) : n && ((t = e == null ? void 0 : e.onClose) == null || t.call(e));
-        },
-        zIndex: e.zIndexOverlay ?? "9000",
-        backgroundColorProperty: "#060A0C47"
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/constants.tsx",
-        lineNumber: 11,
-        columnNumber: 5
-      },
-      void 0
-    ),
+    overlay: /* @__PURE__ */ i(X, { onOverlayClick: (a) => {
+      var n;
+      e != null && e.onOverlayClick ? e.onOverlayClick(a) : o && ((n = e == null ? void 0 : e.onClose) == null || n.call(e));
+    }, zIndex: e.zIndexOverlay ?? "9000", backgroundColorProperty: "#060A0C47" }),
     hasBody: !1
   };
 };
-function fe(e) {
-  const n = [i.left, i.main];
-  return !!e && Array.isArray(e) && n.every((s) => e.some((t) => {
-    var r, d, c;
-    return (c = (d = (r = t == null ? void 0 : t.type) == null ? void 0 : r.attrs) == null ? void 0 : d[1].className) == null ? void 0 : c.includes(s);
+function ge(e) {
+  const o = [t.left, t.main];
+  return !!e && Array.isArray(e) && o.every((a) => e.some((n) => {
+    var l, r, c;
+    return (c = (r = (l = n == null ? void 0 : n.type) == null ? void 0 : l.attrs) == null ? void 0 : r[1].className) == null ? void 0 : c.includes(a);
   }));
 }
-const g = (e) => e ? typeof e == "object" ? e.defaultEnabled ?? !1 : !1 : null, he = (e, n) => {
-  const [s, t] = G(() => g(e)), r = e && typeof e == "object" && e.saveStateAfterClosing;
-  J(() => {
-    !n && !r && t(g(e));
-  }, [n]);
-  const d = K(() => {
-    var m;
+const x = (e) => e ? typeof e == "object" ? e.defaultEnabled ?? !1 : !1 : null, ye = (e, o) => {
+  const [a, n] = Q(() => x(e)), l = e && typeof e == "object" && e.saveStateAfterClosing;
+  Z(() => {
+    !o && !l && n(x(e));
+  }, [o]);
+  const r = E(() => {
+    var f;
     if (!e)
       return;
-    const c = () => t((h) => {
-      var p, k;
-      return typeof e != "boolean" && (h ? (k = e == null ? void 0 : e.onExitFullScreen) == null || k.call(e) : (p = e == null ? void 0 : e.onFullScreen) == null || p.call(e)), !h;
+    const c = () => n((g) => {
+      var y, v;
+      return typeof e != "boolean" && (g ? (v = e == null ? void 0 : e.onExitFullScreen) == null || v.call(e) : (y = e == null ? void 0 : e.onFullScreen) == null || y.call(e)), !g;
     });
-    document.startViewTransition || c(), (m = document.startViewTransition) == null || m.call(document, c);
+    document.startViewTransition || c(), (f = document.startViewTransition) == null || f.call(document, c);
   }, []);
   return {
-    fullScreened: s,
-    toggleFullScreen: d
+    fullScreened: a,
+    toggleFullScreen: r
   };
-}, pe = Q(
-  (e, n) => {
-    const { fullScreen: s, contentContainerProps: t, children: r, ...d } = e, { fullScreened: c, toggleFullScreen: m } = he(
-      s,
-      d.opened
-    ), h = fe(r), p = h ? { split: !0, view: "30/70" } : { stretch: !0 }, k = h ? r : /* @__PURE__ */ o.jsxDEV("div", { children: r }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/ModalDF.tsx",
-      lineNumber: 41,
-      columnNumber: 49
-    }, void 0);
-    return /* @__PURE__ */ o.jsxDEV(H, { children: /* @__PURE__ */ o.jsxDEV(
-      de,
-      {
-        onClose: d.onClose,
-        fullScreened: c,
-        toggleFullScreen: m,
-        children: /* @__PURE__ */ o.jsxDEV(O, { ref: n, ...me(e), ...d, children: /* @__PURE__ */ o.jsxDEV(
-          ie,
-          {
-            className: i.container,
-            $fullScreened: !!c,
-            roundedInner: !1,
-            ...p,
-            ...t,
-            children: k
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/ModalDF.tsx",
-            lineNumber: 53,
-            columnNumber: 13
-          },
-          void 0
-        ) }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/ModalDF.tsx",
-          lineNumber: 52,
-          columnNumber: 11
-        }, void 0)
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/ModalDF.tsx",
-        lineNumber: 45,
-        columnNumber: 9
-      },
-      void 0
-    ) }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDF/ModalDF.tsx",
-      lineNumber: 44,
-      columnNumber: 7
-    }, void 0);
-  }
-), ke = Object.assign(pe, {
-  Left: oe,
+}, ve = ee((e, o) => {
+  const {
+    fullScreen: a,
+    contentContainerProps: n,
+    children: l,
+    ...r
+  } = e, {
+    fullScreened: c,
+    toggleFullScreen: f
+  } = ye(a, r.opened), g = ge(l), y = g ? {
+    split: !0,
+    view: "30/70"
+  } : {
+    stretch: !0
+  }, v = g ? l : /* @__PURE__ */ i("div", { children: l });
+  return /* @__PURE__ */ i(P, { children: /* @__PURE__ */ i(de, { onClose: r.onClose, fullScreened: c, toggleFullScreen: f, children: /* @__PURE__ */ i(L, { ref: o, ...ue(e), ...r, children: /* @__PURE__ */ i(ie, { className: t.container, $fullScreened: !!c, roundedInner: !1, ...y, ...n, children: v }) }) }) });
+}), pe = Object.assign(ve, {
+  Left: ae,
   Main: ne,
-  Header: ue,
-  Footer: re,
-  Content: te,
-  Divider: w,
-  ServiceButtons: V,
-  DotsIconButton: ee,
-  BackIconButton: y
+  Header: fe,
+  Footer: ce,
+  Content: le,
+  Divider: B,
+  ServiceButtons: I,
+  DotsIconButton: oe,
+  BackIconButton: _
 });
-ke.displayName = "ModalDF";
+pe.displayName = "ModalDF";
 export {
-  ke as ModalDF,
-  y as ModalDFBackIconButton,
-  te as ModalDFContent,
-  w as ModalDFDivider,
-  ee as ModalDFDotsIconButton,
-  re as ModalDFFooter,
-  ue as ModalDFHeader,
-  oe as ModalDFLeft,
+  pe as ModalDF,
+  _ as ModalDFBackIconButton,
+  le as ModalDFContent,
+  B as ModalDFDivider,
+  oe as ModalDFDotsIconButton,
+  ce as ModalDFFooter,
+  fe as ModalDFHeader,
+  ae as ModalDFLeft,
   ne as ModalDFMain,
-  V as ModalDFServiceButtons,
-  i as modalDFClassNames
+  I as ModalDFServiceButtons,
+  t as modalDFClassNames
 };

package/components/ModalDFConfirmation/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../chunks/vendor-D8Dozc4m.cjs"),l=require("@salutejs/sdds-finai"),i=require("../ModalDF/index.cjs"),f=require("../../constants/index.cjs"),a=require("react"),e=require("@salutejs/sdds-themes/tokens/sdds_finai"),u=require("styled-components"),D={positive:()=>e.dataPositiveGradient,warning:()=>e.dataWarningGradient,info:()=>e.dataInfoGradient,negative:()=>e.dataNegativeGradient,default:()=>e.surfaceSolidCard},h={positive:e.textPositive,warning:e.textWarning,info:e.textInfo,negative:e.textNegative},j=u(i.ModalDF).withConfig({displayName:"ModalDFConfirmationstyled__StyledModalDF"})(["& .","{position:relative;overflow:hidden;padding-top:",";}& .","::after{content:'';position:absolute;z-index:-2;height:804px;width:804px;top:-610px;left:calc(50% - 402px);background:",";}"],i.modalDFClassNames.container,({$view:n})=>n?"76px":"0",i.modalDFClassNames.container,({$view:n})=>n?D[n]:D.default),E=u.div.withConfig({displayName:"ModalDFConfirmationstyled__StyledIconBlock"})(["position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;padding-top:35px;display:flex;justify-content:center;"]),y=u(i.ModalDFServiceButtons).withConfig({displayName:"ModalDFConfirmationstyled__StyledServiceButtons"})(["position:absolute;top:16px;right:16px;"]),w=a.forwardRef(({content:n,view:t,icon:s,...F},M)=>{const{header:v,body:m,bodyMarginBlock:N,mainButton:r,secondaryButton:d,footer:k}=n??{},C=!!(r||d),g=N??(typeof m=="string"?f.s.x4:void 0),b=a.Children.map(s,c=>{if(a.isValidElement(c))return a.cloneElement(c,{size:"m",color:t?h[t]:""})});return o.jsxDevRuntimeExports.jsxDEV(j,{ref:M,$view:t,...F,children:[o.jsxDevRuntimeExports.jsxDEV(i.ModalDF.Main,{children:[o.jsxDevRuntimeExports.jsxDEV(i.ModalDF.Header,{title:v,showServiceButtons:!(t&&s)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDFConfirmation/ModalDFConfirmation.tsx",lineNumber:99,columnNumber:11},void 0),o.jsxDevRuntimeExports.jsxDEV(i.ModalDF.Content,{$css:{marginBlock:g},children:m},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDFConfirmation/ModalDFConfirmation.tsx",lineNumber:100,columnNumber:11},void 0),k??(C&&o.jsxDevRuntimeExports.jsxDEV(i.ModalDF.Footer,{rightBlock:o.jsxDevRuntimeExports.jsxDEV(l.Flow,{mainAxisGap:f.s.x4,children:[d&&o.jsxDevRuntimeExports.jsxDEV(l.Button,{view:"secondary",size:"s",...d},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDFConfirmation/ModalDFConfirmation.tsx",lineNumber:109,columnNumber:15},void 0),r&&o.jsxDevRuntimeExports.jsxDEV(l.Button,{view:"accent",size:"s",...r},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDFConfirmation/ModalDFConfirmation.tsx",lineNumber:112,columnNumber:15},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDFConfirmation/ModalDFConfirmation.tsx",lineNumber:107,columnNumber:13},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDFConfirmation/ModalDFConfirmation.tsx",lineNumber:105,columnNumber:11},void 0))]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDFConfirmation/ModalDFConfirmation.tsx",lineNumber:98,columnNumber:9},void 0),t&&s&&o.jsxDevRuntimeExports.jsxDEV(o.jsxDevRuntimeExports.Fragment,{children:[o.jsxDevRuntimeExports.jsxDEV(y,{hasBackground:!1},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDFConfirmation/ModalDFConfirmation.tsx",lineNumber:121,columnNumber:13},void 0),o.jsxDevRuntimeExports.jsxDEV(E,{children:b},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDFConfirmation/ModalDFConfirmation.tsx",lineNumber:122,columnNumber:13},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDFConfirmation/ModalDFConfirmation.tsx",lineNumber:120,columnNumber:9},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/ModalDFConfirmation/ModalDFConfirmation.tsx",lineNumber:97,columnNumber:7},void 0)}),p=i.ModalDF.Footer,x=Object.assign(w,{Footer:p});x.displayName="ModalDFConfirmation";exports.ModalDFConfirmation=x;exports.ModalDFConfirmationFooter=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("@salutejs/sdds-finai"),e=require("../ModalDF/index.cjs"),p=require("../../constants/index.cjs"),a=require("react"),o=require("@salutejs/sdds-themes/tokens/sdds_finai"),c=require("styled-components"),x={positive:()=>o.dataPositiveGradient,warning:()=>o.dataWarningGradient,info:()=>o.dataInfoGradient,negative:()=>o.dataNegativeGradient,default:()=>o.surfaceSolidCard},B={positive:o.textPositive,warning:o.textWarning,info:o.textInfo,negative:o.textNegative},S=c(e.ModalDF).withConfig({displayName:"ModalDFConfirmationstyled__StyledModalDF"})(["& .","{position:relative;overflow:hidden;padding-top:",";}& .","::after{content:'';position:absolute;z-index:-2;height:804px;width:804px;top:-610px;left:calc(50% - 402px);background:",";}"],e.modalDFClassNames.container,({$view:n})=>n?"76px":"0",e.modalDFClassNames.container,({$view:n})=>n?x[n]:x.default),b=c.div.withConfig({displayName:"ModalDFConfirmationstyled__StyledIconBlock"})(["position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;padding-top:35px;display:flex;justify-content:center;"]),w=c(e.ModalDFServiceButtons).withConfig({displayName:"ModalDFConfirmationstyled__StyledServiceButtons"})(["position:absolute;top:16px;right:16px;"]),N=a.forwardRef(({content:n,view:i,icon:s,...g},y)=>{const{header:M,body:f,bodyMarginBlock:D,mainButton:d,secondaryButton:r,footer:h}=n??{},C=!!(d||r),v=D??(typeof f=="string"?p.s.x4:void 0),j=a.Children.map(s,u=>{if(a.isValidElement(u))return a.cloneElement(u,{size:"m",color:i?B[i]:""})});return t.jsxs(S,{ref:y,$view:i,...g,children:[t.jsxs(e.ModalDF.Main,{children:[t.jsx(e.ModalDF.Header,{title:M,showServiceButtons:!(i&&s)}),t.jsx(e.ModalDF.Content,{$css:{marginBlock:v},children:f}),h??(C&&t.jsx(e.ModalDF.Footer,{rightBlock:t.jsxs(l.Flow,{mainAxisGap:p.s.x4,children:[r&&t.jsx(l.Button,{view:"secondary",size:"s",...r}),d&&t.jsx(l.Button,{view:"accent",size:"s",...d})]})}))]}),i&&s&&t.jsxs(t.Fragment,{children:[t.jsx(w,{hasBackground:!1}),t.jsx(b,{children:j})]})]})}),F=e.ModalDF.Footer,m=Object.assign(N,{Footer:F});m.displayName="ModalDFConfirmation";exports.ModalDFConfirmation=m;exports.ModalDFConfirmationFooter=F;