@daisforge/ui 1.12.1 → 1.13.0

package/components/DatePicker/index.mjs

@@ -1,65 +1,27 @@
-import { j as t } from "../../chunks/vendor-BG4P-329.mjs";
-import { IconCalendarOutline as k } from "@salutejs/plasma-icons";
+import { jsx as n } from "react/jsx-runtime";
+import { IconCalendarOutline as f } from "@salutejs/plasma-icons";
 import { DatePicker as l } from "@salutejs/sdds-finai";
-import { DatePickerRange as v, datePickerClasses as w, datePickerTokens as E } from "@salutejs/sdds-finai";
-import { forwardRef as f, useState as D } from "react";
+import { DatePickerRange as p, datePickerClasses as w, datePickerTokens as y } from "@salutejs/sdds-finai";
+import { forwardRef as m, useState as k } from "react";
 const P = ({
   datePickerSize: e
-}) => /* @__PURE__ */ t.jsxDEV(
-  k,
-  {
-    color: "inherit",
-    size: e === "xs" ? "xs" : "s"
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DatePicker/DatePicker.tsx",
-    lineNumber: 12,
-    columnNumber: 1
-  },
-  void 0
-), x = f(
-  ({
-    opened: e,
-    onToggle: i,
-    contentLeft: N,
-    contentRight: a,
-    size: n,
-    ...s
-  }, o) => {
-    const [c, m] = D(!1), u = e !== void 0 ? e : c, d = (r) => {
-      i == null || i(r), m(r);
-    };
-    return /* @__PURE__ */ t.jsxDEV(
-      l,
-      {
-        ref: o,
-        opened: u,
-        onToggle: d,
-        contentRight: a ?? /* @__PURE__ */ t.jsxDEV(P, { datePickerSize: n }, void 0, !1, {
-          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DatePicker/DatePicker.tsx",
-          lineNumber: 44,
-          columnNumber: 25
-        }, void 0),
-        size: n,
-        ...s
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DatePicker/DatePicker.tsx",
-        lineNumber: 39,
-        columnNumber: 7
-      },
-      void 0
-    );
-  }
-);
-x.displayName = "DatePicker";
+}) => /* @__PURE__ */ n(f, { color: "inherit", size: e === "xs" ? "xs" : "s" }), D = m(({
+  opened: e,
+  onToggle: t,
+  contentLeft: h,
+  contentRight: a,
+  size: o,
+  ...i
+}, c) => {
+  const [s, d] = k(!1);
+  return /* @__PURE__ */ n(l, { ref: c, opened: e !== void 0 ? e : s, onToggle: (r) => {
+    t == null || t(r), d(r);
+  }, contentRight: a ?? /* @__PURE__ */ n(P, { datePickerSize: o }), size: o, ...i });
+});
+D.displayName = "DatePicker";
 export {
-  x as DatePicker,
-  v as DatePickerRange,
+  D as DatePicker,
+  p as DatePickerRange,
   w as datePickerClasses,
-  E as datePickerTokens
+  y as datePickerTokens
 };

package/components/DrawerDF/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@salutejs/sdds-finai"),r=require("../../chunks/vendor-D8Dozc4m.cjs"),B=require("react"),k=require("@salutejs/plasma-icons"),w=require("../../constants/index.cjs"),c=require("@salutejs/sdds-themes/tokens/sdds_finai"),h=require("styled-components"),D=require("../Box/index.cjs"),e={drawerPanelRoot:"panel-root",drawerCloseBox:"drawer-close-box",drawerHeaderContainer:"drawer-header-container",drawerHeader:"drawer-header",drawerHeaderTop:"drawer-header-top",drawerHeaderTitleBlock:"drawer-header__title-block",drawerHeaderRightBlock:"drawer-header__right-block",drawerHeaderFooterBlock:"drawer-header__footer-block",drawerHeaderBadge:"drawer-header__badge",drawerHeaderTitle:"drawer-header__title",drawerHeaderTitleContainer:"drawer-header__title-container",drawerHeaderSubtitle:"drawer-header__subtitle",drawerFooter:"drawer-footer",drawerContentContainer:"drawer-content-container",drawerContent:"drawer-content",drawerContentInner:"drawer-content-inner",drawerBackIconButton:"drawer__back-icon"},H=({...n})=>r.jsxDevRuntimeExports.jsxDEV(s.IconButton,{size:"s",view:"clear",className:e.drawerBackIconButton,...n,children:r.jsxDevRuntimeExports.jsxDEV(k.IconChevronLeft,{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),R=({onClose:n})=>r.jsxDevRuntimeExports.jsxDEV(s.IconButton,{title:"Закрыть",onClick:()=>{n==null||n()},size:"s",view:"clear",children:r.jsxDevRuntimeExports.jsxDEV(k.IconClose,{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),y=({dropdownProps:n,iconSize:o,...d})=>{const i=r.jsxDevRuntimeExports.jsxDEV(s.IconButton,{view:"secondary",size:"xs",...d,children:r.jsxDevRuntimeExports.jsxDEV(k.IconDotsHorizontalOutline,{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?r.jsxDevRuntimeExports.jsxDEV(s.Dropdown,{...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={drawerPadding:16,drawerOffset:16,gap:8,unknownDelta:32,brXS:()=>c.borderRadiusXs,brS:()=>c.borderRadiusS,brM:()=>c.borderRadiusM,brL:()=>c.borderRadiusL,brXL:()=>c.borderRadiusXl,spaceX2:()=>w.s.x2,spaceX4:()=>w.s.x4,spaceX8:()=>w.s.x8,spaceX6:()=>w.s.x6,brContent:({$header:n,$footer:o})=>`${n?"0px":a.brM()} ${n?"0px":a.brM()} ${o?"0px":a.brM()} ${o?"0px":a.brM()}`},b={multiply:"-64px",default:"-52px"},V=h(s.Drawer).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,b.default,a.spaceX4,()=>c.surfaceSolidCard,a.brM,e.drawerCloseBox,e.drawerHeader,e.drawerContent,e.drawerFooter,()=>c.surfaceSolidCard,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&&h.css(["&{--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,()=>c.surfaceTransparentSecondary,a.brXL,a.gap,e.drawerCloseBox,b.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)),X=({children:n,onOverlayClick:o,className:d,...i})=>{const t=i.closeOnOverlayClick??!0;return r.jsxDevRuntimeExports.jsxDEV(V,{className:`${d??""}`,placement:"right",overlay:r.jsxDevRuntimeExports.jsxDEV(s.Overlay,{onOverlayClick:u=>{var l;t&&((l=i.onClose)==null||l.call(i)),o==null||o(u)},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:t,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)},v=({className:n,children:o,refEl:d,fixedWidth:i,style:t,title:u,subTitle:l,badge:p,rightBlock:m,footerBlock:f,...N})=>o?r.jsxDevRuntimeExports.jsxDEV(D.Box,{display:!0,ref:d,className:e.drawerHeader,$css:{paddingTop:w.spacing.x12,...t},...N,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):r.jsxDevRuntimeExports.jsxDEV(D.Box,{display:!0,ref:d,className:e.drawerHeader,...N,$css:{...t},children:r.jsxDevRuntimeExports.jsxDEV("div",{className:e.drawerHeaderContainer,children:[r.jsxDevRuntimeExports.jsxDEV("div",{className:e.drawerHeaderTop,children:[r.jsxDevRuntimeExports.jsxDEV("div",{className:e.drawerHeaderTitleBlock,children:[r.jsxDevRuntimeExports.jsxDEV("div",{className:e.drawerHeaderTitleContainer,children:[u&&r.jsxDevRuntimeExports.jsxDEV(s.H4,{className:e.drawerHeaderTitle,children:u},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),p&&(()=>{const{text:j,clear:I,pilled:S,transparent:_,...E}=p;return r.jsxDevRuntimeExports.jsxDEV(s.Badge,{view:"default",transparent:!0,clear:void 0,pilled:void 0,...E,className:`${e.drawerHeaderBadge} ${p.className||""}`,children:j},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),m&&r.jsxDevRuntimeExports.jsxDEV("div",{className:e.drawerHeaderRightBlock,children:m},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),l&&r.jsxDevRuntimeExports.jsxDEV(s.BodyS,{color:c.textSecondary,className:e.drawerHeaderSubtitle,children:l},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),f&&r.jsxDevRuntimeExports.jsxDEV("div",{className:e.drawerHeaderFooterBlock,children:f},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),F=({className:n,children:o,refEl:d,fixedWidth:i,style:t,...u})=>r.jsxDevRuntimeExports.jsxDEV(D.Box,{style:{...i&&{flexGrow:0,flexShrink:0,flexBasis:i}},ref:d,className:e.drawerContent,width:"100%",children:r.jsxDevRuntimeExports.jsxDEV(D.Box,{className:e.drawerContentInner,style:t,...u,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),C=({className:n,children:o,refEl:d,...i})=>r.jsxDevRuntimeExports.jsxDEV(D.Box,{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),g=16,x=({main:n,header:o,footer:d,showBackButton:i,onBackClick:t,...u})=>{const l=Array.isArray(n)?n:[n],p={header:!!o,footer:!!d},m=l.length>1,f=B.useMemo(()=>({maxWidth:`calc(100vw + calc(${m?b.multiply:b.default}) - ${m?g:2*g}px)`}),[m]);return r.jsxDevRuntimeExports.jsxDEV(s.PopupProvider,{children:r.jsxDevRuntimeExports.jsxDEV(X,{$multipleContents:m,$header:p.header,$footer:p.footer,style:f,...u,children:[r.jsxDevRuntimeExports.jsxDEV("div",{className:e.drawerCloseBox,children:i?r.jsxDevRuntimeExports.jsxDEV(H,{onClick:t},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):r.jsxDevRuntimeExports.jsxDEV(R,{onClose:u.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,r.jsxDevRuntimeExports.jsxDEV("div",{className:e.drawerContentContainer,children:l},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),!m&&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)};x.Content=F;x.Header=v;x.DotsIconButton=y;x.Footer=C;exports.DrawerDF=x;exports.DrawerDFContent=F;exports.DrawerDFFooter=C;exports.DrawerDFHeader=v;exports.drawerDFClassNames=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@salutejs/sdds-finai"),r=require("react/jsx-runtime"),N=require("react"),f=require("@salutejs/plasma-icons"),u=require("../../constants/index.cjs"),c=require("@salutejs/sdds-themes/tokens/sdds_finai"),H=require("styled-components"),h=require("../Box/index.cjs"),e={drawerPanelRoot:"panel-root",drawerCloseBox:"drawer-close-box",drawerHeaderContainer:"drawer-header-container",drawerHeader:"drawer-header",drawerHeaderTop:"drawer-header-top",drawerHeaderTitleBlock:"drawer-header__title-block",drawerHeaderRightBlock:"drawer-header__right-block",drawerHeaderFooterBlock:"drawer-header__footer-block",drawerHeaderBadge:"drawer-header__badge",drawerHeaderTitle:"drawer-header__title",drawerHeaderTitleContainer:"drawer-header__title-container",drawerHeaderSubtitle:"drawer-header__subtitle",drawerFooter:"drawer-footer",drawerContentContainer:"drawer-content-container",drawerContent:"drawer-content",drawerContentInner:"drawer-content-inner",drawerBackIconButton:"drawer__back-icon"},F=({...d})=>r.jsx(i.IconButton,{size:"s",view:"clear",className:e.drawerBackIconButton,...d,children:r.jsx(f.IconChevronLeft,{color:"inherit"})}),X=({onClose:d})=>r.jsx(i.IconButton,{title:"Закрыть",onClick:()=>{d==null||d()},size:"s",view:"clear",children:r.jsx(f.IconClose,{color:"inherit"})}),S=({dropdownProps:d,iconSize:t,...n})=>{const o=r.jsx(i.IconButton,{view:"secondary",size:"xs",...n,children:r.jsx(f.IconDotsHorizontalOutline,{size:"xs",...n.size==="s"&&{size:n.size},...t&&{size:t}})});return d?r.jsx(i.Dropdown,{...d,children:o}):o},a={drawerPadding:16,drawerOffset:16,gap:8,unknownDelta:32,brXS:()=>c.borderRadiusXs,brS:()=>c.borderRadiusS,brM:()=>c.borderRadiusM,brL:()=>c.borderRadiusL,brXL:()=>c.borderRadiusXl,spaceX2:()=>u.s.x2,spaceX4:()=>u.s.x4,spaceX8:()=>u.s.x8,spaceX6:()=>u.s.x6,brContent:({$header:d,$footer:t})=>`${d?"0px":a.brM()} ${d?"0px":a.brM()} ${t?"0px":a.brM()} ${t?"0px":a.brM()}`},m={multiply:"-64px",default:"-52px"},_=H(i.Drawer).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,m.default,a.spaceX4,()=>c.surfaceSolidCard,a.brM,e.drawerCloseBox,e.drawerHeader,e.drawerContent,e.drawerFooter,()=>c.surfaceSolidCard,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:d})=>d?"0":"16px",({$footer:d})=>d?"0px":"16px",e.drawerContentInner,a.spaceX2,e.drawerFooter,a.brM,a.brM,({$multipleContents:d})=>d&&H.css(["&{--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,()=>c.surfaceTransparentSecondary,a.brXL,a.gap,e.drawerCloseBox,m.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)),I=({children:d,onOverlayClick:t,className:n,...o})=>{const s=o.closeOnOverlayClick??!0;return r.jsx(_,{className:`${n??""}`,placement:"right",overlay:r.jsx(i.Overlay,{onOverlayClick:l=>{var w;s&&((w=o.onClose)==null||w.call(o)),t==null||t(l)},zIndex:"9000",backgroundColorProperty:"#060A0C47"}),offset:[`${a.drawerOffset}px`,"0px"],asModal:!0,height:"calc(100dvh - 32px)",closeOnEsc:!0,closeOnOverlayClick:s,width:"576px",...o,children:d})},y=({className:d,children:t,refEl:n,fixedWidth:o,style:s,title:l,subTitle:w,badge:x,rightBlock:p,footerBlock:b,...C})=>t?r.jsx(h.Box,{display:!0,ref:n,className:e.drawerHeader,$css:{paddingTop:u.spacing.x12,...s},...C,children:t}):r.jsx(h.Box,{display:!0,ref:n,className:e.drawerHeader,...C,$css:{...s},children:r.jsxs("div",{className:e.drawerHeaderContainer,children:[r.jsxs("div",{className:e.drawerHeaderTop,children:[r.jsxs("div",{className:e.drawerHeaderTitleBlock,children:[r.jsxs("div",{className:e.drawerHeaderTitleContainer,children:[l&&r.jsx(i.H4,{className:e.drawerHeaderTitle,children:l}),x&&(()=>{const{text:D,clear:T,pilled:M,transparent:R,...k}=x;return r.jsx(i.Badge,{view:"default",transparent:!0,clear:void 0,pilled:void 0,...k,className:`${e.drawerHeaderBadge} ${x.className||""}`,children:D})})()]}),p&&r.jsx("div",{className:e.drawerHeaderRightBlock,children:p})]}),w&&r.jsx(i.BodyS,{color:c.textSecondary,className:e.drawerHeaderSubtitle,children:w})]}),b&&r.jsx("div",{className:e.drawerHeaderFooterBlock,children:b})]})}),B=({className:d,children:t,refEl:n,fixedWidth:o,style:s,...l})=>r.jsx(h.Box,{style:{...o&&{flexGrow:0,flexShrink:0,flexBasis:o}},ref:n,className:e.drawerContent,width:"100%",children:r.jsx(h.Box,{className:e.drawerContentInner,style:s,...l,children:t})}),j=({className:d,children:t,refEl:n,...o})=>r.jsx(h.Box,{ref:n,className:e.drawerFooter,...o,children:t}),v=16,g=({main:d,header:t,footer:n,showBackButton:o,onBackClick:s,...l})=>{const w=Array.isArray(d)?d:[d],x={header:!!t,footer:!!n},p=w.length>1,b=N.useMemo(()=>({maxWidth:`calc(100vw + calc(${p?m.multiply:m.default}) - ${p?v:2*v}px)`}),[p]);return r.jsx(i.PopupProvider,{children:r.jsxs(I,{$multipleContents:p,$header:x.header,$footer:x.footer,style:b,...l,children:[r.jsx("div",{className:e.drawerCloseBox,children:o?r.jsx(F,{onClick:s}):r.jsx(X,{onClose:l.onClose})}),t,r.jsx("div",{className:e.drawerContentContainer,children:w}),!p&&n]})})};g.Content=B;g.Header=y;g.DotsIconButton=S;g.Footer=j;exports.DrawerDF=g;exports.DrawerDFContent=B;exports.DrawerDFFooter=j;exports.DrawerDFHeader=y;exports.drawerDFClassNames=e;