@alphakits/ui 2.0.13 → 2.2.0

package/dist/textarea/component.d.ts

@@ -1,201 +1,57 @@
 import { default as React, ChangeEvent, TextareaHTMLAttributes } from 'react';
 export type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'style' | 'value' | 'defaultValue' | 'onChange'> & {
-    /**
-     * Значение поля ввода
-     */
     value?: string;
-    /**
-     * Начальное значение поля
-     */
     defaultValue?: string;
-    /**
-     * required - индикатор * лейбла для обязательного заполнения поля
-     */
     required?: boolean;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean;
-    /**
-     * Размер компонента
-     */
     size?: 's' | 'm' | 'l';
-    /**
-     * Отображение ошибки
-     */
     error?: string | boolean;
-    /**
-     * Текст подсказки
-     */
     hint?: string;
-    /**
-     * Счетчик символов
-     */
     counter?: boolean;
-    /**
-     * максимальное кол-во символов
-     */
     maxLength?: number;
-    /**
-     * Лейбл компонента
-     */
     label?: React.ReactNode;
-    /**
-     * Слот слева
-     */
     leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
     rightAddons?: React.ReactNode;
-    /**
-     * Слот под компонентом
-     */
     bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * Дополнительный класс для поля
-     */
     fieldClassName?: string;
-    /**
-     * Дополнительный класс textarea
-     */
     textareaClassName?: string;
-    /**
-     * Управление возможностью подстраивать высоту компонента под высоту текста
-     */
     autosize?: boolean;
-    /**
-     * Максимальное количество отображаемых строк (работает только вместе с autosize)
-     */
     maxRows?: number;
-    /**
-     * Минимальное количество отображаемых строк (работает только вместе c autosize)
-     */
     minRows?: number;
-    /**
-     * Максимальная высота элемента
-     */
     maxHeight?: number;
-    /**
-     * Управление возможностью изменения размеров компонента (не работает вместе c autosize)
-     */
     resize?: 'vertical' | 'none';
-    /**
-     * Обработчик ввода
-     */
     onChange?: (event: ChangeEvent<HTMLTextAreaElement>, payload: {
         value: string;
     }) => void;
-    /**
-     * Обработчик события изменения высоты компонента (работает только вместе c autosize)
-     */
     onHeightChange?: (height?: number) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
 };
 export declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "style" | "defaultValue" | "onChange" | "value" | "size"> & {
-    /**
-     * Значение поля ввода
-     */
     value?: string | undefined;
-    /**
-     * Начальное значение поля
-     */
     defaultValue?: string | undefined;
-    /**
-     * required - индикатор * лейбла для обязательного заполнения поля
-     */
     required?: boolean | undefined;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean | undefined;
-    /**
-     * Размер компонента
-     */
     size?: "s" | "m" | "l" | undefined;
-    /**
-     * Отображение ошибки
-     */
     error?: string | boolean | undefined;
-    /**
-     * Текст подсказки
-     */
     hint?: string | undefined;
-    /**
-     * Счетчик символов
-     */
     counter?: boolean | undefined;
-    /**
-     * максимальное кол-во символов
-     */
     maxLength?: number | undefined;
-    /**
-     * Лейбл компонента
-     */
     label?: React.ReactNode;
-    /**
-     * Слот слева
-     */
     leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
     rightAddons?: React.ReactNode;
-    /**
-     * Слот под компонентом
-     */
     bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
     className?: string | undefined;
-    /**
-     * Дополнительный класс для поля
-     */
     fieldClassName?: string | undefined;
-    /**
-     * Дополнительный класс textarea
-     */
     textareaClassName?: string | undefined;
-    /**
-     * Управление возможностью подстраивать высоту компонента под высоту текста
-     */
     autosize?: boolean | undefined;
-    /**
-     * Максимальное количество отображаемых строк (работает только вместе с autosize)
-     */
     maxRows?: number | undefined;
-    /**
-     * Минимальное количество отображаемых строк (работает только вместе c autosize)
-     */
     minRows?: number | undefined;
-    /**
-     * Максимальная высота элемента
-     */
     maxHeight?: number | undefined;
-    /**
-     * Управление возможностью изменения размеров компонента (не работает вместе c autosize)
-     */
     resize?: "none" | "vertical" | undefined;
-    /**
-     * Обработчик ввода
-     */
     onChange?: ((event: ChangeEvent<HTMLTextAreaElement>, payload: {
         value: string;
     }) => void) | undefined;
-    /**
-     * Обработчик события изменения высоты компонента (работает только вместе c autosize)
-     */
     onHeightChange?: ((height?: number) => void) | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string | undefined;
 } & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/textarea/component.js

@@ -1,63 +1,63 @@
-import { jsxs as H, jsx as m } from "react/jsx-runtime";
-import v, { useRef as ee, useState as N, useEffect as te, useCallback as d } from "react";
+import { jsxs as z, jsx as m } from "react/jsx-runtime";
+import H, { useRef as ee, useState as C, useEffect as te, useCallback as d } from "react";
 import re from "react-merge-refs";
 import se from "react-textarea-autosize";
 import p from "classnames";
-import { FormControl as oe } from "../form-control/component.js";
-import { useFocus as ae } from "../hooks/useFocus/index.js";
+import { FormControl as ae } from "../form-control/component.js";
+import { useFocus as oe } from "../hooks/useFocus/index.js";
 import t from "./index.module.css.js";
-const le = v.forwardRef(
+const pe = H.forwardRef(
   ({
-    autoComplete: k = "on",
+    autoComplete: F = "on",
     autosize: a = !0,
     size: x = "s",
-    block: F = !1,
-    bottomAddons: S,
-    fieldClassName: $,
-    className: g,
-    dataTestId: j,
+    block: S = !1,
+    bottomAddons: $,
+    fieldClassName: g,
+    className: j,
+    dataTestId: k,
     disabled: y,
     error: A,
-    hint: P,
+    hint: v,
     textareaClassName: w,
     label: R,
-    leftAddons: z,
-    onFocus: f,
-    required: B,
-    onBlur: c,
+    leftAddons: B,
+    onFocus: c,
+    required: E,
+    onBlur: f,
     onChange: n,
-    onHeightChange: E,
-    rightAddons: M,
+    onHeightChange: M,
+    rightAddons: P,
     maxRows: q,
     minRows: D,
-    maxHeight: l,
+    maxHeight: o,
     resize: G = "none",
-    value: r,
+    value: l,
     defaultValue: I,
     maxLength: i = 500,
     counter: J,
     rows: K = a ? 1 : 3,
     ...O
   }, Q) => {
-    const o = r === void 0, s = ee(null), [b, T] = N(!1), [u, U] = N(I || ""), [W] = ae(s, "keyboard"), V = !!(o ? u : r);
+    const s = l === void 0, r = ee(null), [T, V] = C(!1), [u, U] = C(I || ""), [W] = oe(r, "keyboard"), b = !!(s ? u : l);
     te(() => {
-      a && l && s.current && s.current.style && (s.current.style.maxHeight = `${l}px`);
-    }, [s, a, l]);
+      a && o && r.current && r.current.style && (r.current.style.maxHeight = `${o}px`);
+    }, [r, a, o]);
     const X = d(
       (e) => {
-        T(!0), f && f(e);
+        V(!0), c && c(e);
       },
-      [f]
+      [c]
     ), Y = d(
       (e) => {
-        T(!1), c && c(e);
+        V(!1), f && f(e);
       },
-      [c]
+      [f]
     ), Z = d(
       (e) => {
-        n && n(e, { value: e.target.value }), o && U(e.target.value);
+        n && n(e, { value: e.target.value }), s && U(e.target.value);
       },
-      [n, o]
+      [n, s]
     ), _ = {
       ...O,
       className: p(
@@ -65,66 +65,58 @@ const le = v.forwardRef(
         t[x],
         {
           [t.hasLabel]: R,
-          [t.filled]: V,
+          [t.filled]: b,
           [t.resizeVertical]: G === "vertical"
         },
         w
       ),
-      autoComplete: k,
+      autoComplete: F,
       disabled: y,
       onBlur: Y,
       onFocus: X,
       onChange: Z,
-      value: o ? u : r,
+      value: s ? u : l,
       rows: K,
-      ref: re([Q, s]),
-      "data-test-id": j
-    }, L = () => `${o ? u.length : r == null ? void 0 : r.length} / ${i || "-"}`, { ref: h, ...C } = _;
-    return /* @__PURE__ */ H(
-      oe,
+      ref: re([Q, r]),
+      "data-test-id": k
+    }, L = () => `${s ? u.length : l?.length} / ${i || "-"}`, { ref: h, ...N } = _;
+    return /* @__PURE__ */ z(
+      ae,
       {
-        className: p(g),
-        fieldClassName: p($, {
+        className: p(j),
+        fieldClassName: p(g, {
           [t.focusVisible]: W
         }),
         size: x,
-        block: F,
-        required: B,
+        block: S,
+        required: E,
         disabled: y,
-        filled: V || b,
-        focused: b,
+        filled: b || T,
+        focused: T,
         error: A,
         label: R,
-        hint: P,
-        leftAddons: z,
-        rightAddons: M,
-        bottomAddons: S,
+        hint: v,
+        leftAddons: B,
+        rightAddons: P,
+        bottomAddons: $,
         children: [
           a ? /* @__PURE__ */ m(
             se,
             {
-              ...C,
+              ...N,
               maxLength: i,
               maxRows: q,
               minRows: D,
-              onHeightChange: E,
+              onHeightChange: M,
               ref: h
             }
-          ) : /* @__PURE__ */ m("textarea", { maxLength: i, ...C, ref: h, style: { maxHeight: l } }),
+          ) : /* @__PURE__ */ m("textarea", { maxLength: i, ...N, ref: h, style: { maxHeight: o } }),
           J && /* @__PURE__ */ m("span", { className: t.counter, children: L() })
         ]
       }
     );
   }
 );
-le.defaultProps = {
-  autoComplete: "on",
-  autosize: !0,
-  size: "s",
-  block: !1,
-  resize: "none"
-};
 export {
-  le as Textarea
+  pe as Textarea
 };
-//# sourceMappingURL=component.js.map

package/dist/textarea/index.js

@@ -2,4 +2,3 @@ import { Textarea as a } from "./component.js";
 export {
   a as Textarea
 };
-//# sourceMappingURL=index.js.map

package/dist/textarea/index.module.css.js

@@ -22,4 +22,3 @@ export {
   s,
   e as textarea
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/theme-provider/component.d.ts

@@ -10,6 +10,7 @@ export declare const THEME_DATA_ATTR = "data-theme";
 type ThemeProviderProps = {
     themes: ThemesObject;
     selectedTheme?: THEME;
+    children?: React.ReactNode;
 };
 export declare const ThemeProvider: React.FC<ThemeProviderProps>;
 export declare const useTheme: () => {

package/dist/theme-provider/component.js

@@ -7,7 +7,7 @@ const i = x({
   currentTheme: void 0
 }), l = "theme", u = "theme-styles", v = "data-theme", I = ({ children: t, themes: c, selectedTheme: r }) => {
   const [E, f] = y(), s = (e) => {
-    document == null || document.documentElement.setAttribute(v, e), localStorage.setItem(l, e), f(e);
+    document?.documentElement.setAttribute(v, e), localStorage.setItem(l, e), f(e);
   }, A = (e) => {
     let o = document.getElementById(u), n = "";
     o || (o = document.createElement("style"), o.id = u, document.head.appendChild(o)), Object.keys(e).forEach((m) => {
@@ -24,7 +24,7 @@ const i = x({
     });
   };
   return C(() => {
-    const e = localStorage == null ? void 0 : localStorage.getItem(l), o = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    const e = localStorage?.getItem(l), o = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
     s(r || e || o), A(c);
   }, [c, r]), /* @__PURE__ */ g(i.Provider, { value: { setTheme: s, currentTheme: E }, children: t });
 }, O = () => {
@@ -39,4 +39,3 @@ export {
   I as ThemeProvider,
   O as useTheme
 };
-//# sourceMappingURL=component.js.map

package/dist/theme-provider/default-themes.js

@@ -151,4 +151,3 @@ const t = {
 export {
   t as defaultThemes
 };
-//# sourceMappingURL=default-themes.js.map

package/dist/theme-provider/index.js

@@ -9,4 +9,3 @@ export {
   h as defaultThemes,
   o as useTheme
 };
-//# sourceMappingURL=index.js.map

package/dist/toast/component.d.ts

@@ -2,22 +2,9 @@ import { default as React } from 'react';
 import { PopoverProps } from '../popover';
 import { ToastPlateProps } from '../toast-plate';
 export type ToastProps = ToastPlateProps & Pick<PopoverProps, 'position' | 'offset' | 'open' | 'getPortalContainer' | 'preventFlip' | 'transition'> & {
-    /**
-         * Элемент, относительного которого появляется тост.
-         * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).
-         */
     anchorElement?: HTMLElement;
-    /**
-         * Через сколько исчезнет компонент (ms).
-         */
     autoCloseDelay?: number;
-    /**
-         * Обработчик закрытия компонента.
-         */
     onClose: () => void;
-    /**
-         * Отступ снизу (при fixed-позиционировании).
-         */
     bottomOffset?: number;
 };
 export declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
@@ -27,29 +14,14 @@ export declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes
     title?: React.ReactNode;
     view: "attention" | "positive" | "negative" | "default" | "black" | "neutral";
     leftAddons?: React.ReactNode;
-    bottomAddons?: React.ReactNode; /**
-         * Через сколько исчезнет компонент (ms).
-         */
+    bottomAddons?: React.ReactNode;
     dataTestId?: string | undefined;
     hasCloser?: boolean | undefined;
     block?: boolean | undefined;
     onClose?: ((event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | undefined) => void) | undefined;
-} & Pick<PopoverProps, "getPortalContainer" | "open" | "transition" | "offset" | "position" | "preventFlip"> & {
-    /**
-         * Элемент, относительного которого появляется тост.
-         * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).
-         */
+} & Pick<PopoverProps, "open" | "getPortalContainer" | "transition" | "offset" | "position" | "preventFlip"> & {
     anchorElement?: HTMLElement | undefined;
-    /**
-         * Через сколько исчезнет компонент (ms).
-         */
     autoCloseDelay?: number | undefined;
-    /**
-         * Обработчик закрытия компонента.
-         */
     onClose: () => void;
-    /**
-         * Отступ снизу (при fixed-позиционировании).
-         */
     bottomOffset?: number | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/toast/component.js

@@ -103,4 +103,3 @@ const F = {
 export {
   D as Toast
 };
-//# sourceMappingURL=component.js.map

package/dist/toast/index.js

@@ -2,4 +2,3 @@ import { Toast as t } from "./component.js";
 export {
   t as Toast
 };
-//# sourceMappingURL=index.js.map

package/dist/toast/index.module.css.js

@@ -20,4 +20,3 @@ export {
   e as popover,
   t as toastPlate
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/toast-notifier/component.d.ts

@@ -1,25 +1,10 @@
 import { default as React } from 'react';
 import { ToastPlateProps } from '../toast-plate';
 export type ToastNotifyProps = ToastPlateProps & {
-    /**
-     * текст тоста
-     */
     text?: string;
-    /**
-     * время автоматического закрытия тоста
-     */
     delay?: number;
-    /**
-     * Отступ от верхнего края
-     */
     offset?: number;
-    /**
-     * позиция тоста относительно экрана;
-     */
     position?: 'top' | 'bottom';
-    /**
-     * Время до закрытия компонента
-     */
     autoCloseDelay?: number;
 };
 export declare const ToastNotifier: React.FC<ToastNotifyProps>;

package/dist/toast-notifier/component.js

@@ -1,70 +1,68 @@
-import { jsx as x } from "react/jsx-runtime";
-import b from "react-dom";
-import C from "classnames";
+import { jsx as b } from "react/jsx-runtime";
+import { createRoot as C } from "react-dom/client";
+import g from "classnames";
 import { ToastPlate as y } from "../toast-plate/component.js";
 import { useTimer as w } from "./use-timer.js";
 import o from "./index.module.css.js";
-let t;
-typeof window != "undefined" && (t = document.createElement("div"), t.setAttribute("id", "toast_manager"), document.body.appendChild(t));
-const j = ({
-  className: m,
-  children: g,
-  offset: i = 108,
+let e;
+typeof window < "u" && (e = document.createElement("div"), e.setAttribute("id", "toast_manager"), document.body.appendChild(e));
+const z = ({
+  className: a,
+  children: E,
+  offset: n = 108,
   hasCloser: l = !0,
-  onClose: E,
+  onClose: $,
   text: d,
-  onMouseEnter: $,
-  onMouseLeave: L,
-  style: a,
+  onMouseEnter: L,
+  onMouseLeave: A,
+  style: u,
   position: p = "bottom",
-  delay: u = 3e3,
-  ...c
+  delay: c = 3e3,
+  ...f
 }) => {
-  if (typeof window == "undefined") return null;
-  const n = window.innerWidth > 600, f = () => {
-    const r = "position: fixed; z-index: 999999999;";
-    return n ? `${r} ${p}: ${i}px; right: 30px` : `${r} top: ${i}px; right: 30px; left: 30px`;
+  if (typeof window > "u") return null;
+  const s = window.innerWidth > 600, h = () => {
+    const m = "position: fixed; z-index: 999999999;";
+    return s ? `${m} ${p}: ${n}px; right: 30px` : `${m} top: ${n}px; right: 30px; left: 30px`;
   };
-  t.setAttribute("style", f());
-  const e = document.createElement("div");
-  e.classList.remove(o.isClosing), e.setAttribute("id", `toast_wrap-${Math.random()}`), e.setAttribute("style", "margin-bottom: 18px"), t.appendChild(e);
-  const s = () => {
-    e.classList.add(o.isClosing), setTimeout(() => {
-      t == null || t.removeChild(e);
+  e.setAttribute("style", h());
+  const t = document.createElement("div");
+  t.classList.remove(o.isClosing), t.setAttribute("id", `toast_wrap-${Math.random()}`), t.setAttribute("style", "margin-bottom: 18px"), e.appendChild(t);
+  const i = C(t), r = () => {
+    t.classList.add(o.isClosing), setTimeout(() => {
+      i.unmount(), e?.removeChild(t);
     }, 300);
-  }, { pause: h, resume: v } = w(s, u);
-  return e.addEventListener("mouseenter", () => {
-    h();
-  }), e.addEventListener("mouseleave", () => {
+  }, { pause: v, resume: x } = w(r, c);
+  return t.addEventListener("mouseenter", () => {
     v();
-  }), b.render(
-    /* @__PURE__ */ x(
+  }), t.addEventListener("mouseleave", () => {
+    x();
+  }), i.render(
+    /* @__PURE__ */ b(
       y,
       {
         hasCloser: l,
-        className: C(
+        className: g(
           {
             [o.isVisible]: !0,
-            [o.mobile]: !n
+            [o.mobile]: !s
           },
-          m
+          a
         ),
         contentClassName: o.toastContent,
         style: {
           right: 0,
           position: "relative",
-          ...a
+          ...u
         },
         role: "alert",
-        onClose: s,
-        ...c,
+        onClose: r,
+        ...f,
         children: d
       }
-    ),
-    e
+    )
   ), null;
 };
 export {
-  j as ToastNotifier
+  z as ToastNotifier
 };
-//# sourceMappingURL=component.js.map

package/dist/toast-notifier/index.js

@@ -2,4 +2,3 @@ import { ToastNotifier as t } from "./component.js";
 export {
   t as ToastNotifier
 };
-//# sourceMappingURL=index.js.map

package/dist/toast-notifier/index.module.css.js

@@ -12,4 +12,3 @@ export {
   t as mobile,
   o as toastContent
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/toast-notifier/use-timer.js

@@ -17,4 +17,3 @@ const n = (s, e) => {
 export {
   n as useTimer
 };
-//# sourceMappingURL=use-timer.js.map