@alphakits/ui 2.0.13 → 2.1.1

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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const e = "textarea_91cC", s = "s_EnuH", t = "m_etAW", c = "l_pP38", l = "hasLabel_sk25", a = "resizeVertical_kct5", o = "focusVisible_bLwR", i = "filled_t8LR", n = "counter_psEq", r = {
   textarea: e,
   s,
@@ -22,4 +23,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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const t = "toastPlate_Qcyx", e = "popover_CzEm", o = "block_qnPJ", c = "fixed_U9hs", s = "enter_mfll", i = "enterActive_iRE6", n = "exit_lf3x", x = "exitActive_qssL", l = {
   toastPlate: t,
   popover: e,
@@ -20,4 +21,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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const s = "isVisible_kvax", t = "mobile_ARgi", i = "isClosing_fMPD", o = "toastContent_WxLt", n = {
   isVisible: s,
   mobile: t,
@@ -12,4 +13,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

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

@@ -1,93 +1,27 @@
 import { default as React, HTMLAttributes, MouseEvent, ReactNode } from 'react';
 export type ToastPlateProps = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * Дополнительный класс для контентной области
-     */
     contentClassName?: string;
-    /**
-     * Дочерние элементы
-     */
     children?: ReactNode;
-    /**
-     * Заголовок компонента
-     */
     title?: ReactNode;
-    /**
-     * цвет заднего фона
-     */
     view: 'negative' | 'positive' | 'attention' | 'default' | 'neutral' | 'black';
-    /**
-     * Слот слева, заменяет стандартную иконку
-     */
     leftAddons?: ReactNode;
-    /**
-     * Кнопка действия
-     */
     bottomAddons?: ReactNode;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
-    /**
-     * Управляет отображением кнопки закрытия уведомления
-     */
     hasCloser?: boolean;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean;
-    /**
-     * Обработчик клика по крестику
-     */
     onClose?: (event?: MouseEvent<HTMLButtonElement>) => void;
 };
 export declare const ToastPlate: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Дополнительный класс
-     */
     className?: string | undefined;
-    /**
-     * Дополнительный класс для контентной области
-     */
     contentClassName?: string | undefined;
-    /**
-     * Дочерние элементы
-     */
     children?: ReactNode;
-    /**
-     * Заголовок компонента
-     */
     title?: ReactNode;
-    /**
-     * цвет заднего фона
-     */
     view: 'negative' | 'positive' | 'attention' | 'default' | 'neutral' | 'black';
-    /**
-     * Слот слева, заменяет стандартную иконку
-     */
     leftAddons?: ReactNode;
-    /**
-     * Кнопка действия
-     */
     bottomAddons?: ReactNode;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string | undefined;
-    /**
-     * Управляет отображением кнопки закрытия уведомления
-     */
     hasCloser?: boolean | undefined;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean | undefined;
-    /**
-     * Обработчик клика по крестику
-     */
     onClose?: ((event?: MouseEvent<HTMLButtonElement>) => void) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/toast-plate/component.js

@@ -76,4 +76,3 @@ const E = M(
 export {
   E as ToastPlate
 };
-//# sourceMappingURL=component.js.map

package/dist/toast-plate/index.js

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

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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const t = "component_2FCo", o = "hasCloser_ig0b", n = "block_aZI2", e = "positive_k8le", c = "checkmark_Uk-P", s = "attention_qo9d", l = "negative_rdTB", a = "neutral_KAat", d = "black_c7gB", i = "closeButton_mFhA", r = "contentWrap_-P3J", _ = "content_ING2", k = "leftAddons_Odkd", b = "title_QZFU", h = "children_tKSv", m = "bottomAddons_ixVc", p = {
   component: t,
   hasCloser: o,
@@ -37,4 +38,3 @@ export {
   e as positive,
   b as title
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/tooltip/component.d.ts

@@ -1,71 +1,22 @@
-import { FC, ReactElement, ReactNode } from 'react';
+import { FC, HTMLAttributes, ReactElement, ReactNode } from 'react';
 import { PopoverProps, Position } from '../popover';
 type Trigger = 'click' | 'hover';
 export type TooltipProps = {
-    /**
-     * Контент тултипа
-     */
     content: ReactNode;
-    /**
-     * Позиционирование тултипа
-     */
     position?: Position;
-    /**
-     * Задержка перед открытием тултипа
-     */
     onOpenDelay?: number;
-    /**
-     * Задержка перед закрытием тултипа
-     */
     onCloseDelay?: number;
-    /**
-     * Обработчик открытия тултипа
-     */
     onOpen?: () => void;
-    /**
-     * Обработчик закрытия тултипа
-     */
     onClose?: () => void;
-    /**
-     * Событие, по которому происходит открытие тултипа
-     */
     trigger?: Trigger;
-    /**
-     * Если `true`, то тултип будет открыт
-     */
     open?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
-    /**
-     * Дочерние элементы тултипа.
-     * При срабатывании событий на них, тултип будет открываться
-     */
-    children: ReactElement;
-    /**
-     * Смещение тултипа
-     */
+    children: ReactElement<HTMLAttributes<HTMLElement>>;
     offset?: [number, number];
-    /**
-     * Функция, возвращающая контейнер, в который будет рендериться тултип
-     */
     getPortalContainer?: () => HTMLElement;
-    /**
-     * Дополнительный класс для стрелочки
-     */
     arrowClassName?: string;
-    /**
-     * Дополнительный класс для контента
-     */
     contentClassName?: string;
-    /**
-     * Дополнительный класс для поповера
-     */
     popoverClassName?: string;
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение компонента
-     */
     updatePopover?: PopoverProps['update'];
 };
 export declare const Tooltip: FC<TooltipProps>;

package/dist/tooltip/component.js

@@ -1,8 +1,8 @@
 import { jsxs as X, jsx as l } from "react/jsx-runtime";
 import f, { useState as M, useRef as Y, useCallback as C, useEffect as Z, cloneElement as _ } from "react";
-import $ from "react-node-resolver";
 import m from "classnames";
-import { Popover as D } from "../popover/component.js";
+import { Popover as $ } from "../popover/component.js";
+import { NodeResolver as D } from "./node-resolver.js";
 import d from "./index.module.css.js";
 const ce = ({
   children: t,
@@ -101,9 +101,9 @@ const ce = ({
     c.current = e, A(c.current);
   }, []);
   return /* @__PURE__ */ X(f.Fragment, { children: [
-    /* @__PURE__ */ l($, { innerRef: U, children: J() }),
+    /* @__PURE__ */ l(D, { innerRef: U, children: J() }),
     k && /* @__PURE__ */ l(
-      D,
+      $,
       {
         anchorElement: k,
         open: Q,
@@ -122,4 +122,3 @@ const ce = ({
 export {
   ce as Tooltip
 };
-//# sourceMappingURL=component.js.map

package/dist/tooltip/index.js

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

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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const t = "component_KCXt", o = "popper_M9Hf", e = "target_nVe9", p = {
   component: t,
   popper: o,
@@ -10,4 +11,3 @@ export {
   o as popper,
   e as target
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/tooltip/node-resolver.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ReactElement } from 'react';
+type NodeResolverProps = {
+    innerRef: (node: HTMLElement | null) => void;
+    children: ReactElement;
+};
+export declare const NodeResolver: React.FC<NodeResolverProps>;
+export {};

package/dist/tooltip/node-resolver.js

@@ -0,0 +1,12 @@
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as n, useEffect as l } from "react";
+const p = ({ innerRef: e, children: t }) => {
+  const o = n(null);
+  return l(() => {
+    const r = o.current?.firstElementChild;
+    return e(r instanceof HTMLElement ? r : null), () => e(null);
+  }, [e, t]), /* @__PURE__ */ s("span", { ref: o, style: { display: "contents" }, children: t });
+};
+export {
+  p as NodeResolver
+};

package/dist/typography/colors.js

@@ -15,4 +15,3 @@ const e = [
 export {
   e as colors
 };
-//# sourceMappingURL=colors.js.map

package/dist/typography/colors.module.css.js

@@ -1,4 +1,5 @@
-import './colors.module.css';
+import * as __css from './colors.css';
+export const __cssModule = __css;
 const t = "primary_f19I", e = "secondary_Gon7", n = "positive_Vno8", i = "attention_ZbzM", r = "negative_7JvU", a = "link_gqQZ", o = "disabled_TPJs", s = "tertiary_e7GJ", c = "accent_-sG9", d = {
   primary: t,
   "primary-inverted": "primary-inverted_g2GM",
@@ -25,4 +26,3 @@ export {
   e as secondary,
   s as tertiary
 };
-//# sourceMappingURL=colors.module.css.js.map

package/dist/typography/component.js

@@ -7,4 +7,3 @@ const m = {
 export {
   m as Typography
 };
-//# sourceMappingURL=component.js.map

package/dist/typography/index.js

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

package/dist/typography/text/component.d.ts

@@ -1,36 +1,15 @@
 import { default as React } from 'react';
 import { Color } from '../colors';
 export type TextProps = {
-    /**
-     * [Вариант начертания]
-     */
     view?: 'primary-medium' | 'primary-small' | 'title' | 'component' | 'caps';
-    /**
-     * Цвет текста
-     */
     color?: Color;
-    /**
-     * Толщина шрифта
-     */
     weight?: 'regular' | 'medium' | 'bold';
     uppercase?: boolean;
     html?: boolean;
     through?: boolean;
-    /**
-     * HTML тег
-     */
     tag?: 'p' | 'span' | 'div';
-    /**
-     * Css-класс для стилизации
-     */
     className?: string;
-    /**
-     * Id компонента для тестов
-     */
     dataTestId?: string;
-    /**
-     * Контент
-     */
     children?: React.ReactNode;
 };
 export declare const Text: React.FC<TextProps>;

package/dist/typography/text/component.js

@@ -51,4 +51,3 @@ const c = ({
 export {
   c as Text
 };
-//# sourceMappingURL=component.js.map

package/dist/typography/text/index.js

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

package/dist/typography/text/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const a = "paragraph_msaC", r = "title_O9cz", t = "caps_l7Eq", e = "uppercase_JVKe", o = "bold_RuoQ", p = "medium_YL23", s = "regular_h8gT", c = "through_3EDO", m = "component_MPBK", l = {
   paragraph: a,
   "primary-medium": "primary-medium_LhYf",
@@ -24,4 +25,3 @@ export {
   r as title,
   e as uppercase
 };
-//# sourceMappingURL=index.module.css.js.map