@daisforge/ui 1.10.3

package/components/ModalDF/index.mjs

@@ -0,0 +1,445 @@
+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-MnZxUYkx.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 = {
+  cardWrapper: "modalDF_card-wrapper",
+  container: "modalDF_container",
+  root: "modalDF_root",
+  left: "modalDF_left",
+  main: "modalDF_main-container",
+  serviceButtons: "modalDF_service-buttons",
+  header: "modalDF_header",
+  headerTitlesContainer: "modalDF_header-title-container",
+  backIconButton: "modalDF_back-icon-button",
+  headerTitlesBox: "modalDF_header-titles-box",
+  headerTitle: "modalDF_header-title",
+  headerSubTitle: "modalDF_header-subTitle",
+  headerRightBlock: "modalDF_header-right-block",
+  footer: "modalDF_footer",
+  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({
+  length: "16px",
+  orientation: "vertical"
+}).withConfig({ displayName: "Divider" })(
+  ["margin-inline:", ";"],
+  Z.spaceX4
+), ee = ({
+  dropdownProps: e,
+  iconSize: n,
+  ...s
+}) => {
+  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
+}).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, ({
+  $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
+}).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
+}).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
+}).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
+}).withConfig({
+  displayName: "styled__StyledContent"
+})(["&{flex-grow:1;overflow-y:auto;overflow-x:hidden;}"]), ae = l(f).attrs({
+  className: i.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);
+}
+const C = D(!1), j = D(null), B = D(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 = ({
+  hasBackground: e = !0,
+  ...n
+}) => {
+  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({
+  view: "light"
+}).withConfig({ displayName: "Header__StyledBadge" })([""]);
+function ue({
+  title: e,
+  badge: n,
+  subTitle: s,
+  rightBlock: t,
+  onBackClick: r,
+  showServiceButtons: d = !0,
+  showBackButton: c = !1,
+  ...m
+}) {
+  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: [
+          e,
+          n && /* @__PURE__ */ o.jsxDEV(o.Fragment, { 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);
+}
+const me = (e) => {
+  const n = e.closeOnOverlayClick ?? !0;
+  return {
+    closeOnOverlayClick: n,
+    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
+    ),
+    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);
+  }));
+}
+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;
+    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;
+    });
+    document.startViewTransition || c(), (m = document.startViewTransition) == null || m.call(document, c);
+  }, []);
+  return {
+    fullScreened: s,
+    toggleFullScreen: d
+  };
+}, 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,
+  Main: ne,
+  Header: ue,
+  Footer: re,
+  Content: te,
+  Divider: w,
+  ServiceButtons: V,
+  DotsIconButton: ee,
+  BackIconButton: y
+});
+ke.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,
+  ne as ModalDFMain,
+  V as ModalDFServiceButtons,
+  i as modalDFClassNames
+};

package/components/ModalDF/styled.d.ts

@@ -0,0 +1,12 @@
+import { Box } from '../Box';
+
+export declare const StyledContainer: import('styled-components').StyledComponent<import('react').FC<import('../../layouts/Container').ContainerProps>, import('styled-components').DefaultTheme, {
+    className: string;
+} & {
+    $fullScreened: boolean;
+}, "className">;
+export declare const StyledLeft: typeof Box;
+export declare const StyledMain: typeof Box;
+export declare const StyledHeader: typeof Box;
+export declare const StyledContent: typeof Box;
+export declare const StyledMainFooter: typeof Box;

package/components/ModalDF/types.d.ts

@@ -0,0 +1,38 @@
+import { ComponentProps, ReactNode } from 'react';
+import { ContainerProps } from '../../layouts/Container';
+import { IconArrowLeft, IconDotsVerticalCenteredOutline } from '../../icons';
+import { ModalCompProps } from '../Modal';
+import { IconButton } from '../IconButton';
+import { Dropdown } from '../Dropdown';
+import { BoxProps } from '../Box';
+import { Badge } from '../Badge';
+
+export type ModalDFProps = {
+    fullScreen?: {
+        defaultEnabled?: boolean;
+        saveStateAfterClosing?: boolean;
+        onFullScreen?: () => void;
+        onExitFullScreen?: () => void;
+    } | undefined | boolean;
+    contentContainerProps?: Partial<ContainerProps>;
+    zIndexOverlay?: string;
+} & Omit<ModalCompProps, 'hasBody'>;
+export type ModalDFHeaderProps = Omit<BoxProps, 'children'> & {
+    title?: ReactNode;
+    badge?: ComponentProps<typeof Badge>;
+    subTitle?: ReactNode;
+    rightBlock?: ReactNode;
+    onBackClick?: () => void;
+    showBackButton?: boolean;
+};
+export type ModalDFFooterProps = Omit<BoxProps, 'children'> & {
+    leftBlock?: ReactNode;
+    rightBlock?: ReactNode;
+};
+export type ModalDFDotsIconButtonProps = ComponentProps<typeof IconButton> & {
+    dropdownProps?: ComponentProps<typeof Dropdown>;
+    iconSize?: ComponentProps<typeof IconDotsVerticalCenteredOutline>['size'];
+};
+export type ModalDFBackIconButtonProps = ComponentProps<typeof IconButton> & {
+    iconSize?: ComponentProps<typeof IconArrowLeft>['size'];
+};

package/components/ModalDFConfirmation/ModalDFConfirmation.d.ts

@@ -0,0 +1,28 @@
+import { iconColors } from './ModalDFConfirmation.styled';
+import { default as React, ReactNode } from 'react';
+import { ModalDFFooterProps } from '../ModalDF/types';
+import { ModalDFProps } from '../ModalDF';
+import { ButtonCompProps } from '../Button';
+
+export type ModalDFConfirmationContent = {
+    header?: ReactNode;
+    body?: ReactNode;
+    bodyMarginBlock?: string;
+    mainButton?: ButtonCompProps;
+    secondaryButton?: ButtonCompProps;
+    footer?: ReactNode;
+};
+export type ModalDFConfirmationFooterProps = ModalDFFooterProps;
+export type ModalDFConfirmationProps = {
+    content?: ModalDFConfirmationContent;
+    view?: keyof typeof iconColors;
+    icon?: ReactNode;
+} & Omit<ModalDFProps, 'hasBody' | 'content' | 'children' | 'ref'>;
+export declare const ModalDFConfirmationFooter: typeof import('../ModalDF').ModalDFFooter;
+export declare const ModalDFConfirmation: React.ForwardRefExoticComponent<{
+    content?: ModalDFConfirmationContent | undefined;
+    view?: "info" | "negative" | "warning" | "positive" | undefined;
+    icon?: ReactNode;
+} & Omit<ModalDFProps, "children" | "ref" | "content" | "hasBody"> & React.RefAttributes<HTMLDivElement>> & {
+    Footer: typeof import('../ModalDF').ModalDFFooter;
+};