@drivenets/design-system 0.0.3 → 0.0.5

package/dist/components/ds-password-input/ds-password-input.cjs

@@ -2,55 +2,122 @@ 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_password_input_module = require('./ds-password-input.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 = require("@ark-ui/react");
 
 //#region src/components/ds-password-input/ds-password-input.tsx
-const DsPasswordInput = ({ id, ref, name, size = "default", onBlur, onChange, onValueChange, className, style = {}, value, defaultValue, placeholder, disabled = false }) => {
-	const containerClass = (0, classnames.default)(require_ds_password_input_module.default.textInputContainer, {
-		[require_ds_password_input_module.default.small]: size === "small",
-		[require_ds_password_input_module.default.default]: size === "default"
-	}, className);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Root, {
-		disabled,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Control, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+const DsPasswordInput = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(27);
+	const { id, ref, name, size: t1, onBlur, onChange, onValueChange, className, style: t2, value, defaultValue, placeholder, disabled: t3 } = t0;
+	const size = t1 === void 0 ? "default" : t1;
+	let t4;
+	if ($[0] !== t2) {
+		t4 = t2 === void 0 ? {} : t2;
+		$[0] = t2;
+		$[1] = t4;
+	} else t4 = $[1];
+	const style = t4;
+	const disabled = t3 === void 0 ? false : t3;
+	const t5 = size === "small";
+	const t6 = size === "default";
+	let t7;
+	if ($[2] !== className || $[3] !== t5 || $[4] !== t6) {
+		t7 = (0, classnames.default)(require_ds_password_input_module.default.textInputContainer, {
+			[require_ds_password_input_module.default.small]: t5,
+			[require_ds_password_input_module.default.default]: t6
+		}, className);
+		$[2] = className;
+		$[3] = t5;
+		$[4] = t6;
+		$[5] = t7;
+	} else t7 = $[5];
+	const containerClass = t7;
+	let t8;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = (0, classnames.default)(require_ds_password_input_module.default.input);
+		$[6] = t8;
+	} else t8 = $[6];
+	let t9;
+	if ($[7] !== onChange || $[8] !== onValueChange) {
+		t9 = (event) => {
+			onChange?.(event);
+			onValueChange?.(event.target.value);
+		};
+		$[7] = onChange;
+		$[8] = onValueChange;
+		$[9] = t9;
+	} else t9 = $[9];
+	let t10;
+	if ($[10] !== defaultValue || $[11] !== id || $[12] !== name || $[13] !== onBlur || $[14] !== placeholder || $[15] !== ref || $[16] !== t9 || $[17] !== value) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Input, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				id,
+				ref,
+				name,
+				className: t8,
+				value,
+				defaultValue,
+				placeholder,
+				onBlur,
+				onChange: t9
+			})
+		});
+		$[10] = defaultValue;
+		$[11] = id;
+		$[12] = name;
+		$[13] = onBlur;
+		$[14] = placeholder;
+		$[15] = ref;
+		$[16] = t9;
+		$[17] = value;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.VisibilityTrigger, {
+			className: require_ds_password_input_module.default.trigger,
+			"aria-label": "Toggle password visibility",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Indicator, {
+				className: require_ds_password_input_module.default.indicator,
+				fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+					icon: "visibility_off",
+					size: "tiny"
+				}),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+					icon: "visibility",
+					size: "tiny"
+				})
+			})
+		});
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== containerClass || $[21] !== style || $[22] !== t10) {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Control, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: containerClass,
 			style,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Input, {
-				asChild: true,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					id,
-					ref,
-					name,
-					className: (0, classnames.default)(require_ds_password_input_module.default.input),
-					value,
-					defaultValue,
-					placeholder,
-					onBlur,
-					onChange: (event) => {
-						onChange?.(event);
-						onValueChange?.(event.target.value);
-					}
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.VisibilityTrigger, {
-				className: require_ds_password_input_module.default.trigger,
-				"aria-label": "Toggle password visibility",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Indicator, {
-					className: require_ds_password_input_module.default.indicator,
-					fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-						icon: "visibility_off",
-						size: "tiny"
-					}),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-						icon: "visibility",
-						size: "tiny"
-					})
-				})
-			})]
-		}) })
-	});
+			children: [t10, t11]
+		}) });
+		$[20] = containerClass;
+		$[21] = style;
+		$[22] = t10;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== disabled || $[25] !== t12) {
+		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Root, {
+			disabled,
+			children: t12
+		});
+		$[24] = disabled;
+		$[25] = t12;
+		$[26] = t13;
+	} else t13 = $[26];
+	return t13;
 };
 var ds_password_input_default = DsPasswordInput;
 

package/dist/components/ds-password-input/ds-password-input.js

@@ -1,54 +1,121 @@
 import ds_icon_default from "../ds-icon/ds-icon.js";
 import "../ds-icon/index.js";
 import ds_password_input_module_default from "./ds-password-input.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { PasswordInput } from "@ark-ui/react";
 
 //#region src/components/ds-password-input/ds-password-input.tsx
-const DsPasswordInput = ({ id, ref, name, size = "default", onBlur, onChange, onValueChange, className, style = {}, value, defaultValue, placeholder, disabled = false }) => {
-	const containerClass = classNames(ds_password_input_module_default.textInputContainer, {
-		[ds_password_input_module_default.small]: size === "small",
-		[ds_password_input_module_default.default]: size === "default"
-	}, className);
-	return /* @__PURE__ */ jsx(PasswordInput.Root, {
-		disabled,
-		children: /* @__PURE__ */ jsx(PasswordInput.Control, { children: /* @__PURE__ */ jsxs("div", {
+const DsPasswordInput = (t0) => {
+	const $ = c(27);
+	const { id, ref, name, size: t1, onBlur, onChange, onValueChange, className, style: t2, value, defaultValue, placeholder, disabled: t3 } = t0;
+	const size = t1 === void 0 ? "default" : t1;
+	let t4;
+	if ($[0] !== t2) {
+		t4 = t2 === void 0 ? {} : t2;
+		$[0] = t2;
+		$[1] = t4;
+	} else t4 = $[1];
+	const style = t4;
+	const disabled = t3 === void 0 ? false : t3;
+	const t5 = size === "small";
+	const t6 = size === "default";
+	let t7;
+	if ($[2] !== className || $[3] !== t5 || $[4] !== t6) {
+		t7 = classNames(ds_password_input_module_default.textInputContainer, {
+			[ds_password_input_module_default.small]: t5,
+			[ds_password_input_module_default.default]: t6
+		}, className);
+		$[2] = className;
+		$[3] = t5;
+		$[4] = t6;
+		$[5] = t7;
+	} else t7 = $[5];
+	const containerClass = t7;
+	let t8;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = classNames(ds_password_input_module_default.input);
+		$[6] = t8;
+	} else t8 = $[6];
+	let t9;
+	if ($[7] !== onChange || $[8] !== onValueChange) {
+		t9 = (event) => {
+			onChange?.(event);
+			onValueChange?.(event.target.value);
+		};
+		$[7] = onChange;
+		$[8] = onValueChange;
+		$[9] = t9;
+	} else t9 = $[9];
+	let t10;
+	if ($[10] !== defaultValue || $[11] !== id || $[12] !== name || $[13] !== onBlur || $[14] !== placeholder || $[15] !== ref || $[16] !== t9 || $[17] !== value) {
+		t10 = /* @__PURE__ */ jsx(PasswordInput.Input, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx("input", {
+				id,
+				ref,
+				name,
+				className: t8,
+				value,
+				defaultValue,
+				placeholder,
+				onBlur,
+				onChange: t9
+			})
+		});
+		$[10] = defaultValue;
+		$[11] = id;
+		$[12] = name;
+		$[13] = onBlur;
+		$[14] = placeholder;
+		$[15] = ref;
+		$[16] = t9;
+		$[17] = value;
+		$[18] = t10;
+	} else t10 = $[18];
+	let t11;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = /* @__PURE__ */ jsx(PasswordInput.VisibilityTrigger, {
+			className: ds_password_input_module_default.trigger,
+			"aria-label": "Toggle password visibility",
+			children: /* @__PURE__ */ jsx(PasswordInput.Indicator, {
+				className: ds_password_input_module_default.indicator,
+				fallback: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "visibility_off",
+					size: "tiny"
+				}),
+				children: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "visibility",
+					size: "tiny"
+				})
+			})
+		});
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== containerClass || $[21] !== style || $[22] !== t10) {
+		t12 = /* @__PURE__ */ jsx(PasswordInput.Control, { children: /* @__PURE__ */ jsxs("div", {
 			className: containerClass,
 			style,
-			children: [/* @__PURE__ */ jsx(PasswordInput.Input, {
-				asChild: true,
-				children: /* @__PURE__ */ jsx("input", {
-					id,
-					ref,
-					name,
-					className: classNames(ds_password_input_module_default.input),
-					value,
-					defaultValue,
-					placeholder,
-					onBlur,
-					onChange: (event) => {
-						onChange?.(event);
-						onValueChange?.(event.target.value);
-					}
-				})
-			}), /* @__PURE__ */ jsx(PasswordInput.VisibilityTrigger, {
-				className: ds_password_input_module_default.trigger,
-				"aria-label": "Toggle password visibility",
-				children: /* @__PURE__ */ jsx(PasswordInput.Indicator, {
-					className: ds_password_input_module_default.indicator,
-					fallback: /* @__PURE__ */ jsx(ds_icon_default, {
-						icon: "visibility_off",
-						size: "tiny"
-					}),
-					children: /* @__PURE__ */ jsx(ds_icon_default, {
-						icon: "visibility",
-						size: "tiny"
-					})
-				})
-			})]
-		}) })
-	});
+			children: [t10, t11]
+		}) });
+		$[20] = containerClass;
+		$[21] = style;
+		$[22] = t10;
+		$[23] = t12;
+	} else t12 = $[23];
+	let t13;
+	if ($[24] !== disabled || $[25] !== t12) {
+		t13 = /* @__PURE__ */ jsx(PasswordInput.Root, {
+			disabled,
+			children: t12
+		});
+		$[24] = disabled;
+		$[25] = t12;
+		$[26] = t13;
+	} else t13 = $[26];
+	return t13;
 };
 var ds_password_input_default = DsPasswordInput;
 

package/dist/components/ds-password-input/ds-password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-password-input.js","names":["DsPasswordInput: FC<DsPasswordInputProps>","styles","DsIcon"],"sources":["../../../src/components/ds-password-input/ds-password-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport classNames from 'classnames';\nimport { PasswordInput } from '@ark-ui/react';\nimport styles from './ds-password-input.module.scss';\nimport type { DsPasswordInputProps } from './ds-password-input.types';\nimport { DsIcon } from '../ds-icon';\n\nconst DsPasswordInput: FC<DsPasswordInputProps> = ({\n\tid,\n\tref,\n\tname,\n\tsize = 'default',\n\tonBlur,\n\tonChange,\n\tonValueChange,\n\tclassName,\n\tstyle = {},\n\tvalue,\n\tdefaultValue,\n\tplaceholder,\n\tdisabled = false,\n}) => {\n\tconst containerClass = classNames(\n\t\tstyles.textInputContainer,\n\t\t{\n\t\t\t[styles.small]: size === 'small',\n\t\t\t[styles.default]: size === 'default',\n\t\t},\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<PasswordInput.Root disabled={disabled}>\n\t\t\t<PasswordInput.Control>\n\t\t\t\t<div className={containerClass} style={style}>\n\t\t\t\t\t<PasswordInput.Input asChild>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tclassName={classNames(styles.input)}\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\t\t\tonChange={(event) => {\n\t\t\t\t\t\t\t\tonChange?.(event);\n\t\t\t\t\t\t\t\tonValueChange?.(event.target.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PasswordInput.Input>\n\n\t\t\t\t\t<PasswordInput.VisibilityTrigger className={styles.trigger} aria-label=\"Toggle password visibility\">\n\t\t\t\t\t\t<PasswordInput.Indicator\n\t\t\t\t\t\t\tclassName={styles.indicator}\n\t\t\t\t\t\t\tfallback={<DsIcon icon=\"visibility_off\" size=\"tiny\" />}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"visibility\" size=\"tiny\" />\n\t\t\t\t\t\t</PasswordInput.Indicator>\n\t\t\t\t\t</PasswordInput.VisibilityTrigger>\n\t\t\t\t</div>\n\t\t\t</PasswordInput.Control>\n\t\t</PasswordInput.Root>\n\t);\n};\n\nexport default DsPasswordInput;\n"],"mappings":";;;;;;;;AAOA,MAAMA,mBAA6C,EAClD,IACA,KACA,MACA,OAAO,WACP,QACA,UACA,eACA,WACA,QAAQ,EAAE,EACV,OACA,cACA,aACA,WAAW,YACN;CACL,MAAM,iBAAiB,WACtBC,iCAAO,oBACP;GACEA,iCAAO,QAAQ,SAAS;GACxBA,iCAAO,UAAU,SAAS;EAC3B,EACD,UACA;AAED,QACC,oBAAC,cAAc;EAAe;YAC7B,oBAAC,cAAc,qBACd,qBAAC;GAAI,WAAW;GAAuB;cACtC,oBAAC,cAAc;IAAM;cACpB,oBAAC;KACI;KACC;KACC;KACN,WAAW,WAAWA,iCAAO,MAAM;KAC5B;KACO;KACD;KACL;KACR,WAAW,UAAU;AACpB,iBAAW,MAAM;AACjB,sBAAgB,MAAM,OAAO,MAAM;;MAEnC;KACmB,EAEtB,oBAAC,cAAc;IAAkB,WAAWA,iCAAO;IAAS,cAAW;cACtE,oBAAC,cAAc;KACd,WAAWA,iCAAO;KAClB,UAAU,oBAACC;MAAO,MAAK;MAAiB,MAAK;OAAS;eAEtD,oBAACA;MAAO,MAAK;MAAa,MAAK;OAAS;MACf;KACO;IAC7B,GACiB;GACJ;;AAIvB,gCAAe"}
+{"version":3,"file":"ds-password-input.js","names":["FC","classNames","PasswordInput","styles","DsPasswordInputProps","DsIcon","DsPasswordInput","t0","$","_c","id","ref","name","size","t1","onBlur","onChange","onValueChange","className","style","t2","value","defaultValue","placeholder","disabled","t3","undefined","t4","t5","t6","t7","textInputContainer","small","default","containerClass","t8","Symbol","for","input","t9","event","target","t10","t11","trigger","indicator","t12","t13"],"sources":["../../../src/components/ds-password-input/ds-password-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport classNames from 'classnames';\nimport { PasswordInput } from '@ark-ui/react';\nimport styles from './ds-password-input.module.scss';\nimport type { DsPasswordInputProps } from './ds-password-input.types';\nimport { DsIcon } from '../ds-icon';\n\nconst DsPasswordInput: FC<DsPasswordInputProps> = ({\n\tid,\n\tref,\n\tname,\n\tsize = 'default',\n\tonBlur,\n\tonChange,\n\tonValueChange,\n\tclassName,\n\tstyle = {},\n\tvalue,\n\tdefaultValue,\n\tplaceholder,\n\tdisabled = false,\n}) => {\n\tconst containerClass = classNames(\n\t\tstyles.textInputContainer,\n\t\t{\n\t\t\t[styles.small]: size === 'small',\n\t\t\t[styles.default]: size === 'default',\n\t\t},\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<PasswordInput.Root disabled={disabled}>\n\t\t\t<PasswordInput.Control>\n\t\t\t\t<div className={containerClass} style={style}>\n\t\t\t\t\t<PasswordInput.Input asChild>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tclassName={classNames(styles.input)}\n\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\tdefaultValue={defaultValue}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\t\t\tonChange={(event) => {\n\t\t\t\t\t\t\t\tonChange?.(event);\n\t\t\t\t\t\t\t\tonValueChange?.(event.target.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</PasswordInput.Input>\n\n\t\t\t\t\t<PasswordInput.VisibilityTrigger className={styles.trigger} aria-label=\"Toggle password visibility\">\n\t\t\t\t\t\t<PasswordInput.Indicator\n\t\t\t\t\t\t\tclassName={styles.indicator}\n\t\t\t\t\t\t\tfallback={<DsIcon icon=\"visibility_off\" size=\"tiny\" />}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon=\"visibility\" size=\"tiny\" />\n\t\t\t\t\t\t</PasswordInput.Indicator>\n\t\t\t\t\t</PasswordInput.VisibilityTrigger>\n\t\t\t\t</div>\n\t\t\t</PasswordInput.Control>\n\t\t</PasswordInput.Root>\n\t);\n};\n\nexport default DsPasswordInput;\n"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ds_popover_module = require('./ds-popover.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");
@@ -7,18 +8,55 @@ let __radix_ui_react_popover = require("@radix-ui/react-popover");
 __radix_ui_react_popover = require_rolldown_runtime.__toESM(__radix_ui_react_popover);
 
 //#region src/components/ds-popover/ds-popover.tsx
-const DsPopover = ({ trigger, children, className, align = "center", side = "top" }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_popover.Root, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Trigger, {
-		asChild: true,
-		children: trigger
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_popover.Content, {
-		side,
-		align,
-		sideOffset: 8,
-		collisionPadding: 16,
-		className: (0, classnames.default)(require_ds_popover_module.default.content, className),
-		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Arrow, { className: require_ds_popover_module.default.arrow })]
-	}) })] });
+const DsPopover = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(13);
+	const { trigger, children, className, align: t1, side: t2 } = t0;
+	const align = t1 === void 0 ? "center" : t1;
+	const side = t2 === void 0 ? "top" : t2;
+	let t3;
+	if ($[0] !== trigger) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Trigger, {
+			asChild: true,
+			children: trigger
+		});
+		$[0] = trigger;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== className) {
+		t4 = (0, classnames.default)(require_ds_popover_module.default.content, className);
+		$[2] = className;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Arrow, { className: require_ds_popover_module.default.arrow });
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== align || $[6] !== children || $[7] !== side || $[8] !== t4) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_popover.Content, {
+			side,
+			align,
+			sideOffset: 8,
+			collisionPadding: 16,
+			className: t4,
+			children: [children, t5]
+		}) });
+		$[5] = align;
+		$[6] = children;
+		$[7] = side;
+		$[8] = t4;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== t3 || $[11] !== t6) {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_popover.Root, { children: [t3, t6] });
+		$[10] = t3;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
+	return t7;
 };
 var ds_popover_default = DsPopover;
 

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

@@ -1,21 +1,59 @@
 import ds_popover_module_default from "./ds-popover.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Popover from "@radix-ui/react-popover";
 
 //#region src/components/ds-popover/ds-popover.tsx
-const DsPopover = ({ trigger, children, className, align = "center", side = "top" }) => {
-	return /* @__PURE__ */ jsxs(Popover.Root, { children: [/* @__PURE__ */ jsx(Popover.Trigger, {
-		asChild: true,
-		children: trigger
-	}), /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(Popover.Content, {
-		side,
-		align,
-		sideOffset: 8,
-		collisionPadding: 16,
-		className: classNames(ds_popover_module_default.content, className),
-		children: [children, /* @__PURE__ */ jsx(Popover.Arrow, { className: ds_popover_module_default.arrow })]
-	}) })] });
+const DsPopover = (t0) => {
+	const $ = c(13);
+	const { trigger, children, className, align: t1, side: t2 } = t0;
+	const align = t1 === void 0 ? "center" : t1;
+	const side = t2 === void 0 ? "top" : t2;
+	let t3;
+	if ($[0] !== trigger) {
+		t3 = /* @__PURE__ */ jsx(Popover.Trigger, {
+			asChild: true,
+			children: trigger
+		});
+		$[0] = trigger;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== className) {
+		t4 = classNames(ds_popover_module_default.content, className);
+		$[2] = className;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Popover.Arrow, { className: ds_popover_module_default.arrow });
+		$[4] = t5;
+	} else t5 = $[4];
+	let t6;
+	if ($[5] !== align || $[6] !== children || $[7] !== side || $[8] !== t4) {
+		t6 = /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsxs(Popover.Content, {
+			side,
+			align,
+			sideOffset: 8,
+			collisionPadding: 16,
+			className: t4,
+			children: [children, t5]
+		}) });
+		$[5] = align;
+		$[6] = children;
+		$[7] = side;
+		$[8] = t4;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== t3 || $[11] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Popover.Root, { children: [t3, t6] });
+		$[10] = t3;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
+	return t7;
 };
 var ds_popover_default = DsPopover;
 

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

@@ -1 +1 @@
-{"version":3,"file":"ds-popover.js","names":["DsPopover: React.FC<DsPopoverProps>","styles"],"sources":["../../../src/components/ds-popover/ds-popover.tsx"],"sourcesContent":["import type React from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport classNames from 'classnames';\nimport styles from './ds-popover.module.scss';\nimport type { DsPopoverProps } from './ds-popover.types';\n\nconst DsPopover: React.FC<DsPopoverProps> = ({\n\ttrigger,\n\tchildren,\n\tclassName,\n\talign = 'center',\n\tside = 'top',\n}) => {\n\treturn (\n\t\t<Popover.Root>\n\t\t\t<Popover.Trigger asChild>{trigger}</Popover.Trigger>\n\t\t\t<Popover.Portal>\n\t\t\t\t<Popover.Content\n\t\t\t\t\tside={side}\n\t\t\t\t\talign={align}\n\t\t\t\t\tsideOffset={8}\n\t\t\t\t\tcollisionPadding={16}\n\t\t\t\t\tclassName={classNames(styles.content, className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t\t<Popover.Arrow className={styles.arrow} />\n\t\t\t\t</Popover.Content>\n\t\t\t</Popover.Portal>\n\t\t</Popover.Root>\n\t);\n};\n\nexport default DsPopover;\n"],"mappings":";;;;;;AAMA,MAAMA,aAAuC,EAC5C,SACA,UACA,WACA,QAAQ,UACR,OAAO,YACF;AACL,QACC,qBAAC,QAAQ,mBACR,oBAAC,QAAQ;EAAQ;YAAS;GAA0B,EACpD,oBAAC,QAAQ,oBACR,qBAAC,QAAQ;EACF;EACC;EACP,YAAY;EACZ,kBAAkB;EAClB,WAAW,WAAWC,0BAAO,SAAS,UAAU;aAE/C,UACD,oBAAC,QAAQ,SAAM,WAAWA,0BAAO,QAAS;GACzB,GACF,IACH;;AAIjB,yBAAe"}
+{"version":3,"file":"ds-popover.js","names":["React","Popover","classNames","styles","DsPopoverProps","DsPopover","FC","t0","$","_c","trigger","children","className","align","t1","side","t2","undefined","t3","t4","content","t5","Symbol","for","arrow","t6","t7"],"sources":["../../../src/components/ds-popover/ds-popover.tsx"],"sourcesContent":["import type React from 'react';\nimport * as Popover from '@radix-ui/react-popover';\nimport classNames from 'classnames';\nimport styles from './ds-popover.module.scss';\nimport type { DsPopoverProps } from './ds-popover.types';\n\nconst DsPopover: React.FC<DsPopoverProps> = ({\n\ttrigger,\n\tchildren,\n\tclassName,\n\talign = 'center',\n\tside = 'top',\n}) => {\n\treturn (\n\t\t<Popover.Root>\n\t\t\t<Popover.Trigger asChild>{trigger}</Popover.Trigger>\n\t\t\t<Popover.Portal>\n\t\t\t\t<Popover.Content\n\t\t\t\t\tside={side}\n\t\t\t\t\talign={align}\n\t\t\t\t\tsideOffset={8}\n\t\t\t\t\tcollisionPadding={16}\n\t\t\t\t\tclassName={classNames(styles.content, className)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t\t<Popover.Arrow className={styles.arrow} />\n\t\t\t\t</Popover.Content>\n\t\t\t</Popover.Portal>\n\t\t</Popover.Root>\n\t);\n};\n\nexport default DsPopover;\n"],"mappings":";;;;;;;AAMA,MAAMK,aAAsCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,SAAAC,UAAAC,WAAAC,OAAAC,IAAAC,MAAAC,OAAAT;CAI5C,MAAAM,QAAAC,OAAAG,SAAA,WAAAH;CACA,MAAAC,OAAAC,OAAAC,SAAA,QAAAD;CAAY,IAAAE;AAAA,KAAAV,EAAA,OAAAE,SAAA;AAIVQ,OAAA,oBAAA,QAAA;GAAiB,SAAA;aAASR;IAA0B;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAI,WAAA;AAOvCO,OAAAjB,WAAWC,0BAAMiB,SAAUR,UAAU;AAAAJ,IAAA,KAAAI;AAAAJ,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,OAAAc,OAAAC,IAAA,4BAAA,EAAA;AAGhDF,OAAA,oBAAA,QAAA,SAA0B,WAAAlB,0BAAMqB,QAAU;AAAAhB,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAK,SAAAL,EAAA,OAAAG,YAAAH,EAAA,OAAAO,QAAAP,EAAA,OAAAW,IAAA;AAT5CM,OAAA,oBAAA,QAAA,oBACC,qBAAA,QAAA;GACOV;GACCF;GACK,YAAA;GACM,kBAAA;GACP,WAAAM;cAEVR,UACDU;IAEF,GAAiB;AAAAb,IAAA,KAAAK;AAAAL,IAAA,KAAAG;AAAAH,IAAA,KAAAO;AAAAP,IAAA,KAAAW;AAAAX,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAU,MAAAV,EAAA,QAAAiB,IAAA;AAblBC,OAAA,qBAAA,QAAA,mBACCR,IACAO,MAYc;AAAAjB,IAAA,MAAAU;AAAAV,IAAA,MAAAiB;AAAAjB,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QAdfkB;;AAkBF,yBAAerB"}