@kommo-crm/crm-react-ui-kit 1.1.1-beta.1 → 1.1.1-beta.3

package/dist/components/Input/Input.themes.js

@@ -1,61 +1,58 @@
-import "../Text/Text.js";
-import { TextPrimaryTheme as i } from "../Text/Text.themes.js";
-const r = {
-  "--crm-ui-kit-input-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
-  "--crm-ui-kit-input-color": "var(--crm-ui-kit-palette-text-primary)",
-  "--crm-ui-kit-input-error-color": "var(--crm-ui-kit-palette-text-primary)",
-  "--crm-ui-kit-input-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
-  "--crm-ui-kit-input-error-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
-  "--crm-ui-kit-input-error-description-color": "var(--crm-ui-kit-color-error)",
-  "--crm-ui-kit-input-background-color": "var(--crm-ui-kit-palette-background-primary)",
-  "--crm-ui-kit-input-font-size": "var(--crm-ui-kit-base-font-size)",
-  "--crm-ui-kit-input-border-width": "1px",
-  "--crm-ui-kit-input-line-height": "19.42px",
-  "--crm-ui-kit-input-disabled-opacity": "0.6",
-  "--crm-ui-kit-input-disabled-background-color": "transparent",
-  "--crm-ui-kit-input-error-placement-right-width": "250px",
-  "--crm-ui-kit-input-after-min-width": "36px",
-  "--crm-ui-kit-input-error-description-offset-placement-bottom": "5px",
-  "--crm-ui-kit-input-error-description-offset-placement-right": "10px",
-  "--crm-ui-kit-input-border-radius": "3px",
-  "--crm-ui-kit-input-padding-right": "9px",
-  "--crm-ui-kit-input-padding-left": "9px",
-  "--crm-ui-kit-input-height": "34px",
-  "--crm-ui-kit-input-width": "100%"
-}, o = {
-  ...r,
-  "--crm-ui-kit-input-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
-  "--crm-ui-kit-input-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
-  "--crm-ui-kit-input-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
-  "--crm-ui-kit-input-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
-  "--crm-ui-kit-input-error-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
-  "--crm-ui-kit-input-error-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
-  "--crm-ui-kit-input-error-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
-  "--crm-ui-kit-input-error-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
-  "--crm-ui-kit-input-disabled-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
-  "--crm-ui-kit-input-disabled-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
-  "--crm-ui-kit-input-disabled-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
-  "--crm-ui-kit-input-disabled-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)"
-}, u = {
-  ...r,
-  "--crm-ui-kit-input-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
-  "--crm-ui-kit-input-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
-  "--crm-ui-kit-input-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
-  "--crm-ui-kit-input-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
-  "--crm-ui-kit-input-error-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
-  "--crm-ui-kit-input-error-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
-  "--crm-ui-kit-input-error-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
-  "--crm-ui-kit-input-error-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
-  "--crm-ui-kit-input-disabled-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
-  "--crm-ui-kit-input-disabled-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
-  "--crm-ui-kit-input-disabled-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
-  "--crm-ui-kit-input-disabled-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)"
-}, d = {
-  ...i,
-  "--crm-ui-kit-text-color": "var(--crm-ui-kit-input-error-description-color)"
+import { TextPrimaryTheme } from 'src/components/Text';
+const InputBaseValues = {
+    '--crm-ui-kit-input-disabled-color': 'var(--crm-ui-kit-palette-text-primary)',
+    '--crm-ui-kit-input-color': 'var(--crm-ui-kit-palette-text-primary)',
+    '--crm-ui-kit-input-error-color': 'var(--crm-ui-kit-palette-text-primary)',
+    '--crm-ui-kit-input-placeholder-color': 'var(--crm-ui-kit-palette-placeholder-primary)',
+    '--crm-ui-kit-input-error-placeholder-color': 'var(--crm-ui-kit-palette-placeholder-primary)',
+    '--crm-ui-kit-input-error-description-color': 'var(--crm-ui-kit-color-error)',
+    '--crm-ui-kit-input-background-color': 'var(--crm-ui-kit-palette-background-primary)',
+    '--crm-ui-kit-input-font-size': 'var(--crm-ui-kit-base-font-size)',
+    '--crm-ui-kit-input-border-width': '1px',
+    '--crm-ui-kit-input-line-height': '19.42px',
+    '--crm-ui-kit-input-disabled-opacity': '0.6',
+    '--crm-ui-kit-input-disabled-background-color': 'transparent',
+    '--crm-ui-kit-input-error-placement-right-width': '250px',
+    '--crm-ui-kit-input-after-min-width': '36px',
+    '--crm-ui-kit-input-error-description-offset-placement-bottom': '5px',
+    '--crm-ui-kit-input-error-description-offset-placement-right': '10px',
+    '--crm-ui-kit-input-border-radius': '3px',
+    '--crm-ui-kit-input-padding-right': '9px',
+    '--crm-ui-kit-input-padding-left': '9px',
+    '--crm-ui-kit-input-height': '34px',
+    '--crm-ui-kit-input-width': '100%',
 };
-export {
-  u as InputDarkTheme,
-  d as InputInvalidTextTheme,
-  o as InputLightTheme
+export const InputLightTheme = {
+    ...InputBaseValues,
+    '--crm-ui-kit-input-border-top': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)',
+    '--crm-ui-kit-input-border-bottom': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)',
+    '--crm-ui-kit-input-border-left': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)',
+    '--crm-ui-kit-input-border-right': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)',
+    '--crm-ui-kit-input-error-border-top': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)',
+    '--crm-ui-kit-input-error-border-bottom': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)',
+    '--crm-ui-kit-input-error-border-left': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)',
+    '--crm-ui-kit-input-error-border-right': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)',
+    '--crm-ui-kit-input-disabled-border-top': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+    '--crm-ui-kit-input-disabled-border-bottom': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+    '--crm-ui-kit-input-disabled-border-left': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+    '--crm-ui-kit-input-disabled-border-right': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+};
+export const InputDarkTheme = {
+    ...InputBaseValues,
+    '--crm-ui-kit-input-border-top': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+    '--crm-ui-kit-input-border-bottom': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+    '--crm-ui-kit-input-border-left': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+    '--crm-ui-kit-input-border-right': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+    '--crm-ui-kit-input-error-border-top': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)',
+    '--crm-ui-kit-input-error-border-bottom': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)',
+    '--crm-ui-kit-input-error-border-left': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)',
+    '--crm-ui-kit-input-error-border-right': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)',
+    '--crm-ui-kit-input-disabled-border-top': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+    '--crm-ui-kit-input-disabled-border-bottom': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+    '--crm-ui-kit-input-disabled-border-left': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+    '--crm-ui-kit-input-disabled-border-right': 'var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)',
+};
+export const InputInvalidTextTheme = {
+    ...TextPrimaryTheme,
+    '--crm-ui-kit-text-color': 'var(--crm-ui-kit-input-error-description-color)',
 };

package/dist/components/Input/index.js

@@ -1,7 +1,2 @@
-import { Input as p } from "./Input.js";
-import { InputDarkTheme as m, InputLightTheme as o } from "./Input.themes.js";
-export {
-  p as Input,
-  m as InputDarkTheme,
-  o as InputLightTheme
-};
+export { Input } from './Input';
+export { InputLightTheme, InputDarkTheme, } from './Input.themes';

package/dist/components/Label/Label.d.ts

@@ -1,3 +1,3 @@
-import { LabelGroupType } from './Label.props';
+import { type LabelGroupType } from './Label.props';
 export declare const Label: LabelGroupType;
 //# sourceMappingURL=Label.d.ts.map

package/dist/components/Label/Label.js

@@ -1,62 +1,32 @@
-import { jsxs as _, jsx as i } from "react/jsx-runtime";
-import g, { forwardRef as d } from "react";
-import { c as p } from "../../index-L8X2o7IH.mjs";
-import { useThemeClassName as m } from "../../hooks/useThemeClassName/useThemeClassName.js";
-import { isValidRenderValue as r } from "../../lib/utils.js";
-import '../../assets/Label.css';const v = "_wrapper_77ijt_1", w = "_top_77ijt_10", C = "_text_container_77ijt_10", b = "_centered_77ijt_14", G = "_left_77ijt_18", R = "_right_77ijt_19", y = "_text_description_77ijt_43", e = {
-  wrapper: v,
-  top: w,
-  text_container: C,
-  centered: b,
-  left: G,
-  right: R,
-  text_description: y
-}, L = {
-  top: e.top,
-  left: e.left,
-  right: e.right
-}, h = d((n, s) => {
-  const {
-    className: o = "",
-    children: c,
-    text: t,
-    theme: a,
-    description: l,
-    textPlacement: f = "top",
-    isCentered: u = !1,
-    ...N
-  } = n, j = m(a);
-  return /* @__PURE__ */ _(
-    "label",
-    {
-      ref: s,
-      className: p(
-        L[f],
-        j,
-        o,
-        {
-          [e.centered]: u
-        }
-      ),
-      ...N,
-      children: [
-        !!(r(t) || r(l)) && /* @__PURE__ */ _("div", { className: p(e.text_container), children: [
-          r(t) && t,
-          r(l) && /* @__PURE__ */ i("div", { className: e.text_description, children: l }),
-          /* @__PURE__ */ i("div", { children: !0 })
-        ] }),
-        c
-      ]
-    }
-  );
+import React, { forwardRef } from 'react';
+import cx from 'classnames';
+import { useThemeClassName } from 'src/hooks/useThemeClassName';
+import { isValidRenderValue } from 'src/lib/utils';
+import s from './Label.module.css';
+const textPlacementMap = {
+    top: s.top,
+    left: s.left,
+    right: s.right,
+};
+export const Label = forwardRef((props, ref) => {
+    const { className = '', children, text, theme, description, textPlacement = 'top', isCentered = false, ...rest } = props;
+    const themeClassName = useThemeClassName(theme);
+    return (React.createElement("label", { ref: ref, className: cx(textPlacementMap[textPlacement], themeClassName, className, {
+            [s.centered]: isCentered,
+        }), ...rest },
+        Boolean(isValidRenderValue(text) || isValidRenderValue(description)) && (React.createElement("div", { className: cx(s.text_container) },
+            isValidRenderValue(text) && text,
+            isValidRenderValue(description) && (React.createElement("div", { className: s.text_description }, description)),
+            React.createElement("div", null, true))),
+        children));
 });
-h.displayName = "Label";
-const x = d((n, s) => {
-  const { children: o, theme: c } = n, t = m(c);
-  return /* @__PURE__ */ i("div", { ref: s, children: g.Children.map(o, (a) => /* @__PURE__ */ i("div", { className: p(e.wrapper, t), children: a })) });
+Label.displayName = 'Label';
+const Group = forwardRef((props, ref) => {
+    const { children, theme } = props;
+    const themeClassName = useThemeClassName(theme);
+    return (React.createElement("div", { ref: ref }, React.Children.map(children, (child) => {
+        return React.createElement("div", { className: cx(s.wrapper, themeClassName) }, child);
+    })));
 });
-x.displayName = "Group";
-h.Group = x;
-export {
-  h as Label
-};
+Group.displayName = 'Group';
+Label.Group = Group;

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 import { LabelGroupThemeType, LabelThemeType } from './Label.theme';
 export type LabelPlacementType = 'left' | 'right' | 'top';
 type Label = React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;

package/dist/components/Label/Label.props.js

@@ -1 +1 @@
-
+export {};

package/dist/components/Label/Label.theme.js

@@ -1,11 +1,8 @@
-const i = {
-  "--crm-ui-kit-label-group-margin-bottom": "16px"
-}, t = {
-  "--crm-ui-kit-label-spacing": "4px",
-  "--crm-ui-kit-label-description-spacing": "4px",
-  "--crm-ui-kit-label-text-width": "auto"
+export const LabelGroupTheme = {
+    '--crm-ui-kit-label-group-margin-bottom': '16px',
 };
-export {
-  i as LabelGroupTheme,
-  t as LabelTheme
+export const LabelTheme = {
+    '--crm-ui-kit-label-spacing': '4px',
+    '--crm-ui-kit-label-description-spacing': '4px',
+    '--crm-ui-kit-label-text-width': 'auto',
 };

package/dist/components/Label/index.js

@@ -1,7 +1,2 @@
-import { Label as r } from "./Label.js";
-import { LabelGroupTheme as a, LabelTheme as b } from "./Label.theme.js";
-export {
-  r as Label,
-  a as LabelGroupTheme,
-  b as LabelTheme
-};
+export { Label } from './Label';
+export { LabelTheme, LabelGroupTheme, } from './Label.theme';

package/dist/components/Link/Link.d.ts

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

package/dist/components/Link/Link.js

@@ -1,14 +1,10 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { c as l } from "../../index-L8X2o7IH.mjs";
-import { useThemeClassName as c } from "../../hooks/useThemeClassName/useThemeClassName.js";
-import '../../assets/Link.css';const f = "_link_knf7l_1", k = {
-  link: f
-}, p = i((s, e) => {
-  const { className: m = "", theme: o, children: r, ...n } = s, t = c(o);
-  return /* @__PURE__ */ a("a", { ref: e, className: l(k.link, t, m), ...n, children: r });
+import React, { forwardRef } from 'react';
+import cx from 'classnames';
+import { useThemeClassName } from 'src/hooks/useThemeClassName';
+import s from './Link.module.css';
+export const Link = forwardRef((props, ref) => {
+    const { className = '', theme, children, ...rest } = props;
+    const themeClassName = useThemeClassName(theme);
+    return (React.createElement("a", { ref: ref, className: cx(s.link, themeClassName, className), ...rest }, children));
 });
-p.displayName = "Link";
-export {
-  p as Link
-};
+Link.displayName = 'Link';

package/dist/components/Link/Link.props.js

@@ -1 +1 @@
-
+export {};

package/dist/components/Link/Link.themes.js

@@ -1,13 +1,10 @@
-const i = {
-  "--crm-ui-kit-link-color": "var(--crm-ui-kit-palette-link-primary)",
-  "--crm-ui-kit-link-hover-color": "var(--crm-ui-kit-palette-link-hover-primary)",
-  "--crm-ui-kit-link-text-decoration": "underline",
-  "--crm-ui-kit-link-focus-visible-outline-color": "var(--crm-ui-kit-palette-focus-visible-color)",
-  "--crm-ui-kit-link-focus-visible-outline-width": "var(--crm-ui-kit-palette-focus-visible-outline-width)",
-  "--crm-ui-kit-link-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
-  "--crm-ui-kit-link-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
-  "--crm-ui-kit-link-focus-visible-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)"
-};
-export {
-  i as LinkPrimaryTheme
+export const LinkPrimaryTheme = {
+    '--crm-ui-kit-link-color': 'var(--crm-ui-kit-palette-link-primary)',
+    '--crm-ui-kit-link-hover-color': 'var(--crm-ui-kit-palette-link-hover-primary)',
+    '--crm-ui-kit-link-text-decoration': 'underline',
+    '--crm-ui-kit-link-focus-visible-outline-color': 'var(--crm-ui-kit-palette-focus-visible-color)',
+    '--crm-ui-kit-link-focus-visible-outline-width': 'var(--crm-ui-kit-palette-focus-visible-outline-width)',
+    '--crm-ui-kit-link-focus-visible-outline-style': 'var(--crm-ui-kit-palette-focus-visible-outline-style)',
+    '--crm-ui-kit-link-focus-visible-outline-offset': 'var(--crm-ui-kit-palette-focus-visible-outline-offset)',
+    '--crm-ui-kit-link-focus-visible-border-radius': 'var(--crm-ui-kit-palette-focus-visible-border-radius)',
 };

package/dist/components/Link/index.js

@@ -1,6 +1,2 @@
-import { Link as m } from "./Link.js";
-import { LinkPrimaryTheme as i } from "./Link.themes.js";
-export {
-  m as Link,
-  i as LinkPrimaryTheme
-};
+export { Link } from './Link';
+export { LinkPrimaryTheme } from './Link.themes';

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

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

package/dist/components/List/List.js

@@ -1,10 +1,24 @@
-import "react/jsx-runtime";
-import "react";
-import "../../index-L8X2o7IH.mjs";
-import { L as a } from "../../List-AX0nB9Ji.mjs";
-import "../../hooks/useThemeClassName/useThemeClassName.js";
-import "../../stylesheets/utils/BaseClasses/BaseClasses.js";
-import "../../utils/noop/noop.js";
-export {
-  a as List
-};
+import React, { forwardRef } from 'react';
+import cx from 'classnames';
+import { useKeyboardListNavigation } from '@kommo-crm/react-hooks';
+import { useThemeClassName } from 'src/hooks/useThemeClassName';
+import { CustomScrollClassName } from 'src/stylesheets/utils/BaseClasses';
+import { noop } from 'src/utils';
+import s from './List.module.css';
+export const List = forwardRef((props, ref) => {
+    const { className = '', theme, children, isOpened, hoveredIndex = 0, onSelect = noop, onToggle = noop, onHoveredIndexChange = noop, ...rest } = props;
+    const themeClassName = useThemeClassName(theme);
+    const { onKeyDown } = useKeyboardListNavigation({
+        itemsLength: React.Children.toArray(children).length,
+        onSelect,
+        onToggle,
+        isOpened,
+        listRef: ref,
+        hoveredIndex,
+        onHoveredIndexChange,
+    });
+    return (isOpened && (React.createElement("ul", { onKeyDown: onKeyDown, ref: ref, tabIndex: 0, className: cx(CustomScrollClassName, s.list, themeClassName, {
+            [s.opened]: isOpened,
+        }, className), role: "list", ...rest }, children)));
+});
+List.displayName = 'List';

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

@@ -1 +1 @@
-
+export {};

package/dist/components/List/List.theme.js

@@ -1,19 +1,16 @@
-const i = {
-  "--crm-ui-kit-list-top": "0px",
-  "--crm-ui-kit-list-max-height": "211px",
-  "--crm-ui-kit-list-z-index": "30",
-  "--crm-ui-kit-list-border-style": "solid",
-  "--crm-ui-kit-list-left": "-13px",
-  "--crm-ui-kit-list-width": "100%",
-  "--crm-ui-kit-list-padding-right": "11px",
-  "--crm-ui-kit-list-margin-right": "-13px",
-  "--crm-ui-kit-list-background-color": "var(--crm-ui-kit-palette-background-primary)",
-  "--crm-ui-kit-list-border-width": "1px",
-  "--crm-ui-kit-list-border-color": "var(--crm-ui-kit-palette-border-primary)",
-  "--crm-ui-kit-list-border-radius": "3px",
-  "--crm-ui-kit-list-outline": "none",
-  "--crm-ui-kit-list-color": "var(--crm-ui-kit-palette-text-primary)"
-};
-export {
-  i as ListTheme
+export const ListTheme = {
+    '--crm-ui-kit-list-top': '0px',
+    '--crm-ui-kit-list-max-height': '211px',
+    '--crm-ui-kit-list-z-index': '30',
+    '--crm-ui-kit-list-border-style': 'solid',
+    '--crm-ui-kit-list-left': '-13px',
+    '--crm-ui-kit-list-width': '100%',
+    '--crm-ui-kit-list-padding-right': '11px',
+    '--crm-ui-kit-list-margin-right': '-13px',
+    '--crm-ui-kit-list-background-color': 'var(--crm-ui-kit-palette-background-primary)',
+    '--crm-ui-kit-list-border-width': '1px',
+    '--crm-ui-kit-list-border-color': 'var(--crm-ui-kit-palette-border-primary)',
+    '--crm-ui-kit-list-border-radius': '3px',
+    '--crm-ui-kit-list-outline': 'none',
+    '--crm-ui-kit-list-color': 'var(--crm-ui-kit-palette-text-primary)',
 };

package/dist/components/List/index.js

@@ -1,6 +1,2 @@
-import { L as r } from "../../List-AX0nB9Ji.mjs";
-import { ListTheme as m } from "./List.theme.js";
-export {
-  r as List,
-  m as ListTheme
-};
+export { List } from './List';
+export { ListTheme } from './List.theme';

package/dist/components/Portal/Portal.d.ts

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

package/dist/components/Portal/Portal.js

@@ -1,11 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { createPortal as l } from "react-dom";
-const n = m((r, t) => {
-  const { container: o = document.body, ...a } = r;
-  return o ? l(/* @__PURE__ */ e("div", { ...a, ref: t }), o) : null;
+import React, { forwardRef } from 'react';
+import { createPortal } from 'react-dom';
+export const Portal = forwardRef((props, ref) => {
+    const { container = document.body, ...portalProps } = props;
+    return container
+        ? createPortal(React.createElement("div", { ...portalProps, ref: ref }), container)
+        : null;
 });
-n.displayName = "Portal";
-export {
-  n as Portal
-};
+Portal.displayName = 'Portal';

package/dist/components/Portal/Portal.props.js

@@ -1 +1 @@
-
+export {};

package/dist/components/Portal/index.js

@@ -1,4 +1 @@
-import { Portal as t } from "./Portal.js";
-export {
-  t as Portal
-};
+export { Portal } from './Portal';

package/dist/components/RadioGroup/RadioGroup.context.d.ts

@@ -1,5 +1,5 @@
-import { RadioContextProps } from './RadioGroup.props';
+import { type RadioContextProps } from './RadioGroup.props';
 declare const DISPLAY_NAME = "RadioGroup";
-declare const RadioGroupProvider: import('../../lib/react/createComponentContext').ContextProps<RadioContextProps>, useRadioGroupContext: (consumerName: string) => RadioContextProps;
+declare const RadioGroupProvider: import("../../lib/react/createComponentContext").ContextProps<RadioContextProps>, useRadioGroupContext: (consumerName: string) => RadioContextProps;
 export { RadioGroupProvider, useRadioGroupContext, DISPLAY_NAME };
 //# sourceMappingURL=RadioGroup.context.d.ts.map

package/dist/components/RadioGroup/RadioGroup.context.js

@@ -1,7 +1,4 @@
-import { createComponentContext as o } from "../../lib/react/createComponentContext/createComponentContext.js";
-const t = "RadioGroup", [e, n] = o(t);
-export {
-  t as DISPLAY_NAME,
-  e as RadioGroupProvider,
-  n as useRadioGroupContext
-};
+import { createComponentContext } from 'src/lib/react';
+const DISPLAY_NAME = 'RadioGroup';
+const [RadioGroupProvider, useRadioGroupContext] = createComponentContext(DISPLAY_NAME);
+export { RadioGroupProvider, useRadioGroupContext, DISPLAY_NAME };

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,3 +1,3 @@
-import { RadioGroupType } from './RadioGroup.props';
+import { type RadioGroupType } from './RadioGroup.props';
 export declare const RadioGroup: RadioGroupType;
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,56 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as _ } from "react";
-import { c as N } from "../../index-L8X2o7IH.mjs";
-import { useThemeClassName as v } from "../../hooks/useThemeClassName/useThemeClassName.js";
-import { Label as z } from "../Label/Label.js";
-import { RadioGroupProvider as C, DISPLAY_NAME as b } from "./RadioGroup.context.js";
-import { ItemRoot as x } from "./components/ItemRoot/ItemRoot.js";
-import { Radio as I } from "./components/Radio/Radio.js";
-import '../../assets/RadioGroup.css';const L = "_radiogroup_1ofha_1", A = "_horizontal_1ofha_11", a = {
-  radiogroup: L,
-  horizontal: A
-}, o = _((e, t) => {
-  const {
-    className: i,
-    onChange: m,
-    value: n,
-    name: s,
-    defaultValue: l,
-    isDisabled: d = !1,
-    orientation: p = "vertical",
-    theme: h,
-    children: c,
-    ...f
-  } = e, u = (R) => {
-    m(R.target.value);
-  }, g = v(h);
-  return /* @__PURE__ */ r(
-    C,
-    {
-      name: s,
-      value: n,
-      defaultValue: l,
-      onChange: u,
-      isDisabled: d,
-      children: /* @__PURE__ */ r(
-        "div",
-        {
-          className: N(a.radiogroup, g, i, {
-            [a.horizontal]: p === "horizontal"
-          }),
-          role: "radiogroup",
-          ref: t,
-          ...f,
-          children: c
-        }
-      )
-    }
-  );
+import React, { forwardRef } from 'react';
+import cx from 'classnames';
+import { useThemeClassName } from 'src/hooks/useThemeClassName';
+import { Label } from 'src/components/Label';
+import { RadioGroupProvider, DISPLAY_NAME } from './RadioGroup.context';
+import { ItemRoot } from './components/ItemRoot';
+import { Radio } from './components/Radio';
+import s from './RadioGroup.module.css';
+export const RadioGroup = forwardRef((props, ref) => {
+    const { className, onChange, value, name, defaultValue, isDisabled = false, orientation = 'vertical', theme, children, ...rest } = props;
+    const handleChange = (event) => {
+        onChange(event.target.value);
+    };
+    const themeClassName = useThemeClassName(theme);
+    return (React.createElement(RadioGroupProvider, { name: name, value: value, defaultValue: defaultValue, onChange: handleChange, isDisabled: isDisabled },
+        React.createElement("div", { className: cx(s.radiogroup, themeClassName, className, {
+                [s.horizontal]: orientation === 'horizontal',
+            }), role: "radiogroup", ref: ref, ...rest }, children)));
 });
-o.displayName = b;
-o.Label = z;
-o.ItemRoot = x;
-o.Radio = I;
-export {
-  o as RadioGroup
-};
+RadioGroup.displayName = DISPLAY_NAME;
+RadioGroup.Label = Label;
+RadioGroup.ItemRoot = ItemRoot;
+RadioGroup.Radio = Radio;

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

@@ -1,8 +1,8 @@
-import { default as React, HTMLAttributes } from 'react';
-import { LabelProps } from '../Label';
-import { RadioGroupThemeType } from './RadioGroup.themes';
-import { RadioProps } from './components/Radio';
-import { ItemRootProps } from './components/ItemRoot';
+import React, { HTMLAttributes } from 'react';
+import { type LabelProps } from 'src/components/Label';
+import { type RadioGroupThemeType } from './RadioGroup.themes';
+import { type RadioProps } from './components/Radio';
+import { type ItemRootProps } from './components/ItemRoot';
 export type LabelGroupOrientation = 'horizontal' | 'vertical';
 type RadioGroupBaseProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'disabled'>;
 export type RadioContextProps = {

package/dist/components/RadioGroup/RadioGroup.props.js

@@ -1 +1 @@
-
+export {};