@alphakits/ui 2.1.0 → 2.1.1

package/dist/page-with-controls/index.js

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

package/dist/picker-button/common/index.js

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

package/dist/picker-button/common/labeled-button/index.js

@@ -16,4 +16,3 @@ const u = l(({
 export {
   u as LabeledButton
 };
-//# sourceMappingURL=index.js.map

package/dist/picker-button/common/labeled-button/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const p = "wrapper_Y-b0", r = {
   wrapper: p
 };
@@ -6,4 +7,3 @@ export {
   r as default,
   p as wrapper
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/picker-button/component.d.ts

@@ -3,17 +3,11 @@ import { ButtonProps } from '../button';
 import { BaseSelectProps } from '../select';
 export type PickerButtonSize = 's' | 'm' | 'l' | 'xs';
 export type PickerButtonProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'fieldProps' | 'hint' | 'allowUnselect'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons'> & {
-    /**
-         * Размер кнопки
-         */
     size?: PickerButtonSize;
     icon?: React.ReactNode;
     fieldComponent?: 'button' | 'iconButton';
 };
 export declare const PickerButton: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "hint" | "onFocus" | "size" | "multiple" | "placeholder" | "selected" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "fieldProps"> & Pick<ButtonProps, "view" | "leftAddons" | "loading"> & {
-    /**
-         * Размер кнопки
-         */
     size?: PickerButtonSize | undefined;
     icon?: React.ReactNode;
     fieldComponent?: "button" | "iconButton" | undefined;

package/dist/picker-button/component.js

@@ -54,4 +54,3 @@ const D = d(
 export {
   D as PickerButton
 };
-//# sourceMappingURL=component.js.map

package/dist/picker-button/field/Component.js

@@ -47,4 +47,3 @@ const C = ({
 export {
   C as Field
 };
-//# sourceMappingURL=Component.js.map

package/dist/picker-button/field/index.js

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

package/dist/picker-button/field/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const n = "iconContainer_XeDr", o = "open_OjX8", e = {
   iconContainer: n,
   open: o
@@ -8,4 +9,3 @@ export {
   n as iconContainer,
   o as open
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/picker-button/index.js

@@ -4,4 +4,3 @@ export {
   f as LabeledButton,
   e as PickerButton
 };
-//# sourceMappingURL=index.js.map

package/dist/picker-button/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const n = "container_cXs3", t = {
   container: n
 };
@@ -6,4 +7,3 @@ export {
   n as container,
   t as default
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/popover/component.d.ts

@@ -4,72 +4,21 @@ import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 export type Position = Placement;
 export type PopoverProps = {
     children?: React.ReactNode;
-    /**
-     * Управление состоянием поповера (открыт/закрыт)
-     */
     open: boolean;
-    /**
-     * Элемент, относительного которого появляется поповер
-     */
     anchorElement: HTMLElement;
-    /**
-     * Позиционирование поповера
-     */
     position?: Position;
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
     preventFlip?: boolean;
-    /**
-     * Если `true`, будет отрисована стрелочка
-     */
     withArrow?: boolean;
-    /**
-     * Смещение поповера.
-     * Если позиционирование top, bottom, то [crossAxis, mainAxis] (как раньше [x, y]).
-     * Если позиционирование left, right — то же порядок [crossAxis, mainAxis] ([y, x] в старых терминах).
-     */
     offset?: [number, number];
-    /**
-     * Дополнительный класс для поповера
-     */
     popperClassName?: string;
-    /**
-     * Дополнительный класс для стрелочки
-     */
     arrowClassName?: string;
-    /**
-     * Функция, возвращающая контейнер, в который будет рендериться поповер
-     */
     getPortalContainer?: () => HTMLElement;
-    /**
-     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
     transition?: CSSTransitionProps;
-    /**
-     * Выставляет кастомное свойство transition-duration
-     */
     transitionDuration?: CSSProperties['transitionDuration'];
-    /**
-     * Рендерит компонент, обернутый в Transition
-     */
     withTransition?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение компонента
-     */
     update?: MutableRefObject<() => void>;
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * z-index компонента
-     */
     zIndex?: number;
 };
 export declare const Popover: React.FC<PopoverProps>;

package/dist/popover/component.js

@@ -1,84 +1,83 @@
-import { jsx as r, jsxs as L } from "react/jsx-runtime";
-import { useRef as $, useLayoutEffect as j, useEffect as N, useMemo as k } from "react";
-import { useFloating as D, autoUpdate as P, offset as U, flip as z, shift as V, arrow as q } from "@floating-ui/react-dom";
-import { CSSTransition as B } from "react-transition-group";
+import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import { useRef as L, useLayoutEffect as $, useEffect as g, useMemo as j } from "react";
+import { useFloating as k, autoUpdate as D, offset as P, flip as U, shift as z, arrow as V } from "@floating-ui/react-dom";
+import { CSSTransition as q } from "react-transition-group";
 import c from "classnames";
-import { Portal as G } from "../portal/component.js";
-import { stackingOrder as H } from "../stack/context.js";
-import { Stack as J } from "../stack/component.js";
+import { Portal as B } from "../portal/component.js";
+import { stackingOrder as G } from "../stack/context.js";
+import { Stack as H } from "../stack/component.js";
 import e from "./index.module.css.js";
-const K = {
+const J = {
   timeout: 150
-}, Q = {
+}, K = {
   enter: e.enter,
   enterActive: e.enterActive,
   exit: e.exit,
   exitActive: e.exitActive
-}, W = {
+}, Q = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
-}, nt = ({
+}, st = ({
   children: f,
-  getPortalContainer: A,
-  transition: d = K,
+  getPortalContainer: N,
+  transition: d = J,
   anchorElement: p,
   offset: n = [0, 0],
   withArrow: i = !1,
-  withTransition: y = !0,
-  position: R = "left",
-  preventFlip: b,
-  popperClassName: E,
-  arrowClassName: O,
-  className: T,
+  withTransition: A = !0,
+  position: y = "left",
+  preventFlip: R,
+  popperClassName: b,
+  arrowClassName: E,
+  className: O,
   open: u,
-  dataTestId: h,
+  dataTestId: T,
   update: a,
-  transitionDuration: w = `${d.timeout}ms`,
-  zIndex: C = H.POPOVER
+  transitionDuration: h = `${d.timeout}ms`,
+  zIndex: w = G.POPOVER
 }) => {
-  const x = $(null), {
+  const x = L(null), {
     refs: l,
-    floatingStyles: F,
+    floatingStyles: C,
     middlewareData: m,
     placement: S,
     update: o
-  } = D({
-    placement: R,
-    whileElementsMounted: P,
+  } = k({
+    placement: y,
+    whileElementsMounted: D,
     middleware: [
-      U(
+      P(
         {
           crossAxis: n[0],
           mainAxis: n[1]
         },
         [n]
       ),
-      ...b ? [] : [z()],
-      V({ padding: 4 }),
-      ...i ? [q({ element: x })] : []
+      ...R ? [] : [U()],
+      z({ padding: 4 }),
+      ...i ? [V({ element: x })] : []
     ]
   });
-  j(() => {
+  $(() => {
     l.setReference(p);
-  }, [p, l]), N(() => {
+  }, [p, l]), g(() => {
     a && o && (a.current = o);
-  }, [o, a]), N(() => {
+  }, [o, a]), g(() => {
     o();
   }, [o, f]);
-  const I = k(() => {
-    var g;
+  const F = j(() => {
     if (!i || !m.arrow)
       return {};
-    const { x: t, y: s } = m.arrow, M = S.split("-")[0], _ = (g = W[M]) != null ? g : "bottom";
+    const { x: t, y: s } = m.arrow, I = S.split("-")[0], M = Q[I] ?? "bottom";
     return {
       position: "absolute",
       left: t != null ? `${t}px` : void 0,
       top: s != null ? `${s}px` : void 0,
       right: "",
       bottom: "",
-      [_]: "-4px"
+      [M]: "-4px"
     };
   }, [i, m.arrow, S]), v = (t, s) => /* @__PURE__ */ r(
     "div",
@@ -86,14 +85,14 @@ const K = {
       ref: l.setFloating,
       style: {
         zIndex: t,
-        ...F
+        ...C
       },
-      className: c(e.component, T),
-      children: /* @__PURE__ */ L(
+      className: c(e.component, O),
+      children: /* @__PURE__ */ _(
         "div",
         {
-          "data-test-id": h,
-          className: c(e.inner, E),
+          "data-test-id": T,
+          className: c(e.inner, b),
           style: s,
           children: [
             f,
@@ -101,8 +100,8 @@ const K = {
               "div",
               {
                 ref: x,
-                style: I,
-                className: c(e.arrow, O)
+                style: F,
+                className: c(e.arrow, E)
               }
             )
           ]
@@ -110,18 +109,17 @@ const K = {
       )
     }
   );
-  return /* @__PURE__ */ r(J, { value: C, children: (t) => /* @__PURE__ */ r(G, { getPortalContainer: A, children: y ? /* @__PURE__ */ r(
-    B,
+  return /* @__PURE__ */ r(H, { value: w, children: (t) => /* @__PURE__ */ r(B, { getPortalContainer: N, children: A ? /* @__PURE__ */ r(
+    q,
     {
       unmountOnExit: !0,
-      classNames: Q,
+      classNames: K,
       ...d,
       in: u,
-      children: v(t, { transitionDuration: w })
+      children: v(t, { transitionDuration: h })
     }
   ) : u && v(t) }) });
 };
 export {
-  nt as Popover
+  st as Popover
 };
-//# sourceMappingURL=component.js.map

package/dist/popover/index.js

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

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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const e = "component_M4dA", t = "arrow_rhvi", n = "enter_3MWR", o = "enterActive_pPMD", c = "exit_4hKA", r = "exitActive_vWe9", i = {
   component: e,
   arrow: t,
@@ -16,4 +17,3 @@ export {
   c as exit,
   r as exitActive
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/portal/component.d.ts

@@ -1,10 +1,6 @@
 /// <reference types="react" />
 export type PortalProps = {
-    /** Контент */
     children?: any;
-    /**
-     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
-     */
     getPortalContainer?: () => Element;
 };
 export declare const Portal: import('react').ForwardRefExoticComponent<PortalProps & import('react').RefAttributes<Element>>;

package/dist/portal/component.js

@@ -14,4 +14,3 @@ const d = f(
 export {
   d as Portal
 };
-//# sourceMappingURL=component.js.map

package/dist/portal/index.js

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

package/dist/portal/utils.js

@@ -13,4 +13,3 @@ export {
   n as getDefaultPortalContainer,
   c as setRef
 };
-//# sourceMappingURL=utils.js.map

package/dist/progress-bar/component.js

@@ -27,4 +27,3 @@ const y = ({
 export {
   y as ProgressBar
 };
-//# sourceMappingURL=component.js.map

package/dist/progress-bar/index.js

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

package/dist/progress-bar/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const n = "progress_bar_IyWa", o = "block_hDRE", c = "inner_L-nU", t = "indicator_F5x4", s = "multicolor_m9mP", e = "_30_6cyw", i = "_60_jXfA", r = "negative_8XFW", a = "positive_ikFF", _ = "accent_zSev", l = "secondary_UTeR", g = "warning_vYom", v = {
   progress_bar: n,
   block: o,
@@ -28,4 +29,3 @@ export {
   l as secondary,
   g as warning
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/progress-index/component.js

@@ -18,4 +18,3 @@ const x = ({
 export {
   x as ProgressIndex
 };
-//# sourceMappingURL=component.js.map

package/dist/progress-index/index.js

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

package/dist/progress-index/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const e = "progress_index_ocqg", s = "text_xbaI", t = {
   progress_index: e,
   text: s
@@ -8,4 +9,3 @@ export {
   e as progress_index,
   s as text
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/radio/component.d.ts

@@ -2,106 +2,34 @@ import { default as React, ChangeEvent, InputHTMLAttributes, ReactNode } from 'r
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 export type RadioProps = Omit<NativeProps, 'size' | 'type' | 'onChange' | 'checked' | 'disabled' | 'name' | 'className'> & {
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
-    /**
-     * Текст подсказки снизу
-     */
     hint?: ReactNode;
-    /**
-     * Текст подписи
-     */
     label?: ReactNode;
-    /**
-     * Размер компонента
-     */
     size?: 's' | 'm';
-    /**
-     * Управление состоянием отмечен/не отмечен
-     */
     checked?: boolean;
-    /**
-     * Управление состоянием активен / не активен
-     */
     disabled?: boolean;
-    /**
-     * Html аттрибут name инпута
-     */
     name?: string;
-    /**
-     * Класс компонента
-     */
     className?: string;
-    /**
-     * Выравнивание
-     */
     align?: Align;
-    /**
-     * Дополнительный слот
-     */
     addons?: React.ReactNode;
-    /**
-     * Растягивать ли компонент на всю ширину
-     */
     block?: boolean;
-    /**
-     * Обработчик на выбор элемента
-     */
     onChange: (event: ChangeEvent<HTMLInputElement>, payload: {
         checked: boolean;
         name?: string;
     }) => void;
 };
 export declare const Radio: React.ForwardRefExoticComponent<Omit<NativeProps, "disabled" | "className" | "onChange" | "type" | "size" | "name" | "checked"> & {
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string | undefined;
-    /**
-     * Текст подсказки снизу
-     */
     hint?: ReactNode;
-    /**
-     * Текст подписи
-     */
     label?: ReactNode;
-    /**
-     * Размер компонента
-     */
     size?: "s" | "m" | undefined;
-    /**
-     * Управление состоянием отмечен/не отмечен
-     */
     checked?: boolean | undefined;
-    /**
-     * Управление состоянием активен / не активен
-     */
     disabled?: boolean | undefined;
-    /**
-     * Html аттрибут name инпута
-     */
     name?: string | undefined;
-    /**
-     * Класс компонента
-     */
     className?: string | undefined;
-    /**
-     * Выравнивание
-     */
     align?: Align | undefined;
-    /**
-     * Дополнительный слот
-     */
     addons?: React.ReactNode;
-    /**
-     * Растягивать ли компонент на всю ширину
-     */
     block?: boolean | undefined;
-    /**
-     * Обработчик на выбор элемента
-     */
     onChange: (event: ChangeEvent<HTMLInputElement>, payload: {
         checked: boolean;
         name?: string;

package/dist/radio/component.js

@@ -63,4 +63,3 @@ const E = x(
 export {
   E as Radio
 };
-//# sourceMappingURL=component.js.map

package/dist/radio/index.js

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

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

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const c = "container_NjKG", t = "checked_DggT", n = "disabled_I93V", e = "circle_IS2P", s = "label_P4Kp", o = "hint_jS9l", d = "focused_uweB", l = "m_LBuK", a = "s_IS3y", r = "content_u8t0", _ = "start_rPJk", i = "center_e5lX", b = "addons_2cNo", h = "block_Qhaf", k = {
   container: c,
   checked: t,
@@ -32,4 +33,3 @@ export {
   a as s,
   _ as start
 };
-//# sourceMappingURL=index.module.css.js.map