@drivenets/design-system 0.5.0 → 0.6.1

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

@@ -1,255 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,27 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,252 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,14 +0,0 @@
-
-//#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

@@ -1,14 +0,0 @@
-//#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

@@ -1 +0,0 @@
-{"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

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