@daisforge/ui 1.12.1 → 1.13.0

package/components/DrawerDF/index.mjs

@@ -1,11 +1,11 @@
-import { IconButton as x, Dropdown as v, Drawer as F, Overlay as C, H4 as H, Badge as B, BodyS as y, PopupProvider as j } from "@salutejs/sdds-finai";
-import { j as r } from "../../chunks/vendor-BG4P-329.mjs";
-import { useMemo as E } from "react";
-import { IconChevronLeft as V, IconClose as X, IconDotsHorizontalOutline as I } from "@salutejs/plasma-icons";
-import { s as p, spacing as _ } from "../../constants/index.mjs";
-import { surfaceSolidCard as k, borderRadiusM as S, surfaceTransparentSecondary as T, borderRadiusXl as M, borderRadiusXs as R, borderRadiusL as $, borderRadiusS as z, textSecondary as O } from "@salutejs/sdds-themes/tokens/sdds_finai";
-import L, { css as A } from "styled-components";
-import { Box as m } from "../Box/index.mjs";
+import { IconButton as b, Dropdown as k, Drawer as B, Overlay as D, H4 as N, Badge as X, BodyS as _, PopupProvider as F } from "@salutejs/sdds-finai";
+import { jsx as d, jsxs as p } from "react/jsx-runtime";
+import { useMemo as S } from "react";
+import { IconChevronLeft as T, IconClose as I, IconDotsHorizontalOutline as M } from "@salutejs/plasma-icons";
+import { s as g, spacing as $ } from "../../constants/index.mjs";
+import { surfaceSolidCard as C, borderRadiusM as R, surfaceTransparentSecondary as z, borderRadiusXl as O, borderRadiusXs as L, borderRadiusL as j, borderRadiusS as A, textSecondary as W } from "@salutejs/sdds-themes/tokens/sdds_finai";
+import G, { css as P } from "styled-components";
+import { Box as h } from "../Box/index.mjs";
 const e = {
   drawerPanelRoot: "panel-root",
   drawerCloseBox: "drawer-close-box",
@@ -24,403 +24,156 @@ const e = {
   drawerContent: "drawer-content",
   drawerContentInner: "drawer-content-inner",
   drawerBackIconButton: "drawer__back-icon"
-}, W = ({
+}, q = ({
+  ...a
+}) => /* @__PURE__ */ d(b, { size: "s", view: "clear", className: e.drawerBackIconButton, ...a, children: /* @__PURE__ */ d(T, { color: "inherit" }) }), E = ({
+  onClose: a
+}) => /* @__PURE__ */ d(b, { title: "Закрыть", onClick: () => {
+  a == null || a();
+}, size: "s", view: "clear", children: /* @__PURE__ */ d(I, { color: "inherit" }) }), J = ({
+  dropdownProps: a,
+  iconSize: t,
   ...n
-}) => /* @__PURE__ */ r.jsxDEV(
-  x,
-  {
-    size: "s",
-    view: "clear",
-    className: e.drawerBackIconButton,
-    ...n,
-    children: /* @__PURE__ */ r.jsxDEV(V, { color: "inherit" }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/components/BackIconButton.tsx",
-      lineNumber: 17,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/components/BackIconButton.tsx",
-    lineNumber: 11,
-    columnNumber: 1
-  },
-  void 0
-), G = ({
-  onClose: n
-}) => /* @__PURE__ */ r.jsxDEV(
-  x,
-  {
-    title: "Закрыть",
-    onClick: () => {
-      n == null || n();
-    },
-    size: "s",
-    view: "clear",
-    children: /* @__PURE__ */ r.jsxDEV(X, { color: "inherit" }, void 0, !1, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/components/CloseButton.tsx",
-      lineNumber: 18,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/components/CloseButton.tsx",
-    lineNumber: 10,
-    columnNumber: 1
-  },
-  void 0
-), P = ({
-  dropdownProps: n,
-  iconSize: o,
-  ...d
 }) => {
-  const i = /* @__PURE__ */ r.jsxDEV(x, { view: "secondary", size: "xs", ...d, children: /* @__PURE__ */ r.jsxDEV(
-    I,
-    {
-      size: "xs",
-      ...d.size === "s" && { size: d.size },
-      ...o && { size: o }
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/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/DrawerDF/components/DotsIconButton.tsx",
-    lineNumber: 14,
-    columnNumber: 3
-  }, void 0);
-  return n ? /* @__PURE__ */ r.jsxDEV(v, { ...n, children: i }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/components/DotsIconButton.tsx",
-    lineNumber: 27,
-    columnNumber: 10
-  }, void 0) : i;
-}, a = {
+  const o = /* @__PURE__ */ d(b, { view: "secondary", size: "xs", ...n, children: /* @__PURE__ */ d(M, { size: "xs", ...n.size === "s" && {
+    size: n.size
+  }, ...t && {
+    size: t
+  } }) });
+  return a ? /* @__PURE__ */ d(k, { ...a, children: o }) : o;
+}, r = {
   drawerPadding: 16,
   drawerOffset: 16,
   gap: 8,
   unknownDelta: 32,
-  brXS: () => R,
-  brS: () => z,
-  brM: () => S,
-  brL: () => $,
-  brXL: () => M,
-  spaceX2: () => p.x2,
-  spaceX4: () => p.x4,
-  spaceX8: () => p.x8,
-  spaceX6: () => p.x6,
+  brXS: () => L,
+  brS: () => A,
+  brM: () => R,
+  brL: () => j,
+  brXL: () => O,
+  spaceX2: () => g.x2,
+  spaceX4: () => g.x4,
+  spaceX8: () => g.x8,
+  spaceX6: () => g.x6,
   brContent: ({
-    $header: n,
-    $footer: o
-  }) => `${n ? "0px" : a.brM()} ${n ? "0px" : a.brM()} ${o ? "0px" : a.brM()} ${o ? "0px" : a.brM()}`
-}, D = {
+    $header: a,
+    $footer: t
+  }) => `${a ? "0px" : r.brM()} ${a ? "0px" : r.brM()} ${t ? "0px" : r.brM()} ${t ? "0px" : r.brM()}`
+}, x = {
   multiply: "-64px",
   default: "-52px"
-}, q = L(F).withConfig({
+}, K = G(B).withConfig({
   displayName: "styled__StyledDrawer"
-})(["& .", "{--drawer-padding-root:", ";--drawer-padding-block-multiply-mode:", ";--drawer-close-button-left:", ";--drawer-margin-bottom-header-top:", ";min-width:576px;position:relative;padding:0;background-color:", ";border-radius:", ";& > div{max-height:calc(100vh - 32px);height:calc(100vh - 32px);}& .", ",.", ",.", ",.", "{background-color:", ";}& .", "{position:absolute;top:0px;left:var(--drawer-close-button-left);height:40px;aspect-ratio:1;border-radius:50%;}& .", "{display:flex;flex-direction:column;padding-bottom:16px;}& .", "{margin-bottom:var(--drawer-margin-bottom-header-top);}& .", "{display:flex;justify-content:space-between;align-items:center;gap:", ";}& .", "{display:flex;gap:", ";align-items:center;}& .", "{flex-shrink:0;padding-inline:var(--drawer-padding-root);padding-top:var(--drawer-padding-root);border-radius:", " ", " 0px 0px;}& .", "{flex-grow:1;display:flex;overflow-y:auto;& .", "{padding-inline:var(--drawer-padding-root);border-radius:", ";overflow-y:hidden;padding-top:", ";padding-bottom:", ";}& .", "{overflow-y:auto;height:100%;padding-right:", ";}}& .", "{flex-shrink:0;padding-inline:var(--drawer-padding-root);padding-bottom:var(--drawer-padding-root);padding-top:16px;border-radius:0px 0px ", " ", ";}", ";}"], e.drawerPanelRoot, a.spaceX8, a.spaceX4, D.default, a.spaceX4, () => k, a.brM, e.drawerCloseBox, e.drawerHeader, e.drawerContent, e.drawerFooter, () => k, e.drawerCloseBox, e.drawerHeaderContainer, e.drawerHeaderTop, e.drawerHeaderTitleBlock, a.spaceX4, e.drawerHeaderTitleContainer, a.spaceX6, e.drawerHeader, a.brM, a.brM, e.drawerContentContainer, e.drawerContent, a.brContent, ({
-  $header: n
-}) => n ? "0" : "16px", ({
-  $footer: n
-}) => n ? "0px" : "16px", e.drawerContentInner, a.spaceX2, e.drawerFooter, a.brM, a.brM, ({
-  $multipleContents: n
-}) => n && A(["&{--drawer-padding-root:", ";min-width:576px;padding:", "px;background-color:", ";border-radius:", ";& > div{gap:", "px;height:100%;}& .", "{--drawer-close-button-left:", ";top:-16px;}& .", ",.", "{border-radius:", ";height:fit-content;}& .", "{padding-bottom:0;}& .", "{&:has(:is( .", ",.", ":not(:empty),.", " ) ){--drawer-padding-block-multiply-mode:", " 0px;}&:not(:has(.", ")):not(:has(.", ") ):has(.", ":empty){:is(.", "){--drawer-padding-block-multiply-mode:0;--drawer-margin-bottom-header-top:0;}}&:not(:has(.", ")):not(:has(.", ") ):has(.", ":not(:empty)){--drawer-padding-block-multiply-mode:", " ", ";--drawer-margin-bottom-header-top:0;}padding-inline:var(--drawer-padding-root);padding-block:var(--drawer-padding-block-multiply-mode);}& .", "{flex-grow:1;display:flex;gap:", "px;& .", "{flex-grow:1;overflow-y:hidden;padding:16px;border-radius:", ";}}& .", "{border-top:0px;}}"], a.spaceX8, a.drawerPadding, () => T, a.brXL, a.gap, e.drawerCloseBox, D.multiply, e.drawerHeader, e.drawerFooter, a.brXS, e.drawerHeaderContainer, e.drawerHeader, e.drawerHeaderSubtitle, e.drawerHeaderTitleContainer, e.drawerHeaderRightBlock, a.spaceX8, e.drawerHeaderSubtitle, e.drawerHeaderRightBlock, e.drawerHeaderTitleContainer, e.drawerHeader, e.drawerHeaderSubtitle, e.drawerHeaderRightBlock, e.drawerHeaderTitleContainer, a.spaceX4, a.spaceX4, e.drawerContentContainer, a.gap, e.drawerContent, a.brXS, e.drawerFooter)), J = ({
-  children: n,
-  onOverlayClick: o,
-  className: d,
-  ...i
-}) => {
-  const s = i.closeOnOverlayClick ?? !0;
-  return /* @__PURE__ */ r.jsxDEV(
-    q,
-    {
-      className: `${d ?? ""}`,
-      placement: "right",
-      overlay: /* @__PURE__ */ r.jsxDEV(
-        C,
-        {
-          onOverlayClick: (t) => {
-            var u;
-            s && ((u = i.onClose) == null || u.call(i)), o == null || o(t);
-          },
-          zIndex: "9000",
-          backgroundColorProperty: "#060A0C47"
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/components/DrawerX.tsx",
-          lineNumber: 23,
-          columnNumber: 7
-        },
-        void 0
-      ),
-      offset: [`${a.drawerOffset}px`, "0px"],
-      asModal: !0,
-      height: "calc(100dvh - 32px)",
-      closeOnEsc: !0,
-      closeOnOverlayClick: s,
-      width: "576px",
-      ...i,
-      children: n
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/components/DrawerX.tsx",
-      lineNumber: 19,
-      columnNumber: 5
-    },
-    void 0
-  );
-}, K = ({
+})(["& .", "{--drawer-padding-root:", ";--drawer-padding-block-multiply-mode:", ";--drawer-close-button-left:", ";--drawer-margin-bottom-header-top:", ";min-width:576px;position:relative;padding:0;background-color:", ";border-radius:", ";& > div{max-height:calc(100vh - 32px);height:calc(100vh - 32px);}& .", ",.", ",.", ",.", "{background-color:", ";}& .", "{position:absolute;top:0px;left:var(--drawer-close-button-left);height:40px;aspect-ratio:1;border-radius:50%;}& .", "{display:flex;flex-direction:column;padding-bottom:16px;}& .", "{margin-bottom:var(--drawer-margin-bottom-header-top);}& .", "{display:flex;justify-content:space-between;align-items:center;gap:", ";}& .", "{display:flex;gap:", ";align-items:center;}& .", "{flex-shrink:0;padding-inline:var(--drawer-padding-root);padding-top:var(--drawer-padding-root);border-radius:", " ", " 0px 0px;}& .", "{flex-grow:1;display:flex;overflow-y:auto;& .", "{padding-inline:var(--drawer-padding-root);border-radius:", ";overflow-y:hidden;padding-top:", ";padding-bottom:", ";}& .", "{overflow-y:auto;height:100%;padding-right:", ";}}& .", "{flex-shrink:0;padding-inline:var(--drawer-padding-root);padding-bottom:var(--drawer-padding-root);padding-top:16px;border-radius:0px 0px ", " ", ";}", ";}"], e.drawerPanelRoot, r.spaceX8, r.spaceX4, x.default, r.spaceX4, () => C, r.brM, e.drawerCloseBox, e.drawerHeader, e.drawerContent, e.drawerFooter, () => C, e.drawerCloseBox, e.drawerHeaderContainer, e.drawerHeaderTop, e.drawerHeaderTitleBlock, r.spaceX4, e.drawerHeaderTitleContainer, r.spaceX6, e.drawerHeader, r.brM, r.brM, e.drawerContentContainer, e.drawerContent, r.brContent, ({
+  $header: a
+}) => a ? "0" : "16px", ({
+  $footer: a
+}) => a ? "0px" : "16px", e.drawerContentInner, r.spaceX2, e.drawerFooter, r.brM, r.brM, ({
+  $multipleContents: a
+}) => a && P(["&{--drawer-padding-root:", ";min-width:576px;padding:", "px;background-color:", ";border-radius:", ";& > div{gap:", "px;height:100%;}& .", "{--drawer-close-button-left:", ";top:-16px;}& .", ",.", "{border-radius:", ";height:fit-content;}& .", "{padding-bottom:0;}& .", "{&:has(:is( .", ",.", ":not(:empty),.", " ) ){--drawer-padding-block-multiply-mode:", " 0px;}&:not(:has(.", ")):not(:has(.", ") ):has(.", ":empty){:is(.", "){--drawer-padding-block-multiply-mode:0;--drawer-margin-bottom-header-top:0;}}&:not(:has(.", ")):not(:has(.", ") ):has(.", ":not(:empty)){--drawer-padding-block-multiply-mode:", " ", ";--drawer-margin-bottom-header-top:0;}padding-inline:var(--drawer-padding-root);padding-block:var(--drawer-padding-block-multiply-mode);}& .", "{flex-grow:1;display:flex;gap:", "px;& .", "{flex-grow:1;overflow-y:hidden;padding:16px;border-radius:", ";}}& .", "{border-top:0px;}}"], r.spaceX8, r.drawerPadding, () => z, r.brXL, r.gap, e.drawerCloseBox, x.multiply, e.drawerHeader, e.drawerFooter, r.brXS, e.drawerHeaderContainer, e.drawerHeader, e.drawerHeaderSubtitle, e.drawerHeaderTitleContainer, e.drawerHeaderRightBlock, r.spaceX8, e.drawerHeaderSubtitle, e.drawerHeaderRightBlock, e.drawerHeaderTitleContainer, e.drawerHeader, e.drawerHeaderSubtitle, e.drawerHeaderRightBlock, e.drawerHeaderTitleContainer, r.spaceX4, r.spaceX4, e.drawerContentContainer, r.gap, e.drawerContent, r.brXS, e.drawerFooter)), Q = ({
+  children: a,
+  onOverlayClick: t,
   className: n,
-  children: o,
-  refEl: d,
-  fixedWidth: i,
-  style: s,
-  title: t,
-  subTitle: u,
-  badge: c,
-  rightBlock: l,
-  footerBlock: w,
-  ...b
-}) => o ? /* @__PURE__ */ r.jsxDEV(
-  m,
-  {
-    display: !0,
-    ref: d,
-    className: e.drawerHeader,
-    $css: {
-      paddingTop: _.x12,
-      ...s
-    },
-    ...b,
-    children: o
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-    lineNumber: 30,
-    columnNumber: 7
-  },
-  void 0
-) : /* @__PURE__ */ r.jsxDEV(
-  m,
-  {
-    display: !0,
-    ref: d,
-    className: e.drawerHeader,
-    ...b,
-    $css: {
-      ...s
-    },
-    children: /* @__PURE__ */ r.jsxDEV("div", { className: e.drawerHeaderContainer, children: [
-      /* @__PURE__ */ r.jsxDEV("div", { className: e.drawerHeaderTop, children: [
-        /* @__PURE__ */ r.jsxDEV("div", { className: e.drawerHeaderTitleBlock, children: [
-          /* @__PURE__ */ r.jsxDEV("div", { className: e.drawerHeaderTitleContainer, children: [
-            t && /* @__PURE__ */ r.jsxDEV(H, { className: e.drawerHeaderTitle, children: t }, void 0, !1, {
-              fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-              lineNumber: 59,
-              columnNumber: 25
-            }, void 0),
-            c && (() => {
-              const { text: h, clear: Y, pilled: Z, transparent: ee, ...g } = c;
-              return /* @__PURE__ */ r.jsxDEV(
-                B,
-                {
-                  view: "default",
-                  transparent: !0,
-                  clear: void 0,
-                  pilled: void 0,
-                  ...g,
-                  className: `${e.drawerHeaderBadge} ${c.className || ""}`,
-                  children: h
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-                  lineNumber: 65,
-                  columnNumber: 19
-                },
-                void 0
-              );
-            })()
-          ] }, void 0, !0, {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-            lineNumber: 58,
-            columnNumber: 13
-          }, void 0),
-          l && /* @__PURE__ */ r.jsxDEV("div", { className: e.drawerHeaderRightBlock, children: l }, void 0, !1, {
-            fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-            lineNumber: 81,
-            columnNumber: 13
-          }, void 0)
-        ] }, void 0, !0, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-          lineNumber: 57,
-          columnNumber: 11
-        }, void 0),
-        u && /* @__PURE__ */ r.jsxDEV(y, { color: O, className: e.drawerHeaderSubtitle, children: u }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-          lineNumber: 85,
-          columnNumber: 11
-        }, void 0)
-      ] }, void 0, !0, {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-        lineNumber: 56,
-        columnNumber: 9
-      }, void 0),
-      w && /* @__PURE__ */ r.jsxDEV("div", { className: e.drawerHeaderFooterBlock, children: w }, void 0, !1, {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-        lineNumber: 91,
-        columnNumber: 9
-      }, void 0)
-    ] }, void 0, !0, {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-      lineNumber: 55,
-      columnNumber: 7
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-    lineNumber: 46,
-    columnNumber: 5
-  },
-  void 0
-), Q = ({
-  className: n,
-  children: o,
-  refEl: d,
-  fixedWidth: i,
-  style: s,
-  ...t
-}) => /* @__PURE__ */ r.jsxDEV(
-  m,
-  {
-    style: {
-      ...i && {
-        flexGrow: 0,
-        flexShrink: 0,
-        flexBasis: i
-      }
-    },
-    ref: d,
-    className: e.drawerContent,
-    width: "100%",
-    children: /* @__PURE__ */ r.jsxDEV(
-      m,
-      {
-        className: e.drawerContentInner,
-        style: s,
-        ...t,
-        children: o
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-        lineNumber: 118,
-        columnNumber: 5
-      },
-      void 0
-    )
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-    lineNumber: 106,
-    columnNumber: 1
-  },
-  void 0
-), U = ({
-  className: n,
-  children: o,
-  refEl: d,
+  ...o
+}) => {
+  const i = o.closeOnOverlayClick ?? !0;
+  return /* @__PURE__ */ d(K, { className: `${n ?? ""}`, placement: "right", overlay: /* @__PURE__ */ d(D, { onOverlayClick: (l) => {
+    var s;
+    i && ((s = o.onClose) == null || s.call(o)), t == null || t(l);
+  }, zIndex: "9000", backgroundColorProperty: "#060A0C47" }), offset: [`${r.drawerOffset}px`, "0px"], asModal: !0, height: "calc(100dvh - 32px)", closeOnEsc: !0, closeOnOverlayClick: i, width: "576px", ...o, children: a });
+}, U = ({
+  className: a,
+  children: t,
+  refEl: n,
+  fixedWidth: o,
+  style: i,
+  title: l,
+  subTitle: s,
+  badge: w,
+  rightBlock: c,
+  footerBlock: m,
+  ...f
+}) => t ? /* @__PURE__ */ d(h, { display: !0, ref: n, className: e.drawerHeader, $css: {
+  paddingTop: $.x12,
   ...i
-}) => /* @__PURE__ */ r.jsxDEV(m, { ref: d, className: e.drawerFooter, ...i, children: o }, void 0, !1, {
-  fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDFCompounds.tsx",
-  lineNumber: 134,
-  columnNumber: 1
-}, void 0), N = 16, f = ({
-  main: n,
-  header: o,
-  footer: d,
-  showBackButton: i,
-  onBackClick: s,
-  ...t
+}, ...f, children: t }) : /* @__PURE__ */ d(h, { display: !0, ref: n, className: e.drawerHeader, ...f, $css: {
+  ...i
+}, children: /* @__PURE__ */ p("div", { className: e.drawerHeaderContainer, children: [
+  /* @__PURE__ */ p("div", { className: e.drawerHeaderTop, children: [
+    /* @__PURE__ */ p("div", { className: e.drawerHeaderTitleBlock, children: [
+      /* @__PURE__ */ p("div", { className: e.drawerHeaderTitleContainer, children: [
+        l && /* @__PURE__ */ d(N, { className: e.drawerHeaderTitle, children: l }),
+        w && (() => {
+          const {
+            text: v,
+            clear: Z,
+            pilled: ee,
+            transparent: re,
+            ...y
+          } = w;
+          return /* @__PURE__ */ d(X, { view: "default", transparent: !0, clear: void 0, pilled: void 0, ...y, className: `${e.drawerHeaderBadge} ${w.className || ""}`, children: v });
+        })()
+      ] }),
+      c && /* @__PURE__ */ d("div", { className: e.drawerHeaderRightBlock, children: c })
+    ] }),
+    s && /* @__PURE__ */ d(_, { color: W, className: e.drawerHeaderSubtitle, children: s })
+  ] }),
+  m && /* @__PURE__ */ d("div", { className: e.drawerHeaderFooterBlock, children: m })
+] }) }), V = ({
+  className: a,
+  children: t,
+  refEl: n,
+  fixedWidth: o,
+  style: i,
+  ...l
+}) => /* @__PURE__ */ d(h, { style: {
+  ...o && {
+    flexGrow: 0,
+    flexShrink: 0,
+    flexBasis: o
+  }
+}, ref: n, className: e.drawerContent, width: "100%", children: /* @__PURE__ */ d(
+  h,
+  {
+    className: e.drawerContentInner,
+    style: i,
+    ...l,
+    children: t
+  }
+) }), Y = ({
+  className: a,
+  children: t,
+  refEl: n,
+  ...o
+}) => /* @__PURE__ */ d(h, { ref: n, className: e.drawerFooter, ...o, children: t }), H = 16, u = ({
+  main: a,
+  header: t,
+  footer: n,
+  showBackButton: o,
+  onBackClick: i,
+  ...l
 }) => {
-  const u = Array.isArray(n) ? n : [n], c = { header: !!o, footer: !!d }, l = u.length > 1, w = E(
-    () => ({
-      maxWidth: `calc(100vw + calc(${l ? D.multiply : D.default}) - ${l ? N : 2 * N}px)`
-    }),
-    [l]
-  );
-  return /* @__PURE__ */ r.jsxDEV(j, { children: /* @__PURE__ */ r.jsxDEV(
-    J,
-    {
-      $multipleContents: l,
-      $header: c.header,
-      $footer: c.footer,
-      style: w,
-      ...t,
-      children: [
-        /* @__PURE__ */ r.jsxDEV("div", { className: e.drawerCloseBox, children: i ? /* @__PURE__ */ r.jsxDEV(W, { onClick: s }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDF.tsx",
-          lineNumber: 78,
-          columnNumber: 11
-        }, void 0) : /* @__PURE__ */ r.jsxDEV(G, { onClose: t.onClose }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDF.tsx",
-          lineNumber: 80,
-          columnNumber: 11
-        }, void 0) }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDF.tsx",
-          lineNumber: 76,
-          columnNumber: 9
-        }, void 0),
-        o,
-        /* @__PURE__ */ r.jsxDEV("div", { className: e.drawerContentContainer, children: u }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDF.tsx",
-          lineNumber: 85,
-          columnNumber: 9
-        }, void 0),
-        !l && d
-      ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDF.tsx",
-      lineNumber: 69,
-      columnNumber: 7
-    },
-    void 0
-  ) }, void 0, !1, {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDF.tsx",
-    lineNumber: 68,
-    columnNumber: 5
-  }, void 0);
+  const s = Array.isArray(a) ? a : [a], w = {
+    header: !!t,
+    footer: !!n
+  }, c = s.length > 1, m = S(() => ({
+    maxWidth: `calc(100vw + calc(${c ? x.multiply : x.default}) - ${c ? H : 2 * H}px)`
+  }), [c]);
+  return /* @__PURE__ */ d(F, { children: /* @__PURE__ */ p(Q, { $multipleContents: c, $header: w.header, $footer: w.footer, style: m, ...l, children: [
+    /* @__PURE__ */ d("div", { className: e.drawerCloseBox, children: o ? /* @__PURE__ */ d(q, { onClick: i }) : /* @__PURE__ */ d(E, { onClose: l.onClose }) }),
+    t,
+    /* @__PURE__ */ d("div", { className: e.drawerContentContainer, children: s }),
+    !c && n
+  ] }) });
 };
-f.Content = Q;
-f.Header = K;
-f.DotsIconButton = P;
-f.Footer = U;
+u.Content = V;
+u.Header = U;
+u.DotsIconButton = J;
+u.Footer = Y;
 export {
-  f as DrawerDF,
-  Q as DrawerDFContent,
-  U as DrawerDFFooter,
-  K as DrawerDFHeader,
+  u as DrawerDF,
+  V as DrawerDFContent,
+  Y as DrawerDFFooter,
+  U as DrawerDFHeader,
   e as drawerDFClassNames
 };

package/components/EmptyState/components/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/EmptyState-BxUh2dhY.cjs");exports.EmptyStateButtonsGroup=t.EmptyStateButtonsGroup;exports.EmptyStateExtraButtonWrapper=t.EmptyStateExtraButtonWrapper;exports.EmptyStateImageRenderer=t.EmptyStateImageRenderer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../chunks/EmptyState-BD6Ic-OX.cjs");exports.EmptyStateButtonsGroup=t.EmptyStateButtonsGroup;exports.EmptyStateExtraButtonWrapper=t.EmptyStateExtraButtonWrapper;exports.EmptyStateImageRenderer=t.EmptyStateImageRenderer;

package/components/EmptyState/components/index.mjs

@@ -1,4 +1,4 @@
-import { a as e, b as r, c as p } from "../../../chunks/EmptyState-C0aHgxrn.mjs";
+import { a as e, b as r, c as p } from "../../../chunks/EmptyState-Bct6Wrxv.mjs";
 export {
   e as EmptyStateButtonsGroup,
   r as EmptyStateExtraButtonWrapper,

package/components/EmptyState/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/EmptyState-BxUh2dhY.cjs");exports.EmptyState=t.EmptyState;exports.emptyStateClassNames=t.emptyStateClassNames;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/EmptyState-BD6Ic-OX.cjs");exports.EmptyState=t.EmptyState;exports.emptyStateClassNames=t.emptyStateClassNames;

package/components/EmptyState/index.mjs

@@ -1,4 +1,4 @@
-import { E as e, e as s } from "../../chunks/EmptyState-C0aHgxrn.mjs";
+import { E as e, e as s } from "../../chunks/EmptyState-Bct6Wrxv.mjs";
 export {
   e as EmptyState,
   s as emptyStateClassNames

package/components/GridDND/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/GridDND-MsZt1fXJ.cjs");exports.GridDND=e.GridDND;exports.GridDNDClassNames=e.GridDNDClassNames;exports.fallbackCols=e.fallbackCols;exports.fallbackRowHeight=e.fallbackRowHeight;exports.gridItemPlaceholderMixin=e.gridItemPlaceholderMixin;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/GridDND-BAHGzR5e.cjs");exports.GridDND=e.GridDND;exports.GridDNDClassNames=e.GridDNDClassNames;exports.fallbackCols=e.fallbackCols;exports.fallbackRowHeight=e.fallbackRowHeight;exports.gridItemPlaceholderMixin=e.gridItemPlaceholderMixin;

package/components/GridDND/index.mjs

@@ -1,4 +1,4 @@
-import { G as l, a as e, f as i, b as r, g as o } from "../../chunks/GridDND-Bycwiynh.mjs";
+import { G as l, a as e, f as i, b as r, g as o } from "../../chunks/GridDND-rY1o5ItA.mjs";
 export {
   l as GridDND,
   e as GridDNDClassNames,

package/components/GridDND/utils/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/GridDND-MsZt1fXJ.cjs");exports.convertAreaToLayoutsInit=e.convertAreaToLayoutsInit;exports.findNearestSourceBp=e.findNearestSourceBp;exports.getBreakpointFromWidth=e.getBreakpointFromWidth;exports.gridWrapWordLike=e.gridWrapWordLike;exports.initSizeByType=e.initSizeByType;exports.isEmptyCell=e.isEmptyCell;exports.layoutsShallowEqual=e.layoutsShallowEqual;exports.orderBreakpointsDesc=e.orderBreakpointsDesc;exports.packByItemsOrder=e.packByItemsOrder;exports.pickWidestBreakpoint=e.pickWidestBreakpoint;exports.placeRectFirstFit=e.placeRectFirstFit;exports.readingOrder=e.readingOrder;exports.unlockAfterFrame=e.unlockAfterFrame;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/GridDND-BAHGzR5e.cjs");exports.convertAreaToLayoutsInit=e.convertAreaToLayoutsInit;exports.findNearestSourceBp=e.findNearestSourceBp;exports.getBreakpointFromWidth=e.getBreakpointFromWidth;exports.gridWrapWordLike=e.gridWrapWordLike;exports.initSizeByType=e.initSizeByType;exports.isEmptyCell=e.isEmptyCell;exports.layoutsShallowEqual=e.layoutsShallowEqual;exports.orderBreakpointsDesc=e.orderBreakpointsDesc;exports.packByItemsOrder=e.packByItemsOrder;exports.pickWidestBreakpoint=e.pickWidestBreakpoint;exports.placeRectFirstFit=e.placeRectFirstFit;exports.readingOrder=e.readingOrder;exports.unlockAfterFrame=e.unlockAfterFrame;

package/components/GridDND/utils/index.mjs

@@ -1,4 +1,4 @@
-import { c as r, d as s, e as t, h as i, i as o, j as p, l as d, o as c, p as l, k as n, m as k, r as m, u } from "../../../chunks/GridDND-Bycwiynh.mjs";
+import { c as r, d as s, e as t, h as i, i as o, j as p, l as d, o as c, p as l, k as n, m as k, r as m, u } from "../../../chunks/GridDND-rY1o5ItA.mjs";
 export {
   r as convertAreaToLayoutsInit,
   s as findNearestSourceBp,

package/components/IconButton/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@salutejs/plasma-icons"),i=require("@salutejs/sdds-finai"),e=require("../../chunks/vendor-D8Dozc4m.cjs"),a=require("../../chunks/utils-C93a2mD7.cjs"),m=require("styled-components"),d=require("../Box/index.cjs"),I=require("@salutejs/sdds-themes/tokens/sdds_finai"),x=({dropdownProps:n,iconSize:t,iconOrientation:s="horizontal",...r})=>{const u=s==="vertical"?c.IconDotsVerticalCenteredOutline:c.IconDotsHorizontalOutline,o=e.jsxDevRuntimeExports.jsxDEV(i.IconButton,{view:"secondary",size:"s",...r,children:e.jsxDevRuntimeExports.jsxDEV(u,{size:t??"s"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/IconButton/IconButtonDots.tsx",lineNumber:30,columnNumber:7},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/IconButton/IconButtonDots.tsx",lineNumber:29,columnNumber:3},void 0);return n?e.jsxDevRuntimeExports.jsxDEV(i.Dropdown,{...n,children:o},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/IconButton/IconButtonDots.tsx",lineNumber:38,columnNumber:10},void 0):o},B=({visible:n,topLeft:t})=>e.jsxDevRuntimeExports.jsxDEV(d.Box,{$css:{position:"absolute",top:t??0,right:t??0,width:"6px",aspectRatio:"1",borderRadius:"50%",transition:a.DEFAULT_TRANSITION,backgroundColor:"transparent",transform:"scale(0)",...n&&{backgroundColor:I.surfaceNegative,transform:"scale(1)"}}},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/IconButton/IconButtonFilter/Circle.tsx",lineNumber:13,columnNumber:1},void 0),f=m(i.IconButton).withConfig({displayName:"IconButtonFilter__StyledIconButton"})(["position:relative;"]),l={root:"IconButtonFilter__root"},p=({redSquare:n,dropdownProps:t,iconSize:s,className:r,...u})=>{const o=e.jsxDevRuntimeExports.jsxDEV(f,{view:"secondary",size:"s",redSquare:n,...u,children:[e.jsxDevRuntimeExports.jsxDEV(c.IconSettingsFilter,{size:s??"s"},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/IconButton/IconButtonFilter/IconButtonFilter.tsx",lineNumber:38,columnNumber:7},void 0),e.jsxDevRuntimeExports.jsxDEV(B,{visible:n},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/IconButton/IconButtonFilter/IconButtonFilter.tsx",lineNumber:39,columnNumber:7},void 0)]},void 0,!0,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/IconButton/IconButtonFilter/IconButtonFilter.tsx",lineNumber:32,columnNumber:3},void 0);return t?e.jsxDevRuntimeExports.jsxDEV(i.Dropdown,{className:a.mergeClasses(l.root,r),...t,children:o},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/IconButton/IconButtonFilter/IconButtonFilter.tsx",lineNumber:48,columnNumber:5},void 0):o};Object.defineProperty(exports,"IconButton",{enumerable:!0,get:()=>i.IconButton});exports.IconButtonDots=x;exports.IconButtonFilter=p;exports.iconButtonFilterClassNames=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@salutejs/plasma-icons"),s=require("@salutejs/sdds-finai"),t=require("react/jsx-runtime"),u=require("../../chunks/utils-DKi1rqLX.cjs"),d=require("styled-components"),I=require("../Box/index.cjs"),B=require("@salutejs/sdds-themes/tokens/sdds_finai"),x=({dropdownProps:o,iconSize:e,iconOrientation:r="horizontal",...i})=>{const c=r==="vertical"?l.IconDotsVerticalCenteredOutline:l.IconDotsHorizontalOutline,n=t.jsx(s.IconButton,{view:"secondary",size:"s",...i,children:t.jsx(c,{size:e??"s"})});return o?t.jsx(s.Dropdown,{...o,children:n}):n},j=({visible:o,topLeft:e})=>t.jsx(I.Box,{$css:{position:"absolute",top:e??0,right:e??0,width:"6px",aspectRatio:"1",borderRadius:"50%",transition:u.DEFAULT_TRANSITION,backgroundColor:"transparent",transform:"scale(0)",...o&&{backgroundColor:B.surfaceNegative,transform:"scale(1)"}}}),m=d(s.IconButton).withConfig({displayName:"IconButtonFilter__StyledIconButton"})(["position:relative;"]),a={root:"IconButtonFilter__root"},g=({redSquare:o,dropdownProps:e,iconSize:r,className:i,...c})=>{const n=t.jsxs(m,{view:"secondary",size:"s",redSquare:o,...c,children:[t.jsx(l.IconSettingsFilter,{size:r??"s"}),t.jsx(j,{visible:o})]});return e?t.jsx(s.Dropdown,{className:u.mergeClasses(a.root,i),...e,children:n}):n};Object.defineProperty(exports,"IconButton",{enumerable:!0,get:()=>s.IconButton});exports.IconButtonDots=x;exports.IconButtonFilter=g;exports.iconButtonFilterClassNames=a;