@alphakits/ui 2.1.0 → 2.1.1

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

@@ -2,70 +2,21 @@ 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<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

@@ -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

@@ -3,24 +3,5 @@ type NodeResolverProps = {
     innerRef: (node: HTMLElement | null) => void;
     children: ReactElement;
 };
-/**
- * Раньше тут использовался `react-node-resolver`, который тянул `findDOMNode`
- * из react-dom и ломал сборку под React 18+ (deprecated в 18, удалён в 19) и
- * требовал yarn-патча на CommonJS-экспорты.
- *
- * Этот wrapper заменяет его на эквивалентное по поведению решение:
- * рендерим невидимый span (`display: contents` исключает его из visual layout
- * и accessibility tree, оставляя ребёнка прямым потомком родителя в layout-
- * движке), а DOM-узел ребёнка достаём через `firstElementChild` контейнера.
- *
- * Контракт для caller'а сохранён 1-в-1:
- *   - `innerRef(node)` вызывается с реальным DOM-узлом ребёнка на mount;
- *   - `innerRef(null)` вызывается на unmount;
- *   - при смене `children` ref обновляется.
- *
- * Не используем `cloneElement(child, { ref })`, чтобы не требовать от ребёнка
- * быть DOM-элементом или forwardRef-компонентом — старый Tooltip API такого
- * не гарантировал.
- */
 export declare const NodeResolver: React.FC<NodeResolverProps>;
 export {};

package/dist/tooltip/node-resolver.js

@@ -1,14 +1,12 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useRef as l, useEffect as u } from "react";
-const c = ({ innerRef: e, children: t }) => {
-  const o = l(null);
-  return u(() => {
-    var s;
-    const r = (s = o.current) == null ? void 0 : s.firstElementChild;
+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__ */ n("span", { ref: o, style: { display: "contents" }, children: t });
+  }, [e, t]), /* @__PURE__ */ s("span", { ref: o, style: { display: "contents" }, children: t });
 };
 export {
-  c as NodeResolver
+  p as NodeResolver
 };
-//# sourceMappingURL=node-resolver.js.map

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

package/dist/typography/title/common.module.css.js

@@ -1,4 +1,5 @@
-import './common.module.css';
+import * as __css from './common.css';
+export const __cssModule = __css;
 const o = "component_l-zR", e = "bold_R07W", n = "medium_IcxX", m = "regular_2NoX", t = {
   component: o,
   bold: e,
@@ -12,4 +13,3 @@ export {
   n as medium,
   m as regular
 };
-//# sourceMappingURL=common.module.css.js.map

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

@@ -1,39 +1,15 @@
 import { default as React, ReactNode } from 'react';
 import { Color } from '../colors';
 export type TitleProps = {
-    /**
-     * HTML тег
-     */
     tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
-    /**
-     * [Вариант начертания]
-     */
     view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall' | 'xxsmall';
-    /**
-     * Цвет текста
-     */
     color?: Color;
-    /**
-     * Толщина шрифта
-     */
     weight?: 'regular' | 'medium' | 'bold';
-    /**
-     * Добавляет отступы
-     */
     defaultMargins?: boolean;
     uppercase?: boolean;
     through?: boolean;
-    /**
-     * Css-класс для стилизации
-     */
     className?: string;
-    /**
-     * Id компонента для тестов
-     */
     dataTestId?: string;
-    /**
-     * Контент
-     */
     children: ReactNode;
 };
 type Styles = {

package/dist/typography/title/component.js

@@ -35,4 +35,3 @@ const j = ({
 export {
   j as Title
 };
-//# sourceMappingURL=component.js.map

package/dist/typography/title/index.js

@@ -12,4 +12,3 @@ const f = (o) => (
 export {
   f as Title
 };
-//# sourceMappingURL=index.js.map

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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const r = "uppercase_NG5Q", a = "through_ezTz", m = {
   "montserrat-xlarge": "montserrat-xlarge_hdgb",
   "montserrat-large": "montserrat-large_Go4J",
@@ -19,4 +20,3 @@ export {
   a as through,
   r as uppercase
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/utils/data/currency-codes.js

@@ -166,4 +166,3 @@ const K = {
 export {
   R as currency
 };
-//# sourceMappingURL=currency-codes.js.map

package/dist/utils/date/index.d.ts

@@ -1,11 +1,9 @@
-/** Small date helpers (local timezone), replacing date-fns for bundle size. */
 export declare function startOfMonth(d: Date | number): Date;
 export declare function startOfYear(d: Date | number): Date;
 export declare function endOfYear(d: Date | number): Date;
 export declare function lastDayOfMonth(d: Date | number): Date;
 export declare function startOfDay(d: Date | number): Date;
 export declare function endOfDay(d: Date | number): Date;
-/** Monday 00:00 of the ISO week containing `d`. */
 export declare function startOfISOWeek(d: Date): Date;
 export declare function endOfISOWeek(d: Date): Date;
 export declare function startOfWeek(d: Date, options?: {
@@ -56,18 +54,10 @@ export declare function isToday(d: Date): boolean;
 export declare function isThisMonth(d: Date): boolean;
 export declare function isThisYear(d: Date): boolean;
 export declare function parseISO(s: string): Date;
-/** Monday-first short weekday labels (aligned with previous date-fns `localize.day` order). */
 export declare function weekDaysShort(localeTag: string): string[];
 type FormatOptions = {
     locale?: string;
 };
-/**
- * Subset of date-fns `format` tokens: yyyy, yy, MM, dd, HH, mm, MMM, MMMM, LLL, LLLL.
- * Longer tokens first (`LLLL` before `LLL`, `MMMM` before `MM`).
- */
 export declare function format(d: Date, pattern: string, options?: FormatOptions): string;
-/**
- * Parse fixed-width patterns used in the UI (local date).
- */
 export declare function parse(value: string, pattern: string, _referenceDate?: Date): Date;
 export {};