@alphakits/ui 1.31.5 → 2.0.0

package/dist/bottom-sheet/index.module.css

@@ -0,0 +1 @@
+.index-module_back_btn__mnINK{position:absolute;top:16px;left:16px;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100001;background:none;color:var(--color-text-primary-inverted)}

package/dist/bottom-sheet/index.module.css.js

@@ -0,0 +1,9 @@
+import './index.module.css';
+const t = "index-module_back_btn__mnINK", n = {
+  back_btn: t
+};
+export {
+  t as back_btn,
+  n as default
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/bottom-sheet/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/box/component.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import { ReactNode } from 'react';
-declare enum Radiuses {
+export declare enum Radiuses {
     xs = 8,
     sm = 12,
     md = 16,
     round = "round"
 }
-declare enum Spaces {
+export declare enum Spaces {
     xxs = 4,
     xs = 8,
     sm = 12,
@@ -16,7 +15,7 @@ declare enum Spaces {
     xl = 24,
     xxl = 32
 }
-type Props = {
+declare type Props = {
     children?: ReactNode;
     className?: string;
     background?: string;
@@ -30,5 +29,5 @@ type Props = {
     margin?: keyof typeof Spaces;
     marginCustom?: string;
 };
-declare const Box: ({ children, id, className, padding, paddingCustom, border, margin, marginCustom, background, width, height, rounded, }: Props) => JSX.Element;
-export { Radiuses, Spaces, Box };
+export declare const Box: ({ children, id, className, padding, paddingCustom, border, margin, marginCustom, background, width, height, rounded, }: Props) => JSX.Element;
+export {};

package/dist/box/component.js

@@ -1 +1,48 @@
-import d,{useMemo as _}from"react";import n from"classnames";var i,m,e={component:"index-module_component__2KMXB",border:"index-module_border__1n6sq",radius_xs:"index-module_radius_xs__2FQp9",radius_sm:"index-module_radius_sm__YDper",radius_md:"index-module_radius_md__TKBJt",radius_round:"index-module_radius_round__2tKKO",padding_xxs:"index-module_padding_xxs__UM5qf",padding_xs:"index-module_padding_xs__1wswa",padding_sm:"index-module_padding_sm__2W55L",padding_md:"index-module_padding_md__2Tvd2",padding_ml:"index-module_padding_ml__3SFek",padding_l:"index-module_padding_l__xfEww",padding_xl:"index-module_padding_xl__3Tt1m",padding_xxl:"index-module_padding_xxl__23KLt",margin_xxs:"index-module_margin_xxs__1hdvT",margin_xs:"index-module_margin_xs__2cKg9",margin_sm:"index-module_margin_sm__FfTcF",margin_md:"index-module_margin_md__2_28R",margin_l:"index-module_margin_l__3O4i9",margin_xl:"index-module_margin_xl__2oAhp",margin_xxl:"index-module_margin_xxl__SYats"};!function(d){d[d.xs=8]="xs",d[d.sm=12]="sm",d[d.md=16]="md",d.round="round"}(i||(i={})),function(d){d[d.xxs=4]="xxs",d[d.xs=8]="xs",d[d.sm=12]="sm",d[d.md=16]="md",d[d.ml=20]="ml",d[d.l=20]="l",d[d.xl=24]="xl",d[d.xxl=32]="xxl"}(m||(m={}));var x=function(i){var m,x=i.children,a=i.id,r=i.className,o=i.padding,l=i.paddingCustom,s=i.border,u=i.margin,g=i.marginCustom,p=i.background,t=i.width,c=i.height,f=i.rounded,h=_((function(){var d={};return p&&(d.background=p),l&&(d.padding=l),g&&(d.margin=g),t&&(d.width=t+"px"),c&&(d.height=c+"px"),d}),[p,t,c,l,g]);return d.createElement("div",{id:a,style:h,className:n([r,e.component,(m={},m[e["padding_"+o]]=o,m[e["margin_"+u]]=u,m[e["radius_"+f]]=f,m[e.border]=s,m)])},x)};export{x as Box,i as Radiuses,m as Spaces};
+import { jsx as M } from "react/jsx-runtime";
+import { useMemo as N } from "react";
+import b from "classnames";
+import m from "./index.module.css.js";
+var q = /* @__PURE__ */ ((r) => (r[r.xs = 8] = "xs", r[r.sm = 12] = "sm", r[r.md = 16] = "md", r.round = "round", r))(q || {}), z = /* @__PURE__ */ ((r) => (r[r.xxs = 4] = "xxs", r[r.xs = 8] = "xs", r[r.sm = 12] = "sm", r[r.md = 16] = "md", r[r.ml = 20] = "ml", r[r.l = 20] = "l", r[r.xl = 24] = "xl", r[r.xxl = 32] = "xxl", r))(z || {});
+const G = ({
+  children: r,
+  id: y,
+  className: i,
+  padding: $,
+  paddingCustom: o,
+  border: j,
+  margin: v,
+  marginCustom: l,
+  background: f,
+  width: t,
+  height: n,
+  rounded: _
+}) => {
+  const B = N(() => {
+    const x = {};
+    return f && (x.background = f), o && (x.padding = o), l && (x.margin = l), t && (x.width = `${t}px`), n && (x.height = `${n}px`), x;
+  }, [f, t, n, o, l]);
+  return /* @__PURE__ */ M(
+    "div",
+    {
+      id: y,
+      style: B,
+      className: b([
+        i,
+        m.component,
+        {
+          [m[`padding_${$}`]]: $,
+          [m[`margin_${v}`]]: v,
+          [m[`radius_${_}`]]: _,
+          [m.border]: j
+        }
+      ]),
+      children: r
+    }
+  );
+};
+export {
+  G as Box,
+  q as Radiuses,
+  z as Spaces
+};
+//# sourceMappingURL=component.js.map

package/dist/box/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/box/component.tsx"],"sourcesContent":["import React, { CSSProperties, ReactNode, useMemo } from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport enum Radiuses {\n    xs = 8,\n    sm = 12,\n    md = 16,\n    round = 'round'\n}\n\nexport enum Spaces {\n    xxs = 4,\n    xs = 8,\n    sm = 12,\n    md = 16,\n    ml = 20,\n    l = 20,\n    xl = 24,\n    xxl = 32,\n}\n\ntype Props = {\n    children?: ReactNode;\n    className?: string;\n    background?: string;\n    border?: boolean;\n    id?: string;\n    width?: number;\n    height?: number;\n    rounded?: keyof typeof Radiuses;\n    padding?: keyof typeof Spaces;\n    paddingCustom?: string;\n    margin?: keyof typeof Spaces;\n    marginCustom?: string;\n};\n\nexport const Box = ({\n    children,\n    id,\n    className,\n    padding,\n    paddingCustom,\n    border,\n    margin,\n    marginCustom,\n    background,\n    width,\n    height,\n    rounded,\n}: Props) => {\n    const style = useMemo(() => {\n        const s: CSSProperties = {};\n\n        if (background) {\n            s.background = background;\n        }\n\n        if (paddingCustom) {\n            s.padding = paddingCustom;\n        }\n        if (marginCustom) {\n            s.margin = marginCustom;\n        }\n\n        if (width) {\n            s.width = `${width}px`;\n        }\n\n        if (height) {\n            s.height = `${height}px`;\n        }\n\n        return s;\n    }, [background, width, height, paddingCustom, marginCustom]);\n\n    return (\n        <div\n            id={ id }\n            style={ style }\n            className={ cn([\n                className,\n                styles.component,\n                {\n                    [styles[`padding_${padding}`]]: padding,\n                    [styles[`margin_${margin}`]]: margin,\n                    [styles[`radius_${rounded}`]]: rounded,\n                    [styles.border]: border,\n                },\n            ]) }\n        >\n            { children }\n        </div>\n    );\n};\n"],"names":["Radiuses","Spaces","Box","children","id","className","padding","paddingCustom","border","margin","marginCustom","background","width","height","rounded","style","useMemo","s","jsx","cn","styles"],"mappings":";;;;AAKO,IAAKA,sBAAAA,OACRA,EAAAA,EAAA,KAAK,CAAA,IAAL,MACAA,EAAAA,EAAA,KAAK,EAAA,IAAL,MACAA,EAAAA,EAAA,KAAK,EAAA,IAAL,MACAA,EAAA,QAAQ,SAJAA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACRA,EAAAA,EAAA,MAAM,CAAA,IAAN,OACAA,EAAAA,EAAA,KAAK,CAAA,IAAL,MACAA,EAAAA,EAAA,KAAK,EAAA,IAAL,MACAA,EAAAA,EAAA,KAAK,EAAA,IAAL,MACAA,EAAAA,EAAA,KAAK,EAAA,IAAL,MACAA,EAAAA,EAAA,IAAI,EAAA,IAAJ,KACAA,EAAAA,EAAA,KAAK,EAAA,IAAL,MACAA,EAAAA,EAAA,MAAM,EAAA,IAAN,OARQA,IAAAA,KAAA,CAAA,CAAA;AA0BL,MAAMC,IAAM,CAAC;AAAA,EAChB,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AACJ,MAAa;AACT,QAAMC,IAAQC,EAAQ,MAAM;AACxB,UAAMC,IAAmB,CAAA;AAEzB,WAAIN,MACAM,EAAE,aAAaN,IAGfJ,MACAU,EAAE,UAAUV,IAEZG,MACAO,EAAE,SAASP,IAGXE,MACAK,EAAE,QAAQ,GAAGL,CAAK,OAGlBC,MACAI,EAAE,SAAS,GAAGJ,CAAM,OAGjBI;AAAA,EACX,GAAG,CAACN,GAAYC,GAAOC,GAAQN,GAAeG,CAAY,CAAC;AAE3D,SACI,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,IAAAd;AAAA,MACA,OAAAW;AAAA,MACA,WAAYI,EAAG;AAAA,QACXd;AAAA,QACAe,EAAO;AAAA,QACP;AAAA,UACI,CAACA,EAAO,WAAWd,CAAO,EAAE,CAAC,GAAGA;AAAA,UAChC,CAACc,EAAO,UAAUX,CAAM,EAAE,CAAC,GAAGA;AAAA,UAC9B,CAACW,EAAO,UAAUN,CAAO,EAAE,CAAC,GAAGA;AAAA,UAC/B,CAACM,EAAO,MAAM,GAAGZ;AAAA,QAAA;AAAA,MACrB,CACH;AAAA,MAEC,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGd;"}

package/dist/box/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/box/index.js

@@ -1 +1,7 @@
-export{Box,Radiuses,Spaces}from"./component.js";import"react";import"classnames";
+import { Box as s, Radiuses as a, Spaces as p } from "./component.js";
+export {
+  s as Box,
+  a as Radiuses,
+  p as Spaces
+};
+//# sourceMappingURL=index.js.map

package/dist/box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/box/index.module.css

@@ -0,0 +1 @@
+.index-module_component__YjVTb{position:relative;overflow:hidden;box-sizing:border-box}.index-module_border__TUVsy{border:1px solid var(--color-border-secondary)}.index-module_radius_xs__bmWFQ{border-radius:8px}.index-module_radius_sm__q3Ff8{border-radius:12px}.index-module_radius_md__MRxAw{border-radius:16px}.index-module_radius_round__Bdob-{border-radius:100%}.index-module_padding_xxs__E4iU5{padding:4px}.index-module_padding_xs__pA1AX{padding:8px}.index-module_padding_sm__LlAl9{padding:12px}.index-module_padding_md__61jy2{padding:16px}.index-module_padding_ml__93sp8{padding:20px}.index-module_padding_l__0zzJe{padding:24px}.index-module_padding_xl__gRaym{padding:32px}.index-module_padding_xxl__xZWpU{padding:48px}.index-module_margin_xxs__zOtxs{margin:4px}.index-module_margin_xs__dH-RC{margin:8px}.index-module_margin_sm__qOkyT{margin:12px}.index-module_margin_md__j3rLL{margin:16px}.index-module_margin_l__t4LCH{margin:24px}.index-module_margin_xl__NBeg9{margin:32px}.index-module_margin_xxl__PH7Av{margin:48px}

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

@@ -0,0 +1,49 @@
+import './index.module.css';
+const d = "index-module_component__YjVTb", _ = "index-module_border__TUVsy", n = "index-module_radius_xs__bmWFQ", i = "index-module_radius_sm__q3Ff8", m = "index-module_radius_md__MRxAw", s = "index-module_radius_round__Bdob-", x = "index-module_padding_xxs__E4iU5", a = "index-module_padding_xs__pA1AX", o = "index-module_padding_sm__LlAl9", e = "index-module_padding_md__61jy2", g = "index-module_padding_ml__93sp8", l = "index-module_padding_l__0zzJe", r = "index-module_padding_xl__gRaym", u = "index-module_padding_xxl__xZWpU", p = "index-module_margin_xxs__zOtxs", t = "index-module_margin_xs__dH-RC", c = "index-module_margin_sm__qOkyT", b = "index-module_margin_md__j3rLL", y = "index-module_margin_l__t4LCH", A = "index-module_margin_xl__NBeg9", L = "index-module_margin_xxl__PH7Av", j = {
+  component: d,
+  border: _,
+  radius_xs: n,
+  radius_sm: i,
+  radius_md: m,
+  radius_round: s,
+  padding_xxs: x,
+  padding_xs: a,
+  padding_sm: o,
+  padding_md: e,
+  padding_ml: g,
+  padding_l: l,
+  padding_xl: r,
+  padding_xxl: u,
+  margin_xxs: p,
+  margin_xs: t,
+  margin_sm: c,
+  margin_md: b,
+  margin_l: y,
+  margin_xl: A,
+  margin_xxl: L
+};
+export {
+  _ as border,
+  d as component,
+  j as default,
+  y as margin_l,
+  b as margin_md,
+  c as margin_sm,
+  A as margin_xl,
+  t as margin_xs,
+  L as margin_xxl,
+  p as margin_xxs,
+  l as padding_l,
+  e as padding_md,
+  g as padding_ml,
+  o as padding_sm,
+  r as padding_xl,
+  a as padding_xs,
+  u as padding_xxl,
+  x as padding_xxs,
+  m as radius_md,
+  s as radius_round,
+  i as radius_sm,
+  n as radius_xs
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/box/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/button/component.d.ts

@@ -1,21 +1,49 @@
-/// <reference types="react" />
-import React from 'react';
-import { AnchorHTMLAttributes, ButtonHTMLAttributes } from "react";
-interface ButtonProps {
+import { default as React, AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
+export interface ButtonProps {
+    /**
+     * Тип кнопки
+     */
     view?: 'primary' | 'secondary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost' | 'black' | 'outlined-inverted';
+    /**
+     * Слот слева
+     */
     leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
     rightAddons?: React.ReactNode;
+    /**
+     * Размер компонента
+     */
     size?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
     block?: boolean;
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Выводит ссылку в виде кнопки
+     */
     href?: AnchorHTMLAttributes<HTMLAnchorElement>['href'];
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
+    /**
+     * Показать лоадер
+     */
     loading?: boolean;
+    /**
+     * Не переносить текст кнопки на новую строку
+     */
     nowrap?: boolean;
     children?: string | React.ReactNode;
 }
-type AnchorButtonProps = ButtonProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type IButtonProps = Partial<AnchorButtonProps | NativeButtonProps>;
-declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { ButtonProps, IButtonProps, Button };
+declare type AnchorButtonProps = ButtonProps & AnchorHTMLAttributes<HTMLAnchorElement>;
+declare type NativeButtonProps = ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare type IButtonProps = Partial<AnchorButtonProps | NativeButtonProps>;
+export declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export {};

package/dist/button/component.js

@@ -1 +1,85 @@
-import{__rest as e,__assign as d}from"tslib";import o,{useRef as n}from"react";import l from"react-merge-refs";import a from"classnames";import{useFocus as r}from"../hooks/useFocus/index.js";import{Loader as t}from"../loader/component.js";var i={component:"index-module_component__3evG9",focused:"index-module_focused__1ad3i",loading:"index-module_loading__2y4OS",text:"index-module_text__1-k8W",addons:"index-module_addons__16WFC",stretchText:"index-module_stretchText__1WRNW",loader:"index-module_loader__29UAj",xs:"index-module_xs__3qlRe",iconOnly:"index-module_iconOnly__1yP2o",s:"index-module_s__12NZU",m:"index-module_m__21Y1e",l:"index-module_l__i91Wc",primary:"index-module_primary__CH1sF",secondary:"index-module_secondary__2eIxt",outlined:"index-module_outlined__3Ys--","outlined-inverted":"index-module_outlined-inverted__1aQ2W",filled:"index-module_filled__1NOTl",transparent:"index-module_transparent__1OxM9",black:"index-module_black__2XnfC",link:"index-module_link__3GC-7",ghost:"index-module_ghost__1b8cF",block:"index-module_block__eEAno",nowrap:"index-module_nowrap__2N2mJ"},_=o.forwardRef((function(_,m){var s,c,u=_.children,x=_.view,f=void 0===x?"secondary":x,p=_.leftAddons,b=_.rightAddons,v=_.size,h=void 0===v?"m":v,k=_.block,g=void 0!==k&&k,y=_.className,N=_.dataTestId,w=_.href,E=_.loading,A=void 0!==E&&E,O=_.nowrap,T=void 0!==O&&O,W=e(_,["children","view","leftAddons","rightAddons","size","block","className","dataTestId","href","loading","nowrap"]),F=n(null),C=r(F,"keyboard")[0],j={className:a(i.component,i[f],i[h],(s={},s[i.focused]=C,s[i.block]=g,s[i.iconOnly]=!u,s[i.nowrap]=T,s[i.loading]=A,s),y),"data-test-id":N||null},I=o.createElement(o.Fragment,null,p&&o.createElement("span",{className:i.addons},p),u&&o.createElement("span",{className:a(i.text,(c={},c[i.stretchText]=!(p||b),c))},u),A&&o.createElement(t,{className:i.loader}),b&&o.createElement("span",{className:i.addons},b));if(w){var R=W.target;return o.createElement("a",d({rel:"_blank"===R?"noreferrer noopener":void 0},j,W,{href:w,ref:l([F,m])}),I)}var z=W,G=z.disabled,U=e(z,["disabled"]);return o.createElement("button",d({},j,U,{disabled:G||A,ref:l([F,m])}),I)}));export{_ as Button};
+import { jsxs as F, jsx as o } from "react/jsx-runtime";
+import i, { useRef as v } from "react";
+import u from "react-merge-refs";
+import d from "classnames";
+import { useFocus as C } from "../hooks/useFocus/index.js";
+import { Loader as L } from "../loader/component.js";
+import e from "./index.module.css.js";
+const E = i.forwardRef(
+  ({
+    children: r,
+    view: b = "secondary",
+    leftAddons: t,
+    rightAddons: s,
+    size: x = "m",
+    block: N = !1,
+    className: R,
+    dataTestId: y,
+    href: m,
+    loading: n = !1,
+    nowrap: k = !1,
+    ...a
+  }, l) => {
+    const c = v(null), [h] = C(c, "keyboard"), f = {
+      className: d(
+        e.component,
+        e[b],
+        e[x],
+        {
+          [e.focused]: h,
+          [e.block]: N,
+          [e.iconOnly]: !r,
+          [e.nowrap]: k,
+          [e.loading]: n
+        },
+        R
+      ),
+      "data-test-id": y || null
+    }, p = /* @__PURE__ */ F(i.Fragment, { children: [
+      t && /* @__PURE__ */ o("span", { className: e.addons, children: t }),
+      r && /* @__PURE__ */ o(
+        "span",
+        {
+          className: d(e.text, {
+            [e.stretchText]: !(t || s)
+          }),
+          children: r
+        }
+      ),
+      n && /* @__PURE__ */ o(L, { className: e.loader }),
+      s && /* @__PURE__ */ o("span", { className: e.addons, children: s })
+    ] });
+    if (m) {
+      const { target: B } = a;
+      return /* @__PURE__ */ o(
+        "a",
+        {
+          rel: B === "_blank" ? "noreferrer noopener" : void 0,
+          ...f,
+          ...a,
+          href: m,
+          ref: u([c, l]),
+          children: p
+        }
+      );
+    }
+    const { disabled: j, ...w } = a;
+    return (
+      // eslint-disable-next-line react/button-has-type
+      /* @__PURE__ */ o(
+        "button",
+        {
+          ...f,
+          ...w,
+          disabled: j || n,
+          ref: u([c, l]),
+          children: p
+        }
+      )
+    );
+  }
+);
+export {
+  E as Button
+};
+//# sourceMappingURL=component.js.map

package/dist/button/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/button/component.tsx"],"sourcesContent":["import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { useFocus } from '../hooks/useFocus';\n// import { useFocus } from '@alfalab/hooks';\nimport { Loader } from '../loader';\n\nimport styles from './index.module.css';\n\nexport interface ButtonProps {\n\n    /**\n     * Тип кнопки\n     */\n    view?: 'primary' | 'secondary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost' | 'black' | 'outlined-inverted';\n\n    /**\n     * Слот слева\n     */\n    leftAddons?: React.ReactNode;\n\n    /**\n     * Слот справа\n     */\n    rightAddons?: React.ReactNode;\n\n    /**\n     * Размер компонента\n     */\n    size?: 'xs' | 's' | 'm' | 'l' | 'xl';\n\n    /**\n     * Растягивает компонент на ширину контейнера\n     */\n    block?: boolean;\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Выводит ссылку в виде кнопки\n     */\n    href?: AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Показать лоадер\n     */\n    loading?: boolean;\n\n    /**\n     * Не переносить текст кнопки на новую строку\n     */\n    nowrap?: boolean;\n\n    children?: string | React.ReactNode;\n}\n\ntype AnchorButtonProps = ButtonProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype NativeButtonProps = ButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;\nexport type IButtonProps = Partial<AnchorButtonProps | NativeButtonProps>;\n\nexport const Button = React.forwardRef<HTMLAnchorElement | HTMLButtonElement, IButtonProps>(\n    (\n        {\n            children,\n            view = 'secondary',\n            leftAddons,\n            rightAddons,\n            size = 'm',\n            block = false,\n            className,\n            dataTestId,\n            href,\n            loading = false,\n            nowrap = false,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const buttonRef = useRef<HTMLElement>(null);\n\n        const [focused] = useFocus(buttonRef, 'keyboard');\n\n        const componentProps = {\n            className: cn(\n                styles.component,\n                styles[view],\n                styles[size],\n                {\n                    [styles.focused]: focused,\n                    [styles.block]: block,\n                    [styles.iconOnly]: !children,\n                    [styles.nowrap]: nowrap,\n                    [styles.loading]: loading,\n                },\n                className,\n            ),\n            'data-test-id': dataTestId || null,\n        };\n\n        const buttonChildren = (\n            <React.Fragment>\n                { leftAddons && <span className={ styles.addons }>{ leftAddons }</span> }\n                { children && (\n                    <span\n                        className={ cn(styles.text, {\n                            [styles.stretchText]: !(leftAddons || rightAddons),\n                        }) }\n                    >\n                        { children }\n                    </span>\n                ) }\n                { loading && <Loader className={ styles.loader } /> }\n                { rightAddons && <span className={ styles.addons }>{ rightAddons }</span> }\n            </React.Fragment>\n        );\n\n        if (href) {\n            const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n            return (\n                <a\n                    rel={ target === '_blank' ? 'noreferrer noopener' : undefined }\n                    { ...componentProps }\n                    { ...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>) }\n                    href={ href }\n                    ref={ mergeRefs([buttonRef, ref]) }\n                >\n                    { buttonChildren }\n                </a>\n            );\n        }\n\n        const { disabled, ...restButtonProps } =\n            restProps as ButtonHTMLAttributes<HTMLButtonElement>;\n\n        return (\n            // eslint-disable-next-line react/button-has-type\n            <button\n                { ...componentProps }\n                { ...restButtonProps }\n                disabled={ disabled || loading }\n                ref={ mergeRefs([buttonRef, ref]) }\n            >\n                { buttonChildren }\n            </button>\n        );\n    },\n);\n"],"names":["Button","React","children","view","leftAddons","rightAddons","size","block","className","dataTestId","href","loading","nowrap","restProps","ref","buttonRef","useRef","focused","useFocus","componentProps","cn","styles","buttonChildren","jsxs","jsx","Loader","target","mergeRefs","disabled","restButtonProps"],"mappings":";;;;;;;AAqEO,MAAMA,IAASC,EAAM;AAAA,EACxB,CACI;AAAA,IACI,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAYC,EAAoB,IAAI,GAEpC,CAACC,CAAO,IAAIC,EAASH,GAAW,UAAU,GAE1CI,IAAiB;AAAA,MACnB,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPA,EAAOlB,CAAI;AAAA,QACXkB,EAAOf,CAAI;AAAA,QACX;AAAA,UACI,CAACe,EAAO,OAAO,GAAGJ;AAAA,UAClB,CAACI,EAAO,KAAK,GAAGd;AAAA,UAChB,CAACc,EAAO,QAAQ,GAAG,CAACnB;AAAA,UACpB,CAACmB,EAAO,MAAM,GAAGT;AAAA,UACjB,CAACS,EAAO,OAAO,GAAGV;AAAA,QAAA;AAAA,QAEtBH;AAAA,MAAA;AAAA,MAEJ,gBAAgBC,KAAc;AAAA,IAAA,GAG5Ba,IACF,gBAAAC,EAACtB,EAAM,UAAN,EACK,UAAA;AAAA,MAAAG,KAAc,gBAAAoB,EAAC,QAAA,EAAK,WAAYH,EAAO,QAAW,UAAAjB,GAAY;AAAA,MAC9DF,KACE,gBAAAsB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAYJ,EAAGC,EAAO,MAAM;AAAA,YACxB,CAACA,EAAO,WAAW,GAAG,EAAEjB,KAAcC;AAAA,UAAA,CACzC;AAAA,UAEC,UAAAH;AAAA,QAAA;AAAA,MAAA;AAAA,MAGRS,KAAW,gBAAAa,EAACC,GAAA,EAAO,WAAYJ,EAAO,QAAS;AAAA,MAC/ChB,KAAe,gBAAAmB,EAAC,QAAA,EAAK,WAAYH,EAAO,QAAW,UAAAhB,EAAA,CAAa;AAAA,IAAA,GACtE;AAGJ,QAAIK,GAAM;AACN,YAAM,EAAE,QAAAgB,MAAWb;AAEnB,aACI,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAME,MAAW,WAAW,wBAAwB;AAAA,UAClD,GAAGP;AAAA,UACH,GAAIN;AAAA,UACN,MAAAH;AAAA,UACA,KAAMiB,EAAU,CAACZ,GAAWD,CAAG,CAAC;AAAA,UAE9B,UAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IAGd;AAEA,UAAM,EAAE,UAAAM,GAAU,GAAGC,EAAA,IACjBhB;AAEJ;AAAA;AAAA,MAEI,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACK,GAAGL;AAAA,UACH,GAAGU;AAAA,UACL,UAAWD,KAAYjB;AAAA,UACvB,KAAMgB,EAAU,CAACZ,GAAWD,CAAG,CAAC;AAAA,UAE9B,UAAAQ;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,EAGd;AACJ;"}

package/dist/button/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/button/index.js

@@ -1 +1,5 @@
-export{Button}from"./component.js";import"tslib";import"react";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";import"../loader/component.js";
+import { Button as r } from "./component.js";
+export {
+  r as Button
+};
+//# sourceMappingURL=index.js.map

package/dist/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/button/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--button-primary-base-bg-color: var(--color-bg-main);--button-primary-hover-bg-color: color-mix(in srgb, var(--button-primary-base-bg-color) 80%, black);--button-primary-active-bg-color: color-mix(in srgb, var(--button-primary-base-bg-color) 70%, black);--button-primary-disabled-bg-color: color-mix(in srgb, var(--button-primary-base-bg-color) 70%, white);--button-primary-color: var(--color-text-primary-inverted);--button-primary-disabled-color: var(--color-text-primary-inverted);--button-secondary-base-bg-color: var(--color-bg-secondary);--button-secondary-hover-bg-color: color-mix(in srgb, var(--button-secondary-base-bg-color) 90%, black);--button-secondary-active-bg-color: color-mix(in srgb, var(--button-secondary-base-bg-color) 70%, black);--button-secondary-disabled-bg-color: color-mix(in srgb, var(--button-secondary-base-bg-color) 70%, white );--button-secondary-base-border-color: transparent;--button-secondary-disabled-border-color: transparent;--button-secondary-color: var(--color-text-primary);--button-secondary-disabled-color: color-mix(in srgb, var(--color-text-primary) 70%, white);--button-outlined-base-bg-color: transparent;--button-outlined-hover-bg-color: rgba(0, 0, 0, .1);--button-outlined-active-bg-color: rgba(0, 0, 0, .3);--button-outlined-disabled-bg-color: transparent;--button-outlined-base-border-color: var(--color-border-primary);--button-outlined-disabled-border-color: color-mix(in srgb, var(--color-border-primary) 70%, white );--button-outlined-color: var(--color-text-primary);--button-outlined-disabled-color: color-mix(in srgb, var(--color-text-primary) 70%, white);--button-ghost-base-color: var(--color-text-primary);--button-ghost-hover-color: color-mix(in srgb, var(--button-ghost-base-color) 70%, white);--button-ghost-active-color: color-mix(in srgb, var(--button-ghost-base-color) 50%, white);--button-ghost-disabled-color: color-mix(in srgb, var(--button-ghost-base-color) 70%, white);--button-font-family: var(--font-family);--button-border-radius: var(--radius-s)}.index-module_component__u-TUk{position:relative;display:inline-flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-content:center;align-items:center;margin:0;padding:0 var(--gap-xl);line-height:20px;font-weight:500;font-family:var(--font-family);text-align:center;text-decoration:none;background-color:transparent;border:0;border-radius:var(--button-border-radius);outline:none;box-shadow:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background .2s ease,border .2s ease,color .2s ease;box-sizing:border-box}.index-module_focused__eUuXy{outline:2px solid var(--focus-color);outline-offset:2px}.index-module_loading__hiz4V .index-module_text__r-s7T,.index-module_loading__hiz4V .index-module_addons__L1ZvJ{opacity:0}.index-module_stretchText__NlLwS{flex-grow:1}a.index-module_loading__hiz4V{pointer-events:none}.index-module_loader__uNrku{position:absolute}.index-module_xs__n9Pli{min-width:80px;height:36px;padding:0 var(--gap-s) 0 var(--gap-s);font-size:14px;font-weight:500}.index-module_xs__n9Pli.index-module_iconOnly__-dDPG{min-width:36px}.index-module_s__lru3T{min-width:104px;min-height:48px;font-size:16px;padding:0 var(--gap-l) 0 var(--gap-m)}.index-module_s__lru3T.index-module_iconOnly__-dDPG{min-width:48px}.index-module_m__PgSTc{min-width:128px;min-height:56px;font-size:16px;padding:0 var(--gap-xl) 0 var(--gap-l)}.index-module_m__PgSTc.index-module_iconOnly__-dDPG{min-width:56px}.index-module_l__wmoiI{min-width:160px;min-height:72px;padding:0 calc(var(--gap-xl) + var(--gap-2xs)) 0 var(--gap-2xl);font-size:18px;line-height:24px}.index-module_l__wmoiI.index-module_iconOnly__-dDPG{min-width:72px}.index-module_primary__xJlhQ{color:var(--color-fixed-color);background-color:var(--button-primary-base-bg-color)}.index-module_primary__xJlhQ:hover{background-color:var(--button-primary-hover-bg-color)}.index-module_primary__xJlhQ:active{background-color:var(--button-primary-active-bg-color)}.index-module_secondary__hsPYU{color:var(--button-secondary-color);background-color:var(--button-secondary-base-bg-color);border:1px solid var(--button-secondary-base-border-color)}.index-module_secondary__hsPYU:hover{background-color:var(--button-secondary-hover-bg-color)}.index-module_secondary__hsPYU:active{background-color:var(--button-secondary-active-bg-color)}.index-module_outlined__bwbBZ{color:var(--button-outlined-color);background-color:var(--color-bg-primary);border:1px solid var(--button-outlined-base-border-color)}.index-module_outlined__bwbBZ:hover{background-color:color-mix(in srgb,var(--color-bg-primary),var(--color-bg-primary-inverted) 5%)}.index-module_outlined__bwbBZ:active{background-color:color-mix(in srgb,var(--color-bg-primary),var(--color-bg-primary-inverted) 10%)}.index-module_outlined-inverted__Cwspj{color:var(--button-primary-color);background-color:transparent;border:1px solid var(--color-bg-thirdly)}.index-module_outlined-inverted__Cwspj:hover{background-color:var(--color-bg-secondary)}.index-module_outlined-inverted__Cwspj:active{background-color:var(--color-bg-primary)}.index-module_filled__tjqby{color:var(--color-text-primary);background-color:var(--color-bg-neutral)}.index-module_filled__tjqby:hover{background-color:color-mix(in srgb,var(--color-bg-neutral) 93%,black)}.index-module_filled__tjqby:active{background-color:color-mix(in srgb,var(--color-bg-neutral) 85%,black)}.index-module_transparent__M6ZJW{color:var(--color-text-primary);background-color:color-mix(in srgb,var(--color-bg-primary-inverted) 90%,white)}.index-module_transparent__M6ZJW:hover{background-color:color-mix(in srgb,var(--color-bg-primary-inverted) 80%,white)}.index-module_transparent__M6ZJW:active{background-color:color-mix(in srgb,var(--color-bg-primary-inverted) 60%,white)}.index-module_black__ah6BZ{color:var(--color-text-primary-inverted);background-color:var(--color-bg-secondary-inverted)}.index-module_link__hQuMO{min-width:0;color:var(--color-text-main)!important;background-color:transparent!important;padding:0;border-radius:0}.index-module_ghost__RbRGE{min-width:0;min-height:0;height:auto;padding:0;color:var(--button-ghost-base-color);border:none;background-color:transparent;-webkit-appearance:none;appearance:none;text-align:left;justify-content:flex-start}.index-module_ghost__RbRGE:hover{color:var(--button-ghost-hover-color)}.index-module_ghost__RbRGE:active{color:var(--button-ghost-active-color)}.index-module_ghost__RbRGE.index-module_iconOnly__-dDPG{min-width:0}.index-module_component__u-TUk:disabled{cursor:var(--disabled-cursor)}.index-module_component__u-TUk.index-module_primary__xJlhQ:disabled{color:var(--color-fixed-color);background-color:var(--button-primary-disabled-bg-color)}.index-module_component__u-TUk.index-module_primary__xJlhQ.index-module_loading__hiz4V:disabled{background-color:var(--button-primary-base-bg-color)}.index-module_component__u-TUk.index-module_secondary__hsPYU:disabled{color:var(--button-secondary-disabled-color);background-color:var(--button-secondary-disabled-bg-color);border-color:var(--button-secondary-disabled-border-color)}.index-module_component__u-TUk.index-module_secondary__hsPYU.index-module_loading__hiz4V:disabled{color:var(--button-secondary-color);background-color:var(--button-secondary-base-bg-color);border-color:var(--button-secondary-base-border-color)}.index-module_component__u-TUk.index-module_outlined__bwbBZ:disabled{color:var(--button-outlined-disabled-color);background-color:var(--button-outlined-disabled-bg-color);border-color:var(--button-outlined-disabled-border-color)}.index-module_component__u-TUk.index-module_outlined__bwbBZ.index-module_loading__hiz4V:disabled{color:var(--button-outlined-color);border-color:var(--button-outlined-border-color)}.index-module_component__u-TUk.index-module_filled__tjqby:disabled{color:color-mix(in srgb,var(--color-text-primary) 70%,white);background-color:color-mix(in srgb,var(--color-bg-neutral) 70%,white)}.index-module_component__u-TUk.index-module_filled__tjqby.index-module_loading__hiz4V:disabled{color:var(--color-text-primary);background-color:var(--color-bg-neutral)}.index-module_component__u-TUk.index-module_transparent__M6ZJW:disabled{color:color-mix(in srgb,var(--color-text-primary) 70%,white);background-color:color-mix(in srgb,var(--color-bg-primary-inverted) 93%,white)}.index-module_component__u-TUk.index-module_transparent__M6ZJW.index-module_loading__hiz4V:disabled{color:var(--color-text-primary);background-color:color-mix(in srgb,var(--color-bg-primary-inverted) 90%,white)}.index-module_component__u-TUk.index-module_link__hQuMO:disabled{color:color-mix(in srgb,var(--color-text-primary) 70%,white);background-color:transparent}.index-module_component__u-TUk.index-module_link__hQuMO.index-module_loading__hiz4V:disabled{color:var(--color-text-primary)}.index-module_component__u-TUk.index-module_black__ah6BZ:disabled{color:var(--color-text-primary-inverted);background-color:var(--color-bg-secondary-inverted)}.index-module_component__u-TUk.index-module_black__ah6BZ.index-module_loading__hiz4V:disabled{color:var(--color-text-primary-inverted)}.index-module_component__u-TUk.index-module_ghost__RbRGE:disabled{color:var(--button-ghost-disabled-color)}.index-module_component__u-TUk.index-module_ghost__RbRGE.index-module_loading__hiz4V:disabled{color:var(--button-ghost-base-color)}.index-module_addons__L1ZvJ{display:flex;flex-shrink:0;align-items:center}.index-module_addons__L1ZvJ:first-child{margin:0 var(--gap-s) 0 0}.index-module_addons__L1ZvJ:last-child{margin:0 0 0 var(--gap-s)}.index-module_xs__n9Pli .index-module_addons__L1ZvJ:first-child{margin:0 var(--gap-xs) 0 0}.index-module_xs__n9Pli .index-module_addons__L1ZvJ:last-child{margin:0 0 0 var(--gap-xs)}.index-module_s__lru3T .index-module_addons__L1ZvJ:first-child{margin:0 var(--gap-xs) 0 0}.index-module_s__lru3T .index-module_addons__L1ZvJ:last-child{margin:0 0 0 var(--gap-xs)}:is(.index-module_xs__n9Pli.index-module_iconOnly__-dDPG,.index-module_s__lru3T.index-module_iconOnly__-dDPG) .index-module_addons__L1ZvJ:first-child{margin:0}:is(.index-module_xs__n9Pli.index-module_iconOnly__-dDPG,.index-module_s__lru3T.index-module_iconOnly__-dDPG) .index-module_addons__L1ZvJ:last-child{margin:0}.index-module_addons__L1ZvJ:only-child{margin:0}.index-module_iconOnly__-dDPG{padding:0}.index-module_block__ubbI7{display:flex;width:100%}.index-module_nowrap__dEJbn{white-space:nowrap}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.index-module_component__u-TUk:after{min-height:inherit;font-size:0;content:""}}

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

@@ -0,0 +1,52 @@
+import './index.module.css';
+const n = "index-module_component__u-TUk", e = "index-module_focused__eUuXy", o = "index-module_loading__hiz4V", d = "index-module_text__r-s7T", _ = "index-module_addons__L1ZvJ", l = "index-module_stretchText__NlLwS", t = "index-module_loader__uNrku", s = "index-module_xs__n9Pli", i = "index-module_iconOnly__-dDPG", c = "index-module_s__lru3T", u = "index-module_m__PgSTc", x = "index-module_l__wmoiI", m = "index-module_primary__xJlhQ", a = "index-module_secondary__hsPYU", r = "index-module_outlined__bwbBZ", p = "index-module_filled__tjqby", b = "index-module_transparent__M6ZJW", y = "index-module_black__ah6BZ", h = "index-module_link__hQuMO", k = "index-module_ghost__RbRGE", f = "index-module_block__ubbI7", g = "index-module_nowrap__dEJbn", w = {
+  component: n,
+  focused: e,
+  loading: o,
+  text: d,
+  addons: _,
+  stretchText: l,
+  loader: t,
+  xs: s,
+  iconOnly: i,
+  s: c,
+  m: u,
+  l: x,
+  primary: m,
+  secondary: a,
+  outlined: r,
+  "outlined-inverted": "index-module_outlined-inverted__Cwspj",
+  filled: p,
+  transparent: b,
+  black: y,
+  link: h,
+  ghost: k,
+  block: f,
+  nowrap: g
+};
+export {
+  _ as addons,
+  y as black,
+  f as block,
+  n as component,
+  w as default,
+  p as filled,
+  e as focused,
+  k as ghost,
+  i as iconOnly,
+  x as l,
+  h as link,
+  t as loader,
+  o as loading,
+  u as m,
+  g as nowrap,
+  r as outlined,
+  m as primary,
+  c as s,
+  a as secondary,
+  l as stretchText,
+  d as text,
+  b as transparent,
+  s as xs
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/button/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import React from 'react';
-type Direction = 'chevronForward' | 'chevronBack' | 'chevronUp' | 'chevronDown' | 'close' | 'back';
-type ButtonArrowProps = {
+import { default as React } from 'react';
+declare type Direction = 'chevronForward' | 'chevronBack' | 'chevronUp' | 'chevronDown' | 'close' | 'back';
+export declare type ButtonArrowProps = {
     type: Direction;
     size: 's' | 'm';
     disabled?: boolean;
     className?: string;
     onClick?: () => void;
 };
-declare const ButtonArrow: React.FC<ButtonArrowProps>;
-export { ButtonArrowProps, ButtonArrow };
+export declare const ButtonArrow: React.FC<ButtonArrowProps>;
+export {};

package/dist/button-arrow/component.js

@@ -1 +1,41 @@
-import e from"react";import{ChevronForwardS as n,ChevronBackS as l,ChevronUpS as t,ChevronDownS as r,CloseS as c,BackS as o,ChevronForwardM as a,ChevronBackM as m,ChevronUpM as u,ChevronDownM as s,CloseM as d}from"@alphakits/icons";import i from"classnames";var E={component:"index-module_component__2TC-C",s:"index-module_s__2gEiy",m:"index-module_m__2B02h",disabled:"index-module_disabled__2Ds5F"},p=function(p){var _,v=p.type,h=p.size,b=p.disabled,k=p.className,f=p.onClick;return e.createElement("button",{type:"button",disabled:b,onClick:f,className:i(E.component,E[h],(_={},_[E.disabled]=b,_),k)},function(i,E){var p={chevronForward:e.createElement(n,null),chevronBack:e.createElement(l,null),chevronUp:e.createElement(t,null),chevronDown:e.createElement(r,null),close:e.createElement(c,null),back:e.createElement(o,null)},_={chevronForward:e.createElement(a,null),chevronBack:e.createElement(m,null),chevronUp:e.createElement(u,null),chevronDown:e.createElement(s,null),close:e.createElement(d,null),back:e.createElement(o,null)};return"s"===E?p[i]:_[i]}(v,h))};export{p as ButtonArrow};
+import { jsx as o } from "react/jsx-runtime";
+import { BackS as t, CloseS as p, ChevronDownS as C, ChevronUpS as w, ChevronBackS as i, ChevronForwardS as S, CloseM as k, ChevronDownM as l, ChevronUpM as M, ChevronBackM as B, ChevronForwardM as d } from "@alphakits/icons";
+import u from "classnames";
+import r from "./index.module.css.js";
+const g = ({
+  type: h,
+  size: n,
+  disabled: c,
+  className: s,
+  onClick: v
+}) => {
+  const a = (e, m) => m === "s" ? {
+    chevronForward: /* @__PURE__ */ o(S, {}),
+    chevronBack: /* @__PURE__ */ o(i, {}),
+    chevronUp: /* @__PURE__ */ o(w, {}),
+    chevronDown: /* @__PURE__ */ o(C, {}),
+    close: /* @__PURE__ */ o(p, {}),
+    back: /* @__PURE__ */ o(t, {})
+  }[e] : {
+    chevronForward: /* @__PURE__ */ o(d, {}),
+    chevronBack: /* @__PURE__ */ o(B, {}),
+    chevronUp: /* @__PURE__ */ o(M, {}),
+    chevronDown: /* @__PURE__ */ o(l, {}),
+    close: /* @__PURE__ */ o(k, {}),
+    back: /* @__PURE__ */ o(t, {})
+  }[e];
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      disabled: c,
+      onClick: v,
+      className: u(r.component, r[n], { [r.disabled]: c }, s),
+      children: a(h, n)
+    }
+  );
+};
+export {
+  g as ButtonArrow
+};
+//# sourceMappingURL=component.js.map

package/dist/button-arrow/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/button-arrow/component.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    BackS,\n    ChevronBackM, ChevronBackS, ChevronDownM, ChevronDownS, ChevronForwardM, ChevronForwardS, ChevronUpM,\n    ChevronUpS,\n    CloseM,\n    CloseS,\n} from '@alphakits/icons';\nimport classNames from 'classnames';\n\nimport styles from './index.module.css';\n\ntype Direction = 'chevronForward' | 'chevronBack' | 'chevronUp' | 'chevronDown' | 'close' | 'back';\n\nexport type ButtonArrowProps = {\n    type: Direction;\n    size: 's' | 'm';\n    disabled?: boolean;\n    className?: string;\n    onClick?: () => void;\n};\n\nexport const ButtonArrow: React.FC<ButtonArrowProps> = ({\n    type,\n    size,\n    disabled,\n    className,\n    onClick,\n}) => {\n    const getIcon = (type: ButtonArrowProps['type'], size: ButtonArrowProps['size']): React.ReactNode => {\n        const iconsS: Record<Direction, React.ReactNode> = {\n            chevronForward: <ChevronForwardS />,\n            chevronBack: <ChevronBackS />,\n            chevronUp: <ChevronUpS />,\n            chevronDown: <ChevronDownS />,\n            close: <CloseS />,\n            back: <BackS />,\n\n        };\n\n        const iconsM: Record<Direction, React.ReactNode> = {\n            chevronForward: <ChevronForwardM />,\n            chevronBack: <ChevronBackM />,\n            chevronUp: <ChevronUpM />,\n            chevronDown: <ChevronDownM />,\n            close: <CloseM />,\n            back: <BackS />,\n        };\n\n        return size === 's' ? iconsS[type] : iconsM[type];\n    };\n\n    return (\n        <button\n            type=\"button\"\n            disabled={ disabled }\n            onClick={ onClick }\n            className={ classNames(styles.component, styles[size], { [styles.disabled]: disabled }, className) }\n        >\n            { getIcon(type, size) }\n        </button>\n    );\n};\n"],"names":["ButtonArrow","type","size","disabled","className","onClick","getIcon","ChevronForwardS","ChevronBackS","ChevronUpS","ChevronDownS","CloseS","BackS","ChevronForwardM","ChevronBackM","ChevronUpM","ChevronDownM","CloseM","jsx","classNames","styles"],"mappings":";;;;AAsBO,MAAMA,IAA0C,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACJ,MAAM;AACF,QAAMC,IAAU,CAACL,GAAgCC,MAoBtCA,MAAS,MAnBmC;AAAA,IAC/C,kCAAiBK,GAAA,EAAgB;AAAA,IACjC,+BAAcC,GAAA,EAAa;AAAA,IAC3B,6BAAYC,GAAA,EAAW;AAAA,IACvB,+BAAcC,GAAA,EAAa;AAAA,IAC3B,yBAAQC,GAAA,EAAO;AAAA,IACf,wBAAOC,GAAA,CAAA,CAAM;AAAA,EAAA,EAaYX,CAAI,IATkB;AAAA,IAC/C,kCAAiBY,GAAA,EAAgB;AAAA,IACjC,+BAAcC,GAAA,EAAa;AAAA,IAC3B,6BAAYC,GAAA,EAAW;AAAA,IACvB,+BAAcC,GAAA,EAAa;AAAA,IAC3B,yBAAQC,GAAA,EAAO;AAAA,IACf,wBAAOL,GAAA,CAAA,CAAM;AAAA,EAAA,EAG2BX,CAAI;AAGpD,SACI,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,UAAAf;AAAA,MACA,SAAAE;AAAA,MACA,WAAYc,EAAWC,EAAO,WAAWA,EAAOlB,CAAI,GAAG,EAAE,CAACkB,EAAO,QAAQ,GAAGjB,EAAA,GAAYC,CAAS;AAAA,MAE/F,UAAAE,EAAQL,GAAMC,CAAI;AAAA,IAAA;AAAA,EAAA;AAGhC;"}

package/dist/button-arrow/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/button-arrow/index.js

@@ -1 +1,5 @@
-export{ButtonArrow}from"./component.js";import"react";import"@alphakits/icons";import"classnames";
+import { ButtonArrow as t } from "./component.js";
+export {
+  t as ButtonArrow
+};
+//# sourceMappingURL=index.js.map

package/dist/button-arrow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/button-arrow/index.module.css

@@ -0,0 +1 @@
+.index-module_component__Q8zO5{background:var(--color-bg-secondary);outline:none;border:0;border-radius:50%;display:flex;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer}.index-module_component__Q8zO5.index-module_s__fszCk{width:32px!important;height:32px!important}.index-module_component__Q8zO5.index-module_m__dd2gY{width:40px!important;height:40px!important}.index-module_component__Q8zO5 svg{color:var(--color-graphic-primary)}.index-module_component__Q8zO5.index-module_disabled__eNM7V{cursor:default}.index-module_component__Q8zO5.index-module_disabled__eNM7V svg{opacity:.3}.index-module_component__Q8zO5:hover{opacity:.8}.index-module_component__Q8zO5:disabled{opacity:1!important}.index-module_component__Q8zO5:active{opacity:.6}

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

@@ -0,0 +1,15 @@
+import './index.module.css';
+const e = "index-module_component__Q8zO5", d = "index-module_s__fszCk", o = "index-module_m__dd2gY", n = "index-module_disabled__eNM7V", s = {
+  component: e,
+  s: d,
+  m: o,
+  disabled: n
+};
+export {
+  e as component,
+  s as default,
+  n as disabled,
+  o as m,
+  d as s
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/button-arrow/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}