stone-kit 0.0.1085 → 0.0.1086

package/dist/components/SortSelect/ui/SortSelect.js

@@ -1,111 +1,29 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { useState as M, useRef as W, useEffect as E } from "react";
-import { c as L } from "../../../index-YnD2EP-S.js";
-import { s as e, u as j } from "../../../useSortSelect-IeonkD5d.js";
-import { useClientWidth as w } from "../../../shared/useClientWidth.js";
-import { NewIcon as O } from "../../NewIcon/ui/NewIcon.js";
-import { Modal as T } from "../../Modal/ui/Modal.js";
-import { Text as z } from "../../Text/ui/Text.js";
-const r = L.bind(e), A = ({
-  options: n,
-  selectedOption: h,
-  placeholder: v = "",
-  error: N,
-  disabled: b,
-  additionalClass: x = "",
-  onChange: c,
-  onBlur: y,
-  mini: k,
-  openOnTop: d = !1,
-  onClickItem: C,
-  onCLickSelect: m,
-  onOpenClick: p
-}) => {
-  const [o, i] = M(!1), u = W(null), { isMobile: l } = w(), { handleBlur: B, getInputValue: I, getOption: f, handleDocumentClick: S } = j({
-    selectedOption: h,
-    onClickOption: C,
-    setSelectedOption: c,
-    setIsOpen: i,
-    containerRef: u,
-    isMobile: l,
-    placeholder: v,
-    onChange: c,
-    onBlur: y
-  });
-  return E(() => (document.addEventListener("click", S), () => {
-    document.removeEventListener("click", S);
-  }), []), /* @__PURE__ */ s(
-    "div",
-    {
-      ref: u,
-      className: r(
-        e.sortSelectWrapper,
-        { [e.sortSelectWrapperError]: N },
-        { [e.sortSelectWrapperTop]: d },
-        x
-      ),
-      tabIndex: 0,
-      onBlur: B,
-      onClick: () => {
-        m && m();
-      },
-      children: [
-        /* @__PURE__ */ s("div", { className: r(e.inputWrapper), children: [
-          /* @__PURE__ */ t(
-            "input",
-            {
-              type: "text",
-              readOnly: !0,
-              value: I(),
-              className: r(
-                e.selectedOptions,
-                { [e.selectOptionsDisabled]: b },
-                { [e.selectionOptionMini]: k }
-              ),
-              onClick: () => {
-                o || p && p(), i(!o);
-              }
-            }
-          ),
-          /* @__PURE__ */ t(
-            O,
-            {
-              name: "twoArrows",
-              size: "24",
-              additionalClass: e.icon
-            }
-          )
-        ] }),
-        o && l && /* @__PURE__ */ s(
-          T,
-          {
-            isOpen: o,
-            emitIsOpen: i,
-            additionalClassModalBody: e.modalAddBody,
-            additionalClass: e.selectModal,
-            createPortalObj: { domNode: document.querySelector("body") },
-            isTransparentBack: !0,
-            children: [
-              /* @__PURE__ */ s("div", { className: e.mobileSortHeader, children: [
-                /* @__PURE__ */ t(z, { children: "Сортировка" }),
-                /* @__PURE__ */ t("div", { onClick: () => i(!1), children: /* @__PURE__ */ t(
-                  O,
-                  {
-                    name: "close",
-                    size: "20"
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ t("div", { className: e.mobileOptionList, children: n?.map((a) => f(a)) })
-            ]
-          }
-        ),
-        o && !l && /* @__PURE__ */ t("div", { className: r(e.optionsList, { [e.optionListOnTop]: d }), children: n?.map((a) => f(a)) })
-      ]
-    }
-  );
-};
-A.displayName = "SortSelect";
+import "react/jsx-runtime";
+import "react";
+import "../../../index-YnD2EP-S.js";
+import "../../../useSortSelect-IeonkD5d.js";
+import "../../NewIcon/ui/NewIcon.js";
+import "../../Button/ui/Button.js";
+import "../../mobileButton/ui/MobileButton.js";
+import "../../DestinationTab/ui/DestinationTab.js";
+import "../../RoundButton/ui/RoundButton.js";
+import "../../Tag/ui/Tag.js";
+import "../../Switcher/ui/Switcher.js";
+import "../../Text/ui/Text.js";
+import "../../Flex/ui/Flex.js";
+import "../../Input/ui/Input.js";
+import "../../Modal/ui/Modal.js";
+import { S as A } from "../../../FilterWithSave-D4iIFzmS.js";
+import "../../GroupedInput/ui/GroupedInputs.js";
+import "../../MetroTag/ui/MetroTag.js";
+import "../../Select/ui/Select.js";
+import "../../../shared/useClientWidth.js";
+import "../../SliderNavigation/ui/SliderNavigation.js";
+import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
+import "../../TabSelect/ui/TabSelect.js";
+import "../../CheckBox/CheckBox.js";
+import "../../CheckBoxNew/CheckBoxNew.js";
+import "../../CheckboxSelect/ui/CheckboxSelect.js";
 export {
   A as SortSelect
 };

package/dist/components/SummarySelect/ui/SummarySelect.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as t, Fragment as b } from "react/jsx-runtime";
 import { c as n } from "../../../index-YnD2EP-S.js";
-import { Select as x } from "../../Select/ui/Select.js";
 import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
+import { Select as x } from "../../Select/ui/Select.js";
 const A = "_root_99sc2_1", $ = "_nameWrapper_99sc2_8", j = "_size_large_99sc2_18", U = "_clearBtnWrapper_99sc2_25", F = "_clearBtn_99sc2_25", I = "_summaryList_99sc2_54", q = "_summaryOption_99sc2_66", E = "_summaryOptionSecondary_99sc2_88", G = "_categoryOption_99sc2_93", H = "_categoryOptionSecondary_99sc2_102", J = "_summaryCategory_99sc2_106", K = "_headerCategory_99sc2_116", M = "_categoryTitle_99sc2_122", Q = "_categoryTitleSecondary_99sc2_130", R = "_categoryOptions_99sc2_134", e = {
   root: A,
   nameWrapper: $,

package/dist/components/TabSelect/ui/TabSelect.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as N } from "react/jsx-runtime";
 import { c as T } from "../../../index-YnD2EP-S.js";
-import { useClientWidth as k } from "../../../shared/useClientWidth.js";
-import { Text as y } from "../../Text/ui/Text.js";
+import { Text as k } from "../../Text/ui/Text.js";
+import { useClientWidth as y } from "../../../shared/useClientWidth.js";
 const z = "_root_pbslz_1", W = "_whiteFill_pbslz_29", D = "_text_pbslz_34", F = "_fullWhite_pbslz_48", P = "_whiteStroke_pbslz_67", C = "_withPadding_pbslz_105", I = "_grayDesign_pbslz_109", t = {
   root: z,
   whiteFill: W,
@@ -20,7 +20,7 @@ const z = "_root_pbslz_1", W = "_whiteFill_pbslz_29", D = "_text_pbslz_34", F =
   classname: l,
   children: a
 }) => /* @__PURE__ */ e("div", { className: i(t.root, t[`${s}`], l), children: a }), c = (s) => {
-  const { isTablet: l, isDesktop: a } = k(), {
+  const { isTablet: l, isDesktop: a } = y(), {
     children: r,
     className: h,
     additionalClassName: d,
@@ -49,7 +49,7 @@ const z = "_root_pbslz_1", W = "_whiteFill_pbslz_29", D = "_text_pbslz_34", F =
       {
         className: i(h, d, { [t.isLong]: m }),
         style: { width: u(l, a) },
-        children: /* @__PURE__ */ e(y, { className: i(t.text), children: r })
+        children: /* @__PURE__ */ e(k, { className: i(t.text), children: r })
       }
     )
   ] });

package/dist/components/TabSwitcher/index.js

@@ -1,4 +1,4 @@
-import { TabSwitcher as o } from "./ui/TabSwitcher.js";
+import { T as e } from "../../FilterWithSave-D4iIFzmS.js";
 export {
-  o as TabSwitcher
+  e as TabSwitcher
 };

package/dist/components/TabSwitcher/ui/TabSwitcher.js

@@ -1,123 +1,28 @@
-import { jsx as s, jsxs as S } from "react/jsx-runtime";
-import { c as W } from "../../../index-YnD2EP-S.js";
-import { useClientWidth as $ } from "../../../shared/useClientWidth.js";
-import { Text as D } from "../../Text/ui/Text.js";
-const M = "_root_1qhai_1", j = "_text_1qhai_18", G = "_textMini_1qhai_26", k = "_rootCol_1qhai_32", v = "_item_1qhai_38", O = "_whiteRow_1qhai_57", A = "_firstItem_1qhai_68", B = "_lastItem_1qhai_72", E = "_whiteRowGrayLabel_1qhai_103", F = "_labelItem_1qhai_118", H = "_outlined_1qhai_147", J = "_apart_1qhai_204", K = "_isLong_1qhai_204", P = "_autoWidth_1qhai_219", Q = "_mini_1qhai_233", U = "_isDisabled_1qhai_241", V = "_grayRow_1qhai_265", e = {
-  root: M,
-  text: j,
-  textMini: G,
-  rootCol: k,
-  item: v,
-  whiteRow: O,
-  firstItem: A,
-  lastItem: B,
-  whiteRowGrayLabel: E,
-  labelItem: F,
-  outlined: H,
-  apart: J,
-  isLong: K,
-  autoWidth: P,
-  mini: Q,
-  isDisabled: U,
-  grayRow: V,
-  "tiny-size": "_tiny-size_1qhai_293",
-  "small-size": "_small-size_1qhai_298",
-  "medium-size": "_medium-size_1qhai_303",
-  "large-size": "_large-size_1qhai_308",
-  "text-tiny-size": "_text-tiny-size_1qhai_313",
-  "text-small-size": "_text-small-size_1qhai_319",
-  "text-medium-size": "_text-medium-size_1qhai_324",
-  "text-large-size": "_text-large-size_1qhai_329",
-  "small-size_m": "_small-size_m_1qhai_335",
-  "medium-size_m": "_medium-size_m_1qhai_339",
-  "large-size_m": "_large-size_m_1qhai_343",
-  "text-small-size_m": "_text-small-size_m_1qhai_347",
-  "text-medium-size_m": "_text-medium-size_m_1qhai_351",
-  "text-large-size_m": "_text-large-size_m_1qhai_355",
-  "small-size_l": "_small-size_l_1qhai_370",
-  "medium-size_l": "_medium-size_l_1qhai_374",
-  "large-size_l": "_large-size_l_1qhai_378",
-  "text-small-size_l": "_text-small-size_l_1qhai_382",
-  "text-medium-size_l": "_text-medium-size_l_1qhai_386",
-  "text-large-size_l": "_text-large-size_l_1qhai_390"
-}, _ = W.bind(e), X = ({
-  children: a,
-  variant: l = "whiteRow",
-  isApart: m = !1,
-  addClassName: i = "",
-  col: t = !1
-}) => /* @__PURE__ */ s("div", { className: _(e.root, e[l], { [e.rootCol]: t, [e.apart]: m }, i), children: a }), g = (a) => {
-  const { isTablet: l, isDesktop: m } = $(), {
-    index: i,
-    children: t,
-    addItemClassName: u,
-    addLabelClassname: w,
-    addTextClass: b,
-    size_s: h = "large",
-    size_m: r,
-    size_l: d,
-    disabled: z = !1,
-    itemsLength: I = 0,
-    isLongOn: f = !0,
-    width: c,
-    width_m: o,
-    width_l: n,
-    mini: x = !1,
-    dataTestId: p,
-    ref: y,
-    ...L
-  } = a, q = (t?.toString().length ? t?.toString().length > 2 : !1) && f, R = (C, N) => C && o ? o : N && n ? n : c, T = !c && !o && !n && q;
-  return /* @__PURE__ */ S("label", { className: _(e.labelItem, { [e.isLong]: q }, w), children: [
-    /* @__PURE__ */ s(
-      "input",
-      {
-        ref: y,
-        type: "checkbox",
-        ...L,
-        disabled: z
-      }
-    ),
-    /* @__PURE__ */ s(
-      "div",
-      {
-        style: { width: R(l, m) },
-        "data-testid": p,
-        className: _(
-          e.item,
-          {
-            [e.firstItem]: i === 0,
-            [e.lastItem]: i === I - 1,
-            [e.isDisabled]: z,
-            [e.autoWidth]: T,
-            [e.mini]: x
-          },
-          e[`${h}-size`],
-          e[`${r}-size_m`],
-          e[`${d}-size_l`],
-          u
-        ),
-        children: /* @__PURE__ */ s(
-          D,
-          {
-            className: _(
-              e.text,
-              e[`text-${h}-size`],
-              e[`text-${r}-size_m`],
-              e[`text-${d}-size_l`],
-              { [e.textMini]: x },
-              b
-            ),
-            children: t
-          }
-        )
-      }
-    )
-  ] });
-};
-g.displayName = "TabSwitcherItem";
-const ie = Object.assign(X, {
-  Item: g
-});
+import "react/jsx-runtime";
+import { T as y } from "../../../FilterWithSave-D4iIFzmS.js";
+import "../../Text/ui/Text.js";
+import "../../../index-YnD2EP-S.js";
+import "../../Button/ui/Button.js";
+import "../../mobileButton/ui/MobileButton.js";
+import "../../NewIcon/ui/NewIcon.js";
+import "../../DestinationTab/ui/DestinationTab.js";
+import "../../RoundButton/ui/RoundButton.js";
+import "../../Tag/ui/Tag.js";
+import "../../Switcher/ui/Switcher.js";
+import "../../Flex/ui/Flex.js";
+import "../../Input/ui/Input.js";
+import "react";
+import "react-dom";
+import "../../GroupedInput/ui/GroupedInputs.js";
+import "../../MetroTag/ui/MetroTag.js";
+import "../../Select/ui/Select.js";
+import "../../../shared/useClientWidth.js";
+import "../../SliderNavigation/ui/SliderNavigation.js";
+import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
+import "../../TabSelect/ui/TabSelect.js";
+import "../../CheckBox/CheckBox.js";
+import "../../CheckBoxNew/CheckBoxNew.js";
+import "../../CheckboxSelect/ui/CheckboxSelect.js";
 export {
-  ie as TabSwitcher
+  y as TabSwitcher
 };

package/dist/layout/components/Header/Header.js

@@ -1,38 +1,59 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { Menu as w } from "../Menu.js";
-import { useState as r } from "react";
-import { NewIcon as a } from "../../../components/NewIcon/ui/NewIcon.js";
-const m = "_root_15wfn_1", _ = "_wrap_15wfn_12", g = "_search_15wfn_32", x = "_searchInp_15wfn_47", y = "_searchIcon_15wfn_67", I = "_closeBtn_15wfn_73", t = {
-  root: m,
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { Menu as f } from "../Menu.js";
+import { useState as i } from "react";
+import "../../../components/Button/ui/Button.js";
+import "../../../components/mobileButton/ui/MobileButton.js";
+import { NewIcon as c } from "../../../components/NewIcon/ui/NewIcon.js";
+import "../../../components/DestinationTab/ui/DestinationTab.js";
+import "../../../components/RoundButton/ui/RoundButton.js";
+import "../../../components/Tag/ui/Tag.js";
+import "../../../components/Switcher/ui/Switcher.js";
+import "../../../components/Text/ui/Text.js";
+import "../../../components/Flex/ui/Flex.js";
+import "../../../components/Input/ui/Input.js";
+import "react-dom";
+import "../../../index-YnD2EP-S.js";
+import "../../../FilterWithSave-D4iIFzmS.js";
+import "../../../components/GroupedInput/ui/GroupedInputs.js";
+import "../../../components/MetroTag/ui/MetroTag.js";
+import "../../../components/Select/ui/Select.js";
+import "../../../components/SliderNavigation/ui/SliderNavigation.js";
+import "../../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
+import "../../../components/TabSelect/ui/TabSelect.js";
+import "../../../components/CheckBox/CheckBox.js";
+import "../../../components/CheckBoxNew/CheckBoxNew.js";
+import "../../../components/CheckboxSelect/ui/CheckboxSelect.js";
+const w = "_root_15wfn_1", _ = "_wrap_15wfn_12", g = "_search_15wfn_32", x = "_searchInp_15wfn_47", y = "_searchIcon_15wfn_67", I = "_closeBtn_15wfn_73", e = {
+  root: w,
   wrap: _,
   search: g,
   searchInp: x,
   searchIcon: y,
   closeBtn: I
-}, C = () => {
-  const [l, o] = r(!1), [i, c] = r(""), h = (n) => {
-    c(n.target.value);
-  }, u = (n) => {
-    n.key === "Enter" && (window.location.href = "https://test.stone.ru");
-  }, d = () => {
-    o(!0);
-  }, f = () => {
+}, P = () => {
+  const [a, s] = i(!1), [l, r] = i(""), h = (o) => {
+    r(o.target.value);
+  }, p = (o) => {
+    o.key === "Enter" && (window.location.href = "https://test.stone.ru");
+  }, m = () => {
+    s(!0);
+  }, u = () => {
     setTimeout(() => {
-      document?.activeElement?.classList.contains("close-button") || o(!1);
+      document?.activeElement?.classList.contains("close-button") || s(!1);
     }, 0);
-  }, p = () => {
-    c(""), o(!1);
+  }, d = () => {
+    r(""), s(!1);
   };
-  return /* @__PURE__ */ s("nav", { className: t.root, children: [
-    /* @__PURE__ */ s("div", { className: t.wrap, children: [
-      /* @__PURE__ */ s(
+  return /* @__PURE__ */ n("nav", { className: e.root, children: [
+    /* @__PURE__ */ n("div", { className: e.wrap, children: [
+      /* @__PURE__ */ n(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
           width: "200",
           height: "60",
           children: [
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "rect",
               {
                 width: "200",
@@ -40,7 +61,7 @@ const m = "_root_15wfn_1", _ = "_wrap_15wfn_12", g = "_search_15wfn_32", x = "_s
                 fill: "transparent"
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "text",
               {
                 x: "0",
@@ -51,7 +72,7 @@ const m = "_root_15wfn_1", _ = "_wrap_15wfn_12", g = "_search_15wfn_32", x = "_s
                 children: "Stone"
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "rect",
               {
                 x: "110",
@@ -63,7 +84,7 @@ const m = "_root_15wfn_1", _ = "_wrap_15wfn_12", g = "_search_15wfn_32", x = "_s
                 fill: "#f90"
               }
             ),
-            /* @__PURE__ */ e(
+            /* @__PURE__ */ t(
               "text",
               {
                 x: "115",
@@ -78,8 +99,8 @@ const m = "_root_15wfn_1", _ = "_wrap_15wfn_12", g = "_search_15wfn_32", x = "_s
           ]
         }
       ),
-      /* @__PURE__ */ s("search", { className: t.search, children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ n("search", { className: e.search, children: [
+        /* @__PURE__ */ t(
           "button",
           {
             style: {
@@ -89,39 +110,39 @@ const m = "_root_15wfn_1", _ = "_wrap_15wfn_12", g = "_search_15wfn_32", x = "_s
               padding: "unset",
               cursor: "pointer"
             },
-            onClick: (n) => {
-              n.preventDefault(), window.location.href = "https://test.stone.ru";
+            onClick: (o) => {
+              o.preventDefault(), window.location.href = "https://test.stone.ru";
             },
-            children: /* @__PURE__ */ e(
-              a,
+            children: /* @__PURE__ */ t(
+              c,
               {
-                additionalClass: t.searchIcon,
+                additionalClass: e.searchIcon,
                 size: "24",
                 name: "search"
               }
             )
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ t(
           "input",
           {
             type: "text",
-            value: i,
+            value: l,
             onChange: h,
-            onKeyDown: u,
-            onFocus: d,
-            onBlur: f,
-            className: t.searchInp,
+            onKeyDown: p,
+            onFocus: m,
+            onBlur: u,
+            className: e.searchInp,
             placeholder: "Изучить stone-kit"
           }
         ),
-        l && /* @__PURE__ */ e(
+        a && /* @__PURE__ */ t(
           "button",
           {
-            onClick: p,
-            className: `${t.closeBtn} close-button`,
-            children: /* @__PURE__ */ e(
-              a,
+            onClick: d,
+            className: `${e.closeBtn} close-button`,
+            children: /* @__PURE__ */ t(
+              c,
               {
                 strokeWidth: "2.5",
                 color: "#252525",
@@ -133,9 +154,9 @@ const m = "_root_15wfn_1", _ = "_wrap_15wfn_12", g = "_search_15wfn_32", x = "_s
         )
       ] })
     ] }),
-    /* @__PURE__ */ e(w, {})
+    /* @__PURE__ */ t(f, {})
   ] });
 };
 export {
-  C as Header
+  P as Header
 };

package/dist/layout/components/Menu.js

@@ -1,19 +1,41 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { L as r } from "../../chunk-4WY6JWTD-BeveLKf_.js";
-import { NewIcon as s } from "../../components/NewIcon/ui/NewIcon.js";
-const c = "_root_9577c_1", a = "_linkWrap_9577c_8", i = {
-  root: c,
-  linkWrap: a
-}, _ = () => {
-  const o = ({ to: l, title: n }) => /* @__PURE__ */ e(
-    r,
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import "../../components/Button/ui/Button.js";
+import "../../components/mobileButton/ui/MobileButton.js";
+import { NewIcon as e } from "../../components/NewIcon/ui/NewIcon.js";
+import "../../components/DestinationTab/ui/DestinationTab.js";
+import "../../components/RoundButton/ui/RoundButton.js";
+import "../../components/Tag/ui/Tag.js";
+import "../../components/Switcher/ui/Switcher.js";
+import "../../components/Text/ui/Text.js";
+import "../../components/Flex/ui/Flex.js";
+import "../../components/Input/ui/Input.js";
+import "react";
+import "react-dom";
+import "../../index-YnD2EP-S.js";
+import "../../FilterWithSave-D4iIFzmS.js";
+import "../../components/GroupedInput/ui/GroupedInputs.js";
+import "../../components/MetroTag/ui/MetroTag.js";
+import "../../components/Select/ui/Select.js";
+import "../../components/SliderNavigation/ui/SliderNavigation.js";
+import "../../components/LotCardSkeleton/ui/LotCardSkeleton.js";
+import "../../components/TabSelect/ui/TabSelect.js";
+import "../../components/CheckBox/CheckBox.js";
+import "../../components/CheckBoxNew/CheckBoxNew.js";
+import "../../components/CheckboxSelect/ui/CheckboxSelect.js";
+import { L as l } from "../../chunk-4WY6JWTD-BeveLKf_.js";
+const n = "_root_9577c_1", s = "_linkWrap_9577c_8", r = {
+  root: n,
+  linkWrap: s
+}, D = () => {
+  const o = ({ to: m, title: p }) => /* @__PURE__ */ i(
+    l,
     {
-      to: l,
-      className: i.linkWrap,
+      to: m,
+      className: r.linkWrap,
       children: [
-        n,
+        p,
         /* @__PURE__ */ t(
-          s,
+          e,
           {
             size: "24",
             name: "play2",
@@ -24,7 +46,7 @@ const c = "_root_9577c_1", a = "_linkWrap_9577c_8", i = {
       ]
     }
   );
-  return /* @__PURE__ */ e("div", { className: i.root, children: [
+  return /* @__PURE__ */ i("div", { className: r.root, children: [
     /* @__PURE__ */ t(
       o,
       {
@@ -105,5 +127,5 @@ const c = "_root_9577c_1", a = "_linkWrap_9577c_8", i = {
   ] });
 };
 export {
-  _ as Menu
+  D as Menu
 };