@drivenets/design-system 0.0.2 → 0.0.4

package/dist/components/ds-radio-group/ds-radio-group.cjs

@@ -0,0 +1,255 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_radio_group_module = require('./ds-radio-group.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
+__radix_ui_react_radio_group = require_rolldown_runtime.__toESM(__radix_ui_react_radio_group);
+let __ark_ui_react_radio_group = require("@ark-ui/react/radio-group");
+
+//#region src/components/ds-radio-group/ds-radio-group.tsx
+/**
+* Root component - provides radio group context
+*/
+const Root = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(14);
+	let children;
+	let className;
+	let onValueChange;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, onValueChange, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = onValueChange;
+		$[4] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		onValueChange = $[3];
+		props = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = (0, classnames.default)(require_ds_radio_group_module.default.radioGroupRoot, className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== onValueChange) {
+		t2 = (details) => onValueChange?.(details.value);
+		$[7] = onValueChange;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== children || $[10] !== props || $[11] !== t1 || $[12] !== t2) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.Root, {
+			className: t1,
+			onValueChange: t2,
+			...props,
+			children
+		});
+		$[9] = children;
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	return t3;
+};
+/**
+* Item component - renders a single radio button with optional label
+*/
+const Item = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(22);
+	let children;
+	let className;
+	let label;
+	let labelInfo;
+	let props;
+	let style;
+	let value;
+	if ($[0] !== t0) {
+		({value, label, labelInfo, className, style, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = label;
+		$[4] = labelInfo;
+		$[5] = props;
+		$[6] = style;
+		$[7] = value;
+	} else {
+		children = $[1];
+		className = $[2];
+		label = $[3];
+		labelInfo = $[4];
+		props = $[5];
+		style = $[6];
+		value = $[7];
+	}
+	let t1;
+	if ($[8] !== className) {
+		t1 = (0, classnames.default)(require_ds_radio_group_module.default.radioItemContainer, className);
+		$[8] = className;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	let t3;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.ItemControl, {
+			className: require_ds_radio_group_module.default.radioItem,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_ds_radio_group_module.default.radioItemWrapper,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_ds_radio_group_module.default.radioIndicator,
+					"data-part": "indicator"
+				})
+			})
+		});
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.ItemHiddenInput, {});
+		$[10] = t2;
+		$[11] = t3;
+	} else {
+		t2 = $[10];
+		t3 = $[11];
+	}
+	let t4;
+	if ($[12] !== children || $[13] !== label || $[14] !== labelInfo) {
+		t4 = label ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_radio_group.RadioGroup.ItemText, {
+			className: require_ds_radio_group_module.default.radioLabel,
+			children: [label, labelInfo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_ds_radio_group_module.default.labelInfo,
+				children: labelInfo
+			})]
+		}) : children;
+		$[12] = children;
+		$[13] = label;
+		$[14] = labelInfo;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== props || $[17] !== style || $[18] !== t1 || $[19] !== t4 || $[20] !== value) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_radio_group.RadioGroup.Item, {
+			value,
+			className: t1,
+			style,
+			...props,
+			children: [
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[16] = props;
+		$[17] = style;
+		$[18] = t1;
+		$[19] = t4;
+		$[20] = value;
+		$[21] = t5;
+	} else t5 = $[21];
+	return t5;
+};
+/**
+* DEPRECATED: Legacy DsRadioGroup component with options array
+* Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
+* @deprecated
+*/
+const DsRadioGroupLegacy = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(18);
+	let className;
+	let defaultValue;
+	let onValueChange;
+	let options;
+	let props;
+	let value;
+	if ($[0] !== t0) {
+		({options, value, defaultValue, onValueChange, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = defaultValue;
+		$[3] = onValueChange;
+		$[4] = options;
+		$[5] = props;
+		$[6] = value;
+	} else {
+		className = $[1];
+		defaultValue = $[2];
+		onValueChange = $[3];
+		options = $[4];
+		props = $[5];
+		value = $[6];
+	}
+	let t1;
+	if ($[7] !== className) {
+		t1 = (0, classnames.default)(require_ds_radio_group_module.default.radioGroupRoot, className);
+		$[7] = className;
+		$[8] = t1;
+	} else t1 = $[8];
+	let t2;
+	if ($[9] !== options) {
+		t2 = options.map(_temp);
+		$[9] = options;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== defaultValue || $[12] !== onValueChange || $[13] !== props || $[14] !== t1 || $[15] !== t2 || $[16] !== value) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Root, {
+			className: t1,
+			value,
+			defaultValue,
+			onValueChange,
+			...props,
+			children: t2
+		});
+		$[11] = defaultValue;
+		$[12] = onValueChange;
+		$[13] = props;
+		$[14] = t1;
+		$[15] = t2;
+		$[16] = value;
+		$[17] = t3;
+	} else t3 = $[17];
+	return t3;
+};
+/**
+* Design system RadioGroup component
+*
+* @example
+* <DsRadioGroup.Root value={value} onValueChange={setValue}>
+*   <DsRadioGroup.Item value="option1" label="Option 1" />
+*   <DsRadioGroup.Item value="option2" label="Option 2" />
+* </DsRadioGroup.Root>
+*/
+const DsRadioGroup = {
+	Root,
+	Item
+};
+function _temp(option) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_ds_radio_group_module.default.radioItemContainer,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Item, {
+			className: require_ds_radio_group_module.default.radioItem,
+			value: option.value,
+			disabled: option.disabled,
+			id: option.value,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_ds_radio_group_module.default.radioItemWrapper,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Indicator, { className: require_ds_radio_group_module.default.radioIndicator })
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			className: require_ds_radio_group_module.default.radioLabel,
+			htmlFor: option.value,
+			children: [option.label, option.labelInfo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_ds_radio_group_module.default.labelInfo,
+				children: option.labelInfo
+			})]
+		})]
+	}, option.value);
+}
+
+//#endregion
+exports.DsRadioGroup = DsRadioGroup;
+exports.DsRadioGroupLegacy = DsRadioGroupLegacy;

package/dist/components/ds-radio-group/ds-radio-group.d.cts

@@ -0,0 +1,27 @@
+import { DsRadioGroupItemProps, DsRadioGroupLegacyProps, DsRadioGroupRootProps } from "./ds-radio-group.types.cjs";
+import React from "react";
+
+//#region src/components/ds-radio-group/ds-radio-group.d.ts
+
+/**
+ * DEPRECATED: Legacy DsRadioGroup component with options array
+ * Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
+ * @deprecated
+ */
+declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
+/**
+ * Design system RadioGroup component
+ *
+ * @example
+ * <DsRadioGroup.Root value={value} onValueChange={setValue}>
+ *   <DsRadioGroup.Item value="option1" label="Option 1" />
+ *   <DsRadioGroup.Item value="option2" label="Option 2" />
+ * </DsRadioGroup.Root>
+ */
+declare const DsRadioGroup: {
+  Root: React.FC<DsRadioGroupRootProps>;
+  Item: React.FC<DsRadioGroupItemProps>;
+};
+//#endregion
+export { DsRadioGroup, DsRadioGroupLegacy };
+//# sourceMappingURL=ds-radio-group.d.cts.map

package/dist/components/ds-radio-group/ds-radio-group.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-radio-group.d.cts","names":[],"sources":["../../../src/components/ds-radio-group/ds-radio-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAkEA;AA6CA;;cA7Ca,oBAAoB,KAAA,CAAM,GAAG;;;;;;;;;;cA6C7B"}

package/dist/components/ds-radio-group/ds-radio-group.d.ts

@@ -0,0 +1,27 @@
+import { DsRadioGroupItemProps, DsRadioGroupLegacyProps, DsRadioGroupRootProps } from "./ds-radio-group.types.js";
+import React from "react";
+
+//#region src/components/ds-radio-group/ds-radio-group.d.ts
+
+/**
+ * DEPRECATED: Legacy DsRadioGroup component with options array
+ * Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
+ * @deprecated
+ */
+declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
+/**
+ * Design system RadioGroup component
+ *
+ * @example
+ * <DsRadioGroup.Root value={value} onValueChange={setValue}>
+ *   <DsRadioGroup.Item value="option1" label="Option 1" />
+ *   <DsRadioGroup.Item value="option2" label="Option 2" />
+ * </DsRadioGroup.Root>
+ */
+declare const DsRadioGroup: {
+  Root: React.FC<DsRadioGroupRootProps>;
+  Item: React.FC<DsRadioGroupItemProps>;
+};
+//#endregion
+export { DsRadioGroup, DsRadioGroupLegacy };
+//# sourceMappingURL=ds-radio-group.d.ts.map

package/dist/components/ds-radio-group/ds-radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-radio-group.d.ts","names":[],"sources":["../../../src/components/ds-radio-group/ds-radio-group.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAkEA;AA6CA;;cA7Ca,oBAAoB,KAAA,CAAM,GAAG;;;;;;;;;;cA6C7B"}

package/dist/components/ds-radio-group/ds-radio-group.js

@@ -0,0 +1,252 @@
+import ds_radio_group_module_default from "./ds-radio-group.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { RadioGroup } from "@ark-ui/react/radio-group";
+
+//#region src/components/ds-radio-group/ds-radio-group.tsx
+/**
+* Root component - provides radio group context
+*/
+const Root = (t0) => {
+	const $ = c(14);
+	let children;
+	let className;
+	let onValueChange;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, onValueChange, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = onValueChange;
+		$[4] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		onValueChange = $[3];
+		props = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = classNames(ds_radio_group_module_default.radioGroupRoot, className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== onValueChange) {
+		t2 = (details) => onValueChange?.(details.value);
+		$[7] = onValueChange;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== children || $[10] !== props || $[11] !== t1 || $[12] !== t2) {
+		t3 = /* @__PURE__ */ jsx(RadioGroup.Root, {
+			className: t1,
+			onValueChange: t2,
+			...props,
+			children
+		});
+		$[9] = children;
+		$[10] = props;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	return t3;
+};
+/**
+* Item component - renders a single radio button with optional label
+*/
+const Item = (t0) => {
+	const $ = c(22);
+	let children;
+	let className;
+	let label;
+	let labelInfo;
+	let props;
+	let style;
+	let value;
+	if ($[0] !== t0) {
+		({value, label, labelInfo, className, style, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = label;
+		$[4] = labelInfo;
+		$[5] = props;
+		$[6] = style;
+		$[7] = value;
+	} else {
+		children = $[1];
+		className = $[2];
+		label = $[3];
+		labelInfo = $[4];
+		props = $[5];
+		style = $[6];
+		value = $[7];
+	}
+	let t1;
+	if ($[8] !== className) {
+		t1 = classNames(ds_radio_group_module_default.radioItemContainer, className);
+		$[8] = className;
+		$[9] = t1;
+	} else t1 = $[9];
+	let t2;
+	let t3;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(RadioGroup.ItemControl, {
+			className: ds_radio_group_module_default.radioItem,
+			children: /* @__PURE__ */ jsx("div", {
+				className: ds_radio_group_module_default.radioItemWrapper,
+				children: /* @__PURE__ */ jsx("div", {
+					className: ds_radio_group_module_default.radioIndicator,
+					"data-part": "indicator"
+				})
+			})
+		});
+		t3 = /* @__PURE__ */ jsx(RadioGroup.ItemHiddenInput, {});
+		$[10] = t2;
+		$[11] = t3;
+	} else {
+		t2 = $[10];
+		t3 = $[11];
+	}
+	let t4;
+	if ($[12] !== children || $[13] !== label || $[14] !== labelInfo) {
+		t4 = label ? /* @__PURE__ */ jsxs(RadioGroup.ItemText, {
+			className: ds_radio_group_module_default.radioLabel,
+			children: [label, labelInfo && /* @__PURE__ */ jsx("div", {
+				className: ds_radio_group_module_default.labelInfo,
+				children: labelInfo
+			})]
+		}) : children;
+		$[12] = children;
+		$[13] = label;
+		$[14] = labelInfo;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== props || $[17] !== style || $[18] !== t1 || $[19] !== t4 || $[20] !== value) {
+		t5 = /* @__PURE__ */ jsxs(RadioGroup.Item, {
+			value,
+			className: t1,
+			style,
+			...props,
+			children: [
+				t2,
+				t3,
+				t4
+			]
+		});
+		$[16] = props;
+		$[17] = style;
+		$[18] = t1;
+		$[19] = t4;
+		$[20] = value;
+		$[21] = t5;
+	} else t5 = $[21];
+	return t5;
+};
+/**
+* DEPRECATED: Legacy DsRadioGroup component with options array
+* Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
+* @deprecated
+*/
+const DsRadioGroupLegacy = (t0) => {
+	const $ = c(18);
+	let className;
+	let defaultValue;
+	let onValueChange;
+	let options;
+	let props;
+	let value;
+	if ($[0] !== t0) {
+		({options, value, defaultValue, onValueChange, className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = defaultValue;
+		$[3] = onValueChange;
+		$[4] = options;
+		$[5] = props;
+		$[6] = value;
+	} else {
+		className = $[1];
+		defaultValue = $[2];
+		onValueChange = $[3];
+		options = $[4];
+		props = $[5];
+		value = $[6];
+	}
+	let t1;
+	if ($[7] !== className) {
+		t1 = classNames(ds_radio_group_module_default.radioGroupRoot, className);
+		$[7] = className;
+		$[8] = t1;
+	} else t1 = $[8];
+	let t2;
+	if ($[9] !== options) {
+		t2 = options.map(_temp);
+		$[9] = options;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== defaultValue || $[12] !== onValueChange || $[13] !== props || $[14] !== t1 || $[15] !== t2 || $[16] !== value) {
+		t3 = /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+			className: t1,
+			value,
+			defaultValue,
+			onValueChange,
+			...props,
+			children: t2
+		});
+		$[11] = defaultValue;
+		$[12] = onValueChange;
+		$[13] = props;
+		$[14] = t1;
+		$[15] = t2;
+		$[16] = value;
+		$[17] = t3;
+	} else t3 = $[17];
+	return t3;
+};
+/**
+* Design system RadioGroup component
+*
+* @example
+* <DsRadioGroup.Root value={value} onValueChange={setValue}>
+*   <DsRadioGroup.Item value="option1" label="Option 1" />
+*   <DsRadioGroup.Item value="option2" label="Option 2" />
+* </DsRadioGroup.Root>
+*/
+const DsRadioGroup = {
+	Root,
+	Item
+};
+function _temp(option) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: ds_radio_group_module_default.radioItemContainer,
+		children: [/* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+			className: ds_radio_group_module_default.radioItem,
+			value: option.value,
+			disabled: option.disabled,
+			id: option.value,
+			children: /* @__PURE__ */ jsx("div", {
+				className: ds_radio_group_module_default.radioItemWrapper,
+				children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: ds_radio_group_module_default.radioIndicator })
+			})
+		}), /* @__PURE__ */ jsxs("label", {
+			className: ds_radio_group_module_default.radioLabel,
+			htmlFor: option.value,
+			children: [option.label, option.labelInfo && /* @__PURE__ */ jsx("div", {
+				className: ds_radio_group_module_default.labelInfo,
+				children: option.labelInfo
+			})]
+		})]
+	}, option.value);
+}
+
+//#endregion
+export { DsRadioGroup, DsRadioGroupLegacy };
+//# sourceMappingURL=ds-radio-group.js.map

package/dist/components/ds-radio-group/ds-radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-radio-group.js","names":["React","RadioGroupPrimitive","RadioGroup","classNames","styles","DsRadioGroupItemProps","DsRadioGroupLegacyProps","DsRadioGroupRootProps","Root","FC","t0","$","_c","children","className","onValueChange","props","t1","radioGroupRoot","t2","details","value","t3","Item","label","labelInfo","style","radioItemContainer","Symbol","for","radioItem","radioItemWrapper","radioIndicator","t4","radioLabel","t5","DsRadioGroupLegacy","defaultValue","options","map","_temp","DsRadioGroup","option","disabled"],"sources":["../../../src/components/ds-radio-group/ds-radio-group.tsx"],"sourcesContent":["import type React from 'react';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\nimport { RadioGroup } from '@ark-ui/react/radio-group';\nimport classNames from 'classnames';\nimport styles from './ds-radio-group.module.scss';\nimport type {\n\tDsRadioGroupItemProps,\n\tDsRadioGroupLegacyProps,\n\tDsRadioGroupRootProps,\n} from './ds-radio-group.types';\n\n/**\n * Root component - provides radio group context\n */\nconst Root: React.FC<DsRadioGroupRootProps> = ({ className, children, onValueChange, ...props }) => (\n\t<RadioGroup.Root\n\t\tclassName={classNames(styles.radioGroupRoot, className)}\n\t\tonValueChange={(details) => onValueChange?.(details.value)}\n\t\t{...props}\n\t>\n\t\t{children}\n\t</RadioGroup.Root>\n);\n\n/**\n * Item component - renders a single radio button with optional label\n */\nconst Item: React.FC<DsRadioGroupItemProps> = ({\n\tvalue,\n\tlabel,\n\tlabelInfo,\n\tclassName,\n\tstyle,\n\tchildren,\n\t...props\n}) => {\n\treturn (\n\t\t<RadioGroup.Item\n\t\t\tvalue={value}\n\t\t\tclassName={classNames(styles.radioItemContainer, className)}\n\t\t\tstyle={style}\n\t\t\t{...props}\n\t\t>\n\t\t\t<RadioGroup.ItemControl className={styles.radioItem}>\n\t\t\t\t<div className={styles.radioItemWrapper}>\n\t\t\t\t\t<div className={styles.radioIndicator} data-part=\"indicator\" />\n\t\t\t\t</div>\n\t\t\t</RadioGroup.ItemControl>\n\t\t\t<RadioGroup.ItemHiddenInput />\n\t\t\t{label ? (\n\t\t\t\t<RadioGroup.ItemText className={styles.radioLabel}>\n\t\t\t\t\t{label}\n\t\t\t\t\t{labelInfo && <div className={styles.labelInfo}>{labelInfo}</div>}\n\t\t\t\t</RadioGroup.ItemText>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t)}\n\t\t</RadioGroup.Item>\n\t);\n};\n\n/**\n * DEPRECATED: Legacy DsRadioGroup component with options array\n * Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item\n * @deprecated\n */\nexport const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps> = ({\n\toptions,\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tclassName,\n\t...props\n}) => (\n\t<RadioGroupPrimitive.Root\n\t\tclassName={classNames(styles.radioGroupRoot, className)}\n\t\tvalue={value}\n\t\tdefaultValue={defaultValue}\n\t\tonValueChange={onValueChange}\n\t\t{...props}\n\t>\n\t\t{options.map((option) => (\n\t\t\t<div key={option.value} className={styles.radioItemContainer}>\n\t\t\t\t<RadioGroupPrimitive.Item\n\t\t\t\t\tclassName={styles.radioItem}\n\t\t\t\t\tvalue={option.value}\n\t\t\t\t\tdisabled={option.disabled}\n\t\t\t\t\tid={option.value}\n\t\t\t\t>\n\t\t\t\t\t<div className={styles.radioItemWrapper}>\n\t\t\t\t\t\t<RadioGroupPrimitive.Indicator className={styles.radioIndicator} />\n\t\t\t\t\t</div>\n\t\t\t\t</RadioGroupPrimitive.Item>\n\t\t\t\t<label className={styles.radioLabel} htmlFor={option.value}>\n\t\t\t\t\t{option.label}\n\t\t\t\t\t{option.labelInfo && <div className={styles.labelInfo}>{option.labelInfo}</div>}\n\t\t\t\t</label>\n\t\t\t</div>\n\t\t))}\n\t</RadioGroupPrimitive.Root>\n);\n\n/**\n * Design system RadioGroup component\n *\n * @example\n * <DsRadioGroup.Root value={value} onValueChange={setValue}>\n *   <DsRadioGroup.Item value=\"option1\" label=\"Option 1\" />\n *   <DsRadioGroup.Item value=\"option2\" label=\"Option 2\" />\n * </DsRadioGroup.Root>\n */\nexport const DsRadioGroup = {\n\tRoot,\n\tItem,\n};\n"],"mappings":"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"}

package/dist/components/ds-radio-group/ds-radio-group.module.cjs

@@ -0,0 +1,14 @@
+
+//#region src/components/ds-radio-group/ds-radio-group.module.scss
+var ds_radio_group_module_default = {
+	"radioGroupRoot": "_radioGroupRoot_g8qjm_1",
+	"radioItemContainer": "_radioItemContainer_g8qjm_1",
+	"labelInfo": "_labelInfo_g8qjm_1",
+	"radioItem": "_radioItem_g8qjm_1",
+	"radioItemWrapper": "_radioItemWrapper_g8qjm_1",
+	"radioIndicator": "_radioIndicator_g8qjm_1",
+	"radioLabel": "_radioLabel_g8qjm_1"
+};
+
+//#endregion
+exports.default = ds_radio_group_module_default;

package/dist/components/ds-radio-group/ds-radio-group.module.js

@@ -0,0 +1,14 @@
+//#region src/components/ds-radio-group/ds-radio-group.module.scss
+var ds_radio_group_module_default = {
+	"radioGroupRoot": "_radioGroupRoot_g8qjm_1",
+	"radioItemContainer": "_radioItemContainer_g8qjm_1",
+	"labelInfo": "_labelInfo_g8qjm_1",
+	"radioItem": "_radioItem_g8qjm_1",
+	"radioItemWrapper": "_radioItemWrapper_g8qjm_1",
+	"radioIndicator": "_radioIndicator_g8qjm_1",
+	"radioLabel": "_radioLabel_g8qjm_1"
+};
+
+//#endregion
+export { ds_radio_group_module_default as default };
+//# sourceMappingURL=ds-radio-group.module.js.map

package/dist/components/ds-radio-group/ds-radio-group.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-radio-group.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-radio-group/ds-radio-group.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/typography';\n\n.radioGroupRoot {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n}\n\n.radioItemContainer {\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 4px;\n\tcursor: pointer;\n\tpadding-right: 1px;\n\tborder: 1px solid transparent;\n\tborder-radius: 4px;\n\n\t&:has([data-disabled]) {\n\t\tcursor: not-allowed;\n\n\t\t.labelInfo {\n\t\t\tcolor: var(--color-secondary-500-net-4);\n\t\t}\n\t}\n\n\t&:has([data-state='checked']:focus-visible) {\n\t\tborder-radius: 4px;\n\t\tborder-color: var(--color-primary-700-net-1);\n\t}\n\n\t&:has([data-state='unchecked']:focus-visible) {\n\t\tborder-color: var(--color-primary-800);\n\t}\n\n\t&:has(.labelInfo) {\n\t\tmargin-bottom: 4px;\n\t}\n}\n\n.radioItem {\n\tall: unset;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: 2px solid transparent;\n\tborder-radius: 50%;\n\ttransition:\n\t\tbackground-color 0.2s ease-in-out,\n\t\tborder-color 0.2s ease-in-out;\n\n\t.radioItemWrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\theight: 16px;\n\t\twidth: 16px;\n\t\tborder: 2px solid var(--color-secondary-500-net-4);\n\t\tpadding: 2px;\n\t\tborder-radius: 50%;\n\t\tbackground: none;\n\t}\n\n\t&[data-state='checked'],\n\t[data-state='checked'] > & {\n\t\t.radioItemWrapper {\n\t\t\tborder-color: var(--color-primary-700-default);\n\t\t}\n\n\t\t&:hover {\n\t\t\tborder-color: var(--color-primary-100);\n\t\t}\n\t}\n\n\t&[data-state='checked'][data-disabled],\n\t[data-state='checked'][data-disabled] > & {\n\t\t.radioIndicator {\n\t\t\tbackground: var(--color-secondary-300);\n\t\t}\n\t}\n\n\t&[data-state='unchecked'],\n\t[data-state='unchecked'] > & {\n\t\t&:hover {\n\t\t\tborder-color: var(--color-secondary-100);\n\t\t\tbackground-color: var(--color-secondary-100);\n\t\t}\n\t}\n\n\t&[data-disabled],\n\t[data-disabled] > & {\n\t\tpointer-events: none;\n\n\t\t& + label {\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.radioItemWrapper {\n\t\t\tborder-color: var(--color-secondary-300);\n\t\t}\n\t}\n}\n\n.radioIndicator {\n\twidth: 8px;\n\theight: 8px;\n\tbackground: var(--color-primary-700-default);\n\tborder-radius: 50%;\n\n\t&[data-part='indicator'] {\n\t\topacity: 0;\n\t\ttransform: scale(0);\n\t\ttransition:\n\t\t\topacity 0.15s ease-in-out,\n\t\t\ttransform 0.15s ease-in-out;\n\n\t\t[data-state='checked'] & {\n\t\t\topacity: 1;\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n}\n\n.radioLabel {\n\t@include typography.body-sm-reg;\n\tcolor: var(--color-secondary-800);\n\tcursor: pointer;\n}\n\n.labelInfo {\n\t@include typography.body-xs-reg;\n\t@include typography.ellipsis;\n\tposition: absolute;\n\tcolor: var(--color-secondary-600-net-2);\n\tcursor: pointer;\n\twidth: 100%;\n}\n"],"mappings":""}

package/dist/components/ds-radio-group/ds-radio-group.types.cjs

@@ -0,0 +1 @@
+let __ark_ui_react_radio_group = require("@ark-ui/react/radio-group");