@drivenets/design-system 0.6.0 → 0.6.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,74 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ds_typography = require('../ds-typography/ds-typography.cjs');
-require('../ds-typography/index.cjs');
-const require_ds_tooltip_module = require('./ds-tooltip.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 react = require("react");
-let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
-_radix_ui_react_tooltip = require_rolldown_runtime.__toESM(_radix_ui_react_tooltip);
-
-//#region src/components/ds-tooltip/ds-tooltip.tsx
-const DsTooltip = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(11);
-	const { content, children } = t0;
-	if (content === void 0) return children;
-	let t1;
-	if ($[0] !== children) {
-		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Trigger, {
-			asChild: true,
-			children
-		});
-		$[0] = children;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = (0, classnames.default)(require_ds_tooltip_module.default.tooltip);
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== content) {
-		t3 = (0, react.isValidElement)(content) ? content : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
-			variant: "body-xs-reg",
-			className: require_ds_tooltip_module.default.content,
-			children: content
-		});
-		$[3] = content;
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Arrow, { className: require_ds_tooltip_module.default.arrow });
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] !== t3) {
-		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_tooltip.Content, {
-			className: t2,
-			side: "top",
-			align: "center",
-			sideOffset: 4,
-			children: [t3, t4]
-		}) });
-		$[6] = t3;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] !== t1 || $[9] !== t5) {
-		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_tooltip.Provider, {
-			delayDuration: 200,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_tooltip.Root, { children: [t1, t5] })
-		});
-		$[8] = t1;
-		$[9] = t5;
-		$[10] = t6;
-	} else t6 = $[10];
-	return t6;
-};
-var ds_tooltip_default = DsTooltip;
-
-//#endregion
-exports.default = ds_tooltip_default;

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

@@ -1,8 +0,0 @@
-import { DsTooltipProps } from "./ds-tooltip.types.cjs";
-import { FC } from "react";
-
-//#region src/components/ds-tooltip/ds-tooltip.d.ts
-declare const DsTooltip: FC<DsTooltipProps>;
-//#endregion
-export { DsTooltip };
-//# sourceMappingURL=ds-tooltip.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-tooltip.d.cts","names":[],"sources":["../../../src/components/ds-tooltip/ds-tooltip.tsx"],"sourcesContent":[],"mappings":";;;;cAOM,WAAW,GAAG"}

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

@@ -1,8 +0,0 @@
-import { DsTooltipProps } from "./ds-tooltip.types.js";
-import { FC } from "react";
-
-//#region src/components/ds-tooltip/ds-tooltip.d.ts
-declare const DsTooltip: FC<DsTooltipProps>;
-//#endregion
-export { DsTooltip };
-//# sourceMappingURL=ds-tooltip.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-tooltip.d.ts","names":[],"sources":["../../../src/components/ds-tooltip/ds-tooltip.tsx"],"sourcesContent":[],"mappings":";;;;cAOM,WAAW,GAAG"}

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

@@ -1,72 +0,0 @@
-import ds_typography_default from "../ds-typography/ds-typography.js";
-import "../ds-typography/index.js";
-import ds_tooltip_module_default from "./ds-tooltip.module.js";
-import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { isValidElement } from "react";
-import * as Tooltip from "@radix-ui/react-tooltip";
-
-//#region src/components/ds-tooltip/ds-tooltip.tsx
-const DsTooltip = (t0) => {
-	const $ = c(11);
-	const { content, children } = t0;
-	if (content === void 0) return children;
-	let t1;
-	if ($[0] !== children) {
-		t1 = /* @__PURE__ */ jsx(Tooltip.Trigger, {
-			asChild: true,
-			children
-		});
-		$[0] = children;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = classNames(ds_tooltip_module_default.tooltip);
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== content) {
-		t3 = isValidElement(content) ? content : /* @__PURE__ */ jsx(ds_typography_default, {
-			variant: "body-xs-reg",
-			className: ds_tooltip_module_default.content,
-			children: content
-		});
-		$[3] = content;
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsx(Tooltip.Arrow, { className: ds_tooltip_module_default.arrow });
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] !== t3) {
-		t5 = /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
-			className: t2,
-			side: "top",
-			align: "center",
-			sideOffset: 4,
-			children: [t3, t4]
-		}) });
-		$[6] = t3;
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] !== t1 || $[9] !== t5) {
-		t6 = /* @__PURE__ */ jsx(Tooltip.Provider, {
-			delayDuration: 200,
-			children: /* @__PURE__ */ jsxs(Tooltip.Root, { children: [t1, t5] })
-		});
-		$[8] = t1;
-		$[9] = t5;
-		$[10] = t6;
-	} else t6 = $[10];
-	return t6;
-};
-var ds_tooltip_default = DsTooltip;
-
-//#endregion
-export { ds_tooltip_default as default };
-//# sourceMappingURL=ds-tooltip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-tooltip.js","names":["FC","isValidElement","Tooltip","classNames","styles","DsTooltipProps","DsTypography","DsTooltip","t0","$","_c","content","children","undefined","t1","t2","Symbol","for","tooltip","t3","t4","arrow","t5","t6"],"sources":["../../../src/components/ds-tooltip/ds-tooltip.tsx"],"sourcesContent":["import { type FC, isValidElement } from 'react';\nimport * as Tooltip from '@radix-ui/react-tooltip';\nimport classNames from 'classnames';\nimport styles from './ds-tooltip.module.scss';\nimport type { DsTooltipProps } from './ds-tooltip.types';\nimport { DsTypography } from '../ds-typography';\n\nconst DsTooltip: FC<DsTooltipProps> = ({ content, children }) => {\n\tif (content === undefined) {\n\t\treturn children;\n\t}\n\treturn (\n\t\t<Tooltip.Provider delayDuration={200}>\n\t\t\t<Tooltip.Root>\n\t\t\t\t<Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n\t\t\t\t<Tooltip.Portal>\n\t\t\t\t\t<Tooltip.Content className={classNames(styles.tooltip)} side=\"top\" align=\"center\" sideOffset={4}>\n\t\t\t\t\t\t{isValidElement(content) ? (\n\t\t\t\t\t\t\tcontent\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<DsTypography variant=\"body-xs-reg\" className={styles.content}>\n\t\t\t\t\t\t\t\t{content}\n\t\t\t\t\t\t\t</DsTypography>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Tooltip.Arrow className={styles.arrow} />\n\t\t\t\t\t</Tooltip.Content>\n\t\t\t\t</Tooltip.Portal>\n\t\t\t</Tooltip.Root>\n\t\t</Tooltip.Provider>\n\t);\n};\n\nexport default DsTooltip;\n"],"mappings":";;;;;;;;;;AAOA,MAAMO,aAAgCC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,SAAAC,aAAAJ;AACtC,KAAIG,YAAYE,OAAS,QACjBD;CACP,IAAAE;AAAA,KAAAL,EAAA,OAAAG,UAAA;AAIEE,OAAA,oBAAA,QAAA;GAAiB,SAAA;GAASF;IAA2B;AAAAH,IAAA,KAAAG;AAAAH,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAO,OAAAC,IAAA,4BAAA,EAAA;AAExBF,OAAAZ,WAAWC,0BAAMc,QAAS;AAAAT,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAE,SAAA;AACpDQ,OAAAlB,eAAeU,QAMf,GANAA,UAGA,oBAAC;GAAqB,SAAA;GAAyB,WAAAP,0BAAMO;aACnDA;IAEF;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAO,OAAAC,IAAA,4BAAA,EAAA;AACDG,OAAA,oBAAA,QAAA,SAA0B,WAAAhB,0BAAMiB,QAAU;AAAAZ,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAU,IAAA;AAT5CG,OAAA,oBAAA,QAAA,oBACC,qBAAA,QAAA;GAA4B,WAAAP;GAAiC,MAAA;GAAY,OAAA;GAAqB,YAAA;cAC5FI,IAODC;IAEF,GAAiB;AAAAX,IAAA,KAAAU;AAAAV,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAK,MAAAL,EAAA,OAAAa,IAAA;AAdnBC,OAAA,oBAAA,QAAA;GAAiC,eAAA;aAChC,qBAAA,QAAA,mBACCT,IACAQ,MAaF;IAAmB;AAAAb,IAAA,KAAAK;AAAAL,IAAA,KAAAa;AAAAb,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QAhBnBc;;AAoBF,yBAAehB"}

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

@@ -1,10 +0,0 @@
-
-//#region src/components/ds-tooltip/ds-tooltip.module.scss
-var ds_tooltip_module_default = {
-	"tooltip": "_tooltip_93aez_1",
-	"content": "_content_93aez_1",
-	"arrow": "_arrow_93aez_1"
-};
-
-//#endregion
-exports.default = ds_tooltip_module_default;

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

@@ -1,10 +0,0 @@
-//#region src/components/ds-tooltip/ds-tooltip.module.scss
-var ds_tooltip_module_default = {
-	"tooltip": "_tooltip_93aez_1",
-	"content": "_content_93aez_1",
-	"arrow": "_arrow_93aez_1"
-};
-
-//#endregion
-export { ds_tooltip_module_default as default };
-//# sourceMappingURL=ds-tooltip.module.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-tooltip.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-tooltip/ds-tooltip.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/typography';\n\n.tooltip {\n\tcolor: var(--color-font-on-action);\n\tbackground-color: var(--color-background-brand);\n\tpadding: var(--spacing-xs) var(--spacing-sm);\n\tborder-radius: var(--exo-spacing-2x-small);\n\t// approx. 6 grid columns\n\tmax-width: 384px;\n\tz-index: 9999;\n\n\t.content {\n\t\t@include typography.line-clamp(3);\n\t}\n}\n\n.arrow {\n\tfill: var(--neutral-1);\n}\n"],"mappings":""}

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

@@ -1,16 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/components/ds-tooltip/ds-tooltip.types.d.ts
-interface DsTooltipProps {
-  /**
-   * Tooltip content
-   */
-  content?: string | ReactNode;
-  /**
-   * The content to be rendered inside the tooltip
-   */
-  children: ReactNode;
-}
-//#endregion
-export { DsTooltipProps };
-//# sourceMappingURL=ds-tooltip.types.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-tooltip.types.d.cts","names":[],"sources":["../../../src/components/ds-tooltip/ds-tooltip.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,cAAA;;AAAjB;;qBAIoB;;;;YAIT"}

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

@@ -1,16 +0,0 @@
-import { ReactNode } from "react";
-
-//#region src/components/ds-tooltip/ds-tooltip.types.d.ts
-interface DsTooltipProps {
-  /**
-   * Tooltip content
-   */
-  content?: string | ReactNode;
-  /**
-   * The content to be rendered inside the tooltip
-   */
-  children: ReactNode;
-}
-//#endregion
-export { DsTooltipProps };
-//# sourceMappingURL=ds-tooltip.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-tooltip.types.d.ts","names":[],"sources":["../../../src/components/ds-tooltip/ds-tooltip.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,cAAA;;AAAjB;;qBAIoB;;;;YAIT"}

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

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

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

@@ -1,2 +0,0 @@
-import { DsTooltipProps } from "./ds-tooltip.types.js";
-import { DsTooltip } from "./ds-tooltip.js";

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

@@ -1 +0,0 @@
-import ds_tooltip_default from "./ds-tooltip.js";