@drivenets/design-system 0.0.2 → 0.0.3

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

@@ -0,0 +1,96 @@
+import ds_radio_group_module_default from "./ds-radio-group.module.js";
+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 = ({ className, children, onValueChange, ...props }) => /* @__PURE__ */ jsx(RadioGroup.Root, {
+	className: classNames(ds_radio_group_module_default.radioGroupRoot, className),
+	onValueChange: (details) => onValueChange?.(details.value),
+	...props,
+	children
+});
+/**
+* Item component - renders a single radio button with optional label
+*/
+const Item = ({ value, label, labelInfo, className, style, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(RadioGroup.Item, {
+		value,
+		className: classNames(ds_radio_group_module_default.radioItemContainer, className),
+		style,
+		...props,
+		children: [
+			/* @__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"
+					})
+				})
+			}),
+			/* @__PURE__ */ jsx(RadioGroup.ItemHiddenInput, {}),
+			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
+		]
+	});
+};
+/**
+* DEPRECATED: Legacy DsRadioGroup component with options array
+* Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
+* @deprecated
+*/
+const DsRadioGroupLegacy = ({ options, value, defaultValue, onValueChange, className, ...props }) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+	className: classNames(ds_radio_group_module_default.radioGroupRoot, className),
+	value,
+	defaultValue,
+	onValueChange,
+	...props,
+	children: options.map((option) => /* @__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))
+});
+/**
+* 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
+};
+
+//#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":["Root: React.FC<DsRadioGroupRootProps>","styles","Item: React.FC<DsRadioGroupItemProps>","DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>"],"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":";;;;;;;;;;AAcA,MAAMA,QAAyC,EAAE,WAAW,UAAU,eAAe,GAAG,YACvF,oBAAC,WAAW;CACX,WAAW,WAAWC,8BAAO,gBAAgB,UAAU;CACvD,gBAAgB,YAAY,gBAAgB,QAAQ,MAAM;CAC1D,GAAI;CAEH;EACgB;;;;AAMnB,MAAMC,QAAyC,EAC9C,OACA,OACA,WACA,WACA,OACA,UACA,GAAG,YACE;AACL,QACC,qBAAC,WAAW;EACJ;EACP,WAAW,WAAWD,8BAAO,oBAAoB,UAAU;EACpD;EACP,GAAI;;GAEJ,oBAAC,WAAW;IAAY,WAAWA,8BAAO;cACzC,oBAAC;KAAI,WAAWA,8BAAO;eACtB,oBAAC;MAAI,WAAWA,8BAAO;MAAgB,aAAU;OAAc;MAC1D;KACkB;GACzB,oBAAC,WAAW,oBAAkB;GAC7B,QACA,qBAAC,WAAW;IAAS,WAAWA,8BAAO;eACrC,OACA,aAAa,oBAAC;KAAI,WAAWA,8BAAO;eAAY;MAAgB;KAC5C,GAEtB;;GAEgB;;;;;;;AASpB,MAAaE,sBAAyD,EACrE,SACA,OACA,cACA,eACA,WACA,GAAG,YAEH,oBAAC,oBAAoB;CACpB,WAAW,WAAWF,8BAAO,gBAAgB,UAAU;CAChD;CACO;CACC;CACf,GAAI;WAEH,QAAQ,KAAK,WACb,qBAAC;EAAuB,WAAWA,8BAAO;aACzC,oBAAC,oBAAoB;GACpB,WAAWA,8BAAO;GAClB,OAAO,OAAO;GACd,UAAU,OAAO;GACjB,IAAI,OAAO;aAEX,oBAAC;IAAI,WAAWA,8BAAO;cACtB,oBAAC,oBAAoB,aAAU,WAAWA,8BAAO,iBAAkB;KAC9D;IACoB,EAC3B,qBAAC;GAAM,WAAWA,8BAAO;GAAY,SAAS,OAAO;cACnD,OAAO,OACP,OAAO,aAAa,oBAAC;IAAI,WAAWA,8BAAO;cAAY,OAAO;KAAgB;IACxE;IAdC,OAAO,MAeX,CACL;EACwB;;;;;;;;;;AAY5B,MAAa,eAAe;CAC3B;CACA;CACA"}

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");

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

@@ -0,0 +1,87 @@
+import React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-group";
+
+//#region src/components/ds-radio-group/ds-radio-group.types.d.ts
+
+/**
+ * Props for the DsRadioGroup Root component
+ */
+interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'orientation' | 'children'> {
+  /**
+   * Event handler called when the selected value changes
+   */
+  onValueChange?: (value: string | null) => void;
+}
+/**
+ * Props for the DsRadioGroup Item component
+ */
+interface DsRadioGroupItemProps extends Pick<RadioGroupItemProps, 'value' | 'disabled' | 'className' | 'style' | 'children'> {
+  /**
+   * Optional label text for the radio item
+   */
+  label?: string;
+  /**
+   * Optional additional info text displayed below the label
+   */
+  labelInfo?: string;
+}
+/**
+ * DEPRECATED: Legacy radio option configuration
+ * Use compound component pattern instead: <DsRadioGroup.Root><DsRadioGroup.Item /></DsRadioGroup.Root>
+ * @deprecated
+ */
+interface DsRadioOptionLegacy<ValueType = string> {
+  /**
+   * Display label for the radio option
+   */
+  label: string;
+  /**
+   * Value associated with this radio option
+   */
+  value: ValueType;
+  /**
+   * Additional label info for the radio option
+   */
+  labelInfo?: string;
+  /**
+   * Whether this radio option is disabled
+   */
+  disabled?: boolean;
+}
+/**
+ * DEPRECATED: Legacy props for DsRadioGroupLegacy component
+ * Use compound component pattern instead
+ * @deprecated
+ */
+interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+  /**
+   * The radio group options
+   */
+  options: TOption[];
+  /**
+   * The selected value
+   */
+  value?: TOption['value'];
+  /**
+   * The default selected value
+   */
+  defaultValue?: TOption['value'];
+  /**
+   * Event handler called when the selected value changes
+   *
+   * @param value
+   */
+  onValueChange?: (value: TOption['value']) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+}
+//#endregion
+export { DsRadioGroupItemProps, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy };
+//# sourceMappingURL=ds-radio-group.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-radio-group.types.d.cts","names":[],"sources":["../../../src/components/ds-radio-group/ds-radio-group.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAOA;AAaiB,UAbA,qBAAA,SAA8B,IAc9C,CAbA,mBAYkD,EAAA,OAAA,GAAA,cAAA,GAAA,UAAA,GAAA,MAAA,GAAA,WAAA,GAAA,OAAA,GAAA,aAAA,GAAA,UAAA,CAAA,CAAA;EAmBlC;AAwBjB;;EACuC,aAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,GAAA,IAAA,EAAA,GAAA,IAAA;;;;;AAmBd,UA/DR,qBAAA,SAA8B,IA+DtB,CA9DxB,mBA8DwB,EAAA,OAAA,GAAA,UAAA,GAAA,WAAA,GAAA,OAAA,GAAA,UAAA,CAAA,CAAA;EAQhB;;;;;;;;;;;;;;UApDQ;;;;;;;;SAQT;;;;;;;;;;;;;;;UAgBS,wCACA,sBAAsB,6BAC7B,KAAA,CAAM,gCAAgC,mBAAA,CAAoB;;;;WAI1D;;;;UAID;;;;iBAIO;;;;;;0BAMS;;;;;;;;UAQhB,KAAA,CAAM"}

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

@@ -0,0 +1,87 @@
+import React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-group";
+
+//#region src/components/ds-radio-group/ds-radio-group.types.d.ts
+
+/**
+ * Props for the DsRadioGroup Root component
+ */
+interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'orientation' | 'children'> {
+  /**
+   * Event handler called when the selected value changes
+   */
+  onValueChange?: (value: string | null) => void;
+}
+/**
+ * Props for the DsRadioGroup Item component
+ */
+interface DsRadioGroupItemProps extends Pick<RadioGroupItemProps, 'value' | 'disabled' | 'className' | 'style' | 'children'> {
+  /**
+   * Optional label text for the radio item
+   */
+  label?: string;
+  /**
+   * Optional additional info text displayed below the label
+   */
+  labelInfo?: string;
+}
+/**
+ * DEPRECATED: Legacy radio option configuration
+ * Use compound component pattern instead: <DsRadioGroup.Root><DsRadioGroup.Item /></DsRadioGroup.Root>
+ * @deprecated
+ */
+interface DsRadioOptionLegacy<ValueType = string> {
+  /**
+   * Display label for the radio option
+   */
+  label: string;
+  /**
+   * Value associated with this radio option
+   */
+  value: ValueType;
+  /**
+   * Additional label info for the radio option
+   */
+  labelInfo?: string;
+  /**
+   * Whether this radio option is disabled
+   */
+  disabled?: boolean;
+}
+/**
+ * DEPRECATED: Legacy props for DsRadioGroupLegacy component
+ * Use compound component pattern instead
+ * @deprecated
+ */
+interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+  /**
+   * The radio group options
+   */
+  options: TOption[];
+  /**
+   * The selected value
+   */
+  value?: TOption['value'];
+  /**
+   * The default selected value
+   */
+  defaultValue?: TOption['value'];
+  /**
+   * Event handler called when the selected value changes
+   *
+   * @param value
+   */
+  onValueChange?: (value: TOption['value']) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+}
+//#endregion
+export { DsRadioGroupItemProps, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy };
+//# sourceMappingURL=ds-radio-group.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-radio-group.types.d.ts","names":[],"sources":["../../../src/components/ds-radio-group/ds-radio-group.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAOA;AAaiB,UAbA,qBAAA,SAA8B,IAc9C,CAbA,mBAYkD,EAAA,OAAA,GAAA,cAAA,GAAA,UAAA,GAAA,MAAA,GAAA,WAAA,GAAA,OAAA,GAAA,aAAA,GAAA,UAAA,CAAA,CAAA;EAmBlC;AAwBjB;;EACuC,aAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,GAAA,IAAA,EAAA,GAAA,IAAA;;;;;AAmBd,UA/DR,qBAAA,SAA8B,IA+DtB,CA9DxB,mBA8DwB,EAAA,OAAA,GAAA,UAAA,GAAA,WAAA,GAAA,OAAA,GAAA,UAAA,CAAA,CAAA;EAQhB;;;;;;;;;;;;;;UApDQ;;;;;;;;SAQT;;;;;;;;;;;;;;;UAgBS,wCACA,sBAAsB,6BAC7B,KAAA,CAAM,gCAAgC,mBAAA,CAAoB;;;;WAI1D;;;;UAID;;;;iBAIO;;;;;;0BAMS;;;;;;;;UAQhB,KAAA,CAAM"}

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

@@ -0,0 +1 @@
+import "@ark-ui/react/radio-group";

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

@@ -0,0 +1,2 @@
+const require_ds_radio_group = require('./ds-radio-group.cjs');
+require('./ds-radio-group.types.cjs');

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

@@ -0,0 +1,2 @@
+import { DsRadioGroupItemProps, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy } from "./ds-radio-group.types.js";
+import { DsRadioGroup, DsRadioGroupLegacy } from "./ds-radio-group.js";

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

@@ -0,0 +1,2 @@
+import { DsRadioGroup, DsRadioGroupLegacy } from "./ds-radio-group.js";
+import "./ds-radio-group.types.js";

package/dist/components/ds-select/ds-select.cjs

@@ -0,0 +1,167 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../ds-icon/ds-icon.cjs');
+require('../ds-icon/index.cjs');
+const require_ds_typography = require('../ds-typography/ds-typography.cjs');
+require('../ds-typography/index.cjs');
+const require_ds_text_input = require('../ds-text-input/ds-text-input.cjs');
+require('../ds-text-input/index.cjs');
+const require_ds_checkbox = require('../ds-checkbox/ds-checkbox.cjs');
+require('../ds-checkbox/index.cjs');
+const require_ds_select_module = require('./ds-select.module.cjs');
+const require_select_items_chips = require('./select-items-chips.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let __ark_ui_react_portal = require("@ark-ui/react/portal");
+let __ark_ui_react_select = require("@ark-ui/react/select");
+
+//#region src/components/ds-select/ds-select.tsx
+const SEARCH_THRESHOLD = 13;
+const SELECT_ALL_VALUE = "__INTERNAL_SELECT_ALL_VALUE__";
+const SELECT_ALL = {
+	label: "All",
+	value: SELECT_ALL_VALUE
+};
+const DsSelect = ({ id, options: userOptions, value, style, size, clearable, onClear, onBlur, className, placeholder = "Click to select a value", disabled, ...multiselectProps }) => {
+	const [searchTerm, setSearchTerm] = (0, react.useState)("");
+	const [showAllItems, setShowAllItems] = (0, react.useState)(false);
+	const internalOptions = multiselectProps.multiple ? [SELECT_ALL, ...userOptions] : userOptions;
+	const collection = (0, __ark_ui_react_select.createListCollection)({
+		items: internalOptions,
+		itemToValue: (item) => item.value
+	});
+	const filteredOptions = internalOptions.filter((option) => option.label.toLowerCase().includes(searchTerm.toLowerCase()));
+	const normalizedValue = Array.isArray(value) ? value : [value].filter((value$1) => !!value$1);
+	const select = (0, __ark_ui_react_select.useSelect)({
+		collection,
+		disabled,
+		multiple: multiselectProps.multiple,
+		value: normalizedValue,
+		ids: { trigger: id },
+		onOpenChange: () => {
+			setSearchTerm("");
+			setShowAllItems(false);
+		},
+		onValueChange: (details) => {
+			if (!multiselectProps.multiple) {
+				multiselectProps.onValueChange?.(details.value[0]);
+				return;
+			}
+			if (details.value.includes(SELECT_ALL_VALUE)) {
+				const newValues = select.selectedItems.length === userOptions.length ? [] : userOptions.map((opt) => opt.value);
+				multiselectProps.onValueChange?.(newValues);
+				return;
+			}
+			const newValueWithoutSelectAll = details.value.filter((val) => val !== SELECT_ALL_VALUE);
+			multiselectProps.onValueChange?.(newValueWithoutSelectAll);
+		}
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_select.Select.RootProvider, {
+		value: select,
+		lazyMount: true,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_select.Select.Control, {
+				className: (0, classnames.default)(require_ds_select_module.default.control, size === "small" && require_ds_select_module.default.small, className),
+				style,
+				onBlur,
+				onKeyDown: (e) => {
+					if (!clearable) return;
+					if (select.open) return;
+					if (e.key === "Backspace" || e.key === "Delete") {
+						if (multiselectProps.multiple) multiselectProps.onValueChange?.([]);
+						else multiselectProps.onValueChange?.("");
+						onClear?.();
+					}
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_select.Select.Trigger, {
+					id,
+					className: require_ds_select_module.default.trigger,
+					"aria-labelledby": null,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+						className: require_ds_select_module.default.valueText,
+						variant: "body-sm-reg",
+						asChild: true,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_select.Select.ValueText, { placeholder })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_select.Select.Indicator, {
+						className: require_ds_select_module.default.triggerIcon,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+							icon: "keyboard_arrow_down",
+							size: size === "small" ? "small" : "medium"
+						})
+					})]
+				}), clearable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_select.Select.ClearTrigger, {
+					className: require_ds_select_module.default.clearIcon,
+					onClick: onClear,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+						icon: "close",
+						size: size === "small" ? "small" : "medium"
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_portal.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_select.Select.Positioner, {
+				className: require_ds_select_module.default.viewport,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_select.Select.Content, {
+					className: require_ds_select_module.default.content,
+					children: [
+						userOptions.length > SEARCH_THRESHOLD && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: require_ds_select_module.default.searchInput,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_text_input.default, {
+								placeholder: "Search",
+								value: searchTerm,
+								onChange: (e) => setSearchTerm(e.target.value),
+								onKeyDown: (e) => {
+									if (e.key === " ") e.stopPropagation();
+								},
+								slots: { startAdornment: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+									icon: "search",
+									size: "tiny"
+								}) }
+							})
+						}),
+						multiselectProps.multiple && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_select_items_chips.SelectItemsChips, {
+							onValueChange: multiselectProps.onValueChange,
+							showAll: showAllItems,
+							onShowAll: () => setShowAllItems(true),
+							count: 6
+						}),
+						filteredOptions.map((item) => {
+							const checked = getItemCheckedState({
+								item,
+								select,
+								options: internalOptions
+							});
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+								variant: "body-sm-reg",
+								asChild: true,
+								className: require_ds_select_module.default.item,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_select.Select.Item, {
+									item,
+									children: [
+										multiselectProps.multiple && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_checkbox.default, { checked }),
+										item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+											className: require_ds_select_module.default.itemIcon,
+											icon: item.icon,
+											"aria-hidden": "true"
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_select.Select.ItemText, { children: item.label })
+									]
+								})
+							}, collection.getItemValue(item));
+						})
+					]
+				})
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_select.Select.HiddenSelect, { style: { display: "none" } })
+		]
+	});
+};
+function getItemCheckedState({ item, select, options }) {
+	if (item.value !== SELECT_ALL_VALUE) return select.getItemState({ item }).selected;
+	if (select.selectedItems.length === options.length - 1) return true;
+	return select.hasSelectedItems ? "indeterminate" : false;
+}
+var ds_select_default = DsSelect;
+
+//#endregion
+exports.default = ds_select_default;

package/dist/components/ds-select/ds-select.d.cts

@@ -0,0 +1,21 @@
+import { DsSelectProps } from "./ds-select.types.cjs";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/components/ds-select/ds-select.d.ts
+declare const DsSelect: ({
+  id,
+  options: userOptions,
+  value,
+  style,
+  size,
+  clearable,
+  onClear,
+  onBlur,
+  className,
+  placeholder,
+  disabled,
+  ...multiselectProps
+}: DsSelectProps) => react_jsx_runtime8.JSX.Element;
+//#endregion
+export { DsSelect };
+//# sourceMappingURL=ds-select.d.cts.map

package/dist/components/ds-select/ds-select.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-select.d.cts","names":[],"sources":["../../../src/components/ds-select/ds-select.tsx"],"sourcesContent":[],"mappings":";;;;cAoBM;;WAAY;;;;;;;;;;;GAaf,kBAAa,kBAAA,CAAA,GAAA,CAAA"}

package/dist/components/ds-select/ds-select.d.ts

@@ -0,0 +1,21 @@
+import { DsSelectProps } from "./ds-select.types.js";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
+
+//#region src/components/ds-select/ds-select.d.ts
+declare const DsSelect: ({
+  id,
+  options: userOptions,
+  value,
+  style,
+  size,
+  clearable,
+  onClear,
+  onBlur,
+  className,
+  placeholder,
+  disabled,
+  ...multiselectProps
+}: DsSelectProps) => react_jsx_runtime39.JSX.Element;
+//#endregion
+export { DsSelect };
+//# sourceMappingURL=ds-select.d.ts.map

package/dist/components/ds-select/ds-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-select.d.ts","names":[],"sources":["../../../src/components/ds-select/ds-select.tsx"],"sourcesContent":[],"mappings":";;;;cAoBM;;WAAY;;;;;;;;;;;GAaf,kBAAa,mBAAA,CAAA,GAAA,CAAA"}