@alphakits/ui 2.3.0 → 2.4.0

package/dist/calendar-input/component.js

@@ -1,16 +1,16 @@
 import { jsx as l, jsxs as O } from "react/jsx-runtime";
-import ue, { forwardRef as de, useState as W, useRef as u, useCallback as t, useEffect as fe } from "react";
+import ue from "classnames";
+import de, { forwardRef as fe, useState as W, useRef as u, useCallback as t, useEffect as me } from "react";
 import T from "react-merge-refs";
-import me from "classnames";
 import { Calendar as he } from "../calendar/component.js";
 import { dateInLimits as ve } from "../calendar/utils.js";
 import { MaskedInput as ye } from "../masked-input/component.js";
 import { Popover as Re } from "../popover/component.js";
-import "../toast-notifier/component.js";
 import { formatDate as H } from "../utils/format-date/index.js";
-import { parseDateString as I, isCompleteDateInput as ge, DATE_MASK as we, SUPPORTS_INPUT_TYPE_DATE as De, NATIVE_DATE_FORMAT as Te } from "./utils.js";
+import "../toast-notifier/component.js";
 import p from "./index.module.css.js";
-const be = de(
+import { parseDateString as I, isCompleteDateInput as ge, DATE_MASK as we, SUPPORTS_INPUT_TYPE_DATE as De, NATIVE_DATE_FORMAT as Te } from "./utils.js";
+const be = fe(
   ({
     block: L = !1,
     className: Y,
@@ -19,7 +19,7 @@ const be = de(
     defaultMonth: C,
     defaultValue: d = "",
     calendarPosition: k = "popover",
-    value: o,
+    value: s,
     dataTestId: z,
     minDate: f,
     required: G,
@@ -35,38 +35,38 @@ const be = de(
     readOnly: S,
     ...X
   }, _) => {
-    o = o && o.split("-").length ? o.split("-").reverse().join(".") : o;
-    const R = o === void 0, K = De && E === "native", P = E === "input", Z = k === "static" && !P, $ = k === "popover" && !K && !P, [i, a] = W(!1), [ee, te] = W(d), g = R ? ee : o, w = g ? I(g).getTime() : void 0, V = ve(w, f, m), D = M || S, b = u(null), j = u(null), ne = u(null), r = u(null), oe = t((e) => {
+    s = s?.split("-").length ? s.split("-").reverse().join(".") : s;
+    const R = s === void 0, K = De && E === "native", P = E === "input", Z = k === "static" && !P, $ = k === "popover" && !K && !P, [i, a] = W(!1), [ee, te] = W(d), g = R ? ee : s, w = g ? I(g).getTime() : void 0, V = ve(w, f, m), D = M || S, b = u(null), j = u(null), ne = u(null), o = u(null), oe = t((e) => {
       e.key === "Escape" && a(!1);
     }, []), re = t(() => {
       i || a(!0);
     }, [i]), se = t(
       (e) => {
-        a(!0), !i && e.target.tagName !== "INPUT" && r.current && r.current.focus();
+        a(!0), !i && e.target.tagName !== "INPUT" && o.current && o.current.focus();
       },
       [i]
     ), ae = t((e) => {
-      r.current && r.current.contains(e.relatedTarget) === !1 && a(!1);
+      o.current && o.current.contains(e.relatedTarget) === !1 && a(!1);
     }, []), ce = t((e) => {
-      ["ArrowDown", "ArrowUp"].includes(e.key) && r.current && (e.preventDefault(), r.current.focus());
+      ["ArrowDown", "ArrowUp"].includes(e.key) && o.current && (e.preventDefault(), o.current.focus());
     }, []), c = t(
-      (e, n, s, B = "input", pe = !0) => {
-        B === "input" && e && v && v(e, { value: n, date: s }), B === "calendar" && y && y(s.getTime()), pe && (R && te(n), h && h(e, {
-          date: s,
+      (e, n, r, B = "input", pe = !0) => {
+        B === "input" && e && v && v(e, { value: n, date: r }), B === "calendar" && y && y(r.getTime()), pe && (R && te(n), h && h(e, {
+          date: r,
           value: n.split(".").reverse().join("-")
         }));
       },
       [y, h, v, R]
     ), le = t(
       (e) => {
-        const n = e.target.value, s = I(n);
-        c(e, n, s, "input", ge(n));
+        const n = e.target.value, r = I(n);
+        c(e, n, r, "input", ge(n));
       },
       [c]
     ), ie = t(
       (e) => {
-        const n = I(e.target.value, Te), s = e.target.value === "" ? "" : H(n, { format: "dd.MM.yyyy" });
-        c(e, s, n);
+        const n = I(e.target.value, Te), r = e.target.value === "" ? "" : H(n, { format: "dd.MM.yyyy" });
+        c(e, r, n);
       },
       [c]
     ), F = t(
@@ -82,7 +82,7 @@ const be = de(
     ), U = t((e) => {
       e.preventDefault();
     }, []);
-    fe(() => {
+    me(() => {
       a(N);
     }, [N]);
     const x = t(
@@ -92,7 +92,7 @@ const be = de(
           he,
           {
             ...A,
-            ref: r,
+            ref: o,
             defaultMonth: C,
             value: V ? w : void 0,
             onChange: F,
@@ -118,7 +118,7 @@ const be = de(
         "div",
         {
           ref: ne,
-          className: me(p.component, Y, {
+          className: ue(p.component, Y, {
             [p.block]: L
           }),
           tabIndex: -1,
@@ -141,7 +141,7 @@ const be = de(
                 disabled: M,
                 readOnly: S,
                 mask: we,
-                rightAddons: /* @__PURE__ */ O(ue.Fragment, { children: [
+                rightAddons: /* @__PURE__ */ O(de.Fragment, { children: [
                   /* @__PURE__ */ l("span", { className: p.calendarIcon }),
                   K && /* @__PURE__ */ l(
                     "input",

package/dist/card/component.js

@@ -12,26 +12,10 @@ const y = ({
   subtitle: s,
   titleAddons: d
 }) => /* @__PURE__ */ r("div", { className: n([e.component, e[i]]), children: [
-  !!o.length && /* @__PURE__ */ t(
-    p,
-    {
-      orientation: l,
-      images: o,
-      view: i
-    }
-  ),
+  !!o.length && /* @__PURE__ */ t(p, { orientation: l, images: o, view: i }),
   /* @__PURE__ */ r("div", { className: e.content, children: [
     /* @__PURE__ */ r("div", { className: e.titleWrap, children: [
-      /* @__PURE__ */ t(
-        m.Text,
-        {
-          view: "title",
-          color: "primary",
-          weight: "medium",
-          tag: "div",
-          children: c
-        }
-      ),
+      /* @__PURE__ */ t(m.Text, { view: "title", color: "primary", weight: "medium", tag: "div", children: c }),
       d
     ] }),
     /* @__PURE__ */ t(

package/dist/cell/base/component.js

@@ -1,28 +1,28 @@
-import { jsx as s, jsxs as z } from "react/jsx-runtime";
-import I, { useRef as u, useState as N, useMemo as E, useEffect as j } from "react";
-import p from "classnames";
-import { getDataTestId as k } from "../../__internal/utils/getDataTestId.js";
-import { useFocus as F } from "../../hooks/useFocus/index.js";
+import { jsxs as z, jsx as c } from "react/jsx-runtime";
+import u from "classnames";
+import { useRef as p, useState as I, useMemo as N, useEffect as E } from "react";
+import { getDataTestId as j } from "../../__internal/utils/get-data-test-id.js";
+import { useFocus as k } from "../../hooks/useFocus/index.js";
 import { Typography as v } from "../../typography/component.js";
 import { Pure as S } from "../pure/component.js";
 import r from "./index.module.css.js";
-const q = ({
-  className: h,
-  dataTestId: w,
+const P = ({
+  className: w,
+  dataTestId: y,
   title: e,
   subtitle: m,
-  size: y = "m",
-  addon: g,
-  compactAddon: b,
-  singleLineTitle: i,
-  showTitleTooltipOnOverflow: n
+  size: h = "m",
+  addon: b,
+  compactAddon: g,
+  singleLineTitle: s,
+  showTitleTooltipOnOverflow: i
 }) => {
-  const d = u(null), a = u(null), [x] = F(d, "keyboard"), [R, f] = N(!1), c = E(
+  const d = p(null), a = p(null), [x] = k(d, "keyboard"), [R, f] = I(!1), n = N(
     () => typeof e == "string" || typeof e == "number" ? String(e) : void 0,
     [e]
   );
-  return j(() => {
-    if (!i || !n || !c) {
+  return E(() => {
+    if (!s || !i || !n) {
       f(!1);
       return;
     }
@@ -36,26 +36,26 @@ const q = ({
       return l.observe(t), () => l.disconnect();
     }
     return window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
-  }, [i, n, c]), /* @__PURE__ */ s(
+  }, [s, i, n]), /* @__PURE__ */ z(
     S,
     {
-      slot: g,
-      compact: b,
-      className: p(r.component, { [r.focused]: x }, h),
-      dataTestId: k("cell-action", w, !0),
+      slot: b,
+      compact: g,
+      className: u(r.component, { [r.focused]: x }, w),
+      dataTestId: j("cell-action", y, !0),
       tabIndex: 0,
-      size: y,
+      size: h,
       ref: d,
-      children: /* @__PURE__ */ z(I.Fragment, { children: [
-        e && /* @__PURE__ */ s(
+      children: [
+        e && /* @__PURE__ */ c(
           "div",
           {
             ref: a,
-            className: p(r.title_wrap, {
-              [r.single_line]: i
+            className: u(r.title_wrap, {
+              [r.single_line]: s
             }),
-            title: R && n ? c : void 0,
-            children: /* @__PURE__ */ s(
+            title: R && i ? n : void 0,
+            children: /* @__PURE__ */ c(
               v.Text,
               {
                 view: "title",
@@ -68,7 +68,7 @@ const q = ({
             )
           }
         ),
-        m && /* @__PURE__ */ s(
+        m && /* @__PURE__ */ c(
           v.Text,
           {
             weight: "medium",
@@ -79,10 +79,10 @@ const q = ({
             children: m
           }
         )
-      ] })
+      ]
     }
   );
 };
 export {
-  q as Base
+  P as Base
 };

package/dist/cell/pure/component.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
 import m from "classnames";
-import { getDataTestId as h } from "../../__internal/utils/getDataTestId.js";
+import { forwardRef as v } from "react";
+import { getDataTestId as h } from "../../__internal/utils/get-data-test-id.js";
 import r from "./index.module.css.js";
 const w = v(
   ({

package/dist/checkbox/component.js

@@ -1,12 +1,12 @@
 import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import { forwardRef as y, useRef as C } from "react";
-import j from "react-merge-refs";
-import M from "@alphakits/icons/dist/CheckmarkS";
-import w from "@alphakits/icons/dist/MinusM";
-import F from "classnames";
+import y from "@alphakits/icons/dist/CheckmarkS";
+import C from "@alphakits/icons/dist/MinusM";
+import j from "classnames";
+import { forwardRef as M, useRef as w } from "react";
+import F from "react-merge-refs";
 import { useFocus as I } from "../hooks/useFocus/index.js";
 import e from "./index.module.css.js";
-const G = y(
+const G = M(
   ({
     checked: r,
     label: o,
@@ -23,7 +23,7 @@ const G = y(
     indeterminate: l = !1,
     ...k
   }, x) => {
-    const i = C(null), [R] = I(i, "keyboard"), g = (f) => {
+    const i = w(null), [R] = I(i, "keyboard"), g = (f) => {
       n && n(f, { checked: f.target.checked, name: N });
     };
     return (
@@ -31,14 +31,14 @@ const G = y(
       /* @__PURE__ */ c(
         "label",
         {
-          className: F(e.component, e[p], e[d], u, {
+          className: j(e.component, e[p], e[d], u, {
             [e.disabled]: t,
             [e.checked]: r,
             [e.indeterminate]: l,
             [e.focused]: R,
             [e.block]: h
           }),
-          ref: j([i, x]),
+          ref: F([i, x]),
           children: [
             /* @__PURE__ */ c("span", { className: e.box, children: [
               /* @__PURE__ */ s(
@@ -52,8 +52,8 @@ const G = y(
                   ...k
                 }
               ),
-              r && /* @__PURE__ */ s(M, {}),
-              l && !r && /* @__PURE__ */ s("div", { className: e.indeterminateIcon, children: /* @__PURE__ */ s(w, {}) })
+              r && /* @__PURE__ */ s(y, {}),
+              l && !r && /* @__PURE__ */ s("div", { className: e.indeterminateIcon, children: /* @__PURE__ */ s(C, {}) })
             ] }),
             (o || a) && /* @__PURE__ */ c("span", { className: e.content, children: [
               o && /* @__PURE__ */ s("span", { className: e.label, children: o }),

package/dist/checkbox-group/component.js

@@ -1,33 +1,32 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import v from "react";
-import { Checkbox as y } from "../checkbox/component.js";
-import { FlexColumns as u } from "../flex-columns/component.js";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { Checkbox as v } from "../checkbox/component.js";
+import { FlexColumns as y } from "../flex-columns/component.js";
 import { Typography as l } from "../typography/component.js";
-import s from "./index.module.css.js";
-const F = ({
+import d from "./index.module.css.js";
+const $ = ({
   title: c,
   subtitle: t,
-  selected: d = [],
-  data: h = [],
+  selected: h = [],
+  data: m = [],
   onChange: a,
   columns: p = 1,
   disabled: x,
   gr: g = 20,
-  gc: f = 20,
+  gc: k = 20,
   dataTestId: i
 }) => {
-  const r = d || [], k = (e) => {
+  const o = h || [], b = (e) => {
     a(
-      r?.includes(e) ? r?.filter((n) => n !== e) : [...r, e]
+      o?.includes(e) ? o?.filter((n) => n !== e) : [...o, e]
     );
-  }, b = (e) => i ? `checkbox_${i}_${e}` : `checkbox_${e}`;
-  return /* @__PURE__ */ m("div", { children: [
-    (c || t) && /* @__PURE__ */ m("div", { className: s.text, children: [
-      c && /* @__PURE__ */ o(l.Text, { tag: "div", view: "title", color: "primary", weight: "bold", children: c }),
-      t && /* @__PURE__ */ o(
+  }, f = (e) => i ? `checkbox_${i}_${e}` : `checkbox_${e}`;
+  return /* @__PURE__ */ s("div", { children: [
+    (c || t) && /* @__PURE__ */ s("div", { className: d.text, children: [
+      c && /* @__PURE__ */ r(l.Text, { tag: "div", view: "title", color: "primary", weight: "bold", children: c }),
+      t && /* @__PURE__ */ r(
         l.Text,
         {
-          className: s.subtitle,
+          className: d.subtitle,
           tag: "div",
           view: "caps",
           color: "secondary",
@@ -36,19 +35,19 @@ const F = ({
         }
       )
     ] }),
-    /* @__PURE__ */ o(u, { columns: p, gr: g, gc: f, children: /* @__PURE__ */ o(v.Fragment, { children: h?.map((e, n) => /* @__PURE__ */ o(
-      y,
+    /* @__PURE__ */ r(y, { columns: p, gr: g, gc: k, children: m?.map((e, n) => /* @__PURE__ */ r(
+      v,
       {
         disabled: x,
-        dataTestId: b(n),
-        onChange: () => k(e.key),
-        checked: r?.includes(e.key),
+        dataTestId: f(n),
+        onChange: () => b(e.key),
+        checked: o?.includes(e.key),
         label: e.content
       },
       e.key + e.content
-    )) }) })
+    )) })
   ] });
 };
 export {
-  F as CheckboxGroup
+  $ as CheckboxGroup
 };

package/dist/checkbox-lists/component.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 type Child = {
     id: number;
     title: string;
@@ -17,5 +16,5 @@ export interface CheckboxGroupsProps {
     collapsable?: boolean;
     disabled?: boolean;
 }
-export declare const CheckboxGroups: ({ parents, childs, selected, checkableParent, collapsable, disabled, onChange, }: CheckboxGroupsProps) => React.JSX.Element;
+export declare const CheckboxGroups: ({ parents, childs, selected, checkableParent, collapsable, disabled, onChange, }: CheckboxGroupsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/checkbox-lists/component.js

@@ -1,85 +1,83 @@
-import { jsx as l, jsxs as a } from "react/jsx-runtime";
-import f, { useState as E } from "react";
-import _ from "@alphakits/icons/dist/ChevronDownS";
-import j from "classnames";
-import { Checkbox as u } from "../checkbox/component.js";
-import { Collapse as F } from "../collapse/component.js";
-import { Divider as N } from "../divider/component.js";
-import { FlexColumns as P } from "../flex-columns/component.js";
-import { IconButton as S } from "../icon-button/component.js";
-import { Padding as z } from "../padding/component.js";
-import { Typography as B } from "../typography/component.js";
+import { jsx as l, jsxs as h } from "react/jsx-runtime";
+import A from "@alphakits/icons/dist/ChevronDownS";
+import E from "classnames";
+import _, { useState as j } from "react";
+import { Checkbox as f } from "../checkbox/component.js";
+import { Collapse as N } from "../collapse/component.js";
+import { Divider as P } from "../divider/component.js";
+import { FlexColumns as S } from "../flex-columns/component.js";
+import { IconButton as z } from "../icon-button/component.js";
+import { Padding as B } from "../padding/component.js";
+import { Typography as D } from "../typography/component.js";
 import s from "./index.module.css.js";
 const Q = ({
-  parents: C,
-  childs: g,
-  selected: d,
+  parents: u,
+  childs: C,
+  selected: a,
   checkableParent: k,
   collapsable: x,
   disabled: b,
-  onChange: p
+  onChange: d
 }) => {
-  const m = [], i = Array.isArray(d) ? d : [];
-  C?.forEach((e) => {
-    const r = {
+  const p = [], i = Array.isArray(a) ? a : [];
+  u?.forEach((e) => {
+    const o = {
       parent: {},
       childs: [],
       collapsed: !1
     };
-    g?.forEach((o) => {
-      o.locationId === e.id && (r.parent = e, r.childs.push(o));
-    }), r.parent.id && m.push(r);
+    C?.forEach((r) => {
+      r.locationId === e.id && (o.parent = e, o.childs.push(r));
+    }), o.parent.id && p.push(o);
   });
-  const [c, y] = E(m), v = (e) => {
-    const r = c.map((t, n) => (n === e && (t.collapsed ? t.collapsed = !1 : t.collapsed = !0), t)), o = c.concat(r);
-    y(o.filter((t, n) => o.indexOf(t) === n));
-  }, h = (e) => {
-    e.forEach((r) => {
-      i?.includes(r) ? p(i.filter((o) => !e.includes(o))) : p([...i, ...e]);
+  const [c, g] = j(p), y = (e) => {
+    const o = c.map((t, n) => (n === e && (t.collapsed ? t.collapsed = !1 : t.collapsed = !0), t)), r = c.concat(o);
+    g(r.filter((t, n) => r.indexOf(t) === n));
+  }, m = (e) => {
+    e.forEach((o) => {
+      i?.includes(o) ? d(i.filter((r) => !e.includes(r))) : d([...i, ...e]);
     });
-  }, w = (e) => {
-    let r = !1;
-    return e.forEach((o) => {
-      i?.includes(o) && (r = !0);
-    }), r;
-  }, A = ({ element: e }) => k ? /* @__PURE__ */ l(
-    u,
+  }, v = (e) => {
+    let o = !1;
+    return e.forEach((r) => {
+      i?.includes(r) && (o = !0);
+    }), o;
+  }, w = ({ element: e }) => k ? /* @__PURE__ */ l(
+    f,
     {
       block: !0,
       disabled: b,
-      checked: w(
-        e.childs.map((r) => r.id)
-      ),
-      onChange: () => h(e.childs.map((r) => r.id)),
+      checked: v(e.childs.map((o) => o.id)),
+      onChange: () => m(e.childs.map((o) => o.id)),
       label: `${e.parent.title}`
     }
-  ) : /* @__PURE__ */ l(B.Text, { view: "title", weight: "medium", color: "primary", children: e.parent.title });
-  return /* @__PURE__ */ l("div", { children: c.map((e, r) => /* @__PURE__ */ a(f.Fragment, { children: [
-    /* @__PURE__ */ a(f.Fragment, { children: [
-      /* @__PURE__ */ a("div", { className: s.list_head, children: [
-        /* @__PURE__ */ l(A, { element: e }),
-        x && /* @__PURE__ */ l(
-          S,
-          {
-            onClick: () => v(r),
-            size: "s",
-            className: j(s.collapse_btn, { [s.collapse_btn_collapsed]: e.collapsed }),
-            icon: _
-          }
-        )
-      ] }),
-      !e.collapsed && /* @__PURE__ */ l(z, { padding: "16px 0 0 0" })
+  ) : /* @__PURE__ */ l(D.Text, { view: "title", weight: "medium", color: "primary", children: e.parent.title });
+  return /* @__PURE__ */ l("div", { children: c.map((e, o) => /* @__PURE__ */ h(_.Fragment, { children: [
+    /* @__PURE__ */ h("div", { className: s.list_head, children: [
+      /* @__PURE__ */ l(w, { element: e }),
+      x && /* @__PURE__ */ l(
+        z,
+        {
+          onClick: () => y(o),
+          size: "s",
+          className: E(s.collapse_btn, {
+            [s.collapse_btn_collapsed]: e.collapsed
+          }),
+          icon: A
+        }
+      )
     ] }),
-    /* @__PURE__ */ l(F, { expanded: !e.collapsed, children: /* @__PURE__ */ l("div", { className: s.content, children: /* @__PURE__ */ l(P, { columns: 1, gr: 8, children: e.childs.map((o) => /* @__PURE__ */ l(
-      u,
+    !e.collapsed && /* @__PURE__ */ l(B, { padding: "16px 0 0 0" }),
+    /* @__PURE__ */ l(N, { expanded: !e.collapsed, children: /* @__PURE__ */ l("div", { className: s.content, children: /* @__PURE__ */ l(S, { columns: 1, gr: 8, children: e.childs.map((r) => /* @__PURE__ */ l(
+      f,
       {
-        onChange: () => h([o.id]),
-        checked: i?.includes(o.id),
-        label: o.title
+        onChange: () => m([r.id]),
+        checked: i?.includes(r.id),
+        label: r.title
       },
-      o.id
+      r.id
     )) }) }) }),
-    r !== c?.length - 1 && /* @__PURE__ */ l(N, { size: "m" })
+    o !== c?.length - 1 && /* @__PURE__ */ l(P, { size: "m" })
   ] }, e.parent.id)) });
 };
 export {

package/dist/collapsable-row/addons.d.ts

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
-export declare const Content: ({ location, onClick, }: {
+export declare const Content: ({ location, onClick }: {
     location: any;
     onClick: () => void;
-}) => React.JSX.Element;
-export declare const Addons: ({ onClick }: any) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Addons: ({ onClick }: any) => import("react/jsx-runtime").JSX.Element;

package/dist/collapsable-row/addons.js

@@ -1,17 +1,14 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import e from "react";
-import m from "@alphakits/icons/dist/EditS";
-import s from "@alphakits/icons/dist/PlusS";
+import e from "@alphakits/icons/dist/EditS";
+import m from "@alphakits/icons/dist/PlusS";
+import s from "react";
 import { Button as n } from "../button/component.js";
 import { IconButton as d } from "../icon-button/component.js";
 import { Typography as p } from "../typography/component.js";
-const w = ({
-  location: r,
-  onClick: t
-}) => /* @__PURE__ */ i(e.Fragment, { children: [
+const w = ({ location: r, onClick: t }) => /* @__PURE__ */ i(s.Fragment, { children: [
   /* @__PURE__ */ o(p.Text, { view: "title", weight: "bold", color: "primary", children: r.address }),
-  /* @__PURE__ */ o(d, { icon: m, onClick: t, size: "s", view: "ghost" })
-] }), y = ({ onClick: r }) => /* @__PURE__ */ o(n, { leftAddons: /* @__PURE__ */ o(s, {}), size: "xs", onClick: r, view: "secondary", children: "Добавить квест" });
+  /* @__PURE__ */ o(d, { icon: e, onClick: t, size: "s", view: "ghost" })
+] }), y = ({ onClick: r }) => /* @__PURE__ */ o(n, { leftAddons: /* @__PURE__ */ o(m, {}), size: "xs", onClick: r, view: "secondary", children: "Добавить квест" });
 export {
   y as Addons,
   w as Content

package/dist/collapsable-row/component.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 export type CollapsableRowProps = {
-    children: React.ReactNode;
+    children?: React.ReactNode;
     label?: string;
     content?: React.ReactNode;
     expanded?: boolean;

package/dist/collapsable-row/component.js

@@ -1,7 +1,7 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { useState as p, useEffect as d } from "react";
-import f from "@alphakits/icons/dist/ChevronDownS";
-import h from "classnames";
+import p from "@alphakits/icons/dist/ChevronDownS";
+import d from "classnames";
+import { useState as f, useEffect as h } from "react";
 import { Collapse as w } from "../collapse/component.js";
 import { IconButton as v } from "../icon-button/component.js";
 import { Typography as u } from "../typography/component.js";
@@ -14,8 +14,8 @@ const E = ({
   children: m,
   disabled: n
 }) => {
-  const [s, a] = p(r);
-  return d(() => {
+  const [s, a] = f(r);
+  return h(() => {
     a(r);
   }, [r]), /* @__PURE__ */ e("div", { children: [
     /* @__PURE__ */ e("div", { className: o.wrapper, children: [
@@ -38,10 +38,10 @@ const E = ({
           v,
           {
             onClick: () => a(!s),
-            className: h(o.collapse_button, { [o.expanded_icon]: s }),
+            className: d(o.collapse_button, { [o.expanded_icon]: s }),
             disabled: n,
             view: "ghost",
-            icon: f,
+            icon: p,
             size: "s"
           }
         )