@kommo-crm/crm-react-ui-kit 1.14.2 → 1.15.0

package/dist/assets/DropdownList.css

@@ -0,0 +1 @@
+._list_133sa_1{display:none;z-index:"auto";-webkit-overflow-scrolling:touch;padding:0;margin:0;color:var(--crm-ui-kit-list-color)}._opened_133sa_11{position:absolute;top:var(--crm-ui-kit-list-top);left:var(--crm-ui-kit-list-left);overflow:auto;display:block;width:var(--crm-ui-kit-list-width);max-height:var(--crm-ui-kit-list-max-height);padding-right:var(--crm-ui-kit-list-padding-right);margin-right:var(--crm-ui-kit-list-margin-right);box-sizing:content-box;background-color:var(--crm-ui-kit-list-background-color);border-width:var(--crm-ui-kit-list-border-width);border-style:var(--crm-ui-kit-list-border-style);border-color:var(--crm-ui-kit-list-border-color);border-radius:var(--crm-ui-kit-list-border-radius);outline:var(--crm-ui-kit-list-outline);z-index:var(--crm-ui-kit-list-z-index)}

package/dist/assets/Item2.css

@@ -1 +1 @@
-._item_18s81_1{position:relative;display:flex;align-items:center;padding:10px 16px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none}._item_18s81_1[data-highlighted]{background-color:var(--crm-ui-kit-palette-background-default)}._item_18s81_1._danger_18s81_17{color:var(--crm-ui-kit-color-error)}._item_18s81_1._nonSelectable_18s81_21{cursor:auto;-webkit-user-select:text;user-select:text}._item_18s81_1._disabled_18s81_26{color:var(--crm-ui-kit-palette-text-secondary-light);cursor:auto}
+._item_h1do7_1{margin:0;padding:0}

package/dist/assets/Item3.css

@@ -1 +1 @@
-._wrapper_1l5nn_1{margin-bottom:var(--crm-ui-kit-accordion-item-margin-bottom);background-color:var(--crm-ui-kit-accordion-item-background-color);border:1px solid var(--crm-ui-kit-accordion-item-border-color);border-radius:var(--crm-ui-kit-accordion-item-border-radius);box-shadow:var(--crm-ui-kit-accordion-item-box-shadow)}._wrapper_1l5nn_1:last-child{margin-bottom:0}._header_1l5nn_13{display:flex;align-items:center;justify-content:space-between;padding:var(--crm-ui-kit-accordion-item-padding)}._header_left_1l5nn_20{overflow:hidden;display:flex;align-items:center;width:100%}._before_title_1l5nn_27{display:flex;align-items:center;justify-content:center;margin-right:12px}._chevron_container_1l5nn_34{transform:rotate(-90deg);display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:auto}._chevron_icon_1l5nn_44{color:var(--crm-ui-kit-accordion-item-chevron-icon-color)}._content_1l5nn_48{padding:var(--crm-ui-kit-accordion-item-padding);padding-top:0;word-break:break-word}._active_1l5nn_54 ._content_1l5nn_48{display:block}._active_1l5nn_54 ._chevron_container_1l5nn_34{transform:rotate(0)}._content_1l5nn_48{display:none}
+._item_18s81_1{position:relative;display:flex;align-items:center;padding:10px 16px;color:var(--crm-ui-kit-palette-text-primary);background-color:var(--crm-ui-kit-palette-background-primary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;text-decoration:none}._item_18s81_1[data-highlighted]{background-color:var(--crm-ui-kit-palette-background-default)}._item_18s81_1._danger_18s81_17{color:var(--crm-ui-kit-color-error)}._item_18s81_1._nonSelectable_18s81_21{cursor:auto;-webkit-user-select:text;user-select:text}._item_18s81_1._disabled_18s81_26{color:var(--crm-ui-kit-palette-text-secondary-light);cursor:auto}

package/dist/assets/Item4.css

@@ -0,0 +1 @@
+._wrapper_1l5nn_1{margin-bottom:var(--crm-ui-kit-accordion-item-margin-bottom);background-color:var(--crm-ui-kit-accordion-item-background-color);border:1px solid var(--crm-ui-kit-accordion-item-border-color);border-radius:var(--crm-ui-kit-accordion-item-border-radius);box-shadow:var(--crm-ui-kit-accordion-item-box-shadow)}._wrapper_1l5nn_1:last-child{margin-bottom:0}._header_1l5nn_13{display:flex;align-items:center;justify-content:space-between;padding:var(--crm-ui-kit-accordion-item-padding)}._header_left_1l5nn_20{overflow:hidden;display:flex;align-items:center;width:100%}._before_title_1l5nn_27{display:flex;align-items:center;justify-content:center;margin-right:12px}._chevron_container_1l5nn_34{transform:rotate(-90deg);display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:auto}._chevron_icon_1l5nn_44{color:var(--crm-ui-kit-accordion-item-chevron-icon-color)}._content_1l5nn_48{padding:var(--crm-ui-kit-accordion-item-padding);padding-top:0;word-break:break-word}._active_1l5nn_54 ._content_1l5nn_48{display:block}._active_1l5nn_54 ._chevron_container_1l5nn_34{transform:rotate(0)}._content_1l5nn_48{display:none}

package/dist/assets/List.css

@@ -1 +1 @@
-._list_133sa_1{display:none;z-index:"auto";-webkit-overflow-scrolling:touch;padding:0;margin:0;color:var(--crm-ui-kit-list-color)}._opened_133sa_11{position:absolute;top:var(--crm-ui-kit-list-top);left:var(--crm-ui-kit-list-left);overflow:auto;display:block;width:var(--crm-ui-kit-list-width);max-height:var(--crm-ui-kit-list-max-height);padding-right:var(--crm-ui-kit-list-padding-right);margin-right:var(--crm-ui-kit-list-margin-right);box-sizing:content-box;background-color:var(--crm-ui-kit-list-background-color);border-width:var(--crm-ui-kit-list-border-width);border-style:var(--crm-ui-kit-list-border-style);border-color:var(--crm-ui-kit-list-border-color);border-radius:var(--crm-ui-kit-list-border-radius);outline:var(--crm-ui-kit-list-outline);z-index:var(--crm-ui-kit-list-z-index)}
+._list_1394u_1{margin:0;padding-inline-start:24px;font-family:var(--crm-ui-kit-text-font),Arial,sans-serif;color:var(--crm-ui-kit-text-color)}._bulleted_1394u_9,._bulleted_1394u_9 ._bulleted_1394u_9{list-style-type:disc}._numbered_1394u_14{list-style-type:decimal}._numbered_1394u_14 ._numbered_1394u_14{list-style-type:lower-alpha}._numbered_1394u_14 ._numbered_1394u_14 ._numbered_1394u_14{list-style-type:lower-roman}._list_1394u_1>li+li,._list_1394u_1>li>._list_1394u_1{margin-top:8px}

package/dist/components/Accordion/components/Item/Item.js

@@ -6,7 +6,7 @@ import { useThemeClassName as C } from "../../../../hooks/useThemeClassName/useT
 import { Text as A } from "../../../Text/Text.js";
 import { TextPrimaryTheme as g } from "../../../Text/Text.themes.js";
 import { useAccordionContext as b } from "../../Accordion.context.js";
-import '../../../../assets/Item3.css';const y = (r) => /* @__PURE__ */ s.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 10, height: 7, fill: "none", ...r }, /* @__PURE__ */ s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M.176.78a.574.574 0 0 1 .857 0L4.96 5.058 8.967.692a.573.573 0 0 1 .857 0 .705.705 0 0 1 0 .933L5.485 6.351a.603.603 0 0 1-.14.114.573.573 0 0 1-.83-.026L.175 1.713a.706.706 0 0 1 0-.933Z", clipRule: "evenodd" })), E = "_wrapper_1l5nn_1", L = "_header_1l5nn_13", R = "_header_left_1l5nn_20", T = "_before_title_1l5nn_27", I = "_chevron_container_1l5nn_34", j = "_chevron_icon_1l5nn_44", k = "_content_1l5nn_48", D = "_active_1l5nn_54", e = {
+import '../../../../assets/Item4.css';const y = (r) => /* @__PURE__ */ s.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 10, height: 7, fill: "none", ...r }, /* @__PURE__ */ s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M.176.78a.574.574 0 0 1 .857 0L4.96 5.058 8.967.692a.573.573 0 0 1 .857 0 .705.705 0 0 1 0 .933L5.485 6.351a.603.603 0 0 1-.14.114.573.573 0 0 1-.83-.026L.175 1.713a.706.706 0 0 1 0-.933Z", clipRule: "evenodd" })), E = "_wrapper_1l5nn_1", L = "_header_1l5nn_13", R = "_header_left_1l5nn_20", T = "_before_title_1l5nn_27", I = "_chevron_container_1l5nn_34", j = "_chevron_icon_1l5nn_44", k = "_content_1l5nn_48", D = "_active_1l5nn_54", e = {
   wrapper: E,
   header: L,
   header_left: R,

package/dist/components/ContextMenu/components/Item/Item.js

@@ -11,7 +11,7 @@ import { useItemInnerFocus as te } from "../../hooks/useItemInnerFocus/useItemIn
 import { useContextMenuItemFocus as se } from "../../hooks/useContextMenuItemFocus/useContextMenuItemFocus.js";
 import { useContextMenuRootContext as re } from "../../ContextMenu.context.js";
 import { NonSelectableItem as le } from "./components/NonSelectableItem/NonSelectableItem.js";
-import '../../../../assets/Item2.css';const ae = "_item_18s81_1", ie = "_danger_18s81_17", ue = "_nonSelectable_18s81_21", de = "_disabled_18s81_26", n = {
+import '../../../../assets/Item3.css';const ae = "_item_18s81_1", ie = "_danger_18s81_17", ue = "_nonSelectable_18s81_21", de = "_disabled_18s81_26", n = {
   item: ae,
   danger: ie,
   nonSelectable: ue,

package/dist/components/DropdownList/DropdownList.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DropdownListProps } from './DropdownList.props';
+export declare const DropdownList: React.ForwardRefExoticComponent<DropdownListProps & React.RefAttributes<HTMLUListElement>>;
+//# sourceMappingURL=DropdownList.d.ts.map

package/dist/components/DropdownList/DropdownList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownList/DropdownList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOzD,eAAO,MAAM,YAAY,4FA+CvB,CAAC"}

package/dist/components/DropdownList/DropdownList.js

@@ -0,0 +1,55 @@
+import { jsx as _ } from "react/jsx-runtime";
+import N, { forwardRef as g } from "react";
+import { c as u } from "../../index-L8X2o7IH.mjs";
+import { c as x } from "../../index-DBS3EIVR.mjs";
+import { useThemeClassName as C } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { CustomScrollClassName as w } from "../../stylesheets/utils/BaseClasses/BaseClasses.js";
+import { noop as o } from "../../utils/noop/noop.js";
+import '../../assets/DropdownList.css';const y = "_list_133sa_1", L = "_opened_133sa_11", n = {
+  list: y,
+  opened: L
+}, v = g((r, s) => {
+  const {
+    className: a = "",
+    theme: m,
+    children: t,
+    isOpened: e,
+    hoveredIndex: i = 0,
+    onSelect: l = o,
+    onToggle: d = o,
+    onHoveredIndexChange: p = o,
+    ...c
+  } = r, f = C(m), { onKeyDown: h } = x({
+    itemsLength: N.Children.toArray(t).length,
+    onSelect: l,
+    onToggle: d,
+    isOpened: e,
+    listRef: s,
+    hoveredIndex: i,
+    onHoveredIndexChange: p
+  });
+  return e && /* @__PURE__ */ _(
+    "ul",
+    {
+      onKeyDown: h,
+      ref: s,
+      tabIndex: 0,
+      className: u(
+        w,
+        n.list,
+        f,
+        {
+          [n.opened]: e
+        },
+        a
+      ),
+      role: "list",
+      ...c,
+      children: t
+    }
+  );
+});
+v.displayName = "DropdownList";
+export {
+  v as DropdownList
+};

package/dist/components/DropdownList/DropdownList.props.d.ts

@@ -0,0 +1,41 @@
+import { HTMLAttributes } from 'react';
+import { DropdownListThemeType } from './DropdownList.theme';
+export interface DropdownListProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onSelect'> {
+    /**
+     * Object with CSS theme properties.
+     */
+    theme: DropdownListThemeType;
+    /**
+     * Child elements that will be displayed inside the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Custom CSS class for component.
+     */
+    className?: string;
+    /**
+     * Custom CSS class for a list item.
+     */
+    itemClassName?: string;
+    /**
+     * Flag indicates whether the component is in the open state.
+     */
+    isOpened?: boolean;
+    /**
+     * A callback that works on selecting a list item.
+     */
+    onSelect?: (index: number) => void;
+    /**
+     * A callback that works on opening/closing a component.
+     */
+    onToggle?: (toggle: boolean) => void;
+    /**
+     * A callback that works on changing the active element in the list.
+     */
+    onHoveredIndexChange?: (index: number) => void;
+    /**
+     * Index of the hovered element.
+     */
+    hoveredIndex?: number;
+}
+//# sourceMappingURL=DropdownList.props.d.ts.map

package/dist/components/DropdownList/DropdownList.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.props.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownList/DropdownList.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC1D;;OAEG;IACH,KAAK,EAAE,qBAAqB,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/components/DropdownList/DropdownList.props.js

@@ -0,0 +1 @@
+

package/dist/components/DropdownList/DropdownList.theme.d.ts

@@ -0,0 +1,7 @@
+type DropdownListThemeKey = '--crm-ui-kit-list-top' | '--crm-ui-kit-list-max-height' | '--crm-ui-kit-list-width' | '--crm-ui-kit-list-border-radius' | '--crm-ui-kit-list-border-color' | '--crm-ui-kit-list-background-color' | '--crm-ui-kit-list-left' | '--crm-ui-kit-list-padding-right' | '--crm-ui-kit-list-margin-right' | '--crm-ui-kit-list-border-width' | '--crm-ui-kit-list-outline' | '--crm-ui-kit-list-z-index' | '--crm-ui-kit-list-border-style' | '--crm-ui-kit-list-color';
+export type DropdownListThemeType = {
+    [K in DropdownListThemeKey]: string;
+};
+export declare const DropdownListTheme: DropdownListThemeType;
+export {};
+//# sourceMappingURL=DropdownList.theme.d.ts.map

package/dist/components/DropdownList/DropdownList.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.theme.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownList/DropdownList.theme.ts"],"names":[],"mappings":"AAAA,KAAK,oBAAoB,GACrB,uBAAuB,GACvB,8BAA8B,GAC9B,yBAAyB,GACzB,iCAAiC,GACjC,gCAAgC,GAChC,oCAAoC,GACpC,wBAAwB,GACxB,iCAAiC,GACjC,gCAAgC,GAChC,gCAAgC,GAChC,2BAA2B,GAC3B,2BAA2B,GAC3B,gCAAgC,GAChC,yBAAyB,CAAC;AAE9B,MAAM,MAAM,qBAAqB,GAAG;KACjC,CAAC,IAAI,oBAAoB,GAAG,MAAM;CACpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,qBAgB/B,CAAC"}

package/dist/components/{List/List.theme.js → DropdownList/DropdownList.theme.js}

@@ -15,5 +15,5 @@ const i = {
   "--crm-ui-kit-list-color": "var(--crm-ui-kit-palette-text-primary)"
 };
 export {
-  i as ListTheme
+  i as DropdownListTheme
 };

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

@@ -0,0 +1,4 @@
+export { DropdownList } from './DropdownList';
+export { type DropdownListProps } from './DropdownList.props';
+export { DropdownListTheme, type DropdownListThemeType, } from './DropdownList.theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DropdownList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,GAC3B,MAAM,sBAAsB,CAAC"}

package/dist/components/DropdownList/index.js

@@ -0,0 +1,6 @@
+import { DropdownList as e } from "./DropdownList.js";
+import { DropdownListTheme as t } from "./DropdownList.theme.js";
+export {
+  e as DropdownList,
+  t as DropdownListTheme
+};

package/dist/components/List/List.d.ts

@@ -1,4 +1,6 @@
 import { default as React } from 'react';
 import { ListProps } from './List.props';
-export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
+export declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLElement>> & {
+    Item: React.ForwardRefExoticComponent<Omit<import('./components/Item').ItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+};
 //# sourceMappingURL=List.d.ts.map

package/dist/components/List/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,eAAO,MAAM,IAAI,oFA+Cf,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAkCnD,eAAO,MAAM,IAAI;;CAAoC,CAAC"}

package/dist/components/List/List.js

@@ -1,55 +1,35 @@
-import { jsx as _ } from "react/jsx-runtime";
-import N, { forwardRef as g } from "react";
-import { c as u } from "../../index-L8X2o7IH.mjs";
-import { c as x } from "../../index-DBS3EIVR.mjs";
-import { useThemeClassName as C } from "../../hooks/useThemeClassName/useThemeClassName.js";
-import { CustomScrollClassName as y } from "../../stylesheets/utils/BaseClasses/BaseClasses.js";
-import { noop as o } from "../../utils/noop/noop.js";
-import '../../assets/List.css';const L = "_list_133sa_1", v = "_opened_133sa_11", n = {
-  list: L,
-  opened: v
-}, I = g((r, s) => {
-  const {
-    className: a = "",
-    theme: m,
-    children: t,
-    isOpened: e,
-    hoveredIndex: i = 0,
-    onSelect: l = o,
-    onToggle: c = o,
-    onHoveredIndexChange: d = o,
-    ...p
-  } = r, f = C(m), { onKeyDown: h } = x({
-    itemsLength: N.Children.toArray(t).length,
-    onSelect: l,
-    onToggle: c,
-    isOpened: e,
-    listRef: s,
-    hoveredIndex: i,
-    onHoveredIndexChange: d
-  });
-  return e && /* @__PURE__ */ _(
-    "ul",
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { c as i } from "../../index-L8X2o7IH.mjs";
+import { Item as b } from "./components/Item/Item.js";
+import '../../assets/List.css';const a = "_list_1394u_1", _ = "_bulleted_1394u_9", p = "_numbered_1394u_14", t = {
+  list: a,
+  bulleted: _,
+  numbered: p
+}, f = {
+  bulleted: "ul",
+  numbered: "ol"
+}, s = d((l, r) => {
+  const { type: e, className: o = "", children: m, ...n } = l, u = f[e];
+  return /* @__PURE__ */ c(
+    u,
     {
-      onKeyDown: h,
-      ref: s,
-      tabIndex: 0,
-      className: u(
-        y,
-        n.list,
-        f,
+      ref: r,
+      className: i(
+        t.list,
         {
-          [n.opened]: e
+          [t.bulleted]: e === "bulleted",
+          [t.numbered]: e === "numbered"
         },
-        a
+        o
       ),
-      role: "list",
-      ...p,
-      children: t
+      ...n,
+      children: m
     }
   );
 });
-I.displayName = "List";
+s.displayName = "List";
+const j = Object.assign(s, { Item: b });
 export {
-  I as List
+  j as List
 };

package/dist/components/List/List.props.d.ts

@@ -1,41 +1,19 @@
-import { HTMLAttributes } from 'react';
-import { ListThemeType } from './List.theme';
-export interface ListProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onSelect'> {
+import { default as React } from 'react';
+type ListAttributes = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+export type ListType = 'bulleted' | 'numbered';
+export interface ListProps extends Omit<ListAttributes, 'type'> {
     /**
-     * Object with CSS theme properties.
+     * The list type.
+     *
+     * - `bulleted` - unordered list, used when item order does not matter.
+     * - `numbered` - ordered list, used when item order is meaningful.
+     *
      */
-    theme: ListThemeType;
+    type: ListType;
     /**
-     * Child elements that will be displayed inside the component.
+     * Items content. Use `List.Item` or another nested `List`.
      */
-    children: React.ReactNode;
-    /**
-     * Custom CSS class for component.
-     */
-    className?: string;
-    /**
-     * Custom CSS class for a list item.
-     */
-    itemClassName?: string;
-    /**
-     * Flag indicates whether the component is in the open state.
-     */
-    isOpened?: boolean;
-    /**
-     * A callback that works on selecting a list item.
-     */
-    onSelect?: (index: number) => void;
-    /**
-     * A callback that works on opening/closing a component.
-     */
-    onToggle?: (toggle: boolean) => void;
-    /**
-     * A callback that works on changing the active element in the list.
-     */
-    onHoveredIndexChange?: (index: number) => void;
-    /**
-     * Index of the hovered element.
-     */
-    hoveredIndex?: number;
+    children?: React.ReactNode;
 }
+export {};
 //# sourceMappingURL=List.props.d.ts.map

package/dist/components/List/List.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.props.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC1D;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"List.props.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE/C,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAC7D;;;;;;OAMG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/components/List/components/Item/Item.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ItemProps } from './Item.props';
+export declare const Item: React.ForwardRefExoticComponent<Omit<ItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=Item.d.ts.map

package/dist/components/List/components/Item/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,eAAO,MAAM,IAAI,8FAQf,CAAC"}

package/dist/components/List/components/Item/Item.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { c } from "../../../../index-L8X2o7IH.mjs";
+import '../../../../assets/Item2.css';const a = "_item_h1do7_1", n = {
+  item: a
+}, f = "List.Item", l = i((t, m) => {
+  const { className: s = "", children: e, ...o } = t;
+  return /* @__PURE__ */ r("li", { ref: m, className: c(n.item, s), ...o, children: e });
+});
+l.displayName = f;
+export {
+  l as Item
+};

package/dist/components/List/components/Item/Item.props.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+type LiAttributes = React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
+export interface ItemProps extends LiAttributes {
+    /**
+     * Item content. Can be plain text or a nested `List`.
+     */
+    children?: React.ReactNode;
+}
+export {};
+//# sourceMappingURL=Item.props.d.ts.map

package/dist/components/List/components/Item/Item.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/Item/Item.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CACzC,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EACrC,aAAa,CACd,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/components/List/components/Item/Item.props.js

@@ -0,0 +1 @@
+

package/dist/components/List/components/Item/index.d.ts

@@ -0,0 +1,3 @@
+export { Item } from './Item';
+export { type ItemProps } from './Item.props';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/List/components/Item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/Item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/List/components/Item/index.js

@@ -0,0 +1,4 @@
+import { Item as o } from "./Item.js";
+export {
+  o as Item
+};

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

@@ -1,4 +1,4 @@
 export { List } from './List';
-export { type ListProps } from './List.props';
-export { ListTheme, type ListThemeType } from './List.theme';
+export { type ListProps, type ListType } from './List.props';
+export { type ItemProps } from './components/Item';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/List/index.js

@@ -1,6 +1,4 @@
-import { List as r } from "./List.js";
-import { ListTheme as m } from "./List.theme.js";
+import { List as t } from "./List.js";
 export {
-  r as List,
-  m as ListTheme
+  t as List
 };

package/dist/components/Select/components/List/List.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { ListPortalProps } from './List.props';
-export declare const List: React.ForwardRefExoticComponent<import('../../../List').ListProps & ListPortalProps & React.RefAttributes<HTMLUListElement>>;
+export declare const List: React.ForwardRefExoticComponent<import('../../../DropdownList').DropdownListProps & ListPortalProps & React.RefAttributes<HTMLUListElement>>;
 //# sourceMappingURL=List.d.ts.map

package/dist/components/Select/components/List/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAgBf,OAAO,EAAE,eAAe,EAAa,MAAM,cAAc,CAAC;AAgB1D,eAAO,MAAM,IAAI,oIAsFf,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAgBf,OAAO,EAAE,eAAe,EAAa,MAAM,cAAc,CAAC;AAgB1D,eAAO,MAAM,IAAI,oJAsFf,CAAC"}

package/dist/components/Select/components/List/List.js

@@ -2,22 +2,22 @@ import { jsx as c } from "react/jsx-runtime";
 import u, { forwardRef as k, useMemo as A, useRef as E, useCallback as m, useEffect as H } from "react";
 import { u as N } from "../../../../index-DBS3EIVR.mjs";
 import { Portal as P } from "../../../Portal/Portal.js";
-import { List as _ } from "../../../List/List.js";
-import { mergeRefs as y } from "../../../../lib/utils.js";
-import { noop as T } from "../../../../utils/noop/noop.js";
-import { useSelectContext as b } from "../../Select.context.js";
-const h = "Select.List", j = (r) => {
-  const { container: n, children: o } = r;
-  return n ? /* @__PURE__ */ c(P, { container: n, children: o }) : o;
-}, w = k((r, n) => {
-  const { container: o, children: s, theme: C, className: g } = r, {
+import { DropdownList as _ } from "../../../DropdownList/DropdownList.js";
+import { mergeRefs as w } from "../../../../lib/utils.js";
+import { noop as y } from "../../../../utils/noop/noop.js";
+import { useSelectContext as D } from "../../Select.context.js";
+const h = "Select.List", T = (r) => {
+  const { container: o, children: n } = r;
+  return o ? /* @__PURE__ */ c(P, { container: o, children: n }) : n;
+}, b = k((r, o) => {
+  const { container: n, children: s, theme: C, className: g } = r, {
     isOpened: t,
     onOpen: i,
     onHoveredIndexChange: v,
-    onChange: d = T,
+    onChange: d = y,
     hoveredIndex: x,
     value: f
-  } = b(h), { items: p, itemsMap: I } = A(() => {
+  } = D(h), { items: p, itemsMap: I } = A(() => {
     const e = {};
     return { items: u.Children.toArray(s).map(
       (l, M) => u.isValidElement(l) ? (e[l.props.item.value] = M, { ...l.props.item }) : {}
@@ -45,11 +45,11 @@ const h = "Select.List", j = (r) => {
   return H(() => {
     var e;
     t && ((e = a.current) == null || e.focus());
-  }, [t]), /* @__PURE__ */ c(j, { container: o, children: /* @__PURE__ */ c(
+  }, [t]), /* @__PURE__ */ c(T, { container: n, children: /* @__PURE__ */ c(
     _,
     {
       className: g,
-      ref: y(a, n),
+      ref: w(a, o),
       isOpened: t,
       theme: C,
       onHoveredIndexChange: O,
@@ -60,7 +60,7 @@ const h = "Select.List", j = (r) => {
     }
   ) });
 });
-w.displayName = h;
+b.displayName = h;
 export {
-  w as List
+  b as List
 };

package/dist/components/Select/components/List/List.props.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ListProps as BaseListProps } from '../../../List';
+import { DropdownListProps as BaseListProps } from '../../../DropdownList';
 export type ListPortalProps = {
     /**
      * Select List.

package/dist/components/Select/components/List/List.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/List/List.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,eAAe,CAAC"}
+{"version":3,"file":"List.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/components/List/List.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,iBAAiB,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAEjF,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,QAAQ,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAAI,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,eAAe,CAAC"}

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

@@ -1,10 +1,10 @@
 export { Select } from './Select';
 export { type SelectProps } from './Select.props';
-export { type SelectItem } from './Select.types';
+export { type SelectItem, type StringSelectItem, type ReactElementSelectItem, } from './Select.types';
 export { SelectRootTheme, type SelectRootThemeType } from './Select.theme';
 export { SelectItemTheme, type SelectItemThemeType } from './components/Item';
 export { SelectArrowTheme, type SelectArrowThemeType, } from './components/Arrow';
 export { SelectIconTheme, type SelectIconThemeType } from './components/Icon';
-export { ListTheme as SelectListTheme, type ListThemeType as SelectListThemeType, } from '../List';
+export { DropdownListTheme as SelectListTheme, type DropdownListThemeType as SelectListThemeType, } from '../DropdownList';
 export { SelectButtonLightTheme, SelectButtonDarkTheme, type SelectButtonThemeType, } from '../SelectButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE3E,OAAO,EAAE,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EACL,gBAAgB,EAChB,KAAK,oBAAoB,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE9E,OAAO,EACL,SAAS,IAAI,eAAe,EAC5B,KAAK,aAAa,IAAI,mBAAmB,GAC1C,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,KAAK,qBAAqB,GAC3B,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,GAC5B,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE3E,OAAO,EAAE,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EACL,gBAAgB,EAChB,KAAK,oBAAoB,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE9E,OAAO,EACL,iBAAiB,IAAI,eAAe,EACpC,KAAK,qBAAqB,IAAI,mBAAmB,GAClD,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,KAAK,qBAAqB,GAC3B,MAAM,iBAAiB,CAAC"}

package/dist/components/Select/index.js

@@ -4,8 +4,8 @@ import "./components/Item/Item.js";
 import { SelectItemTheme as S } from "./components/Item/Item.theme.js";
 import { SelectArrowTheme as f } from "./components/Arrow/Arrow.theme.js";
 import { SelectIconTheme as i } from "./components/Icon/Icon.theme.js";
-import "../List/List.js";
-import { ListTheme as s } from "../List/List.theme.js";
+import "../DropdownList/DropdownList.js";
+import { DropdownListTheme as s } from "../DropdownList/DropdownList.theme.js";
 import "../SelectButton/SelectButton.js";
 import { SelectButtonDarkTheme as a, SelectButtonLightTheme as u } from "../SelectButton/SelectButton.theme.js";
 export {

package/dist/components/Text/Text.d.ts

@@ -1,4 +1,4 @@
 import { default as React } from 'react';
 import { TextProps } from './Text.props';
-export declare const Text: React.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Text: React.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=Text.d.ts.map

package/dist/components/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAc9C,eAAO,MAAM,IAAI,gGA2Cf,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAc9C,eAAO,MAAM,IAAI,4FA4Cf,CAAC"}

package/dist/components/Text/Text.js

@@ -1,59 +1,60 @@
-import { jsx as x } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { c as h } from "../../index-L8X2o7IH.mjs";
-import { useThemeClassName as g } from "../../hooks/useThemeClassName/useThemeClassName.js";
-import '../../assets/Text.css';const w = "_text_1thgf_1", d = "_ellipsis_1thgf_7", N = "_line_clamp_1thgf_13", C = "_s_1thgf_23", y = "_m_1thgf_28", T = "_ms_1thgf_33", k = "_l_1thgf_13", u = "_xl_1thgf_43", s = {
-  text: w,
-  ellipsis: d,
-  line_clamp: N,
-  s: C,
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { c as g } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as w } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import '../../assets/Text.css';const d = "_text_1thgf_1", N = "_ellipsis_1thgf_7", C = "_line_clamp_1thgf_13", T = "_s_1thgf_23", y = "_m_1thgf_28", k = "_ms_1thgf_33", u = "_l_1thgf_13", z = "_xl_1thgf_43", s = {
+  text: d,
+  ellipsis: N,
+  line_clamp: C,
+  s: T,
   m: y,
-  ms: T,
-  l: k,
-  xl: u
-}, z = {
+  ms: k,
+  l: u,
+  xl: z
+}, E = {
   s: s.s,
   m: s.m,
   ms: s.ms,
   l: s.l,
   xl: s.xl
-}, E = f((m, c) => {
+}, L = h((m, c) => {
   const {
+    as: a = "span",
     children: n,
     className: o = "",
     isEllipsis: i = !1,
     maxRows: e = 1,
     theme: _,
-    style: a = {},
+    style: r = {},
     size: t,
-    ...r
-  } = m, p = g(_), l = e > 1;
+    ...p
+  } = m, x = w(_), l = e > 1;
   switch (t) {
     case "s":
     case "m":
     case "ms":
     case "l":
     case "xl":
-      return /* @__PURE__ */ x(
-        "span",
+      return /* @__PURE__ */ f(
+        a,
         {
           ref: c,
           style: {
             ...l && { WebkitLineClamp: e },
-            ...a
+            ...r
           },
-          className: h(s.text, z[t], p, o, {
+          className: g(s.text, E[t], x, o, {
             [s.ellipsis]: i,
             [s.line_clamp]: l
           }),
-          ...r,
+          ...p,
           children: n
         }
       );
   }
   throw new Error("Unknown size was presented");
 });
-E.displayName = "Text";
+L.displayName = "Text";
 export {
-  E as Text
+  L as Text
 };

package/dist/components/Text/Text.props.d.ts

@@ -3,6 +3,7 @@ import { TextTheme } from './Text.themes';
 type SpanAttributes = React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
 export type TextSizes = 's' | 'm' | 'ms' | 'l' | 'xl';
 export interface TextProps extends SpanAttributes {
+    as?: React.ElementType;
     /**
      * Text size.
      *

package/dist/components/Text/Text.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.props.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,KAAK,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAC3C,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACrC,eAAe,CAChB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC;AAEtD,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C;;;;;;;;OAQG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;CAClB"}
+{"version":3,"file":"Text.props.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,KAAK,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAC3C,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACrC,eAAe,CAChB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC;AAEtD,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB;;;;;;;;OAQG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;CAClB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kommo-crm/crm-react-ui-kit",
   "description": "Ready-to-use React components which implements Kommo design",
-  "version": "1.14.2",
+  "version": "1.15.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {
@@ -15,6 +15,7 @@
     "./Switcher": "./dist/components/Switcher/index.js",
     "./Spinner": "./dist/components/Spinner/index.js",
     "./Link": "./dist/components/Link/index.js",
+    "./List": "./dist/components/List/index.js",
     "./TextArea": "./dist/components/TextArea/index.js",
     "./Text": "./dist/components/Text/index.js",
     "./Input": "./dist/components/Input/index.js",
@@ -52,6 +53,7 @@
     "./assets/FilterTabs.css": "./dist/assets/FilterTabs.css",
     "./assets/Button.css": "./dist/assets/Button.css",
     "./assets/CounterBadge.css": "./dist/assets/CounterBadge.css",
+    "./assets/List.css": "./dist/assets/List.css",
     "./assets/Badge.css": "./dist/assets/Badge.css",
     "./assets/Separator.css": "./dist/assets/Separator.css",
     "./assets/theme.css": "./dist/assets/theme.css",
@@ -68,6 +70,9 @@
       "Link": [
         "./dist/components/Link/index.d.ts"
       ],
+      "List": [
+        "./dist/components/List/index.d.ts"
+      ],
       "TextArea": [
         "./dist/components/TextArea/index.d.ts"
       ],
@@ -238,4 +243,4 @@
     "react-dom": "^18.0"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}

package/dist/components/List/List.theme.d.ts

@@ -1,7 +0,0 @@
-type ListThemeKey = '--crm-ui-kit-list-top' | '--crm-ui-kit-list-max-height' | '--crm-ui-kit-list-width' | '--crm-ui-kit-list-border-radius' | '--crm-ui-kit-list-border-color' | '--crm-ui-kit-list-background-color' | '--crm-ui-kit-list-left' | '--crm-ui-kit-list-padding-right' | '--crm-ui-kit-list-margin-right' | '--crm-ui-kit-list-border-width' | '--crm-ui-kit-list-outline' | '--crm-ui-kit-list-z-index' | '--crm-ui-kit-list-border-style' | '--crm-ui-kit-list-color';
-export type ListThemeType = {
-    [K in ListThemeKey]: string;
-};
-export declare const ListTheme: ListThemeType;
-export {};
-//# sourceMappingURL=List.theme.d.ts.map

package/dist/components/List/List.theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.theme.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.theme.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GACb,uBAAuB,GACvB,8BAA8B,GAC9B,yBAAyB,GACzB,iCAAiC,GACjC,gCAAgC,GAChC,oCAAoC,GACpC,wBAAwB,GACxB,iCAAiC,GACjC,gCAAgC,GAChC,gCAAgC,GAChC,2BAA2B,GAC3B,2BAA2B,GAC3B,gCAAgC,GAChC,yBAAyB,CAAC;AAE9B,MAAM,MAAM,aAAa,GAAG;KACzB,CAAC,IAAI,YAAY,GAAG,MAAM;CAC5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,aAgBvB,CAAC"}