@drivenets/design-system 0.0.4 → 0.1.0

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

@@ -0,0 +1,192 @@
+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_toggle_module = require('./ds-toggle.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 __ark_ui_react_switch = require("@ark-ui/react/switch");
+
+//#region src/components/ds-toggle/ds-toggle.tsx
+/**
+* Design system Toggle component
+*/
+const DsToggle = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(48);
+	let checked;
+	let children;
+	let className;
+	let label;
+	let labelInfo;
+	let name;
+	let onChange;
+	let onValueChange;
+	let ref;
+	let rest;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({ref, label, name, labelInfo, className, style: t1, onChange, onValueChange, size: t2, children, checked, ...rest} = t0);
+		$[0] = t0;
+		$[1] = checked;
+		$[2] = children;
+		$[3] = className;
+		$[4] = label;
+		$[5] = labelInfo;
+		$[6] = name;
+		$[7] = onChange;
+		$[8] = onValueChange;
+		$[9] = ref;
+		$[10] = rest;
+		$[11] = t1;
+		$[12] = t2;
+	} else {
+		checked = $[1];
+		children = $[2];
+		className = $[3];
+		label = $[4];
+		labelInfo = $[5];
+		name = $[6];
+		onChange = $[7];
+		onValueChange = $[8];
+		ref = $[9];
+		rest = $[10];
+		t1 = $[11];
+		t2 = $[12];
+	}
+	let t3;
+	if ($[13] !== t1) {
+		t3 = t1 === void 0 ? {} : t1;
+		$[13] = t1;
+		$[14] = t3;
+	} else t3 = $[14];
+	const style = t3;
+	const isSmall = (t2 === void 0 ? "default" : t2) === "small";
+	const iconSize = isSmall ? "tiny" : "small";
+	let t4;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = (0, classnames.default)(require_ds_toggle_module.default.icon, require_ds_toggle_module.default.iconCheck);
+		$[15] = t4;
+	} else t4 = $[15];
+	const checkIconClass = t4;
+	let t5;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = (0, classnames.default)(require_ds_toggle_module.default.icon, require_ds_toggle_module.default.iconClose);
+		$[16] = t5;
+	} else t5 = $[16];
+	const closeIconClass = t5;
+	let t6;
+	if ($[17] !== className || $[18] !== isSmall) {
+		t6 = (0, classnames.default)(require_ds_toggle_module.default.root, { [require_ds_toggle_module.default.small]: isSmall }, className);
+		$[17] = className;
+		$[18] = isSmall;
+		$[19] = t6;
+	} else t6 = $[19];
+	const rootClass = t6;
+	let t7;
+	if ($[20] !== onValueChange) {
+		t7 = (e) => {
+			onValueChange?.(e.checked);
+		};
+		$[20] = onValueChange;
+		$[21] = t7;
+	} else t7 = $[21];
+	const handleCheckedChange = t7;
+	const t8 = ref;
+	let t9;
+	if ($[22] !== iconSize) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: "check",
+			size: iconSize,
+			className: checkIconClass
+		});
+		$[22] = iconSize;
+		$[23] = t9;
+	} else t9 = $[23];
+	let t10;
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_switch.Switch.Thumb, {});
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== iconSize) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: "close",
+			size: iconSize,
+			className: closeIconClass
+		});
+		$[25] = iconSize;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== t11 || $[28] !== t9) {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_switch.Switch.Control, { children: [
+			t9,
+			t10,
+			t11
+		] });
+		$[27] = t11;
+		$[28] = t9;
+		$[29] = t12;
+	} else t12 = $[29];
+	let t13;
+	if ($[30] !== children || $[31] !== isSmall || $[32] !== label || $[33] !== labelInfo) {
+		t13 = label ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_switch.Switch.Label, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			variant: isSmall ? "body-xs-md" : "body-sm-md",
+			children: label
+		}), !!labelInfo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			variant: "body-xs-reg",
+			className: require_ds_toggle_module.default.labelInfo,
+			children: labelInfo
+		})] }) : children;
+		$[30] = children;
+		$[31] = isSmall;
+		$[32] = label;
+		$[33] = labelInfo;
+		$[34] = t13;
+	} else t13 = $[34];
+	let t14;
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_switch.Switch.HiddenInput, {});
+		$[35] = t14;
+	} else t14 = $[35];
+	let t15;
+	if ($[36] !== checked || $[37] !== handleCheckedChange || $[38] !== label || $[39] !== name || $[40] !== onChange || $[41] !== rest || $[42] !== rootClass || $[43] !== style || $[44] !== t12 || $[45] !== t13 || $[46] !== t8) {
+		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_switch.Switch.Root, {
+			ref: t8,
+			style,
+			className: rootClass,
+			label,
+			checked,
+			name,
+			onCheckedChange: handleCheckedChange,
+			onClick: onChange,
+			...rest,
+			children: [
+				t12,
+				t13,
+				t14
+			]
+		});
+		$[36] = checked;
+		$[37] = handleCheckedChange;
+		$[38] = label;
+		$[39] = name;
+		$[40] = onChange;
+		$[41] = rest;
+		$[42] = rootClass;
+		$[43] = style;
+		$[44] = t12;
+		$[45] = t13;
+		$[46] = t8;
+		$[47] = t15;
+	} else t15 = $[47];
+	return t15;
+};
+var ds_toggle_default = DsToggle;
+
+//#endregion
+exports.default = ds_toggle_default;

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

@@ -0,0 +1,24 @@
+import { DsToggleProps } from "./ds-toggle.types.cjs";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
+
+//#region src/components/ds-toggle/ds-toggle.d.ts
+/**
+ * Design system Toggle component
+ */
+declare const DsToggle: ({
+  ref,
+  label,
+  name,
+  labelInfo,
+  className,
+  style,
+  onChange,
+  onValueChange,
+  size,
+  children,
+  checked,
+  ...rest
+}: DsToggleProps) => react_jsx_runtime40.JSX.Element;
+//#endregion
+export { DsToggle };
+//# sourceMappingURL=ds-toggle.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toggle.d.cts","names":[],"sources":["../../../src/components/ds-toggle/ds-toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAEuD,cASjD,QAgEL,EAAA,CAAA;EAAA,GAAA;EAAA,KAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,aAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAnDE,aAmDF,EAAA,GAnDe,mBAAA,CAAA,GAAA,CAAA,OAmDf"}

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

@@ -0,0 +1,24 @@
+import { DsToggleProps } from "./ds-toggle.types.js";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
+
+//#region src/components/ds-toggle/ds-toggle.d.ts
+/**
+ * Design system Toggle component
+ */
+declare const DsToggle: ({
+  ref,
+  label,
+  name,
+  labelInfo,
+  className,
+  style,
+  onChange,
+  onValueChange,
+  size,
+  children,
+  checked,
+  ...rest
+}: DsToggleProps) => react_jsx_runtime41.JSX.Element;
+//#endregion
+export { DsToggle };
+//# sourceMappingURL=ds-toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toggle.d.ts","names":[],"sources":["../../../src/components/ds-toggle/ds-toggle.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAEuD,cASjD,QAgEL,EAAA,CAAA;EAAA,GAAA;EAAA,KAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,aAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAnDE,aAmDF,EAAA,GAnDe,mBAAA,CAAA,GAAA,CAAA,OAmDf"}

package/dist/components/ds-toggle/ds-toggle.js

@@ -0,0 +1,191 @@
+import ds_icon_default from "../ds-icon/ds-icon.js";
+import "../ds-icon/index.js";
+import ds_typography_default from "../ds-typography/ds-typography.js";
+import "../ds-typography/index.js";
+import ds_toggle_module_default from "./ds-toggle.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Switch } from "@ark-ui/react/switch";
+
+//#region src/components/ds-toggle/ds-toggle.tsx
+/**
+* Design system Toggle component
+*/
+const DsToggle = (t0) => {
+	const $ = c(48);
+	let checked;
+	let children;
+	let className;
+	let label;
+	let labelInfo;
+	let name;
+	let onChange;
+	let onValueChange;
+	let ref;
+	let rest;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({ref, label, name, labelInfo, className, style: t1, onChange, onValueChange, size: t2, children, checked, ...rest} = t0);
+		$[0] = t0;
+		$[1] = checked;
+		$[2] = children;
+		$[3] = className;
+		$[4] = label;
+		$[5] = labelInfo;
+		$[6] = name;
+		$[7] = onChange;
+		$[8] = onValueChange;
+		$[9] = ref;
+		$[10] = rest;
+		$[11] = t1;
+		$[12] = t2;
+	} else {
+		checked = $[1];
+		children = $[2];
+		className = $[3];
+		label = $[4];
+		labelInfo = $[5];
+		name = $[6];
+		onChange = $[7];
+		onValueChange = $[8];
+		ref = $[9];
+		rest = $[10];
+		t1 = $[11];
+		t2 = $[12];
+	}
+	let t3;
+	if ($[13] !== t1) {
+		t3 = t1 === void 0 ? {} : t1;
+		$[13] = t1;
+		$[14] = t3;
+	} else t3 = $[14];
+	const style = t3;
+	const isSmall = (t2 === void 0 ? "default" : t2) === "small";
+	const iconSize = isSmall ? "tiny" : "small";
+	let t4;
+	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = classNames(ds_toggle_module_default.icon, ds_toggle_module_default.iconCheck);
+		$[15] = t4;
+	} else t4 = $[15];
+	const checkIconClass = t4;
+	let t5;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = classNames(ds_toggle_module_default.icon, ds_toggle_module_default.iconClose);
+		$[16] = t5;
+	} else t5 = $[16];
+	const closeIconClass = t5;
+	let t6;
+	if ($[17] !== className || $[18] !== isSmall) {
+		t6 = classNames(ds_toggle_module_default.root, { [ds_toggle_module_default.small]: isSmall }, className);
+		$[17] = className;
+		$[18] = isSmall;
+		$[19] = t6;
+	} else t6 = $[19];
+	const rootClass = t6;
+	let t7;
+	if ($[20] !== onValueChange) {
+		t7 = (e) => {
+			onValueChange?.(e.checked);
+		};
+		$[20] = onValueChange;
+		$[21] = t7;
+	} else t7 = $[21];
+	const handleCheckedChange = t7;
+	const t8 = ref;
+	let t9;
+	if ($[22] !== iconSize) {
+		t9 = /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "check",
+			size: iconSize,
+			className: checkIconClass
+		});
+		$[22] = iconSize;
+		$[23] = t9;
+	} else t9 = $[23];
+	let t10;
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = /* @__PURE__ */ jsx(Switch.Thumb, {});
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== iconSize) {
+		t11 = /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "close",
+			size: iconSize,
+			className: closeIconClass
+		});
+		$[25] = iconSize;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== t11 || $[28] !== t9) {
+		t12 = /* @__PURE__ */ jsxs(Switch.Control, { children: [
+			t9,
+			t10,
+			t11
+		] });
+		$[27] = t11;
+		$[28] = t9;
+		$[29] = t12;
+	} else t12 = $[29];
+	let t13;
+	if ($[30] !== children || $[31] !== isSmall || $[32] !== label || $[33] !== labelInfo) {
+		t13 = label ? /* @__PURE__ */ jsxs(Switch.Label, { children: [/* @__PURE__ */ jsx(ds_typography_default, {
+			variant: isSmall ? "body-xs-md" : "body-sm-md",
+			children: label
+		}), !!labelInfo && /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "body-xs-reg",
+			className: ds_toggle_module_default.labelInfo,
+			children: labelInfo
+		})] }) : children;
+		$[30] = children;
+		$[31] = isSmall;
+		$[32] = label;
+		$[33] = labelInfo;
+		$[34] = t13;
+	} else t13 = $[34];
+	let t14;
+	if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = /* @__PURE__ */ jsx(Switch.HiddenInput, {});
+		$[35] = t14;
+	} else t14 = $[35];
+	let t15;
+	if ($[36] !== checked || $[37] !== handleCheckedChange || $[38] !== label || $[39] !== name || $[40] !== onChange || $[41] !== rest || $[42] !== rootClass || $[43] !== style || $[44] !== t12 || $[45] !== t13 || $[46] !== t8) {
+		t15 = /* @__PURE__ */ jsxs(Switch.Root, {
+			ref: t8,
+			style,
+			className: rootClass,
+			label,
+			checked,
+			name,
+			onCheckedChange: handleCheckedChange,
+			onClick: onChange,
+			...rest,
+			children: [
+				t12,
+				t13,
+				t14
+			]
+		});
+		$[36] = checked;
+		$[37] = handleCheckedChange;
+		$[38] = label;
+		$[39] = name;
+		$[40] = onChange;
+		$[41] = rest;
+		$[42] = rootClass;
+		$[43] = style;
+		$[44] = t12;
+		$[45] = t13;
+		$[46] = t8;
+		$[47] = t15;
+	} else t15 = $[47];
+	return t15;
+};
+var ds_toggle_default = DsToggle;
+
+//#endregion
+export { ds_toggle_default as default };
+//# sourceMappingURL=ds-toggle.js.map

package/dist/components/ds-toggle/ds-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toggle.js","names":["Switch","SwitchCheckedChangeDetails","classNames","DsToggleProps","styles","DsIcon","DsTypography","Ref","DsToggle","t0","$","_c","checked","children","className","label","labelInfo","name","onChange","onValueChange","ref","rest","t1","t2","style","size","t3","undefined","isSmall","iconSize","t4","Symbol","for","icon","iconCheck","checkIconClass","t5","iconClose","closeIconClass","t6","root","small","rootClass","t7","e","handleCheckedChange","t8","HTMLLabelElement","t9","t10","t11","t12","t13","t14","t15"],"sources":["../../../src/components/ds-toggle/ds-toggle.tsx"],"sourcesContent":["import { Switch, type SwitchCheckedChangeDetails } from '@ark-ui/react/switch';\nimport classNames from 'classnames';\nimport type { DsToggleProps } from './ds-toggle.types';\nimport styles from './ds-toggle.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\nimport type { Ref } from 'react';\n\n/**\n * Design system Toggle component\n */\nconst DsToggle = ({\n\tref,\n\tlabel,\n\tname,\n\tlabelInfo,\n\tclassName,\n\tstyle = {},\n\tonChange,\n\tonValueChange,\n\tsize = 'default',\n\tchildren,\n\tchecked,\n\t...rest\n}: DsToggleProps) => {\n\tconst isSmall = size === 'small';\n\tconst iconSize = isSmall ? 'tiny' : 'small';\n\tconst checkIconClass = classNames(styles.icon, styles.iconCheck);\n\tconst closeIconClass = classNames(styles.icon, styles.iconClose);\n\n\tconst rootClass = classNames(\n\t\tstyles.root,\n\t\t{\n\t\t\t[styles.small]: isSmall,\n\t\t},\n\t\tclassName,\n\t);\n\n\tconst handleCheckedChange = (e: SwitchCheckedChangeDetails) => {\n\t\tonValueChange?.(e.checked);\n\t};\n\n\treturn (\n\t\t<Switch.Root\n\t\t\tref={ref as Ref<HTMLLabelElement>}\n\t\t\tstyle={style}\n\t\t\tclassName={rootClass}\n\t\t\tlabel={label}\n\t\t\tchecked={checked}\n\t\t\tname={name}\n\t\t\tonCheckedChange={handleCheckedChange}\n\t\t\tonClick={onChange}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<Switch.Control>\n\t\t\t\t<DsIcon icon=\"check\" size={iconSize} className={checkIconClass} />\n\t\t\t\t<Switch.Thumb />\n\t\t\t\t<DsIcon icon=\"close\" size={iconSize} className={closeIconClass} />\n\t\t\t</Switch.Control>\n\n\t\t\t{label ? (\n\t\t\t\t<Switch.Label>\n\t\t\t\t\t<DsTypography variant={isSmall ? 'body-xs-md' : 'body-sm-md'}>{label}</DsTypography>\n\t\t\t\t\t{!!labelInfo && (\n\t\t\t\t\t\t<DsTypography variant=\"body-xs-reg\" className={styles.labelInfo}>\n\t\t\t\t\t\t\t{labelInfo}\n\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t)}\n\t\t\t\t</Switch.Label>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t)}\n\t\t\t<Switch.HiddenInput />\n\t\t</Switch.Root>\n\t);\n};\n\nexport default DsToggle;\n"],"mappings":"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"}

package/dist/components/ds-toggle/ds-toggle.module.cjs

@@ -0,0 +1,13 @@
+
+//#region src/components/ds-toggle/ds-toggle.module.scss
+var ds_toggle_module_default = {
+	"root": "_root_warw8_1",
+	"small": "_small_warw8_1",
+	"iconCheck": "_iconCheck_warw8_1",
+	"iconClose": "_iconClose_warw8_1",
+	"labelInfo": "_labelInfo_warw8_1",
+	"icon": "_icon_warw8_1"
+};
+
+//#endregion
+exports.default = ds_toggle_module_default;

package/dist/components/ds-toggle/ds-toggle.module.js

@@ -0,0 +1,13 @@
+//#region src/components/ds-toggle/ds-toggle.module.scss
+var ds_toggle_module_default = {
+	"root": "_root_warw8_1",
+	"small": "_small_warw8_1",
+	"iconCheck": "_iconCheck_warw8_1",
+	"iconClose": "_iconClose_warw8_1",
+	"labelInfo": "_labelInfo_warw8_1",
+	"icon": "_icon_warw8_1"
+};
+
+//#endregion
+export { ds_toggle_module_default as default };
+//# sourceMappingURL=ds-toggle.module.js.map

package/dist/components/ds-toggle/ds-toggle.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toggle.module.js","names":[],"sources":["../../../src/components/ds-toggle/ds-toggle.module.scss"],"sourcesContent":[".root {\n\tdisplay: flex;\n\talign-items: flex-start;\n\tposition: relative;\n\twidth: fit-content;\n\n\t--switch-track-width: 36px;\n\t--thumb-size: 16px;\n\t--thumb-gap: 2px;\n\t--transition-duration: 200ms;\n\t--switch-track-diff: calc(var(--switch-track-width) - var(--thumb-size));\n\t--switch-thumb-x: var(--switch-track-diff);\n\t--icon-spacing: 2px;\n\n\t&.small {\n\t\t--switch-track-width: 26px;\n\t\t--thumb-size: 12px;\n\t\t--icon-spacing: 1px;\n\t}\n\n\t[data-part='control'] {\n\t\tposition: relative;\n\t\toutline: 2px solid transparent;\n\t\tdisplay: inline-flex;\n\t\tflex-shrink: 0;\n\t\tjustify-content: flex-start;\n\t\tbox-sizing: content-box;\n\t\tcursor: pointer;\n\t\tborder-radius: 9999px;\n\t\ttransition-property: background-color, color, fill, stroke, opacity, transform, outline-color, opacity;\n\t\ttransition-duration: var(--transition-duration);\n\t\tpadding: var(--thumb-gap);\n\t\twidth: var(--switch-track-width);\n\t\theight: var(--thumb-size);\n\n\t\t&[data-state='unchecked'] {\n\t\t\tbackground: var(--color-background-deselected);\n\n\t\t\t&[data-hover] {\n\t\t\t\tbackground: var(--color-background-deselected-hover);\n\t\t\t}\n\n\t\t\t&[data-focus-visible] {\n\t\t\t\toutline-color: var(--color-background-action-hover);\n\t\t\t\tbackground: var(--color-background-deselected-hover);\n\t\t\t}\n\n\t\t\t.iconCheck {\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\t\t\t.iconClose {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&[data-state='checked'] {\n\t\t\tbackground: var(--color-background-selected);\n\n\t\t\t&[data-hover] {\n\t\t\t\tbackground: var(--color-background-selected-hover);\n\t\t\t}\n\n\t\t\t&[data-focus-visible] {\n\t\t\t\toutline-color: var(--color-background-selected);\n\t\t\t\tbackground: var(--color-background-selected-hover);\n\t\t\t}\n\n\t\t\t.iconCheck {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t.iconClose {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t}\n\n\t\t&[data-disabled] {\n\t\t\tcursor: not-allowed;\n\t\t\tbackground: var(--color-background-disable);\n\n\t\t\t&[data-hover] {\n\t\t\t\tbackground: var(--color-background-deselected-hover);\n\t\t\t}\n\n\t\t\t&[data-focus-visible] {\n\t\t\t\toutline-color: var(--color-background-action-hover);\n\t\t\t\tbackground: var(--color-background-deselected-hover);\n\t\t\t}\n\t\t}\n\t}\n\n\t[data-part='thumb'] {\n\t\tborder-radius: 9999px;\n\t\tposition: relative;\n\t\ttransition-property: transform;\n\t\tbackground: var(--color-background);\n\t\ttransition-duration: var(--transition-duration);\n\t\theight: 100%;\n\t\taspect-ratio: 1/1;\n\n\t\t&:before {\n\t\t\tcontent: '';\n\t\t\ttransition: background-color var(--transition-duration) ease-in-out;\n\t\t\tposition: absolute;\n\t\t\tbackground-color: transparent;\n\t\t\tz-index: 10;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t}\n\n\t\t&[data-state='checked'] {\n\t\t\ttransform: translateX(var(--switch-thumb-x));\n\t\t}\n\t}\n\n\t[data-part='label'] {\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tmargin-left: var(--spacing-xs);\n\n\t\t.labelInfo {\n\t\t\twidth: 100%;\n\t\t\tcolor: var(--color-font-secondary);\n\t\t}\n\n\t\t&[data-disabled] {\n\t\t\tcolor: var(--color-font-disabled);\n\t\t\tcursor: default;\n\n\t\t\t.labelInfo {\n\t\t\t\tcolor: var(--color-background-disable);\n\t\t\t}\n\t\t}\n\t}\n\n\t.icon {\n\t\tcolor: var(--color-icon-inverse);\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t\tpointer-events: none;\n\t}\n\n\t.iconCheck {\n\t\tleft: var(--icon-spacing);\n\t}\n\n\t.iconClose {\n\t\tright: var(--icon-spacing);\n\t}\n}\n"],"mappings":""}

package/dist/components/ds-toggle/ds-toggle.types.d.cts

@@ -0,0 +1,67 @@
+import { CSSProperties, MouseEvent, ReactNode, Ref } from "react";
+
+//#region src/components/ds-toggle/ds-toggle.types.d.ts
+declare const toggleSizes: readonly ["default", "small"];
+type ToggleSize = (typeof toggleSizes)[number];
+/**
+ * Props for the DsToggle component
+ */
+type DsToggleProps = {
+  /**
+   * Forwarded ref for the toggle label element
+   */
+  ref?: Ref<HTMLElement>;
+  /**
+   * Optional form field name
+   */
+  name?: string;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: CSSProperties;
+  /**
+   * Event handler called on user interaction.
+   * Note: prefer `onValueChange` for checked-state changes.
+   */
+  onChange?: (event: MouseEvent<HTMLElement>) => void;
+  /**
+   * Event handler called when the checked state changes
+   */
+  onValueChange?: (checked: boolean) => void;
+  /**
+   * Visual size of the toggle
+   */
+  size?: ToggleSize;
+  /**
+   * Controlled checked state
+   */
+  checked?: boolean;
+  /**
+   * Whether the toggle is disabled
+   */
+  disabled?: boolean;
+} & ({
+  /**
+   * Optional children (e.g., custom label content)
+   */
+  children: ReactNode;
+  label?: never;
+  labelInfo?: never;
+} | {
+  children?: never;
+  /**
+   * Optional label text displayed next to the toggle
+   */
+  label?: string;
+  /**
+   * Optional additional info text displayed below the label
+   */
+  labelInfo?: string;
+});
+//#endregion
+export { DsToggleProps, ToggleSize };
+//# sourceMappingURL=ds-toggle.types.d.cts.map

package/dist/components/ds-toggle/ds-toggle.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toggle.types.d.cts","names":[],"sources":["../../../src/components/ds-toggle/ds-toggle.types.tsx"],"sourcesContent":[],"mappings":";;;cAEa;KACD,UAAA,WAAqB;AADjC;AACA;AAKA;AAIW,KAJC,aAAA,GAID;EAAJ;;;EAqBa,GAAA,CAAA,EArBb,GAqBa,CArBT,WAqBS,CAAA;EAUZ;;;;;;;;;;;UAhBC;;;;;qBAMW,WAAW;;;;;;;;SAUvB;;;;;;;;;;;;;YAgBK"}

package/dist/components/ds-toggle/ds-toggle.types.d.ts

@@ -0,0 +1,67 @@
+import { CSSProperties, MouseEvent, ReactNode, Ref } from "react";
+
+//#region src/components/ds-toggle/ds-toggle.types.d.ts
+declare const toggleSizes: readonly ["default", "small"];
+type ToggleSize = (typeof toggleSizes)[number];
+/**
+ * Props for the DsToggle component
+ */
+type DsToggleProps = {
+  /**
+   * Forwarded ref for the toggle label element
+   */
+  ref?: Ref<HTMLElement>;
+  /**
+   * Optional form field name
+   */
+  name?: string;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: CSSProperties;
+  /**
+   * Event handler called on user interaction.
+   * Note: prefer `onValueChange` for checked-state changes.
+   */
+  onChange?: (event: MouseEvent<HTMLElement>) => void;
+  /**
+   * Event handler called when the checked state changes
+   */
+  onValueChange?: (checked: boolean) => void;
+  /**
+   * Visual size of the toggle
+   */
+  size?: ToggleSize;
+  /**
+   * Controlled checked state
+   */
+  checked?: boolean;
+  /**
+   * Whether the toggle is disabled
+   */
+  disabled?: boolean;
+} & ({
+  /**
+   * Optional children (e.g., custom label content)
+   */
+  children: ReactNode;
+  label?: never;
+  labelInfo?: never;
+} | {
+  children?: never;
+  /**
+   * Optional label text displayed next to the toggle
+   */
+  label?: string;
+  /**
+   * Optional additional info text displayed below the label
+   */
+  labelInfo?: string;
+});
+//#endregion
+export { DsToggleProps, ToggleSize };
+//# sourceMappingURL=ds-toggle.types.d.ts.map

package/dist/components/ds-toggle/ds-toggle.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toggle.types.d.ts","names":[],"sources":["../../../src/components/ds-toggle/ds-toggle.types.tsx"],"sourcesContent":[],"mappings":";;;cAEa;KACD,UAAA,WAAqB;AADjC;AACA;AAKA;AAIW,KAJC,aAAA,GAID;EAAJ;;;EAqBa,GAAA,CAAA,EArBb,GAqBa,CArBT,WAqBS,CAAA;EAUZ;;;;;;;;;;;UAhBC;;;;;qBAMW,WAAW;;;;;;;;SAUvB;;;;;;;;;;;;;YAgBK"}

package/dist/components/ds-toggle/index.cjs

@@ -0,0 +1 @@
+const require_ds_toggle = require('./ds-toggle.cjs');

package/dist/components/ds-toggle/index.d.ts

@@ -0,0 +1,2 @@
+import { DsToggleProps, ToggleSize } from "./ds-toggle.types.js";
+import { DsToggle } from "./ds-toggle.js";

package/dist/components/ds-toggle/index.js

@@ -0,0 +1 @@
+import ds_toggle_default from "./ds-toggle.js";

package/dist/components/ds-vertical-tabs/ds-vertical-tabs.d.cts

@@ -1,5 +1,5 @@
 import { DsVerticalTabsContentProps, DsVerticalTabsListProps, DsVerticalTabsRootProps, DsVerticalTabsTabProps } from "./ds-vertical-tabs.types.cjs";
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
 
@@ -28,22 +28,22 @@ declare const DsVerticalTabs: {
     className,
     style,
     children
-  }: DsVerticalTabsRootProps): react_jsx_runtime41.JSX.Element;
+  }: DsVerticalTabsRootProps): react_jsx_runtime32.JSX.Element;
   List: ({
     className,
     children
-  }: DsVerticalTabsListProps) => react_jsx_runtime41.JSX.Element;
+  }: DsVerticalTabsListProps) => react_jsx_runtime32.JSX.Element;
   Tab: ({
     value,
     disabled,
     className,
     children
-  }: DsVerticalTabsTabProps) => react_jsx_runtime41.JSX.Element;
+  }: DsVerticalTabsTabProps) => react_jsx_runtime32.JSX.Element;
   Content: ({
     value,
     className,
     children
-  }: DsVerticalTabsContentProps) => react_jsx_runtime41.JSX.Element;
+  }: DsVerticalTabsContentProps) => react_jsx_runtime32.JSX.Element;
 };
 //#endregion
 export { DsVerticalTabs };