@alphakits/ui 1.31.5 → 2.0.0

package/dist/select/components/field/index.js

@@ -1 +1,5 @@
-export{Field}from"./component.js";import"tslib";import"react";import"classnames";import"../../../form-control/component.js";import"../../../hooks/useFocus/index.js";import"../../utils.js";
+import { Field as r } from "./component.js";
+export {
+  r as Field
+};
+//# sourceMappingURL=index.js.map

package/dist/select/components/field/index.js.map

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

package/dist/select/components/field/index.module.css

@@ -0,0 +1 @@
+:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}: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)}.index-module_component__kQ9oL{width:100%;outline:none}.index-module_field__WxOYl:not(.index-module_disabled__GQwpw){cursor:pointer}.index-module_field__WxOYl:not(.index-module_disabled__GQwpw):hover .index-module_arrow__4fEBK{opacity:var(--select-arrow-hover-opacity)}.index-module_disabled__GQwpw{cursor:var(--disabled-cursor)}.index-module_placeholder__FY2iP{color:var(--color-text-secondary)}.index-module_contentWrapper__MkCc3{font-size:16px!important;line-height:20px;font-weight:400;font-family:var(--font-family);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.index-module_value__0Arew{overflow:hidden;text-overflow:ellipsis;text-align:left}.index-module_focusVisible__qhc9s{outline:2px solid var(--focus-color);outline-offset:2px}

package/dist/select/components/field/index.module.css.js

@@ -0,0 +1,23 @@
+import './index.module.css';
+const e = "index-module_component__kQ9oL", o = "index-module_field__WxOYl", d = "index-module_disabled__GQwpw", l = "index-module_arrow__4fEBK", n = "index-module_placeholder__FY2iP", _ = "index-module_contentWrapper__MkCc3", c = "index-module_value__0Arew", s = "index-module_focusVisible__qhc9s", i = {
+  component: e,
+  field: o,
+  disabled: d,
+  arrow: l,
+  placeholder: n,
+  contentWrapper: _,
+  value: c,
+  focusVisible: s
+};
+export {
+  l as arrow,
+  e as component,
+  _ as contentWrapper,
+  i as default,
+  d as disabled,
+  o as field,
+  s as focusVisible,
+  n as placeholder,
+  c as value
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/select/components/field/index.module.css.js.map

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

package/dist/select/components/index.d.ts

@@ -1,7 +1,7 @@
-export * from "./arrow/index";
-export * from "./base-select/index";
-export * from "./field/index";
-export * from "./optgroup/index";
-export * from "./option/index";
-export * from "./options-list/index";
-export * from "./virtual-options-list/index";
+export * from './arrow';
+export * from './base-select';
+export * from './field';
+export * from './optgroup';
+export * from './option';
+export * from './options-list';
+export * from './virtual-options-list';

package/dist/select/components/index.js

@@ -1 +1,17 @@
-export{Arrow}from"./arrow/component.js";export{BaseSelect}from"./base-select/component.js";export{Field}from"./field/component.js";export{Optgroup}from"./optgroup/component.js";export{Option}from"./option/component.js";export{OptionsList}from"./options-list/component.js";export{VirtualOptionsList}from"./virtual-options-list/component.js";import"react";import"classnames";import"tslib";import"react-merge-refs";import"downshift";import"resize-observer";import"../../__internal/utils/getDataTestId.js";import"../../popover/component.js";import"react-popper";import"react-transition-group";import"../../portal/component.js";import"react-dom";import"../../portal/utils.js";import"../../stack/context.js";import"../../stack/component.js";import"../utils.js";import"./native-select/component.js";import"../../form-control/component.js";import"../../hooks/useFocus/index.js";import"../../skeleton/component.js";import"./checkmark/component.js";import"@alphakits/icons/dist/ClockCircleM";import"../../button/component.js";import"../../loader/component.js";import"react-virtual";import"../../hooks/usePrevious/index.js";import"../../utils/get-service-error/index.js";import"../../utils/get-service-error/is-axios-error.js";import"../../utils/get-service-error/is-network-error.js";import"../../toast-notifier/component.js";import"../../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/CloseS";import"../../toast-notifier/use-timer.js";
+import { Arrow as t } from "./arrow/component.js";
+import { BaseSelect as e } from "./base-select/component.js";
+import { Field as i } from "./field/component.js";
+import { Optgroup as x } from "./optgroup/component.js";
+import { Option as O } from "./option/component.js";
+import { OptionsList as n } from "./options-list/component.js";
+import { VirtualOptionsList as u } from "./virtual-options-list/component.js";
+export {
+  t as Arrow,
+  e as BaseSelect,
+  i as Field,
+  x as Optgroup,
+  O as Option,
+  n as OptionsList,
+  u as VirtualOptionsList
+};
+//# sourceMappingURL=index.js.map

package/dist/select/components/index.js.map

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

package/dist/select/components/native-select/component.d.ts

@@ -1,13 +1,22 @@
-/// <reference types="react" />
-import React from 'react';
-import { SelectHTMLAttributes } from "react";
-import { GroupShape, OptionShape } from "../../typings";
-type NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
+import { default as React, SelectHTMLAttributes } from 'react';
+import { GroupShape, OptionShape } from '../../typings';
+export declare type NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
+    /**
+     * Список вариантов выбора
+     */
     options: Array<OptionShape | GroupShape>;
+    /**
+     * Значение селекта
+     */
     value: string | string[];
 };
-declare const NativeSelect: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & {
+export declare const NativeSelect: React.ForwardRefExoticComponent<React.SelectHTMLAttributes<HTMLSelectElement> & {
+    /**
+     * Список вариантов выбора
+     */
     options: Array<OptionShape | GroupShape>;
+    /**
+     * Значение селекта
+     */
     value: string | string[];
 } & React.RefAttributes<HTMLSelectElement>>;
-export { NativeSelectProps, NativeSelect };

package/dist/select/components/native-select/component.js

@@ -1 +1,38 @@
-import{__rest as e,__assign as t}from"tslib";import n,{forwardRef as a,useCallback as o}from"react";import{isGroup as l}from"../../utils.js";var r=function(e){var t=e.option;return n.createElement("option",{value:t.key,disabled:t.disabled},"string"==typeof t.content?t.content:t.key)},i=function(e){var t=e.label,a=e.options;return n.createElement("optgroup",{label:t},a.map((function(e){return n.createElement(r,{option:e,key:e.key})})))},m=a((function(a,m){var p=a.className,c=a.disabled,s=a.multiple,u=a.value,f=a.name,d=a.options,b=a.onChange,k=e(a,["className","disabled","multiple","value","name","options","onChange"]),v=o((function(e){e.stopPropagation()}),[]);return n.createElement("select",t({className:p,disabled:c,multiple:s,name:f,value:u,onChange:b,onClick:v,ref:m},k),d.map((function(e){return l(e)?n.createElement(i,t({},e,{key:e.label})):n.createElement(r,{option:e,key:e.key})})))}));export{m as NativeSelect};
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as f, useCallback as p, createElement as u } from "react";
+import { isGroup as y } from "../../utils.js";
+const a = ({ option: e }) => /* @__PURE__ */ l("option", { value: e.key, disabled: e.disabled, children: typeof e.content == "string" ? e.content : e.key }), b = ({ label: e, options: c }) => /* @__PURE__ */ l("optgroup", { label: e, children: c.map((t) => /* @__PURE__ */ l(a, { option: t }, t.key)) }), v = f(
+  ({
+    className: e,
+    disabled: c,
+    multiple: t,
+    value: s,
+    name: n,
+    options: d,
+    onChange: m,
+    ...k
+  }, o) => {
+    const i = p((r) => {
+      r.stopPropagation();
+    }, []);
+    return /* @__PURE__ */ l(
+      "select",
+      {
+        className: e,
+        disabled: c,
+        multiple: t,
+        name: n,
+        value: s,
+        onChange: m,
+        onClick: i,
+        ref: o,
+        ...k,
+        children: d.map((r) => y(r) ? /* @__PURE__ */ u(b, { ...r, key: r.label }) : /* @__PURE__ */ l(a, { option: r }, r.key))
+      }
+    );
+  }
+);
+export {
+  v as NativeSelect
+};
+//# sourceMappingURL=component.js.map

package/dist/select/components/native-select/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../../src/select/components/native-select/component.tsx"],"sourcesContent":["import React, { forwardRef, SelectHTMLAttributes, useCallback } from 'react';\n\nimport { GroupShape, OptionShape } from '../../typings';\nimport { isGroup } from '../../utils';\n\nexport type NativeSelectProps = SelectHTMLAttributes<HTMLSelectElement> & {\n    /**\n     * Список вариантов выбора\n     */\n    options: Array<OptionShape | GroupShape>;\n\n    /**\n     * Значение селекта\n     */\n    value: string | string[];\n};\n\nconst Option = ({ option }: { option: OptionShape }) => (\n    <option value={ option.key } disabled={ option.disabled }>\n        { typeof option.content === 'string' ? option.content : option.key }\n    </option>\n);\n\nconst Group = ({ label, options }: GroupShape) => (\n    <optgroup label={ label }>\n        { options.map((option) => (\n            <Option option={ option } key={ option.key } />\n        )) }\n    </optgroup>\n);\n\nexport const NativeSelect = forwardRef<HTMLSelectElement, NativeSelectProps>(\n    ({\n        className, disabled, multiple, value, name, options, onChange, ...restProps\n    }, ref) => {\n        const handleClick = useCallback((event) => {\n            event.stopPropagation();\n        }, []);\n\n        return (\n            <select\n                className={ className }\n                disabled={ disabled }\n                multiple={ multiple }\n                name={ name }\n                value={ value }\n                onChange={ onChange }\n                onClick={ handleClick }\n                ref={ ref }\n                { ...restProps }\n            >\n                { options.map((option) =>\n                    (isGroup(option) ? (\n                        <Group { ...option } key={ option.label } />\n                    ) : (\n                        <Option option={ option } key={ option.key } />\n                    ))) }\n            </select>\n        );\n    },\n);\n"],"names":["Option","option","jsx","Group","label","options","NativeSelect","forwardRef","className","disabled","multiple","value","name","onChange","restProps","ref","handleClick","useCallback","event","isGroup"],"mappings":";;;AAiBA,MAAMA,IAAS,CAAC,EAAE,QAAAC,EAAA,MACd,gBAAAC,EAAC,UAAA,EAAO,OAAQD,EAAO,KAAM,UAAWA,EAAO,UACzC,iBAAOA,EAAO,WAAY,WAAWA,EAAO,UAAUA,EAAO,KACnE,GAGEE,IAAQ,CAAC,EAAE,OAAAC,GAAO,SAAAC,EAAA,wBACnB,YAAA,EAAS,OAAAD,GACJ,YAAQ,IAAI,CAACH,MACX,gBAAAC,EAACF,GAAA,EAAO,QAAAC,KAAwBA,EAAO,GAAM,CAChD,GACL,GAGSK,IAAeC;AAAA,EACxB,CAAC;AAAA,IACG,WAAAC;AAAA,IAAW,UAAAC;AAAA,IAAU,UAAAC;AAAA,IAAU,OAAAC;AAAA,IAAO,MAAAC;AAAA,IAAM,SAAAP;AAAA,IAAS,UAAAQ;AAAA,IAAU,GAAGC;AAAA,EAAA,GACnEC,MAAQ;AACP,UAAMC,IAAcC,EAAY,CAACC,MAAU;AACvC,MAAAA,EAAM,gBAAA;AAAA,IACV,GAAG,CAAA,CAAE;AAEL,WACI,gBAAAhB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAAM;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,MAAAE;AAAA,QACA,OAAAD;AAAA,QACA,UAAAE;AAAA,QACA,SAAUG;AAAA,QACV,KAAAD;AAAA,QACE,GAAGD;AAAA,QAEH,UAAAT,EAAQ,IAAI,CAACJ,MACVkB,EAAQlB,CAAM,sBACVE,GAAA,EAAQ,GAAGF,GAAS,KAAMA,EAAO,OAAQ,IAE1C,gBAAAC,EAACF,KAAO,QAAAC,EAAA,GAAwBA,EAAO,GAAM,CAC/C;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACJ;"}

package/dist/select/components/native-select/index.d.ts

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

package/dist/select/components/native-select/index.js

@@ -1 +1,5 @@
-export{NativeSelect}from"./component.js";import"tslib";import"react";import"../../utils.js";
+import { NativeSelect as o } from "./component.js";
+export {
+  o as NativeSelect
+};
+//# sourceMappingURL=index.js.map

package/dist/select/components/native-select/index.js.map

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

package/dist/select/components/optgroup/component.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-import { OptgroupProps } from "../../typings";
-declare const Optgroup: ({ children, label, size }: OptgroupProps) => JSX.Element;
-export { Optgroup };
+import { OptgroupProps } from '../../typings';
+export declare const Optgroup: ({ children, label, size }: OptgroupProps) => JSX.Element;

package/dist/select/components/optgroup/component.js

@@ -1 +1,12 @@
-import e from"react";import l from"classnames";var a={optgroup:"index-module_optgroup___bz9Y",label:"index-module_label__1EuRY",l:"index-module_l__1TguP",xl:"index-module_xl__QMWt3"},r=function(r){var o=r.children,t=r.label,m=r.size,n=void 0===m?"s":m;return e.createElement(e.Fragment,null,e.createElement("div",{className:l(a.optgroup,a[n])},e.createElement("span",{className:a.label},t)),o)};export{r as Optgroup};
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import p from "react";
+import a from "classnames";
+import r from "./index.module.css.js";
+const d = ({ children: s, label: m, size: t = "s" }) => /* @__PURE__ */ e(p.Fragment, { children: [
+  /* @__PURE__ */ o("div", { className: a(r.optgroup, r[t]), children: /* @__PURE__ */ o("span", { className: r.label, children: m }) }),
+  s
+] });
+export {
+  d as Optgroup
+};
+//# sourceMappingURL=component.js.map

package/dist/select/components/optgroup/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../../src/select/components/optgroup/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { OptgroupProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const Optgroup = ({ children, label, size = 's' }: OptgroupProps) => (\n    <React.Fragment>\n        <div className={ cn(styles.optgroup, styles[size]) }>\n            <span className={ styles.label }>{ label }</span>\n        </div>\n        { children }\n    </React.Fragment>\n);\n"],"names":["Optgroup","children","label","size","jsxs","React","jsx","cn","styles"],"mappings":";;;;AAOO,MAAMA,IAAW,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,MAAAC,IAAO,IAAA,MAC/C,gBAAAC,EAACC,EAAM,UAAN,EACG,UAAA;AAAA,EAAA,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAGC,EAAO,UAAUA,EAAOL,CAAI,CAAC,GAC7C,4BAAC,QAAA,EAAK,WAAYK,EAAO,OAAU,aAAO,GAC9C;AAAA,EACEP;AAAA,EAAA,CACN;"}

package/dist/select/components/optgroup/index.d.ts

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

package/dist/select/components/optgroup/index.js

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

package/dist/select/components/optgroup/index.js.map

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

package/dist/select/components/optgroup/index.module.css

@@ -0,0 +1 @@
+:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}: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)}.index-module_optgroup__ZmZTg{position:relative;display:flex;align-items:center;padding:var(--gap-m) var(--select-optgroup-right-padding) var(--gap-xs) var(--select-optgroup-left-padding);box-sizing:border-box;background:var(--select-optgroup-background);min-height:40px}.index-module_optgroup__ZmZTg+*[role=option]:before{display:none}.index-module_label__bMMir{font-size:12px;line-height:16px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--font-family);display:block;color:var(--select-optgroup-color)}.index-module_l__3FaC5,.index-module_xl__xp47K{padding-left:var(--select-optgroup-l-left-padding);padding-right:var(--select-optgroup-l-right-padding)}

package/dist/select/components/optgroup/index.module.css.js

@@ -0,0 +1,15 @@
+import './index.module.css';
+const l = "index-module_optgroup__ZmZTg", o = "index-module_label__bMMir", e = "index-module_l__3FaC5", _ = "index-module_xl__xp47K", t = {
+  optgroup: l,
+  label: o,
+  l: e,
+  xl: _
+};
+export {
+  t as default,
+  e as l,
+  o as label,
+  l as optgroup,
+  _ as xl
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/select/components/optgroup/index.module.css.js.map

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

package/dist/select/components/option/component.d.ts

@@ -1,4 +1,3 @@
 import { FC } from 'react';
-import { OptionProps } from "../../typings";
-declare const Option: FC<OptionProps>;
-export { Option };
+import { OptionProps } from '../../typings';
+export declare const Option: FC<OptionProps>;

package/dist/select/components/option/component.js

@@ -1 +1,49 @@
-import{__assign as e}from"tslib";import t,{isValidElement as n}from"react";import o from"classnames";import{Skeleton as d}from"../../../skeleton/component.js";import{Checkmark as i}from"../checkmark/component.js";var l={option:"index-module_option__1Y-nZ",disabled:"index-module_disabled__3qFlt",s:"index-module_s__3ZiXJ",m:"index-module_m__3U_ko",l:"index-module_l__3AFdi",xl:"index-module_xl__37OwE",selected:"index-module_selected__3VkZj",highlighted:"index-module_highlighted__3bn_O",content:"index-module_content__3lPGB",textContent:"index-module_textContent__343E2",skeleton:"index-module_skeleton__31lhe"},m=function(m){var _,s,a=m.size,c=void 0===a?"s":a,r=m.className,x=m.option,h=m.children,p=m.selected,u=m.highlighted,k=m.disabled,g=m.Checkmark,v=void 0===g?i:g,b=m.innerProps,f=m.index,E=h||x.content||x.key;return t.createElement("div",e({},b,{className:o(l.option,l[c],r,(_={},_[l.highlighted]=u,_[l.selected]=p,_[l.disabled]=k,_)),"data-test-id":"option-"+f}),v&&t.createElement(v,{selected:p}),t.createElement("div",{className:o(l.content,(s={},s[l.textContent]=!n(E),s))},t.createElement(d,{className:l.skeleton,visible:null==x?void 0:x.loading},E)))};export{m as Option};
+import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import { isValidElement as p } from "react";
+import n from "classnames";
+import { Skeleton as x } from "../../../skeleton/component.js";
+import { Checkmark as g } from "../checkmark/component.js";
+import e from "./index.module.css.js";
+const u = ({
+  size: l = "s",
+  className: o,
+  option: t,
+  children: c,
+  selected: s,
+  highlighted: a,
+  disabled: d,
+  Checkmark: i = g,
+  innerProps: h,
+  index: f
+  // dataTestId,
+}) => {
+  const m = c || t.content || t.key;
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      ...h,
+      className: n(e.option, e[l], o, {
+        [e.highlighted]: a,
+        [e.selected]: s,
+        [e.disabled]: d
+      }),
+      "data-test-id": `option-${f}`,
+      children: [
+        i && /* @__PURE__ */ r(i, { selected: s }),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: n(e.content, {
+              [e.textContent]: !p(m)
+            }),
+            children: /* @__PURE__ */ r(x, { className: e.skeleton, visible: t == null ? void 0 : t.loading, children: m })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  u as Option
+};
+//# sourceMappingURL=component.js.map

package/dist/select/components/option/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../../src/select/components/option/component.tsx"],"sourcesContent":["import React, { FC, isValidElement } from 'react';\nimport cn from 'classnames';\n\nimport { Skeleton } from '../../../skeleton';\nimport { OptionProps } from '../../typings';\nimport { Checkmark as DefaultCheckMark } from '../checkmark';\n\nimport styles from './index.module.css';\n\nexport const Option: FC<OptionProps> = ({\n    size = 's',\n    className,\n    option,\n    children,\n    selected,\n    highlighted,\n    disabled,\n    Checkmark = DefaultCheckMark,\n    innerProps,\n    index,\n    // dataTestId,\n}) => {\n    const content = children || option.content || option.key;\n\n    return (\n        <div\n            { ...innerProps }\n            className={ cn(styles.option, styles[size], className, {\n                [styles.highlighted]: highlighted,\n                [styles.selected]: selected,\n                [styles.disabled]: disabled,\n            }) }\n            data-test-id={ `option-${index}` }\n        >\n            { Checkmark && <Checkmark selected={ selected } /> }\n            <div\n                className={ cn(styles.content, {\n                    [styles.textContent]: !isValidElement(content),\n                }) }\n            >\n                <Skeleton className={ styles.skeleton } visible={ option?.loading }>\n                    { content }\n                </Skeleton>\n            </div>\n        </div>\n    );\n};\n"],"names":["Option","size","className","option","children","selected","highlighted","disabled","Checkmark","DefaultCheckMark","innerProps","index","content","jsxs","cn","styles","jsx","isValidElement","Skeleton"],"mappings":";;;;;;AASO,MAAMA,IAA0B,CAAC;AAAA,EACpC,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EAAA,WACAC,IAAYC;AAAAA,EACZ,YAAAC;AAAA,EACA,OAAAC;AAAA;AAEJ,MAAM;AACF,QAAMC,IAAUR,KAAYD,EAAO,WAAWA,EAAO;AAErD,SACI,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACK,GAAGH;AAAA,MACL,WAAYI,EAAGC,EAAO,QAAQA,EAAOd,CAAI,GAAGC,GAAW;AAAA,QACnD,CAACa,EAAO,WAAW,GAAGT;AAAA,QACtB,CAACS,EAAO,QAAQ,GAAGV;AAAA,QACnB,CAACU,EAAO,QAAQ,GAAGR;AAAA,MAAA,CACtB;AAAA,MACD,gBAAe,UAAUI,CAAK;AAAA,MAE5B,UAAA;AAAA,QAAAH,KAAa,gBAAAQ,EAACR,KAAU,UAAAH,EAAA,CAAsB;AAAA,QAChD,gBAAAW;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAYF,EAAGC,EAAO,SAAS;AAAA,cAC3B,CAACA,EAAO,WAAW,GAAG,CAACE,EAAeL,CAAO;AAAA,YAAA,CAChD;AAAA,YAED,UAAA,gBAAAI,EAACE,KAAS,WAAYH,EAAO,UAAW,SAAUZ,KAAA,gBAAAA,EAAQ,SACpD,UAAAS,EAAA,CACN;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/select/components/option/index.d.ts

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

package/dist/select/components/option/index.js

@@ -1 +1,5 @@
-export{Option}from"./component.js";import"tslib";import"react";import"classnames";import"../../../skeleton/component.js";import"../checkmark/component.js";
+import { Option as r } from "./component.js";
+export {
+  r as Option
+};
+//# sourceMappingURL=index.js.map

package/dist/select/components/option/index.js.map

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

package/dist/select/components/option/index.module.css

@@ -0,0 +1 @@
+:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}: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)}.index-module_option__LdOw-{font-size:16px!important;line-height:20px;font-weight:400;font-family:var(--font-family);display:flex;align-items:center;padding-left:var(--select-option-left-padding);padding-right:var(--select-option-right-padding);transition:background-color .2s ease;background:var(--select-option-background);color:var(--select-option-color);box-sizing:border-box;position:relative;cursor:pointer}.index-module_option__LdOw-:not(.index-module_disabled__axDUG):active{background:var(--select-option-active-background);color:var(--select-option-active-color)}.index-module_option__LdOw-:before{content:"";position:absolute;left:var(--select-option-left-padding);right:var(--select-option-right-padding);top:0;height:1px;background:var(--select-option-divider-background);display:var(--select-option-divider-display);transition:opacity .2s ease}.index-module_option__LdOw-:first-child:before{display:none}.index-module_s__0noye{min-height:var(--size-s-height)}.index-module_m__C5xtP{min-height:var(--size-m-height)}.index-module_l__yH1C-{min-height:var(--size-l-height)}.index-module_xl__WL6cZ{min-height:var(--size-xl-height)}.index-module_l__yH1C-,.index-module_xl__WL6cZ{padding-left:var(--select-option-l-left-padding);padding-right:var(--select-option-l-right-padding)}:is(.index-module_l__yH1C-,.index-module_xl__WL6cZ):before{left:var(--select-option-l-left-padding);right:var(--select-option-l-right-padding)}.index-module_selected__OyyTI{background:var(--select-option-selected-background);color:var(--select-option-selected-color);cursor:default}.index-module_highlighted__WtdTW{background:var(--select-option-hover-background);color:var(--select-option-hover-color)}.index-module_highlighted__WtdTW:before,.index-module_highlighted__WtdTW+.index-module_option__LdOw-:before{opacity:0}.index-module_disabled__axDUG{cursor:var(--disabled-cursor);background:var(--select-option-disabled-background);color:var(--select-option-disabled-color)}.index-module_content__H3UDz{overflow:hidden;text-overflow:ellipsis;flex:1}.index-module_textContent__Hx88Y{padding-top:var(--gap-s);padding-bottom:var(--gap-s)}.index-module_skeleton__braSy{height:16px;width:50%}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.index-module_option__LdOw-:after{min-height:inherit;font-size:0;content:""}}

package/dist/select/components/option/index.module.css.js

@@ -0,0 +1,29 @@
+import './index.module.css';
+const e = "index-module_option__LdOw-", t = "index-module_disabled__axDUG", n = "index-module_s__0noye", o = "index-module_m__C5xtP", d = "index-module_l__yH1C-", _ = "index-module_xl__WL6cZ", l = "index-module_selected__OyyTI", s = "index-module_highlighted__WtdTW", i = "index-module_content__H3UDz", x = "index-module_textContent__Hx88Y", c = "index-module_skeleton__braSy", m = {
+  option: e,
+  disabled: t,
+  s: n,
+  m: o,
+  l: d,
+  xl: _,
+  selected: l,
+  highlighted: s,
+  content: i,
+  textContent: x,
+  skeleton: c
+};
+export {
+  i as content,
+  m as default,
+  t as disabled,
+  s as highlighted,
+  d as l,
+  o as m,
+  e as option,
+  n as s,
+  l as selected,
+  c as skeleton,
+  x as textContent,
+  _ as xl
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/select/components/option/index.module.css.js.map

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

package/dist/select/components/options-list/component.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-import React from 'react';
-import { OptionsListProps } from "../../typings";
-declare const OptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<unknown>>;
-export { OptionsList };
+import { default as React } from 'react';
+import { OptionsListProps } from '../../typings';
+export declare const OptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<unknown>>;

package/dist/select/components/options-list/component.js

@@ -1 +1,70 @@
-import e,{forwardRef as o,useRef as t,useCallback as n}from"react";import i from"react-merge-refs";import l from"@alphakits/icons/dist/ClockCircleM";import r from"classnames";import{Button as s}from"../../../button/component.js";import{useVisibleOptions as a,isGroup as p}from"../../utils.js";import{Optgroup as m}from"../optgroup/component.js";import"tslib";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";var c={optionsList:"index-module_optionsList__3FNYB",emptyPlaceholder:"index-module_emptyPlaceholder__3zcls",l:"index-module_l__sTNRb",xl:"index-module_xl__28-dv",actionButtonWrapper:"index-module_actionButtonWrapper__1cMtp"},d=o((function(o,d){var u,f=o.size,_=void 0===f?"s":f,v=o.className,x=o.Option,b=o.options,h=void 0===b?[]:b,g=o.actionButton,k=o.Optgroup,E=void 0===k?m:k,N=o.dataTestId,j=o.emptyPlaceholder,y=o.visibleOptions,B=void 0===y?5:y,z=o.onScroll,C=o.toggleMenu,O=o.open,P=t(null),L=(u=0,function(){return u++}),M=n((function(o){return e.createElement(E,{label:o.label,key:o.label,size:_},o.options.map((function(e){return x({option:e,index:L()})})))}),[x,L,_]);return a({visibleOptions:B,listRef:P,open:O,invalidate:h}),0!==h.length||j||g?e.createElement("div",{className:r(c.optionsList,c[_],v),"data-test-id":N,ref:i([P,d]),onScroll:z},h.map((function(e){return p(e)?M(e):x({option:e,index:L()})})),j&&0===h.length&&e.createElement("div",{className:c.emptyPlaceholder},e.createElement(l,null),j),!!g&&e.createElement("div",{className:c.actionButtonWrapper},e.createElement(s,{view:"outlined",size:"xs",onClick:function(){null==g||g.onClick(),C()}},g.label))):null}));export{d as OptionsList};
+import { jsx as i, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as R, useRef as g, useCallback as N } from "react";
+import j from "react-merge-refs";
+import w from "@alphakits/icons/dist/ClockCircleM";
+import G from "classnames";
+import { Button as L } from "../../../button/component.js";
+import { useVisibleOptions as O, isGroup as M } from "../../utils.js";
+import { Optgroup as V } from "../optgroup/component.js";
+import m from "./index.module.css.js";
+const W = () => {
+  let l = 0;
+  return () => l++;
+}, K = R(
+  ({
+    size: l = "s",
+    className: a,
+    Option: f,
+    options: s = [],
+    actionButton: e,
+    Optgroup: n = V,
+    dataTestId: p,
+    emptyPlaceholder: o,
+    visibleOptions: u = 5,
+    onScroll: b,
+    toggleMenu: h,
+    open: x
+  }, C) => {
+    const c = g(null), t = W(), v = N(
+      (r) => /* @__PURE__ */ i(n, { label: r.label, size: l, children: r.options.map((k) => f({ option: k, index: t() })) }, r.label),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [f, t, l]
+    );
+    return O({
+      visibleOptions: u,
+      listRef: c,
+      open: x,
+      invalidate: s
+    }), s.length === 0 && !o && !e ? null : /* @__PURE__ */ d(
+      "div",
+      {
+        className: G(m.optionsList, m[l], a),
+        "data-test-id": p,
+        ref: j([c, C]),
+        onScroll: b,
+        children: [
+          s.map((r) => M(r) ? v(r) : f({ option: r, index: t() })),
+          o && s.length === 0 && /* @__PURE__ */ d("div", { className: m.emptyPlaceholder, children: [
+            /* @__PURE__ */ i(w, {}),
+            o
+          ] }),
+          !!e && /* @__PURE__ */ i("div", { className: m.actionButtonWrapper, children: /* @__PURE__ */ i(
+            L,
+            {
+              view: "outlined",
+              size: "xs",
+              onClick: () => {
+                e == null || e.onClick(), h();
+              },
+              children: e.label
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+export {
+  K as OptionsList
+};
+//# sourceMappingURL=component.js.map

package/dist/select/components/options-list/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../../src/select/components/options-list/component.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport ClockCircleM from '@alphakits/icons/dist/ClockCircleM';\nimport cn from 'classnames';\n\nimport { Button } from '../../../button';\nimport { GroupShape, OptionsListProps } from '../../typings';\nimport { isGroup, useVisibleOptions } from '../../utils';\nimport { Optgroup as DefaultOptgroup } from '../optgroup';\n\nimport styles from './index.module.css';\n\nconst createCounter = () => {\n    let count = 0;\n\n    // eslint-disable-next-line no-plusplus\n    return () => count++;\n};\n\nexport const OptionsList = forwardRef(\n    (\n        {\n            size = 's',\n            className,\n            Option,\n            options = [],\n            actionButton,\n            Optgroup = DefaultOptgroup,\n            dataTestId,\n            emptyPlaceholder,\n            visibleOptions = 5,\n            onScroll,\n            toggleMenu,\n            open,\n        }: OptionsListProps,\n        ref,\n    ) => {\n        const listRef = useRef<HTMLDivElement>(null);\n        const counter = createCounter();\n        const renderGroup = useCallback(\n            (group: GroupShape) => (\n                <Optgroup label={ group.label } key={ group.label } size={ size }>\n                    { group.options.map((option) => Option({ option, index: counter() })) }\n                </Optgroup>\n            ),\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n            [Option, counter, size],\n        );\n\n        useVisibleOptions({\n            visibleOptions,\n            listRef,\n            open,\n            invalidate: options,\n        });\n\n        if (options.length === 0 && !emptyPlaceholder && !actionButton) {\n            return null;\n        }\n\n        return (\n            <div\n                className={ cn(styles.optionsList, styles[size], className) }\n                data-test-id={ dataTestId }\n                ref={ mergeRefs([listRef, ref]) }\n                onScroll={ onScroll }\n            >\n\n                { options.map((option) =>\n                    (isGroup(option) ? renderGroup(option) : Option({ option, index: counter() }))) }\n\n                { emptyPlaceholder && options.length === 0 && (\n                    <div className={ styles.emptyPlaceholder }>\n                        <ClockCircleM />\n                        { emptyPlaceholder }\n                    </div>\n                ) }\n\n                { !!actionButton && (\n                    <div className={ styles.actionButtonWrapper }>\n                        <Button\n                            view=\"outlined\"\n                            size=\"xs\"\n                            onClick={ () => {\n                                actionButton?.onClick();\n                                toggleMenu();\n                            } }\n                        >\n\n                            { actionButton.label }\n                        </Button>\n                    </div>\n                ) }\n            </div>\n        );\n    },\n);\n"],"names":["createCounter","count","OptionsList","forwardRef","size","className","Option","options","actionButton","Optgroup","DefaultOptgroup","dataTestId","emptyPlaceholder","visibleOptions","onScroll","toggleMenu","open","ref","listRef","useRef","counter","renderGroup","useCallback","group","jsx","option","useVisibleOptions","jsxs","cn","styles","mergeRefs","isGroup","ClockCircleM","Button"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAgB,MAAM;AACxB,MAAIC,IAAQ;AAGZ,SAAO,MAAMA;AACjB,GAEaC,IAAcC;AAAA,EACvB,CACI;AAAA,IACI,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC,IAAU,CAAA;AAAA,IACV,cAAAC;AAAA,IAAA,UACAC,IAAWC;AAAAA,IACX,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,GAEJC,MACC;AACD,UAAMC,IAAUC,EAAuB,IAAI,GACrCC,IAAUpB,EAAA,GACVqB,IAAcC;AAAA,MAChB,CAACC,MACG,gBAAAC,EAACf,GAAA,EAAS,OAAQc,EAAM,OAA4B,MAAAnB,GAC9C,UAAAmB,EAAM,QAAQ,IAAI,CAACE,MAAWnB,EAAO,EAAE,QAAAmB,GAAQ,OAAOL,EAAA,GAAW,CAAC,EAAA,GADlCG,EAAM,KAE5C;AAAA;AAAA,MAGJ,CAACjB,GAAQc,GAAShB,CAAI;AAAA,IAAA;AAU1B,WAPAsB,EAAkB;AAAA,MACd,gBAAAb;AAAA,MACA,SAAAK;AAAA,MACA,MAAAF;AAAA,MACA,YAAYT;AAAA,IAAA,CACf,GAEGA,EAAQ,WAAW,KAAK,CAACK,KAAoB,CAACJ,IACvC,OAIP,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAYC,EAAGC,EAAO,aAAaA,EAAOzB,CAAI,GAAGC,CAAS;AAAA,QAC1D,gBAAeM;AAAA,QACf,KAAMmB,EAAU,CAACZ,GAASD,CAAG,CAAC;AAAA,QAC9B,UAAAH;AAAA,QAGE,UAAA;AAAA,UAAAP,EAAQ,IAAI,CAACkB,MACVM,EAAQN,CAAM,IAAIJ,EAAYI,CAAM,IAAInB,EAAO,EAAE,QAAAmB,GAAQ,OAAOL,EAAA,EAAQ,CAAG,CAAE;AAAA,UAEhFR,KAAoBL,EAAQ,WAAW,uBACpC,OAAA,EAAI,WAAYsB,EAAO,kBACpB,UAAA;AAAA,YAAA,gBAAAL,EAACQ,GAAA,EAAa;AAAA,YACZpB;AAAA,UAAA,GACN;AAAA,UAGF,CAAC,CAACJ,uBACC,OAAA,EAAI,WAAYqB,EAAO,qBACpB,UAAA,gBAAAL;AAAA,YAACS;AAAA,YAAA;AAAA,cACG,MAAK;AAAA,cACL,MAAK;AAAA,cACL,SAAU,MAAM;AACZ,gBAAAzB,KAAA,QAAAA,EAAc,WACdO,EAAA;AAAA,cACJ;AAAA,cAGE,UAAAP,EAAa;AAAA,YAAA;AAAA,UAAA,EACnB,CACJ;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIhB;AACJ;"}

package/dist/select/components/options-list/index.d.ts

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

package/dist/select/components/options-list/index.js

@@ -1 +1,5 @@
-export{OptionsList}from"./component.js";import"react";import"react-merge-refs";import"@alphakits/icons/dist/ClockCircleM";import"classnames";import"../../../button/component.js";import"tslib";import"../../../hooks/useFocus/index.js";import"../../../loader/component.js";import"../../utils.js";import"../optgroup/component.js";
+import { OptionsList as i } from "./component.js";
+export {
+  i as OptionsList
+};
+//# sourceMappingURL=index.js.map

package/dist/select/components/options-list/index.js.map

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

package/dist/select/components/options-list/index.module.css

@@ -0,0 +1 @@
+:root{--select-error-color: var(--color-text-negative);--select-arrow-background: url(https://alfabank.st/icons/icon_chevron-for-select-down_m_black.svg);--select-arrow-hover-opacity: .7;--select-options-list-border-radius: 0 0 4px 4px;--select-options-list-box-shadow: var(--shadow-xs);--select-options-list-offset: 0;--select-options-list-top-padding: 0;--select-options-list-bottom-padding: 0;--select-options-list-empty-placeholder-color: var(--color-text-secondary);--select-option-divider-display: none;--select-option-divider-background: var(--color-border-primary);--select-option-left-padding: var(--gap-s);--select-option-right-padding: var(--gap-s);--select-option-l-left-padding: var(--gap-m);--select-option-l-right-padding: var(--gap-m);--select-option-background: var(--color-bg-primary);--select-option-selected-background: var(--color-bg-primary);--select-option-hover-background: var(--color-bg-secondary);--select-option-active-background: var(--color-bg-tertiary);--select-option-disabled-background: var(--color-bg-primary);--select-option-color: var(--color-text-primary);--select-option-selected-color: var(--color-text-primary);--select-option-hover-color: var(--color-text-primary);--select-option-active-color: var(--color-text-primary);--select-option-disabled-color: var(--color-text-secondary);--select-checkmark-margin: 0 var(--gap-xs) 0 0;--select-checkmark-size: 4px;--select-checkmark-order: 0;--select-checkmark-unselected-opacity: 0;--select-checkmark-background: var(--color-graphic-primary);--select-checkmark-border-radius: var(--border-radius-circle);--select-optgroup-color: var(--color-text-secondary);--select-optgroup-background: var(--color-bg-primary);--select-optgroup-left-padding: var(--gap-s);--select-optgroup-right-padding: var(--gap-s);--select-optgroup-l-left-padding: var(--gap-m);--select-optgroup-l-right-padding: var(--gap-m)}: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)}.index-module_optionsList__fDQ-W{overflow:auto;width:100%;outline:none;box-sizing:border-box}.index-module_emptyPlaceholder__kjePJ{padding:var(--gap-m) var(--gap-xl);color:var(--select-option-color);display:flex;align-items:center;font-family:var(--font-family)}.index-module_emptyPlaceholder__kjePJ svg{color:var(--color-graphic-thirdly);margin-right:12px}.index-module_l__rGpg6 .index-module_emptyPlaceholder__kjePJ,.index-module_xl__T-5wN .index-module_emptyPlaceholder__kjePJ{padding:var(--gap-xl) var(--gap-xl)}.index-module_actionButtonWrapper__WBIoZ{padding-bottom:var(--gap-s);padding-left:var(--gap-xl);padding-right:var(--select-option-right-padding)}

package/dist/select/components/options-list/index.module.css.js

@@ -0,0 +1,17 @@
+import './index.module.css';
+const o = "index-module_optionsList__fDQ-W", t = "index-module_emptyPlaceholder__kjePJ", e = "index-module_l__rGpg6", n = "index-module_xl__T-5wN", l = "index-module_actionButtonWrapper__WBIoZ", s = {
+  optionsList: o,
+  emptyPlaceholder: t,
+  l: e,
+  xl: n,
+  actionButtonWrapper: l
+};
+export {
+  l as actionButtonWrapper,
+  s as default,
+  t as emptyPlaceholder,
+  e as l,
+  o as optionsList,
+  n as xl
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/select/components/options-list/index.module.css.js.map

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

package/dist/select/components/select-search/index.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import React from 'react';
-import { SelectProps } from "../../component";
-import { OptionsListProps } from "../../typings";
-declare function safeStringify(obj: any): string;
-declare const CustomOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
-type SelectSearchProps = Omit<SelectProps, 'options'> & {
+import { default as React } from 'react';
+import { SelectProps } from '../../component';
+import { OptionsListProps } from '../../typings';
+export declare function safeStringify(obj: any): string;
+export declare const CustomOptionsList: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLDivElement>>;
+declare type SelectSearchProps = Omit<SelectProps, 'options'> & {
     options: any;
     searchType?: 'text' | 'number';
 };
-declare const SelectSearch: ({ options, searchType, onChange, selected, ...restProps }: SelectSearchProps) => JSX.Element;
-export { safeStringify, CustomOptionsList, SelectSearch };
+export declare const SelectSearch: ({ options, searchType, onChange, selected, ...restProps }: SelectSearchProps) => JSX.Element;
+export {};