@drivenets/design-system 0.0.3 → 0.0.5

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

@@ -1,67 +1,154 @@
 import ds_icon_default from "../ds-icon/ds-icon.js";
 import "../ds-icon/index.js";
 import ds_number_input_module_default from "./ds-number-input.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NumberInput } from "@ark-ui/react";
 
 //#region src/components/ds-number-input/ds-number-input.tsx
-const DsNumberInput = ({ id, ref, name, size = "default", onBlur, onChange, onValueChange, className, style = {}, placeholder, disabled = false, min, max, step, value, defaultValue }) => {
-	const containerClass = classNames(ds_number_input_module_default.textInputContainer, {
-		[ds_number_input_module_default.small]: size === "small",
-		[ds_number_input_module_default.default]: size === "default"
-	}, className);
-	return /* @__PURE__ */ jsx(NumberInput.Root, {
-		id,
-		min,
-		max,
-		step,
-		disabled,
-		value: typeof value !== "undefined" ? String(value) : void 0,
-		defaultValue: typeof defaultValue !== "undefined" ? String(defaultValue) : void 0,
-		onValueChange: (details) => onValueChange?.(details.valueAsNumber),
-		children: /* @__PURE__ */ jsx(NumberInput.Control, {
+const DsNumberInput = (t0) => {
+	const $ = c(33);
+	const { id, ref, name, size: t1, onBlur, onChange, onValueChange, className, style: t2, placeholder, disabled: t3, min, max, step, value, defaultValue } = 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_number_input_module_default.textInputContainer, {
+			[ds_number_input_module_default.small]: t5,
+			[ds_number_input_module_default.default]: t6
+		}, className);
+		$[2] = className;
+		$[3] = t5;
+		$[4] = t6;
+		$[5] = t7;
+	} else t7 = $[5];
+	const containerClass = t7;
+	const t8 = typeof value !== "undefined" ? String(value) : void 0;
+	const t9 = typeof defaultValue !== "undefined" ? String(defaultValue) : void 0;
+	let t10;
+	if ($[6] !== onValueChange) {
+		t10 = (details) => onValueChange?.(details.valueAsNumber);
+		$[6] = onValueChange;
+		$[7] = t10;
+	} else t10 = $[7];
+	let t11;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = classNames(ds_number_input_module_default.iconButton);
+		$[8] = t11;
+	} else t11 = $[8];
+	let t12;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: t11,
+				"aria-label": "Decrease value",
+				children: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "remove",
+					size: "tiny"
+				})
+			})
+		});
+		$[9] = t12;
+	} else t12 = $[9];
+	let t13;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = classNames(ds_number_input_module_default.input);
+		$[10] = t13;
+	} else t13 = $[10];
+	let t14;
+	if ($[11] !== name || $[12] !== onBlur || $[13] !== onChange || $[14] !== placeholder || $[15] !== ref) {
+		t14 = /* @__PURE__ */ jsx(NumberInput.Input, {
+			ref,
+			name,
+			className: t13,
+			placeholder,
+			onBlur,
+			onChange
+		});
+		$[11] = name;
+		$[12] = onBlur;
+		$[13] = onChange;
+		$[14] = placeholder;
+		$[15] = ref;
+		$[16] = t14;
+	} else t14 = $[16];
+	let t15;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = classNames(ds_number_input_module_default.iconButton);
+		$[17] = t15;
+	} else t15 = $[17];
+	let t16;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t16 = /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: t15,
+				"aria-label": "Increase value",
+				children: /* @__PURE__ */ jsx(ds_icon_default, {
+					icon: "add",
+					size: "tiny"
+				})
+			})
+		});
+		$[18] = t16;
+	} else t16 = $[18];
+	let t17;
+	if ($[19] !== containerClass || $[20] !== style || $[21] !== t14) {
+		t17 = /* @__PURE__ */ jsx(NumberInput.Control, {
 			asChild: true,
 			children: /* @__PURE__ */ jsxs("div", {
 				className: containerClass,
 				style,
 				children: [
-					/* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {
-						asChild: true,
-						children: /* @__PURE__ */ jsx("button", {
-							type: "button",
-							className: classNames(ds_number_input_module_default.iconButton),
-							"aria-label": "Decrease value",
-							children: /* @__PURE__ */ jsx(ds_icon_default, {
-								icon: "remove",
-								size: "tiny"
-							})
-						})
-					}),
-					/* @__PURE__ */ jsx(NumberInput.Input, {
-						ref,
-						name,
-						className: classNames(ds_number_input_module_default.input),
-						placeholder,
-						onBlur,
-						onChange
-					}),
-					/* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {
-						asChild: true,
-						children: /* @__PURE__ */ jsx("button", {
-							type: "button",
-							className: classNames(ds_number_input_module_default.iconButton),
-							"aria-label": "Increase value",
-							children: /* @__PURE__ */ jsx(ds_icon_default, {
-								icon: "add",
-								size: "tiny"
-							})
-						})
-					})
+					t12,
+					t14,
+					t16
 				]
 			})
-		})
-	});
+		});
+		$[19] = containerClass;
+		$[20] = style;
+		$[21] = t14;
+		$[22] = t17;
+	} else t17 = $[22];
+	let t18;
+	if ($[23] !== disabled || $[24] !== id || $[25] !== max || $[26] !== min || $[27] !== step || $[28] !== t10 || $[29] !== t17 || $[30] !== t8 || $[31] !== t9) {
+		t18 = /* @__PURE__ */ jsx(NumberInput.Root, {
+			id,
+			min,
+			max,
+			step,
+			disabled,
+			value: t8,
+			defaultValue: t9,
+			onValueChange: t10,
+			children: t17
+		});
+		$[23] = disabled;
+		$[24] = id;
+		$[25] = max;
+		$[26] = min;
+		$[27] = step;
+		$[28] = t10;
+		$[29] = t17;
+		$[30] = t8;
+		$[31] = t9;
+		$[32] = t18;
+	} else t18 = $[32];
+	return t18;
 };
 var ds_number_input_default = DsNumberInput;
 

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

@@ -1 +1 @@
-{"version":3,"file":"ds-number-input.js","names":["DsNumberInput: FC<DsNumberInputProps>","styles","DsIcon"],"sources":["../../../src/components/ds-number-input/ds-number-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport classNames from 'classnames';\nimport { NumberInput } from '@ark-ui/react';\nimport styles from './ds-number-input.module.scss';\nimport type { DsNumberInputProps } from './ds-number-input.types';\nimport { DsIcon } from '../ds-icon';\n\nconst DsNumberInput: FC<DsNumberInputProps> = ({\n\tid,\n\tref,\n\tname,\n\tsize = 'default',\n\tonBlur,\n\tonChange,\n\tonValueChange,\n\tclassName,\n\tstyle = {},\n\tplaceholder,\n\tdisabled = false,\n\tmin,\n\tmax,\n\tstep,\n\tvalue,\n\tdefaultValue,\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<NumberInput.Root\n\t\t\tid={id}\n\t\t\tmin={min}\n\t\t\tmax={max}\n\t\t\tstep={step}\n\t\t\tdisabled={disabled}\n\t\t\tvalue={typeof value !== 'undefined' ? String(value) : undefined}\n\t\t\tdefaultValue={typeof defaultValue !== 'undefined' ? String(defaultValue) : undefined}\n\t\t\tonValueChange={(details) => onValueChange?.(details.valueAsNumber)}\n\t\t>\n\t\t\t<NumberInput.Control asChild>\n\t\t\t\t<div className={containerClass} style={style}>\n\t\t\t\t\t<NumberInput.DecrementTrigger asChild>\n\t\t\t\t\t\t<button type=\"button\" className={classNames(styles.iconButton)} aria-label=\"Decrease value\">\n\t\t\t\t\t\t\t<DsIcon icon=\"remove\" size=\"tiny\" />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</NumberInput.DecrementTrigger>\n\n\t\t\t\t\t<NumberInput.Input\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tname={name}\n\t\t\t\t\t\tclassName={classNames(styles.input)}\n\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t></NumberInput.Input>\n\n\t\t\t\t\t<NumberInput.IncrementTrigger asChild>\n\t\t\t\t\t\t<button type=\"button\" className={classNames(styles.iconButton)} aria-label=\"Increase value\">\n\t\t\t\t\t\t\t<DsIcon icon=\"add\" size=\"tiny\" />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</NumberInput.IncrementTrigger>\n\t\t\t\t</div>\n\t\t\t</NumberInput.Control>\n\t\t</NumberInput.Root>\n\t);\n};\n\nexport default DsNumberInput;\n"],"mappings":";;;;;;;;AAOA,MAAMA,iBAAyC,EAC9C,IACA,KACA,MACA,OAAO,WACP,QACA,UACA,eACA,WACA,QAAQ,EAAE,EACV,aACA,WAAW,OACX,KACA,KACA,MACA,OACA,mBACK;CACL,MAAM,iBAAiB,WACtBC,+BAAO,oBACP;GACEA,+BAAO,QAAQ,SAAS;GACxBA,+BAAO,UAAU,SAAS;EAC3B,EACD,UACA;AAED,QACC,oBAAC,YAAY;EACR;EACC;EACA;EACC;EACI;EACV,OAAO,OAAO,UAAU,cAAc,OAAO,MAAM,GAAG;EACtD,cAAc,OAAO,iBAAiB,cAAc,OAAO,aAAa,GAAG;EAC3E,gBAAgB,YAAY,gBAAgB,QAAQ,cAAc;YAElE,oBAAC,YAAY;GAAQ;aACpB,qBAAC;IAAI,WAAW;IAAuB;;KACtC,oBAAC,YAAY;MAAiB;gBAC7B,oBAAC;OAAO,MAAK;OAAS,WAAW,WAAWA,+BAAO,WAAW;OAAE,cAAW;iBAC1E,oBAACC;QAAO,MAAK;QAAS,MAAK;SAAS;QAC5B;OACqB;KAE/B,oBAAC,YAAY;MACP;MACC;MACN,WAAW,WAAWD,+BAAO,MAAM;MACtB;MACL;MACE;OACU;KAErB,oBAAC,YAAY;MAAiB;gBAC7B,oBAAC;OAAO,MAAK;OAAS,WAAW,WAAWA,+BAAO,WAAW;OAAE,cAAW;iBAC1E,oBAACC;QAAO,MAAK;QAAM,MAAK;SAAS;QACzB;OACqB;;KAC1B;IACe;GACJ;;AAIrB,8BAAe"}
+{"version":3,"file":"ds-number-input.js","names":["FC","classNames","NumberInput","styles","DsNumberInputProps","DsIcon","DsNumberInput","t0","$","_c","id","ref","name","size","t1","onBlur","onChange","onValueChange","className","style","t2","placeholder","disabled","t3","min","max","step","value","defaultValue","undefined","t4","t5","t6","t7","textInputContainer","small","default","containerClass","t8","String","t9","t10","details","valueAsNumber","t11","Symbol","for","iconButton","t12","t13","input","t14","t15","t16","t17","t18"],"sources":["../../../src/components/ds-number-input/ds-number-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport classNames from 'classnames';\nimport { NumberInput } from '@ark-ui/react';\nimport styles from './ds-number-input.module.scss';\nimport type { DsNumberInputProps } from './ds-number-input.types';\nimport { DsIcon } from '../ds-icon';\n\nconst DsNumberInput: FC<DsNumberInputProps> = ({\n\tid,\n\tref,\n\tname,\n\tsize = 'default',\n\tonBlur,\n\tonChange,\n\tonValueChange,\n\tclassName,\n\tstyle = {},\n\tplaceholder,\n\tdisabled = false,\n\tmin,\n\tmax,\n\tstep,\n\tvalue,\n\tdefaultValue,\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<NumberInput.Root\n\t\t\tid={id}\n\t\t\tmin={min}\n\t\t\tmax={max}\n\t\t\tstep={step}\n\t\t\tdisabled={disabled}\n\t\t\tvalue={typeof value !== 'undefined' ? String(value) : undefined}\n\t\t\tdefaultValue={typeof defaultValue !== 'undefined' ? String(defaultValue) : undefined}\n\t\t\tonValueChange={(details) => onValueChange?.(details.valueAsNumber)}\n\t\t>\n\t\t\t<NumberInput.Control asChild>\n\t\t\t\t<div className={containerClass} style={style}>\n\t\t\t\t\t<NumberInput.DecrementTrigger asChild>\n\t\t\t\t\t\t<button type=\"button\" className={classNames(styles.iconButton)} aria-label=\"Decrease value\">\n\t\t\t\t\t\t\t<DsIcon icon=\"remove\" size=\"tiny\" />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</NumberInput.DecrementTrigger>\n\n\t\t\t\t\t<NumberInput.Input\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\tname={name}\n\t\t\t\t\t\tclassName={classNames(styles.input)}\n\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t></NumberInput.Input>\n\n\t\t\t\t\t<NumberInput.IncrementTrigger asChild>\n\t\t\t\t\t\t<button type=\"button\" className={classNames(styles.iconButton)} aria-label=\"Increase value\">\n\t\t\t\t\t\t\t<DsIcon icon=\"add\" size=\"tiny\" />\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</NumberInput.IncrementTrigger>\n\t\t\t\t</div>\n\t\t\t</NumberInput.Control>\n\t\t</NumberInput.Root>\n\t);\n};\n\nexport default DsNumberInput;\n"],"mappings":"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"}

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

@@ -2,6 +2,7 @@ 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_panel_module = require('./ds-panel.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");
@@ -9,29 +10,120 @@ let __radix_ui_react_collapsible = require("@radix-ui/react-collapsible");
 __radix_ui_react_collapsible = require_rolldown_runtime.__toESM(__radix_ui_react_collapsible);
 
 //#region src/components/ds-panel/ds-panel.tsx
-function DsPanel({ open, onOpenChange, children, className, slotProps, variant = "docked", disablePadding = false, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_collapsible.Root, {
-		open,
-		onOpenChange,
-		className: (0, classnames.default)(require_ds_panel_module.default.root, className, {
-			[require_ds_panel_module.default.variantDocked]: variant === "docked",
-			[require_ds_panel_module.default.variantFloating]: variant === "floating",
+function DsPanel(t0) {
+	const $ = (0, react_compiler_runtime.c)(23);
+	let children;
+	let className;
+	let onOpenChange;
+	let open;
+	let props;
+	let slotProps;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({open, onOpenChange, children, className, slotProps, variant: t1, disablePadding: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = onOpenChange;
+		$[4] = open;
+		$[5] = props;
+		$[6] = slotProps;
+		$[7] = t1;
+		$[8] = t2;
+	} else {
+		children = $[1];
+		className = $[2];
+		onOpenChange = $[3];
+		open = $[4];
+		props = $[5];
+		slotProps = $[6];
+		t1 = $[7];
+		t2 = $[8];
+	}
+	const variant = t1 === void 0 ? "docked" : t1;
+	const disablePadding = t2 === void 0 ? false : t2;
+	const t3 = variant === "docked";
+	const t4 = variant === "floating";
+	let t5;
+	if ($[9] !== className || $[10] !== disablePadding || $[11] !== t3 || $[12] !== t4) {
+		t5 = (0, classnames.default)(require_ds_panel_module.default.root, className, {
+			[require_ds_panel_module.default.variantDocked]: t3,
+			[require_ds_panel_module.default.variantFloating]: t4,
 			[require_ds_panel_module.default.disablePadding]: disablePadding
-		}),
-		...props,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsPanelCollapseButton, { ...slotProps?.collapseButton }), children]
-	});
+		});
+		$[9] = className;
+		$[10] = disablePadding;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	const t6 = slotProps?.collapseButton;
+	let t7;
+	if ($[14] !== t6) {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsPanelCollapseButton, { ...t6 });
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== children || $[17] !== onOpenChange || $[18] !== open || $[19] !== props || $[20] !== t5 || $[21] !== t7) {
+		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_collapsible.Root, {
+			open,
+			onOpenChange,
+			className: t5,
+			...props,
+			children: [t7, children]
+		});
+		$[16] = children;
+		$[17] = onOpenChange;
+		$[18] = open;
+		$[19] = props;
+		$[20] = t5;
+		$[21] = t7;
+		$[22] = t8;
+	} else t8 = $[22];
+	return t8;
 }
-function DsPanelCollapseButton({ collapsed, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_collapsible.Trigger, {
-		className: (0, classnames.default)(require_ds_panel_module.default.trigger, { [require_ds_panel_module.default.triggerCollapsed]: collapsed }),
-		"aria-label": "Toggle panel",
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+function DsPanelCollapseButton(t0) {
+	const $ = (0, react_compiler_runtime.c)(9);
+	let collapsed;
+	let props;
+	if ($[0] !== t0) {
+		({collapsed, ...props} = t0);
+		$[0] = t0;
+		$[1] = collapsed;
+		$[2] = props;
+	} else {
+		collapsed = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== collapsed) {
+		t1 = (0, classnames.default)(require_ds_panel_module.default.trigger, { [require_ds_panel_module.default.triggerCollapsed]: collapsed });
+		$[3] = collapsed;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
 			icon: "arrow_circle_left",
 			variant: "outlined"
-		})
-	});
+		});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== t1) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_collapsible.Trigger, {
+			className: t1,
+			"aria-label": "Toggle panel",
+			...props,
+			children: t2
+		});
+		$[6] = props;
+		$[7] = t1;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
 }
 
 //#endregion

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

@@ -1,5 +1,5 @@
 import { DsPanelProps } from "./ds-panel.types.cjs";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/components/ds-panel/ds-panel.d.ts
 declare function DsPanel({
@@ -11,7 +11,7 @@ declare function DsPanel({
   variant,
   disablePadding,
   ...props
-}: DsPanelProps): react_jsx_runtime6.JSX.Element;
+}: DsPanelProps): react_jsx_runtime18.JSX.Element;
 //#endregion
 export { DsPanel };
 //# sourceMappingURL=ds-panel.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ds-panel.d.cts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,OAAA;;;;;;;;;GASb,eAAY,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"ds-panel.d.cts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,OAAA;;;;;;;;;GASb,eAAY,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,5 +1,5 @@
 import { DsPanelProps } from "./ds-panel.types.js";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/components/ds-panel/ds-panel.d.ts
 declare function DsPanel({
@@ -11,7 +11,7 @@ declare function DsPanel({
   variant,
   disablePadding,
   ...props
-}: DsPanelProps): react_jsx_runtime38.JSX.Element;
+}: DsPanelProps): react_jsx_runtime27.JSX.Element;
 //#endregion
 export { DsPanel };
 //# sourceMappingURL=ds-panel.d.ts.map

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

@@ -1,34 +1,126 @@
 import ds_icon_default from "../ds-icon/ds-icon.js";
 import "../ds-icon/index.js";
 import ds_panel_module_default from "./ds-panel.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as Collapsible from "@radix-ui/react-collapsible";
 
 //#region src/components/ds-panel/ds-panel.tsx
-function DsPanel({ open, onOpenChange, children, className, slotProps, variant = "docked", disablePadding = false, ...props }) {
-	return /* @__PURE__ */ jsxs(Collapsible.Root, {
-		open,
-		onOpenChange,
-		className: classNames(ds_panel_module_default.root, className, {
-			[ds_panel_module_default.variantDocked]: variant === "docked",
-			[ds_panel_module_default.variantFloating]: variant === "floating",
+function DsPanel(t0) {
+	const $ = c(23);
+	let children;
+	let className;
+	let onOpenChange;
+	let open;
+	let props;
+	let slotProps;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({open, onOpenChange, children, className, slotProps, variant: t1, disablePadding: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = onOpenChange;
+		$[4] = open;
+		$[5] = props;
+		$[6] = slotProps;
+		$[7] = t1;
+		$[8] = t2;
+	} else {
+		children = $[1];
+		className = $[2];
+		onOpenChange = $[3];
+		open = $[4];
+		props = $[5];
+		slotProps = $[6];
+		t1 = $[7];
+		t2 = $[8];
+	}
+	const variant = t1 === void 0 ? "docked" : t1;
+	const disablePadding = t2 === void 0 ? false : t2;
+	const t3 = variant === "docked";
+	const t4 = variant === "floating";
+	let t5;
+	if ($[9] !== className || $[10] !== disablePadding || $[11] !== t3 || $[12] !== t4) {
+		t5 = classNames(ds_panel_module_default.root, className, {
+			[ds_panel_module_default.variantDocked]: t3,
+			[ds_panel_module_default.variantFloating]: t4,
 			[ds_panel_module_default.disablePadding]: disablePadding
-		}),
-		...props,
-		children: [/* @__PURE__ */ jsx(DsPanelCollapseButton, { ...slotProps?.collapseButton }), children]
-	});
+		});
+		$[9] = className;
+		$[10] = disablePadding;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	const t6 = slotProps?.collapseButton;
+	let t7;
+	if ($[14] !== t6) {
+		t7 = /* @__PURE__ */ jsx(DsPanelCollapseButton, { ...t6 });
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== children || $[17] !== onOpenChange || $[18] !== open || $[19] !== props || $[20] !== t5 || $[21] !== t7) {
+		t8 = /* @__PURE__ */ jsxs(Collapsible.Root, {
+			open,
+			onOpenChange,
+			className: t5,
+			...props,
+			children: [t7, children]
+		});
+		$[16] = children;
+		$[17] = onOpenChange;
+		$[18] = open;
+		$[19] = props;
+		$[20] = t5;
+		$[21] = t7;
+		$[22] = t8;
+	} else t8 = $[22];
+	return t8;
 }
-function DsPanelCollapseButton({ collapsed, ...props }) {
-	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
-		className: classNames(ds_panel_module_default.trigger, { [ds_panel_module_default.triggerCollapsed]: collapsed }),
-		"aria-label": "Toggle panel",
-		...props,
-		children: /* @__PURE__ */ jsx(ds_icon_default, {
+function DsPanelCollapseButton(t0) {
+	const $ = c(9);
+	let collapsed;
+	let props;
+	if ($[0] !== t0) {
+		({collapsed, ...props} = t0);
+		$[0] = t0;
+		$[1] = collapsed;
+		$[2] = props;
+	} else {
+		collapsed = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== collapsed) {
+		t1 = classNames(ds_panel_module_default.trigger, { [ds_panel_module_default.triggerCollapsed]: collapsed });
+		$[3] = collapsed;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ds_icon_default, {
 			icon: "arrow_circle_left",
 			variant: "outlined"
-		})
-	});
+		});
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== props || $[7] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Collapsible.Trigger, {
+			className: t1,
+			"aria-label": "Toggle panel",
+			...props,
+			children: t2
+		});
+		$[6] = props;
+		$[7] = t1;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ds-panel.js","names":["classnames","styles","DsIcon"],"sources":["../../../src/components/ds-panel/ds-panel.tsx"],"sourcesContent":["import * as Collapsible from '@radix-ui/react-collapsible';\nimport classnames from 'classnames';\nimport styles from './ds-panel.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport type { DsPanelCollapseButtonProps, DsPanelProps } from './ds-panel.types';\n\nexport function DsPanel({\n\topen,\n\tonOpenChange,\n\tchildren,\n\tclassName,\n\tslotProps,\n\tvariant = 'docked',\n\tdisablePadding = false,\n\t...props\n}: DsPanelProps) {\n\treturn (\n\t\t<Collapsible.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\tclassName={classnames(styles.root, className, {\n\t\t\t\t[styles.variantDocked]: variant === 'docked',\n\t\t\t\t[styles.variantFloating]: variant === 'floating',\n\t\t\t\t[styles.disablePadding]: disablePadding,\n\t\t\t})}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DsPanelCollapseButton {...slotProps?.collapseButton} />\n\t\t\t{children}\n\t\t</Collapsible.Root>\n\t);\n}\n\nfunction DsPanelCollapseButton({ collapsed, ...props }: DsPanelCollapseButtonProps) {\n\treturn (\n\t\t<Collapsible.Trigger\n\t\t\tclassName={classnames(styles.trigger, {\n\t\t\t\t[styles.triggerCollapsed]: collapsed,\n\t\t\t})}\n\t\t\taria-label=\"Toggle panel\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<DsIcon icon=\"arrow_circle_left\" variant=\"outlined\" />\n\t\t</Collapsible.Trigger>\n\t);\n}\n"],"mappings":";;;;;;;;AAMA,SAAgB,QAAQ,EACvB,MACA,cACA,UACA,WACA,WACA,UAAU,UACV,iBAAiB,OACjB,GAAG,SACa;AAChB,QACC,qBAAC,YAAY;EACN;EACQ;EACd,WAAWA,WAAWC,wBAAO,MAAM,WAAW;IAC5CA,wBAAO,gBAAgB,YAAY;IACnCA,wBAAO,kBAAkB,YAAY;IACrCA,wBAAO,iBAAiB;GACzB,CAAC;EACF,GAAI;aAEJ,oBAAC,yBAAsB,GAAI,WAAW,iBAAkB,EACvD;GACiB;;AAIrB,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAqC;AACnF,QACC,oBAAC,YAAY;EACZ,WAAWD,WAAWC,wBAAO,SAAS,GACpCA,wBAAO,mBAAmB,WAC3B,CAAC;EACF,cAAW;EACX,GAAI;YAEJ,oBAACC;GAAO,MAAK;GAAoB,SAAQ;IAAa;GACjC"}
+{"version":3,"file":"ds-panel.js","names":["Collapsible","classnames","styles","DsIcon","DsPanelCollapseButtonProps","DsPanelProps","DsPanel","t0","$","_c","children","className","onOpenChange","open","props","slotProps","t1","t2","variant","disablePadding","undefined","t3","t4","t5","root","variantDocked","variantFloating","t6","collapseButton","t7","t8","DsPanelCollapseButton","collapsed","trigger","triggerCollapsed","Symbol","for"],"sources":["../../../src/components/ds-panel/ds-panel.tsx"],"sourcesContent":["import * as Collapsible from '@radix-ui/react-collapsible';\nimport classnames from 'classnames';\nimport styles from './ds-panel.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport type { DsPanelCollapseButtonProps, DsPanelProps } from './ds-panel.types';\n\nexport function DsPanel({\n\topen,\n\tonOpenChange,\n\tchildren,\n\tclassName,\n\tslotProps,\n\tvariant = 'docked',\n\tdisablePadding = false,\n\t...props\n}: DsPanelProps) {\n\treturn (\n\t\t<Collapsible.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={onOpenChange}\n\t\t\tclassName={classnames(styles.root, className, {\n\t\t\t\t[styles.variantDocked]: variant === 'docked',\n\t\t\t\t[styles.variantFloating]: variant === 'floating',\n\t\t\t\t[styles.disablePadding]: disablePadding,\n\t\t\t})}\n\t\t\t{...props}\n\t\t>\n\t\t\t<DsPanelCollapseButton {...slotProps?.collapseButton} />\n\t\t\t{children}\n\t\t</Collapsible.Root>\n\t);\n}\n\nfunction DsPanelCollapseButton({ collapsed, ...props }: DsPanelCollapseButtonProps) {\n\treturn (\n\t\t<Collapsible.Trigger\n\t\t\tclassName={classnames(styles.trigger, {\n\t\t\t\t[styles.triggerCollapsed]: collapsed,\n\t\t\t})}\n\t\t\taria-label=\"Toggle panel\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<DsIcon icon=\"arrow_circle_left\" variant=\"outlined\" />\n\t\t</Collapsible.Trigger>\n\t);\n}\n"],"mappings":"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"}