@alphakits/ui 1.31.5 → 2.0.0

package/dist/checkbox/component.d.ts

@@ -1,36 +1,94 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
-type NativeProps = InputHTMLAttributes<HTMLInputElement>;
-type Align = 'start' | 'center';
-type CheckboxProps = Omit<NativeProps, 'size' | 'onChange'> & {
+import { default as React, ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
+declare type NativeProps = InputHTMLAttributes<HTMLInputElement>;
+declare type Align = 'start' | 'center';
+export declare type CheckboxProps = Omit<NativeProps, 'size' | 'onChange'> & {
+    /**
+     * Управление состоянием вкл/выкл чекбокса (native prop)
+     */
     checked?: boolean;
+    /**
+     * Обработчик переключения чекбокса
+     */
     onChange: (event: ChangeEvent<HTMLInputElement>, payload: {
         checked: boolean;
         name?: string;
     }) => void;
+    /**
+     * Текст подписи к чекбоксу
+     */
     label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
     hint?: ReactNode;
+    /**
+     * Размер компонента
+     */
     size?: 's' | 'm';
+    /**
+     * Выравнивание
+     */
     align?: Align;
+    /**
+     * Дополнительный слот
+     */
     addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
     block?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
+    /**
+     * Управление неопределенным состоянием чекбокса
+     */
     indeterminate?: boolean;
 };
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size" | "onChange"> & {
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size" | "onChange"> & {
+    /**
+     * Управление состоянием вкл/выкл чекбокса (native prop)
+     */
     checked?: boolean | undefined;
+    /**
+     * Обработчик переключения чекбокса
+     */
     onChange: (event: ChangeEvent<HTMLInputElement>, payload: {
         checked: boolean;
         name?: string;
     }) => void;
+    /**
+     * Текст подписи к чекбоксу
+     */
     label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
     hint?: ReactNode;
+    /**
+     * Размер компонента
+     */
     size?: "s" | "m" | undefined;
+    /**
+     * Выравнивание
+     */
     align?: Align | undefined;
+    /**
+     * Дополнительный слот
+     */
     addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
     block?: boolean | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string | undefined;
+    /**
+     * Управление неопределенным состоянием чекбокса
+     */
     indeterminate?: boolean | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
-export { CheckboxProps, Checkbox };
+export {};

package/dist/checkbox/component.js

@@ -1 +1,75 @@
-import{__rest as e,__assign as n}from"tslib";import d,{forwardRef as a,useRef as t}from"react";import o from"react-merge-refs";import i from"@alphakits/icons/dist/CheckmarkS";import m from"@alphakits/icons/dist/MinusM";import l from"classnames";import{useFocus as c}from"../hooks/useFocus/index.js";var s={component:"index-module_component__3Wme6",start:"index-module_start__2N8TM",center:"index-module_center__1E74d",addons:"index-module_addons__3fJ7i",block:"index-module_block__1OUFu",box:"index-module_box__Q4_WE",m:"index-module_m__ydO-e",content:"index-module_content__zuheb",s:"index-module_s__3bmdq",disabled:"index-module_disabled__2P71z",checked:"index-module_checked__32R7P",indeterminate:"index-module_indeterminate__UGp1F",focused:"index-module_focused__1edDS",label:"index-module_label__3bygF",hint:"index-module_hint__2GuKu",indeterminateIcon:"index-module_indeterminateIcon__2d73Z"},r=a((function(a,r){var _,u=a.checked,b=a.label,h=a.hint,p=a.size,x=void 0===p?"m":p,k=a.align,f=void 0===k?"center":k,E=a.addons,N=a.block,g=a.onChange,v=a.className,I=a.name,y=a.disabled,z=a.dataTestId,C=a.indeterminate,F=void 0!==C&&C,M=e(a,["checked","label","hint","size","align","addons","block","onChange","className","name","disabled","dataTestId","indeterminate"]),P=t(null),T=c(P,"keyboard")[0];return d.createElement("label",{className:l(s.component,s[x],s[f],v,(_={},_[s.disabled]=y,_[s.checked]=u,_[s.indeterminate]=F,_[s.focused]=T,_[s.block]=N,_)),ref:o([P,r])},d.createElement("span",{className:s.box},d.createElement("input",n({type:"checkbox",onChange:function(e){g&&g(e,{checked:e.target.checked,name:I})},disabled:y,checked:u,"data-test-id":z},M)),u&&d.createElement(i,null),F&&!u&&d.createElement("div",{className:s.indeterminateIcon},d.createElement(m,null))),(b||h)&&d.createElement("span",{className:s.content},b&&d.createElement("span",{className:s.label},b),h&&d.createElement("span",{className:s.hint},h)),E&&d.createElement("span",{className:s.addons},E))}));r.defaultProps={indeterminate:!1};export{r as Checkbox};
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { forwardRef as y, useRef as C } from "react";
+import j from "react-merge-refs";
+import M from "@alphakits/icons/dist/CheckmarkS";
+import w from "@alphakits/icons/dist/MinusM";
+import F from "classnames";
+import { useFocus as I } from "../hooks/useFocus/index.js";
+import e from "./index.module.css.js";
+const P = y(
+  ({
+    checked: r,
+    label: o,
+    hint: a,
+    size: d = "m",
+    align: p = "center",
+    addons: n,
+    block: h,
+    onChange: m,
+    className: u,
+    name: N,
+    disabled: t,
+    dataTestId: b,
+    indeterminate: l = !1,
+    ...k
+  }, x) => {
+    const i = C(null), [R] = I(i, "keyboard"), g = (f) => {
+      m && m(f, { checked: f.target.checked, name: N });
+    };
+    return (
+      // eslint-disable-next-line jsx-a11y/label-has-associated-control
+      /* @__PURE__ */ c(
+        "label",
+        {
+          className: F(e.component, e[d], e[p], u, {
+            [e.disabled]: t,
+            [e.checked]: r,
+            [e.indeterminate]: l,
+            [e.focused]: R,
+            [e.block]: h
+          }),
+          ref: j([i, x]),
+          children: [
+            /* @__PURE__ */ c("span", { className: e.box, children: [
+              /* @__PURE__ */ s(
+                "input",
+                {
+                  type: "checkbox",
+                  onChange: g,
+                  disabled: t,
+                  checked: r,
+                  "data-test-id": b,
+                  ...k
+                }
+              ),
+              r && /* @__PURE__ */ s(M, {}),
+              l && !r && /* @__PURE__ */ s("div", { className: e.indeterminateIcon, children: /* @__PURE__ */ s(w, {}) })
+            ] }),
+            (o || a) && /* @__PURE__ */ c("span", { className: e.content, children: [
+              o && /* @__PURE__ */ s("span", { className: e.label, children: o }),
+              a && /* @__PURE__ */ s("span", { className: e.hint, children: a })
+            ] }),
+            n && /* @__PURE__ */ s("span", { className: e.addons, children: n })
+          ]
+        }
+      )
+    );
+  }
+);
+P.defaultProps = {
+  indeterminate: !1
+};
+export {
+  P as Checkbox
+};
+//# sourceMappingURL=component.js.map

package/dist/checkbox/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/checkbox/component.tsx"],"sourcesContent":["import React, {\n    ChangeEvent, forwardRef, InputHTMLAttributes, ReactNode, useRef,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport CheckmarkS from '@alphakits/icons/dist/CheckmarkS';\nimport MinusM from '@alphakits/icons/dist/MinusM';\nimport cn from 'classnames';\n\nimport { useFocus } from '../hooks/useFocus';\n\nimport styles from './index.module.css';\n\ntype NativeProps = InputHTMLAttributes<HTMLInputElement>;\ntype Align = 'start' | 'center';\n\nexport type CheckboxProps = Omit<NativeProps, 'size' | 'onChange'> & {\n    /**\n     * Управление состоянием вкл/выкл чекбокса (native prop)\n     */\n    checked?: boolean;\n\n    /**\n     * Обработчик переключения чекбокса\n     */\n    onChange: (\n        /* eslint-disable-next-line @typescript-eslint/no-unused-vars */\n        event: ChangeEvent<HTMLInputElement>,\n        /* eslint-disable-next-line @typescript-eslint/no-unused-vars */\n        payload: {\n            checked: boolean;\n            name?: string;\n        },\n    ) => void;\n\n    /**\n     * Текст подписи к чекбоксу\n     */\n    label?: ReactNode;\n\n    /**\n     * Текст подсказки снизу\n     */\n    hint?: ReactNode;\n\n    /**\n     * Размер компонента\n     */\n    size?: 's' | 'm';\n\n    /**\n     * Выравнивание\n     */\n    align?: Align;\n\n    /**\n     * Дополнительный слот\n     */\n    addons?: React.ReactNode;\n\n    /**\n     * Растягивать ли компонент на всю ширину\n     */\n    block?: boolean;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Управление неопределенным состоянием чекбокса\n     */\n    indeterminate?: boolean;\n};\n\nexport const Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>(\n    (\n        {\n            checked,\n            label,\n            hint,\n            size = 'm',\n            align = 'center',\n            addons,\n            block,\n            onChange,\n            className,\n            name,\n            disabled,\n            dataTestId,\n            indeterminate = false,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const labelRef = useRef<HTMLLabelElement>(null);\n\n        const [focused] = useFocus(labelRef, 'keyboard');\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            if (onChange) {\n                onChange(event, { checked: event.target.checked, name });\n            }\n        };\n\n        return (\n            // eslint-disable-next-line jsx-a11y/label-has-associated-control\n            <label\n                className={ cn(styles.component, styles[size], styles[align], className, {\n                    [styles.disabled]: disabled,\n                    [styles.checked]: checked,\n                    [styles.indeterminate]: indeterminate,\n                    [styles.focused]: focused,\n                    [styles.block]: block,\n                }) }\n                ref={ mergeRefs([labelRef, ref]) }\n            >\n                <span className={ styles.box }>\n                    <input\n                        type=\"checkbox\"\n                        onChange={ handleChange }\n                        disabled={ disabled }\n                        checked={ checked }\n                        data-test-id={ dataTestId }\n                        { ...restProps }\n                    />\n\n                    { checked && <CheckmarkS /> }\n\n                    { indeterminate && !checked && (\n                        <div className={ styles.indeterminateIcon }>\n                            <MinusM />\n                        </div>\n                    ) }\n                </span>\n\n                { (label || hint) && (\n                    <span className={ styles.content }>\n                        { label && <span className={ styles.label }>{ label }</span> }\n                        { hint && <span className={ styles.hint }>{ hint }</span> }\n                    </span>\n                ) }\n\n                { addons && <span className={ styles.addons }>{ addons }</span> }\n            </label>\n        );\n    },\n);\n\n/**\n * Для отображения в сторибуке\n */\nCheckbox.defaultProps = {\n    indeterminate: false,\n};\n"],"names":["Checkbox","forwardRef","checked","label","hint","size","align","addons","block","onChange","className","name","disabled","dataTestId","indeterminate","restProps","ref","labelRef","useRef","focused","useFocus","handleChange","event","jsxs","cn","styles","mergeRefs","jsx","CheckmarkS","MinusM"],"mappings":";;;;;;;;AA2EO,MAAMA,IAAWC;AAAA,EACpB,CACI;AAAA,IACI,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAWC,EAAyB,IAAI,GAExC,CAACC,CAAO,IAAIC,EAASH,GAAU,UAAU,GAEzCI,IAAe,CAACC,MAAyC;AAC3D,MAAIb,KACAA,EAASa,GAAO,EAAE,SAASA,EAAM,OAAO,SAAS,MAAAX,GAAM;AAAA,IAE/D;AAEA;AAAA;AAAA,MAEI,gBAAAY;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAYC,EAAGC,EAAO,WAAWA,EAAOpB,CAAI,GAAGoB,EAAOnB,CAAK,GAAGI,GAAW;AAAA,YACrE,CAACe,EAAO,QAAQ,GAAGb;AAAA,YACnB,CAACa,EAAO,OAAO,GAAGvB;AAAA,YAClB,CAACuB,EAAO,aAAa,GAAGX;AAAA,YACxB,CAACW,EAAO,OAAO,GAAGN;AAAA,YAClB,CAACM,EAAO,KAAK,GAAGjB;AAAA,UAAA,CACnB;AAAA,UACD,KAAMkB,EAAU,CAACT,GAAUD,CAAG,CAAC;AAAA,UAE/B,UAAA;AAAA,YAAA,gBAAAO,EAAC,QAAA,EAAK,WAAYE,EAAO,KACrB,UAAA;AAAA,cAAA,gBAAAE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACG,MAAK;AAAA,kBACL,UAAWN;AAAA,kBACX,UAAAT;AAAA,kBACA,SAAAV;AAAA,kBACA,gBAAeW;AAAA,kBACb,GAAGE;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGPb,uBAAY0B,GAAA,EAAW;AAAA,cAEvBd,KAAiB,CAACZ,KAChB,gBAAAyB,EAAC,OAAA,EAAI,WAAYF,EAAO,mBACpB,UAAA,gBAAAE,EAACE,GAAA,CAAA,CAAO,EAAA,CACZ;AAAA,YAAA,GAER;AAAA,aAEG1B,KAASC,MACR,gBAAAmB,EAAC,QAAA,EAAK,WAAYE,EAAO,SACnB,UAAA;AAAA,cAAAtB,KAAS,gBAAAwB,EAAC,QAAA,EAAK,WAAYF,EAAO,OAAU,UAAAtB,GAAO;AAAA,cACnDC,KAAQ,gBAAAuB,EAAC,QAAA,EAAK,WAAYF,EAAO,MAAS,UAAArB,EAAA,CAAM;AAAA,YAAA,GACtD;AAAA,YAGFG,KAAU,gBAAAoB,EAAC,QAAA,EAAK,WAAYF,EAAO,QAAW,UAAAlB,EAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,EAGpE;AACJ;AAKAP,EAAS,eAAe;AAAA,EACpB,eAAe;AACnB;"}

package/dist/checkbox/index.d.ts

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

package/dist/checkbox/index.js

@@ -1 +1,5 @@
-export{Checkbox}from"./component.js";import"tslib";import"react";import"react-merge-refs";import"@alphakits/icons/dist/CheckmarkS";import"@alphakits/icons/dist/MinusM";import"classnames";import"../hooks/useFocus/index.js";
+import { Checkbox as r } from "./component.js";
+export {
+  r as Checkbox
+};
+//# sourceMappingURL=index.js.map

package/dist/checkbox/index.js.map

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

package/dist/checkbox/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{--checkbox-hint-color: var(--color-text-secondary);--checkbox-label-color: var(--color-text-primary);--checkbox-border-color: var(--color-graphic-secondary);--checkbox-hover-bg-color: var(--checkbox-bg-color);--checkbox-hover-border-color: color-mix(in srgb, var(--checkbox-border-color) 80%, white);--checkbox-active-bg-color: var(--checkbox-bg-color);--checkbox-active-border-color: color-mix(in srgb, var(--checkbox-border-color) 75%, white);--checkbox-checked-bg-color: var(--color-graphic-positive);--checkbox-checked-border-color: var(--color-graphic-positive);--checkbox-checked-hover-bg-color: color-mix(in srgb, var(--checkbox-checked-bg-color) 80%, white);--checkbox-checked-hover-border-color: var(--checkbox-checked-border-color);--checkbox-checked-active-bg-color: color-mix(in srgb, var(--checkbox-checked-bg-color) 75%, white);--checkbox-checked-active-border-color: var(--checkbox-checked-border-color);--checkbox-disabled-bg-color: var(--color-bg-secondary);--checkbox-disabled-border-color: transpatent;--checkbox-checked-disabled-bg-color: var(--color-bg-thirdly);--checkbox-checked-disabled-border-color: transpatent}.index-module_component__DBof3{display:inline-flex;align-items:flex-start;cursor:pointer}.index-module_start__-eplp{align-items:flex-start}.index-module_center__7CPIE{align-items:center}.index-module_addons__verD6{margin-left:auto;padding-left:var(--gap-m);line-height:24px}.index-module_block__n--Tz{width:100%}.index-module_box__ymkhL{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:16px;height:16px;margin-top:2px;background-color:var(--checkbox-bg-color);border:1px solid var(--checkbox-border-color);border-radius:var(--border-radius);transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box;overflow:hidden}.index-module_box__ymkhL svg{color:var(--color-graphic-static)}.index-module_m__3-tIu .index-module_box__ymkhL{width:20px;height:20px;margin-top:0}.index-module_m__3-tIu .index-module_content__tOYo0{margin-left:calc(var(--gap-m) - 2px)}.index-module_s__uZFU0 .index-module_content__tOYo0{margin-left:var(--gap-xs)}.index-module_component__DBof3:hover:not(.index-module_disabled__-UN4G) .index-module_box__ymkhL{background-color:var(--checkbox-hover-bg-color);border-color:var(--checkbox-hover-border-color)}.index-module_component__DBof3:active:not(.index-module_disabled__-UN4G) .index-module_box__ymkhL{background-color:var(--checkbox-active-bg-color);border-color:var(--checkbox-active-border-color)}.index-module_checked__ZISV3 .index-module_box__ymkhL{background-color:var(--checkbox-checked-bg-color);border-color:var(--checkbox-checked-border-color)}.index-module_checked__ZISV3:hover:not(.index-module_disabled__-UN4G) .index-module_box__ymkhL{background-color:var(--checkbox-checked-hover-bg-color);border-color:var(--checkbox-checked-hover-border-color)}.index-module_checked__ZISV3:active:not(.index-module_disabled__-UN4G) .index-module_box__ymkhL{background-color:var(--checkbox-checked-active-bg-color);border-color:var(--checkbox-checked-active-border-color)}.index-module_indeterminate__DwM3O .index-module_box__ymkhL{background-color:var(--checkbox-checked-bg-color);border-color:var(--checkbox-checked-border-color)}.index-module_indeterminate__DwM3O:hover:not(.index-module_disabled__-UN4G) .index-module_box__ymkhL{background-color:var(--checkbox-checked-hover-bg-color);border-color:var(--checkbox-checked-hover-border-color)}.index-module_indeterminate__DwM3O:active:not(.index-module_disabled__-UN4G) .index-module_box__ymkhL{background-color:var(--checkbox-checked-active-bg-color);border-color:var(--checkbox-checked-active-border-color)}.index-module_disabled__-UN4G{cursor:var(--disabled-cursor)}.index-module_disabled__-UN4G .index-module_box__ymkhL{background-color:var(--checkbox-disabled-bg-color);border-color:var(--checkbox-disabled-border-color)}.index-module_disabled__-UN4G.index-module_checked__ZISV3 .index-module_box__ymkhL,.index-module_disabled__-UN4G.index-module_indeterminate__DwM3O .index-module_box__ymkhL{background-color:var(--checkbox-checked-disabled-bg-color);border-color:var(--checkbox-checked-disabled-border-color)}.index-module_focused__d0Y-b .index-module_box__ymkhL{outline:2px solid var(--focus-color);outline-offset:2px}.index-module_content__tOYo0{flex-grow:1}.index-module_label__gLQhs{font-size:15px;line-height:20px;font-weight:500;font-family:var(--font-family);display:block;color:var(--checkbox-label-color)}.index-module_hint__OQ8A5{font-size:13px;line-height:20px;font-weight:500;font-family:var(--font-family);display:block;padding-top:4px;color:var(--checkbox-hint-color)}.index-module_indeterminateIcon__d-ME1{width:16px;height:16px}.index-module_component__DBof3 input{position:absolute;z-index:-1;opacity:0}

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

@@ -0,0 +1,39 @@
+import './index.module.css';
+const e = "index-module_component__DBof3", n = "index-module_start__-eplp", o = "index-module_center__7CPIE", d = "index-module_addons__verD6", t = "index-module_block__n--Tz", _ = "index-module_box__ymkhL", c = "index-module_m__3-tIu", s = "index-module_content__tOYo0", i = "index-module_s__uZFU0", l = "index-module_disabled__-UN4G", m = "index-module_checked__ZISV3", u = "index-module_indeterminate__DwM3O", a = "index-module_focused__d0Y-b", x = "index-module_label__gLQhs", r = "index-module_hint__OQ8A5", b = "index-module_indeterminateIcon__d-ME1", h = {
+  component: e,
+  start: n,
+  center: o,
+  addons: d,
+  block: t,
+  box: _,
+  m: c,
+  content: s,
+  s: i,
+  disabled: l,
+  checked: m,
+  indeterminate: u,
+  focused: a,
+  label: x,
+  hint: r,
+  indeterminateIcon: b
+};
+export {
+  d as addons,
+  t as block,
+  _ as box,
+  o as center,
+  m as checked,
+  e as component,
+  s as content,
+  h as default,
+  l as disabled,
+  a as focused,
+  r as hint,
+  u as indeterminate,
+  b as indeterminateIcon,
+  x as label,
+  c as m,
+  i as s,
+  n as start
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/checkbox-group/component.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import React from 'react';
-import { FlexColumnsProps } from "../flex-columns/index";
-type Data<T> = Array<{
+import { default as React } from 'react';
+import { FlexColumnsProps } from '../flex-columns';
+declare type Data<T> = Array<{
     key: T;
     content: string;
 }>;
-type CheckboxGroupProps = <T>(props: {
+export declare type CheckboxGroupProps = <T>(props: {
     title?: string;
     subtitle?: string;
     selected: T[];
@@ -14,5 +13,5 @@ type CheckboxGroupProps = <T>(props: {
     onChange: (values: T[]) => void;
     dataTestId?: string;
 } & FlexColumnsProps) => React.ReactElement;
-declare const CheckboxGroup: CheckboxGroupProps;
-export { CheckboxGroupProps, CheckboxGroup };
+export declare const CheckboxGroup: CheckboxGroupProps;
+export {};

package/dist/checkbox-group/component.js

@@ -1 +1,55 @@
-import{__spreadArray as e}from"tslib";import t from"react";import{Checkbox as o}from"../checkbox/component.js";import{FlexColumns as i}from"../flex-columns/component.js";import{Typography as n}from"../typography/component.js";import"react-merge-refs";import"@alphakits/icons/dist/CheckmarkS";import"@alphakits/icons/dist/MinusM";import"classnames";import"../hooks/useFocus/index.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";var r="index-module_text__1gRxq",c="index-module_subtitle__1s_SD",l=function(l){var m=l.title,a=l.subtitle,s=l.selected,d=void 0===s?[]:s,p=l.data,u=void 0===p?[]:p,v=l.onChange,g=l.columns,h=void 0===g?1:g,x=l.disabled,y=l.gr,f=void 0===y?20:y,k=l.gc,b=void 0===k?20:k,_=l.dataTestId,j=d||[],E=function(e){return _?"checkbox_"+_+"_"+e:"checkbox_"+e};return t.createElement("div",null,(m||a)&&t.createElement("div",{className:r},m&&t.createElement(n.Text,{tag:"div",view:"title",color:"primary",weight:"bold"},m),a&&t.createElement(n.Text,{className:c,tag:"div",view:"caps",color:"secondary",weight:"medium"},a)),t.createElement(i,{columns:h,gr:f,gc:b},t.createElement(t.Fragment,null,null==u?void 0:u.map((function(i,n){return t.createElement(o,{disabled:x,key:i.key+i.content,dataTestId:E(n),onChange:function(){return t=i.key,void v((null==j?void 0:j.includes(t))?null==j?void 0:j.filter((function(e){return e!==t})):e(e([],j),[t]));var t},checked:null==j?void 0:j.includes(i.key),label:i.content})})))))};export{l as CheckboxGroup};
+import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import v from "react";
+import { Checkbox as y } from "../checkbox/component.js";
+import { FlexColumns as u } from "../flex-columns/component.js";
+import { Typography as l } from "../typography/component.js";
+import p from "./index.module.css.js";
+const F = ({
+  title: c,
+  subtitle: i,
+  selected: s = [],
+  data: m = [],
+  onChange: x,
+  columns: a = 1,
+  disabled: d,
+  gr: g = 20,
+  gc: f = 20,
+  dataTestId: h
+}) => {
+  const e = s || [], k = (o) => {
+    x(
+      e != null && e.includes(o) ? e == null ? void 0 : e.filter((r) => r !== o) : [...e, o]
+    );
+  }, b = (o) => h ? `checkbox_${h}_${o}` : `checkbox_${o}`;
+  return /* @__PURE__ */ t("div", { children: [
+    (c || i) && /* @__PURE__ */ t("div", { className: p.text, children: [
+      c && /* @__PURE__ */ n(l.Text, { tag: "div", view: "title", color: "primary", weight: "bold", children: c }),
+      i && /* @__PURE__ */ n(
+        l.Text,
+        {
+          className: p.subtitle,
+          tag: "div",
+          view: "caps",
+          color: "secondary",
+          weight: "medium",
+          children: i
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(u, { columns: a, gr: g, gc: f, children: /* @__PURE__ */ n(v.Fragment, { children: m == null ? void 0 : m.map((o, r) => /* @__PURE__ */ n(
+      y,
+      {
+        disabled: d,
+        dataTestId: b(r),
+        onChange: () => k(o.key),
+        checked: e == null ? void 0 : e.includes(o.key),
+        label: o.content
+      },
+      o.key + o.content
+    )) }) })
+  ] });
+};
+export {
+  F as CheckboxGroup
+};
+//# sourceMappingURL=component.js.map

package/dist/checkbox-group/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/checkbox-group/component.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../checkbox';\nimport { FlexColumns, FlexColumnsProps } from '../flex-columns';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\ntype Data<T> = Array<{\n    key: T;\n    content: string;\n}>;\n\nexport type CheckboxGroupProps = <T>(props: {\n    title?: string;\n    subtitle?: string;\n    selected: T[];\n    data: Data<T>;\n    disabled?: boolean;\n    onChange: (values: T[]) => void;\n    dataTestId?: string;\n} & FlexColumnsProps) => React.ReactElement;\n\nexport const CheckboxGroup: CheckboxGroupProps = ({\n    title,\n    subtitle,\n    selected = [],\n    data = [],\n    onChange,\n    columns = 1,\n    disabled,\n    gr = 20,\n    gc = 20,\n    dataTestId,\n}) => {\n    const selectedArr = selected || [];\n\n    const handleChange = (key: typeof selected[0]) => {\n        onChange(\n            selectedArr?.includes(key)\n                ? selectedArr?.filter((v) => v !== key)\n                : [...selectedArr, key],\n        );\n    };\n\n    const checkboxTestId = (index: number) =>\n        (dataTestId ? `checkbox_${dataTestId}_${index}` : `checkbox_${index}`);\n\n    return (\n        <div>\n            { (title || subtitle) && (\n                <div className={ styles.text }>\n                    { title && (\n                        <Typography.Text tag=\"div\" view=\"title\" color=\"primary\" weight=\"bold\">\n                            { title }\n                        </Typography.Text>\n                    ) }\n                    { subtitle && (\n                        <Typography.Text\n                            className={ styles.subtitle }\n                            tag=\"div\"\n                            view=\"caps\"\n                            color=\"secondary\"\n                            weight=\"medium\"\n                        >\n                            { subtitle }\n                        </Typography.Text>\n                    ) }\n                </div>\n            ) }\n            <FlexColumns columns={ columns } gr={ gr } gc={ gc }>\n                <React.Fragment>\n                    { data?.map((c, index) => (\n                        <Checkbox\n                            disabled={ disabled }\n                            key={ c.key + c.content }\n                            dataTestId={ checkboxTestId(index) }\n                            onChange={ () => handleChange(c.key) }\n                            checked={ selectedArr?.includes(c.key) }\n                            label={ c.content }\n                        />\n                    )) }\n                </React.Fragment>\n            </FlexColumns>\n        </div>\n    );\n};\n"],"names":["CheckboxGroup","title","subtitle","selected","data","onChange","columns","disabled","gr","gc","dataTestId","selectedArr","handleChange","key","v","checkboxTestId","index","jsxs","styles","jsx","Typography","FlexColumns","React","c","Checkbox"],"mappings":";;;;;;AAuBO,MAAMA,IAAoC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW,CAAA;AAAA,EACX,MAAAC,IAAO,CAAA;AAAA,EACP,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,IAAAC,IAAK;AAAA,EACL,YAAAC;AACJ,MAAM;AACF,QAAMC,IAAcR,KAAY,CAAA,GAE1BS,IAAe,CAACC,MAA4B;AAC9C,IAAAR;AAAA,MACIM,KAAA,QAAAA,EAAa,SAASE,KAChBF,KAAA,gBAAAA,EAAa,OAAO,CAACG,MAAMA,MAAMD,KACjC,CAAC,GAAGF,GAAaE,CAAG;AAAA,IAAA;AAAA,EAElC,GAEME,IAAiB,CAACC,MACnBN,IAAa,YAAYA,CAAU,IAAIM,CAAK,KAAK,YAAYA,CAAK;AAEvE,2BACK,OAAA,EACM,UAAA;AAAA,KAAAf,KAASC,MACR,gBAAAe,EAAC,OAAA,EAAI,WAAYC,EAAO,MAClB,UAAA;AAAA,MAAAjB,KACE,gBAAAkB,EAACC,EAAW,MAAX,EAAgB,KAAI,OAAM,MAAK,SAAQ,OAAM,WAAU,QAAO,QACzD,UAAAnB,GACN;AAAA,MAEFC,KACE,gBAAAiB;AAAA,QAACC,EAAW;AAAA,QAAX;AAAA,UACG,WAAYF,EAAO;AAAA,UACnB,KAAI;AAAA,UACJ,MAAK;AAAA,UACL,OAAM;AAAA,UACN,QAAO;AAAA,UAEL,UAAAhB;AAAA,QAAA;AAAA,MAAA;AAAA,IACN,GAER;AAAA,IAEJ,gBAAAiB,EAACE,GAAA,EAAY,SAAAf,GAAoB,IAAAE,GAAU,IAAAC,GACvC,UAAA,gBAAAU,EAACG,EAAM,UAAN,EACK,UAAAlB,KAAA,gBAAAA,EAAM,IAAI,CAACmB,GAAGP,MACZ,gBAAAG;AAAA,MAACK;AAAA,MAAA;AAAA,QACG,UAAAjB;AAAA,QAEA,YAAaQ,EAAeC,CAAK;AAAA,QACjC,UAAW,MAAMJ,EAAaW,EAAE,GAAG;AAAA,QACnC,SAAUZ,KAAA,gBAAAA,EAAa,SAASY,EAAE;AAAA,QAClC,OAAQA,EAAE;AAAA,MAAA;AAAA,MAJJA,EAAE,MAAMA,EAAE;AAAA,IAAA,IAO5B,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/checkbox-group/index.d.ts

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

package/dist/checkbox-group/index.js

@@ -1 +1,5 @@
-export{CheckboxGroup}from"./component.js";import"tslib";import"react";import"../checkbox/component.js";import"react-merge-refs";import"@alphakits/icons/dist/CheckmarkS";import"@alphakits/icons/dist/MinusM";import"classnames";import"../hooks/useFocus/index.js";import"../flex-columns/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";
+import { CheckboxGroup as e } from "./component.js";
+export {
+  e as CheckboxGroup
+};
+//# sourceMappingURL=index.js.map

package/dist/checkbox-group/index.js.map

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

package/dist/checkbox-group/index.module.css

@@ -0,0 +1 @@
+.index-module_text__XAuHd{margin-bottom:16px;text-align:left}.index-module_subtitle__0PkbT{margin-top:4px}

package/dist/checkbox-group/index.module.css.js

@@ -0,0 +1,11 @@
+import './index.module.css';
+const t = "index-module_text__XAuHd", e = "index-module_subtitle__0PkbT", s = {
+  text: t,
+  subtitle: e
+};
+export {
+  s as default,
+  e as subtitle,
+  t as text
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/checkbox-group/index.module.css.js.map

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

package/dist/checkbox-lists/component.d.ts

@@ -1,14 +1,14 @@
 /// <reference types="react" />
-type Child = {
+declare type Child = {
     id: number;
     title: string;
     locationId: number;
 };
-type Parent = {
+declare type Parent = {
     id: number;
     title: string;
 };
-interface CheckboxGroupsProps {
+export interface CheckboxGroupsProps {
     parents: Parent[];
     childs: Child[];
     selected: number[];
@@ -17,5 +17,5 @@ interface CheckboxGroupsProps {
     collapsable?: boolean;
     disabled?: boolean;
 }
-declare const CheckboxGroups: ({ parents, childs, selected, checkableParent, collapsable, disabled, onChange, }: CheckboxGroupsProps) => JSX.Element;
-export { CheckboxGroupsProps, CheckboxGroups };
+export declare const CheckboxGroups: ({ parents, childs, selected, checkableParent, collapsable, disabled, onChange, }: CheckboxGroupsProps) => JSX.Element;
+export {};

package/dist/checkbox-lists/component.js

@@ -1 +1,88 @@
-import{__spreadArray as e}from"tslib";import t,{useState as n}from"react";import o from"@alphakits/icons/dist/ChevronDownS";import l from"classnames";import{Checkbox as r}from"../checkbox/component.js";import{Collapse as i}from"../collapse/component.js";import{Divider as c}from"../divider/component.js";import{FlexColumns as a}from"../flex-columns/component.js";import{IconButton as m}from"../icon-button/component.js";import{Padding as s}from"../padding/component.js";import{Typography as p}from"../typography/component.js";import"react-merge-refs";import"@alphakits/icons/dist/CheckmarkS";import"@alphakits/icons/dist/MinusM";import"../hooks/useFocus/index.js";import"../isSymbol-94efc119.js";import"resize-observer";import"../link/component.js";import"../button/component.js";import"../loader/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";var d={list_head:"index-module_list_head__14m8q",collapse_btn:"index-module_collapse_btn__1eM1e",collapse_btn_collapsed:"index-module_collapse_btn_collapsed__p0RhY"},u=function(u){var f=u.parents,h=u.childs,_=u.selected,b=u.checkableParent,v=u.collapsable,E=u.disabled,j=u.onChange,g=[],k=Array.isArray(_)?_:[];null==f||f.forEach((function(e){var t={parent:{},childs:[],collapsed:!1};null==h||h.forEach((function(n){n.locationId===e.id&&(t.parent=e,t.childs.push(n))})),t.parent.id&&g.push(t)}));var y=n(g),x=y[0],C=y[1],w=function(t){t.forEach((function(n){(null==k?void 0:k.includes(n))?j(k.filter((function(e){return!t.includes(e)}))):j(e(e([],k),t))}))},z=function(e){var n,o,l=e.element;return b?t.createElement(r,{block:!0,disabled:E,checked:(n=l.childs.map((function(e){return e.id})),o=!1,n.forEach((function(e){(null==k?void 0:k.includes(e))&&(o=!0)})),o),onChange:function(){return w(l.childs.map((function(e){return e.id})))},label:""+l.parent.title}):t.createElement(p.Text,{view:"title",weight:"medium",color:"primary"},l.parent.title)};return t.createElement("div",null,x.map((function(e,n){var p;return t.createElement(t.Fragment,{key:e.parent.id},t.createElement(t.Fragment,null,t.createElement("div",{className:d.list_head},t.createElement(z,{element:e}),v&&t.createElement(m,{onClick:function(){return function(e){var t=x.map((function(t,n){return n===e&&(t.collapsed?t.collapsed=!1:t.collapsed=!0),t})),n=x.concat(t);C(n.filter((function(e,t){return n.indexOf(e)===t})))}(n)},size:"s",className:l(d.collapse_btn,(p={},p[d.collapse_btn_collapsed]=e.collapsed,p)),icon:o})),!e.collapsed&&t.createElement(s,{padding:"16px 0 0 0"})),t.createElement(i,{expanded:!e.collapsed},t.createElement("div",{className:d.content},t.createElement(a,{columns:1,gr:8},e.childs.map((function(e){return t.createElement(r,{onChange:function(){return w([e.id])},checked:null==k?void 0:k.includes(e.id),key:e.id,label:e.title})}))))),n!==(null==x?void 0:x.length)-1&&t.createElement(c,{size:"m"}))})))};export{u as CheckboxGroups};
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import C, { useState as _ } from "react";
+import j from "@alphakits/icons/dist/ChevronDownS";
+import F from "classnames";
+import { Checkbox as g } from "../checkbox/component.js";
+import { Collapse as N } from "../collapse/component.js";
+import { Divider as P } from "../divider/component.js";
+import { FlexColumns as S } from "../flex-columns/component.js";
+import { IconButton as z } from "../icon-button/component.js";
+import { Padding as B } from "../padding/component.js";
+import { Typography as D } from "../typography/component.js";
+import n from "./index.module.css.js";
+const U = ({
+  parents: a,
+  childs: s,
+  selected: m,
+  checkableParent: k,
+  collapsable: x,
+  disabled: b,
+  onChange: h
+}) => {
+  const f = [], l = Array.isArray(m) ? m : [];
+  a == null || a.forEach((o) => {
+    const e = {
+      parent: {},
+      childs: [],
+      collapsed: !1
+    };
+    s == null || s.forEach((i) => {
+      i.locationId === o.id && (e.parent = o, e.childs.push(i));
+    }), e.parent.id && f.push(e);
+  });
+  const [t, y] = _(f), v = (o) => {
+    const e = t.map((c, d) => (d === o && (c.collapsed ? c.collapsed = !1 : c.collapsed = !0), c)), i = t.concat(e);
+    y(i.filter((c, d) => i.indexOf(c) === d));
+  }, u = (o) => {
+    o.forEach((e) => {
+      l != null && l.includes(e) ? h(l.filter((i) => !o.includes(i))) : h([...l, ...o]);
+    });
+  }, w = (o) => {
+    let e = !1;
+    return o.forEach((i) => {
+      l != null && l.includes(i) && (e = !0);
+    }), e;
+  }, E = ({ element: o }) => k ? /* @__PURE__ */ r(
+    g,
+    {
+      block: !0,
+      disabled: b,
+      checked: w(
+        o.childs.map((e) => e.id)
+      ),
+      onChange: () => u(o.childs.map((e) => e.id)),
+      label: `${o.parent.title}`
+    }
+  ) : /* @__PURE__ */ r(D.Text, { view: "title", weight: "medium", color: "primary", children: o.parent.title });
+  return /* @__PURE__ */ r("div", { children: t.map((o, e) => /* @__PURE__ */ p(C.Fragment, { children: [
+    /* @__PURE__ */ p(C.Fragment, { children: [
+      /* @__PURE__ */ p("div", { className: n.list_head, children: [
+        /* @__PURE__ */ r(E, { element: o }),
+        x && /* @__PURE__ */ r(
+          z,
+          {
+            onClick: () => v(e),
+            size: "s",
+            className: F(n.collapse_btn, { [n.collapse_btn_collapsed]: o.collapsed }),
+            icon: j
+          }
+        )
+      ] }),
+      !o.collapsed && /* @__PURE__ */ r(B, { padding: "16px 0 0 0" })
+    ] }),
+    /* @__PURE__ */ r(N, { expanded: !o.collapsed, children: /* @__PURE__ */ r("div", { className: n.content, children: /* @__PURE__ */ r(S, { columns: 1, gr: 8, children: o.childs.map((i) => /* @__PURE__ */ r(
+      g,
+      {
+        onChange: () => u([i.id]),
+        checked: l == null ? void 0 : l.includes(i.id),
+        label: i.title
+      },
+      i.id
+    )) }) }) }),
+    e !== (t == null ? void 0 : t.length) - 1 && /* @__PURE__ */ r(P, { size: "m" })
+  ] }, o.parent.id)) });
+};
+export {
+  U as CheckboxGroups
+};
+//# sourceMappingURL=component.js.map

package/dist/checkbox-lists/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/checkbox-lists/component.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport ChevronDownS from '@alphakits/icons/dist/ChevronDownS';\nimport cn from 'classnames';\n\nimport { Checkbox } from '../checkbox';\nimport { Collapse } from '../collapse';\nimport { Divider } from '../divider';\nimport { FlexColumns } from '../flex-columns';\nimport { IconButton } from '../icon-button';\nimport { Padding } from '../padding';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\ntype Child = {\n    id: number;\n    title: string;\n    locationId: number;\n};\n\ntype Parent = {\n    id: number;\n    title: string;\n};\n\nexport interface CheckboxGroupsProps {\n    parents: Parent[];\n    childs: Child[];\n    selected: number[];\n    onChange: (values: number[]) => void;\n    checkableParent?: boolean;\n    collapsable?: boolean;\n    disabled?: boolean;\n}\n\ntype SortedChild = {\n    parent: Parent;\n    childs: Child[];\n    collapsed: boolean;\n};\n\nexport const CheckboxGroups = ({\n    parents,\n    childs,\n    selected,\n    checkableParent,\n    collapsable,\n    disabled,\n    onChange,\n}: CheckboxGroupsProps) => {\n    const sortedByParent: SortedChild[] = [];\n    const selectedArr = Array.isArray(selected) ? selected : [];\n\n    parents?.forEach((p) => {\n        const obj = {\n            parent: {} as Parent,\n            childs: [] as Child[],\n            collapsed: false,\n        };\n\n        childs?.forEach((q) => {\n            if (q.locationId === p.id) {\n                obj.parent = p;\n                obj.childs.push(q);\n            }\n        });\n\n        if (obj.parent.id) sortedByParent.push(obj);\n    });\n\n    const [sortedChildren, setSortedChildren] = useState(sortedByParent);\n\n    const handleCollapse = (index: number) => {\n        const newArr = sortedChildren.map((q, i) => {\n            if (i === index) {\n                if (q.collapsed) {\n                    // eslint-disable-next-line no-param-reassign\n                    q.collapsed = false;\n                } else {\n                    // eslint-disable-next-line no-param-reassign\n                    q.collapsed = true;\n                }\n            }\n\n            return q;\n        });\n        const res = sortedChildren.concat(newArr);\n\n        setSortedChildren(res.filter((item, i) => res.indexOf(item) === i));\n    };\n\n    const handleCheck = (ids: number[]) => {\n        ids.forEach((id) => {\n            if (selectedArr?.includes(id)) {\n                onChange(selectedArr.filter((i) => !ids.includes(i)));\n            } else {\n                onChange([...selectedArr, ...ids]);\n            }\n        });\n    };\n\n    const isLocationChecked = (ids: number[]) => {\n        let checked = false;\n\n        ids.forEach((id) => {\n            if (selectedArr?.includes(id)) checked = true;\n        });\n\n        return checked;\n    };\n\n    const Parent = ({ element }: {element: SortedChild}) => (checkableParent ? (\n        <Checkbox\n            block={ true }\n            disabled={ disabled }\n            checked={ isLocationChecked(\n                element.childs.map((c) => c.id),\n            ) }\n            onChange={ () =>\n                handleCheck(element.childs.map((c) => c.id)) }\n            label={ `${element.parent.title}` }\n        />\n    ) : (\n        <Typography.Text view=\"title\" weight=\"medium\" color=\"primary\">{ element.parent.title }</Typography.Text>\n    ));\n\n    return (\n        <div>\n            { sortedChildren.map((q, index) => (\n                <React.Fragment key={ q.parent.id }>\n\n                    <React.Fragment>\n                        <div className={ styles.list_head }>\n                            <Parent element={ q } />\n                            { collapsable && (\n                                <IconButton\n                                    onClick={ () => handleCollapse(index) }\n                                    size=\"s\"\n                                    className={ cn(styles.collapse_btn, { [styles.collapse_btn_collapsed]: q.collapsed }) }\n                                    icon={ ChevronDownS }\n                                />\n                            ) }\n                        </div>\n                        { !q.collapsed && <Padding padding=\"16px 0 0 0\" /> }\n                    </React.Fragment>\n\n                    <Collapse expanded={ !q.collapsed }>\n                        <div className={ styles.content }>\n                            <FlexColumns columns={ 1 } gr={ 8 }>\n                                { q.childs.map((c) => (\n                                    <Checkbox\n                                        onChange={ () => handleCheck([c.id]) }\n                                        checked={ selectedArr?.includes(c.id) }\n                                        key={ c.id }\n                                        label={ c.title }\n                                    />\n                                )) }\n                            </FlexColumns>\n                        </div>\n                    </Collapse>\n                    { index !== sortedChildren?.length - 1 && <Divider size=\"m\" /> }\n                </React.Fragment>\n            )) }\n        </div>\n    );\n};\n"],"names":["CheckboxGroups","parents","childs","selected","checkableParent","collapsable","disabled","onChange","sortedByParent","selectedArr","p","obj","q","sortedChildren","setSortedChildren","useState","handleCollapse","index","newArr","i","res","item","handleCheck","ids","id","isLocationChecked","checked","Parent","element","jsx","Checkbox","c","Typography","jsxs","React","styles","IconButton","cn","ChevronDownS","Padding","Collapse","FlexColumns","Divider"],"mappings":"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"}

package/dist/checkbox-lists/index.d.ts

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

package/dist/checkbox-lists/index.js

@@ -1 +1,5 @@
-export{CheckboxGroups}from"./component.js";import"tslib";import"react";import"@alphakits/icons/dist/ChevronDownS";import"classnames";import"../checkbox/component.js";import"react-merge-refs";import"@alphakits/icons/dist/CheckmarkS";import"@alphakits/icons/dist/MinusM";import"../hooks/useFocus/index.js";import"../collapse/component.js";import"../isSymbol-94efc119.js";import"resize-observer";import"../link/component.js";import"../divider/component.js";import"../flex-columns/component.js";import"../icon-button/component.js";import"../button/component.js";import"../loader/component.js";import"../padding/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";
+import { CheckboxGroups as e } from "./component.js";
+export {
+  e as CheckboxGroups
+};
+//# sourceMappingURL=index.js.map

package/dist/checkbox-lists/index.js.map

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

package/dist/checkbox-lists/index.module.css

@@ -0,0 +1 @@
+.index-module_list_head__hWdR5{display:flex;align-items:center;justify-content:space-between;width:100%}.index-module_collapse_btn__fZF4g svg{transition:transform .2s ease-in-out}.index-module_collapse_btn_collapsed__A5t0p svg{transform:rotate(180deg)}

package/dist/checkbox-lists/index.module.css.js

@@ -0,0 +1,13 @@
+import './index.module.css';
+const l = "index-module_list_head__hWdR5", e = "index-module_collapse_btn__fZF4g", _ = "index-module_collapse_btn_collapsed__A5t0p", s = {
+  list_head: l,
+  collapse_btn: e,
+  collapse_btn_collapsed: _
+};
+export {
+  e as collapse_btn,
+  _ as collapse_btn_collapsed,
+  s as default,
+  l as list_head
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/checkbox-lists/index.module.css.js.map

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

package/dist/checkbox-lists/mock.d.ts

@@ -1,4 +1,4 @@
-declare const locations: {
+export declare const locations: {
     title: string;
     address: string;
     phone: string;
@@ -16,7 +16,7 @@ declare const locations: {
     createdAt: string;
     profile: string;
 }[];
-declare const questrooms: ({
+export declare const questrooms: ({
     title: string;
     video: string;
     photo: string;
@@ -79,4 +79,3 @@ declare const questrooms: ({
     createdAt: string;
     profile: string;
 })[];
-export { locations, questrooms };