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

package/dist/components/Input/index.js

@@ -1,2 +1,7 @@
-export { Input } from './Input';
-export { InputLightTheme, InputDarkTheme, } from './Input.themes';
+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
+};

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

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

package/dist/components/Label/Label.js

@@ -1,32 +1,62 @@
-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));
+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
+      ]
+    }
+  );
 });
-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);
-    })));
+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 })) });
 });
-Group.displayName = 'Group';
-Label.Group = Group;
+x.displayName = "Group";
+h.Group = x;
+export {
+  h as Label
+};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as 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,8 +1,11 @@
-export const LabelGroupTheme = {
-    '--crm-ui-kit-label-group-margin-bottom': '16px',
+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 LabelTheme = {
-    '--crm-ui-kit-label-spacing': '4px',
-    '--crm-ui-kit-label-description-spacing': '4px',
-    '--crm-ui-kit-label-text-width': 'auto',
+export {
+  i as LabelGroupTheme,
+  t as LabelTheme
 };

package/dist/components/Label/index.js

@@ -1,2 +1,7 @@
-export { Label } from './Label';
-export { LabelTheme, LabelGroupTheme, } from './Label.theme';
+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
+};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as 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,10 +1,14 @@
-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));
+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 });
 });
-Link.displayName = 'Link';
+p.displayName = "Link";
+export {
+  p as Link
+};

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

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

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

@@ -1,10 +1,13 @@
-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)',
+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
 };

package/dist/components/Link/index.js

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as 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,24 +1,10 @@
-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';
+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
+};

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

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

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

@@ -1,16 +1,19 @@
-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)',
+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
 };

package/dist/components/List/index.js

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type PortalProps } from './Portal.props';
+import { default as React } from 'react';
+import { 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,9 +1,11 @@
-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;
+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;
 });
-Portal.displayName = 'Portal';
+n.displayName = "Portal";
+export {
+  n as Portal
+};

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

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

package/dist/components/Portal/index.js

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

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

@@ -1,5 +1,5 @@
-import { type RadioContextProps } from './RadioGroup.props';
+import { 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,4 +1,7 @@
-import { createComponentContext } from 'src/lib/react';
-const DISPLAY_NAME = 'RadioGroup';
-const [RadioGroupProvider, useRadioGroupContext] = createComponentContext(DISPLAY_NAME);
-export { RadioGroupProvider, useRadioGroupContext, DISPLAY_NAME };
+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
+};

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

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

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,23 +1,56 @@
-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)));
+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
+        }
+      )
+    }
+  );
 });
-RadioGroup.displayName = DISPLAY_NAME;
-RadioGroup.Label = Label;
-RadioGroup.ItemRoot = ItemRoot;
-RadioGroup.Radio = Radio;
+o.displayName = b;
+o.Label = z;
+o.ItemRoot = x;
+o.Radio = I;
+export {
+  o as RadioGroup
+};

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

@@ -1,8 +1,8 @@
-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';
+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';
 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 {};
+

package/dist/components/RadioGroup/RadioGroup.themes.js

@@ -1,3 +1,6 @@
-export const RadioGroupTheme = {
-    '--crm-ui-kit-radio-group-spacing': '8px',
+const o = {
+  "--crm-ui-kit-radio-group-spacing": "8px"
+};
+export {
+  o as RadioGroupTheme
 };

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

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

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

@@ -1,4 +1,7 @@
-import { createComponentContext } from 'src/lib/react';
-const DISPLAY_NAME = 'RadioGroup.ItemRoot';
-const [RadioItemRootProvider, useRadioItemRootContext] = createComponentContext(DISPLAY_NAME);
-export { RadioItemRootProvider, useRadioItemRootContext, DISPLAY_NAME };
+import { createComponentContext as o } from "../../../../lib/react/createComponentContext/createComponentContext.js";
+const t = "RadioGroup.ItemRoot", [r, m] = o(t);
+export {
+  t as DISPLAY_NAME,
+  r as RadioItemRootProvider,
+  m as useRadioItemRootContext
+};

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

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type ItemRootProps } from './ItemRoot.props';
+import { default as React } from 'react';
+import { ItemRootProps } from './ItemRoot.props';
 export declare const ItemRoot: React.FC<ItemRootProps>;
 //# sourceMappingURL=ItemRoot.d.ts.map

package/dist/components/RadioGroup/components/ItemRoot/ItemRoot.js

@@ -1,21 +1,34 @@
-import React from 'react';
-import cx from 'classnames';
-import { useThemeClassName } from 'src/hooks/useThemeClassName';
-import { useRadioGroupContext } from '../../RadioGroup.context';
-import { RadioItemRootProvider, DISPLAY_NAME } from './ItemRoot.context';
-import s from './ItemRoot.module.css';
-export const ItemRoot = ({ children, theme, ...rest }) => {
-    const themeClassName = useThemeClassName(theme);
-    const { isDisabled } = useRadioGroupContext(DISPLAY_NAME);
-    return (React.createElement(RadioItemRootProvider, { ...rest },
-        React.createElement("div", { className: cx(s.item_root, themeClassName, {
-                /**
-                 * If `isDisabled` was passed directly to the component
-                 * Blocking a specific Radio button.
-                 * If passed to the RadioGroup component
-                 * We block all Radio buttons.
-                 */
-                [s.disabled]: isDisabled || rest.isDisabled,
-            }) }, children)));
+import { jsx as t } from "react/jsx-runtime";
+import { c as d } from "../../../../index-L8X2o7IH.mjs";
+import { useThemeClassName as l } from "../../../../hooks/useThemeClassName/useThemeClassName.js";
+import { useRadioGroupContext as n } from "../../RadioGroup.context.js";
+import { DISPLAY_NAME as s, RadioItemRootProvider as _ } from "./ItemRoot.context.js";
+import '../../../../assets/ItemRoot3.css';const c = "_item_root_jon4b_1", b = "_disabled_jon4b_7", e = {
+  item_root: c,
+  disabled: b
+}, p = ({
+  children: i,
+  theme: m,
+  ...o
+}) => {
+  const r = l(m), { isDisabled: a } = n(s);
+  return /* @__PURE__ */ t(_, { ...o, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: d(e.item_root, r, {
+        /**
+         * If `isDisabled` was passed directly to the component
+         * Blocking a specific Radio button.
+         * If passed to the RadioGroup component
+         * We block all Radio buttons.
+         */
+        [e.disabled]: a || o.isDisabled
+      }),
+      children: i
+    }
+  ) });
+};
+p.displayName = s;
+export {
+  p as ItemRoot
 };
-ItemRoot.displayName = DISPLAY_NAME;

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

@@ -1,5 +1,5 @@
-import { VisuallyHiddenInputProps } from 'src/components/VisuallyHiddenInput';
-import { type RadioProps } from '../../';
+import { VisuallyHiddenInputProps } from '../../../VisuallyHiddenInput';
+import { RadioProps } from '../../';
 import { ItemRootThemeType } from './ItemRoot.themes';
 export type ItemRootProps = Omit<VisuallyHiddenInputProps<RadioProps>, 'theme' | 'isDefaultChecked' | 'isChecked' | 'name' | 'onChange'> & {
     /**

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

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

package/dist/components/RadioGroup/components/ItemRoot/ItemRoot.themes.js

@@ -1,3 +1,6 @@
-export const RadioGroupItemRootTheme = {
-    '--crm-ui-kit-radio-group-item-root-disabled-opacity': 'var(--crm-ui-kit-disabled-opacity)',
+const o = {
+  "--crm-ui-kit-radio-group-item-root-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)"
+};
+export {
+  o as RadioGroupItemRootTheme
 };