@daisforge/ui 1.10.3

package/components/DrawerDF/components/styled.d.ts

@@ -0,0 +1,51 @@
+import { DrawerDFPropsForStyles } from '../types';
+
+export declare const c: {
+    drawerPadding: number;
+    drawerOffset: number;
+    gap: number;
+    unknownDelta: number;
+    brXS: () => string;
+    brS: () => string;
+    brM: () => string;
+    brL: () => string;
+    brXL: () => string;
+    spaceX2: () => "var(--spacing-2x, 4px)";
+    spaceX4: () => "var(--spacing-4x, 8px)";
+    spaceX8: () => "var(--spacing-8x, 16px)";
+    spaceX6: () => "var(--spacing-6x, 12px)";
+    brContent: ({ $header, $footer }: {
+        $header: boolean;
+        $footer: boolean;
+    }) => string;
+};
+export declare const drawerOffsetCloseBtn: {
+    multiply: string;
+    default: string;
+};
+export declare const StyledDrawer: import('styled-components').StyledComponent<import('react').FunctionComponent<import('@salutejs/plasma-new-hope/types/engines/types.js').PropsType<{
+    view: {
+        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    size: {
+        m: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+    borderRadius: {
+        none: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+        default: import('@salutejs/plasma-new-hope/types/engines/types.js').PolymorphicClassName;
+    };
+}> & Omit<import('@salutejs/plasma-new-hope').PopupProps, "draggable" | "resizable"> & import('@salutejs/plasma-new-hope/types/components/Panel/Panel.types.js').PanelProps & {
+    animationInfo?: import('@salutejs/plasma-new-hope/types/components/Drawer/Drawer.types.js').DrawerAnimationInfo | undefined;
+    placement?: "top" | "right" | "bottom" | "left" | undefined;
+    asModal?: boolean | undefined;
+    customBackgroundColor?: string | undefined;
+    customContentBackgroundColor?: string | undefined;
+    withBlur?: boolean | undefined;
+    closeOnEsc?: boolean | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+    onEscKeyDown?: ((event: KeyboardEvent) => void) | undefined;
+    onOverlayClick?: ((event: import('react').MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    initialFocusRef?: import('react').RefObject<HTMLElement> | undefined;
+    focusAfterRef?: import('react').RefObject<HTMLElement> | undefined;
+    onClose?: (() => void) | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>, import('styled-components').DefaultTheme, DrawerDFPropsForStyles, never>;

package/components/DrawerDF/index.cjs

@@ -0,0 +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:76,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:78,columnNumber:11},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDF.tsx",lineNumber:74,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:83,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:67,columnNumber:7},void 0)},void 0,!1,{fileName:"/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDF.tsx",lineNumber:66,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;

package/components/DrawerDF/index.d.ts

@@ -0,0 +1,3 @@
+export { drawerDFClassNames } from './classNames';
+export { DrawerDF, type DrawerDFProps } from './DrawerDF';
+export { DrawerDFContent, DrawerDFFooter, DrawerDFHeader } from './DrawerDFCompounds';

package/components/DrawerDF/index.mjs

@@ -0,0 +1,426 @@
+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";
+const 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"
+}, W = ({
+  ...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 = {
+  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,
+  brContent: ({
+    $header: n,
+    $footer: o
+  }) => `${n ? "0px" : a.brM()} ${n ? "0px" : a.brM()} ${o ? "0px" : a.brM()} ${o ? "0px" : a.brM()}`
+}, D = {
+  multiply: "-64px",
+  default: "-52px"
+}, q = L(F).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 = ({
+  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,
+  ...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
+}) => {
+  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: 76,
+          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: 78,
+          columnNumber: 11
+        }, void 0) }, void 0, !1, {
+          fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDF.tsx",
+          lineNumber: 74,
+          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: 83,
+          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: 67,
+      columnNumber: 7
+    },
+    void 0
+  ) }, void 0, !1, {
+    fileName: "/home/runner/work/dais-ui/dais-ui/packages/ui-kit/src/components/DrawerDF/DrawerDF.tsx",
+    lineNumber: 66,
+    columnNumber: 5
+  }, void 0);
+};
+f.Content = Q;
+f.Header = K;
+f.DotsIconButton = P;
+f.Footer = U;
+export {
+  f as DrawerDF,
+  Q as DrawerDFContent,
+  U as DrawerDFFooter,
+  K as DrawerDFHeader,
+  e as drawerDFClassNames
+};

package/components/DrawerDF/types.d.ts

@@ -0,0 +1,40 @@
+import { ComponentProps, LegacyRef, ReactNode, Ref } from 'react';
+import { IconChevronLeft, IconDotsHorizontalOutline } from '../../icons';
+import { IconButton } from '../IconButton';
+import { Dropdown } from '../Dropdown';
+import { Drawer } from '../Drawer';
+import { BoxProps } from '../Box';
+import { BadgeCompProps } from '../Badge';
+
+export type DrawerProps = ComponentProps<typeof Drawer>;
+export type DrawerDFPropsForStyles = {
+    $multipleContents: boolean;
+    $header: boolean;
+    $footer: boolean;
+};
+export type DrawerDFHeaderProps = BoxProps & {
+    refEl?: LegacyRef<HTMLDivElement>;
+    title?: ReactNode;
+    subTitle?: ReactNode;
+    badge?: (BadgeCompProps & {
+        text: string;
+    }) | undefined;
+    rightBlock?: ReactNode;
+    footerBlock?: ReactNode;
+};
+export type DrawerDFContentProps = BoxProps & {
+    fixedWidth?: string;
+    refEl?: Ref<HTMLDivElement>;
+    $isFirstSingleContent?: boolean;
+    $isLastSingleContent?: boolean;
+};
+export type DrawerDFFooterProps = BoxProps & {
+    refEl?: LegacyRef<HTMLDivElement>;
+};
+export type DrawerDFDotsIconButtonProps = ComponentProps<typeof IconButton> & {
+    dropdownProps?: ComponentProps<typeof Dropdown>;
+    iconSize?: ComponentProps<typeof IconDotsHorizontalOutline>['size'];
+};
+export type DrawerDFBackIconButtonProps = ComponentProps<typeof IconButton> & {
+    iconSize?: ComponentProps<typeof IconChevronLeft>['size'];
+};

package/components/Dropdown/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@salutejs/sdds-finai");Object.defineProperty(exports,"Dropdown",{enumerable:!0,get:()=>e.Dropdown});

package/components/Dropdown/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+import { Dropdown, DropdownItemOption } from '@salutejs/sdds-finai';
+
+type DropdownProps = ComponentProps<typeof Dropdown>;
+export { Dropdown, type DropdownItemOption, type DropdownProps };

package/components/Dropdown/index.mjs

@@ -0,0 +1,4 @@
+import { Dropdown as p } from "@salutejs/sdds-finai";
+export {
+  p as Dropdown
+};

package/components/Dropzone/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@salutejs/sdds-finai");Object.defineProperty(exports,"Dropzone",{enumerable:!0,get:()=>e.Dropzone});

package/components/Dropzone/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+import { Dropzone } from '@salutejs/sdds-finai';
+
+type DropzoneProps = ComponentProps<typeof Dropzone>;
+export { Dropzone, type DropzoneProps };

package/components/Dropzone/index.mjs

@@ -0,0 +1,4 @@
+import { Dropzone as e } from "@salutejs/sdds-finai";
+export {
+  e as Dropzone
+};

package/components/EmbedIconButton/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@salutejs/sdds-finai");Object.defineProperty(exports,"EmbedIconButton",{enumerable:!0,get:()=>e.EmbedIconButton});

package/components/EmbedIconButton/index.d.ts

@@ -0,0 +1 @@
+export { EmbedIconButton } from '@salutejs/sdds-finai';

package/components/EmbedIconButton/index.mjs

@@ -0,0 +1,4 @@
+import { EmbedIconButton as e } from "@salutejs/sdds-finai";
+export {
+  e as EmbedIconButton
+};

package/components/EmbeddedButtonBeta/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@salutejs/sdds-finai/beta");Object.defineProperty(exports,"EmbeddedButtonBeta",{enumerable:!0,get:()=>e.EmbeddedButton});

package/components/EmbeddedButtonBeta/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from 'react';
+import { EmbeddedButton as EmbeddedButtonBeta } from '@salutejs/sdds-finai/beta';
+
+type EmbeddedButtonBetaCompProps = ComponentProps<typeof EmbeddedButtonBeta>;
+export { EmbeddedButtonBeta, type EmbeddedButtonBetaCompProps };

package/components/EmbeddedButtonBeta/index.mjs

@@ -0,0 +1,4 @@
+import { EmbeddedButton as t } from "@salutejs/sdds-finai/beta";
+export {
+  t as EmbeddedButtonBeta
+};