@drivenets/design-system 0.4.0 → 0.6.0

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

@@ -4,11 +4,83 @@ 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 { useEffect, useRef } from "react";
 import * as Collapsible from "@radix-ui/react-collapsible";
 
 //#region src/components/ds-panel/ds-panel.tsx
+function useDraggable(enabled) {
+	const $ = c(4);
+	const rootRef = useRef(null);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			x: 0,
+			y: 0
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const positionRef = useRef(t0);
+	const dragRef = useRef(null);
+	let t1;
+	let t2;
+	if ($[1] !== enabled) {
+		t1 = () => {
+			const root = rootRef.current;
+			if (!root) return;
+			if (!enabled) {
+				positionRef.current = {
+					x: 0,
+					y: 0
+				};
+				root.style.transform = "";
+				return;
+			}
+			const handleMouseDown = (e) => {
+				if (!e.target.closest("[data-drag-handle]")) return;
+				e.preventDefault();
+				dragRef.current = {
+					startX: e.clientX,
+					startY: e.clientY,
+					originX: positionRef.current.x,
+					originY: positionRef.current.y
+				};
+				root.classList.add(ds_panel_module_default.dragging);
+			};
+			const handleMouseMove = (e_0) => {
+				if (!dragRef.current) return;
+				positionRef.current = {
+					x: dragRef.current.originX + (e_0.clientX - dragRef.current.startX),
+					y: dragRef.current.originY + (e_0.clientY - dragRef.current.startY)
+				};
+				root.style.transform = `translate(${String(positionRef.current.x)}px, ${String(positionRef.current.y)}px)`;
+			};
+			const handleMouseUp = () => {
+				if (!dragRef.current) return;
+				dragRef.current = null;
+				root.classList.remove(ds_panel_module_default.dragging);
+			};
+			root.addEventListener("mousedown", handleMouseDown);
+			document.addEventListener("mousemove", handleMouseMove);
+			document.addEventListener("mouseup", handleMouseUp);
+			return () => {
+				root.removeEventListener("mousedown", handleMouseDown);
+				document.removeEventListener("mousemove", handleMouseMove);
+				document.removeEventListener("mouseup", handleMouseUp);
+			};
+		};
+		t2 = [enabled];
+		$[1] = enabled;
+		$[2] = t1;
+		$[3] = t2;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+	}
+	useEffect(t1, t2);
+	return rootRef;
+}
 function DsPanel(t0) {
-	const $ = c(23);
+	const $ = c(25);
 	let children;
 	let className;
 	let onOpenChange;
@@ -17,8 +89,9 @@ function DsPanel(t0) {
 	let slotProps;
 	let t1;
 	let t2;
+	let t3;
 	if ($[0] !== t0) {
-		({open, onOpenChange, children, className, slotProps, variant: t1, disablePadding: t2, ...props} = t0);
+		({open, onOpenChange, children, className, slotProps, variant: t1, draggable: t2, disablePadding: t3, ...props} = t0);
 		$[0] = t0;
 		$[1] = children;
 		$[2] = className;
@@ -28,6 +101,7 @@ function DsPanel(t0) {
 		$[6] = slotProps;
 		$[7] = t1;
 		$[8] = t2;
+		$[9] = t3;
 	} else {
 		children = $[1];
 		className = $[2];
@@ -37,49 +111,54 @@ function DsPanel(t0) {
 		slotProps = $[6];
 		t1 = $[7];
 		t2 = $[8];
+		t3 = $[9];
 	}
 	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,
+	const draggable = t2 === void 0 ? false : t2;
+	const disablePadding = t3 === void 0 ? false : t3;
+	const rootRef = useDraggable(variant === "floating" && draggable);
+	const t4 = variant === "docked";
+	const t5 = variant === "floating";
+	let t6;
+	if ($[10] !== className || $[11] !== disablePadding || $[12] !== t4 || $[13] !== t5) {
+		t6 = classNames(ds_panel_module_default.root, className, {
+			[ds_panel_module_default.variantDocked]: t4,
+			[ds_panel_module_default.variantFloating]: t5,
 			[ds_panel_module_default.disablePadding]: disablePadding
 		});
-		$[9] = className;
-		$[10] = disablePadding;
-		$[11] = t3;
+		$[10] = className;
+		$[11] = disablePadding;
 		$[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];
+	} else t6 = $[14];
+	const t7 = slotProps?.collapseButton;
 	let t8;
-	if ($[16] !== children || $[17] !== onOpenChange || $[18] !== open || $[19] !== props || $[20] !== t5 || $[21] !== t7) {
-		t8 = /* @__PURE__ */ jsxs(Collapsible.Root, {
+	if ($[15] !== t7) {
+		t8 = /* @__PURE__ */ jsx(DsPanelCollapseButton, { ...t7 });
+		$[15] = t7;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== children || $[18] !== onOpenChange || $[19] !== open || $[20] !== props || $[21] !== rootRef || $[22] !== t6 || $[23] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Collapsible.Root, {
+			ref: rootRef,
 			open,
 			onOpenChange,
-			className: t5,
+			className: t6,
 			...props,
-			children: [t7, children]
+			children: [t8, children]
 		});
-		$[16] = children;
-		$[17] = onOpenChange;
-		$[18] = open;
-		$[19] = props;
-		$[20] = t5;
-		$[21] = t7;
-		$[22] = t8;
-	} else t8 = $[22];
-	return t8;
+		$[17] = children;
+		$[18] = onOpenChange;
+		$[19] = open;
+		$[20] = props;
+		$[21] = rootRef;
+		$[22] = t6;
+		$[23] = t8;
+		$[24] = t9;
+	} else t9 = $[24];
+	return t9;
 }
 function DsPanelCollapseButton(t0) {
 	const $ = c(9);

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"ds-panel.js","names":["useEffect","useRef","Collapsible","classnames","styles","DsIcon","DsPanelCollapseButtonProps","DsPanelProps","useDraggable","enabled","$","_c","rootRef","t0","Symbol","for","x","y","positionRef","dragRef","t1","t2","root","current","style","transform","handleMouseDown","e","target","HTMLElement","closest","preventDefault","startX","clientX","startY","clientY","originX","originY","classList","add","dragging","handleMouseMove","e_0","String","handleMouseUp","remove","addEventListener","document","removeEventListener","DsPanel","children","className","onOpenChange","open","props","slotProps","t3","variant","draggable","disablePadding","undefined","isDraggable","t4","t5","t6","variantDocked","variantFloating","t7","collapseButton","t8","t9","DsPanelCollapseButton","collapsed","trigger","triggerCollapsed"],"sources":["../../../src/components/ds-panel/ds-panel.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport * 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\nfunction useDraggable(enabled: boolean) {\n\tconst rootRef = useRef<HTMLDivElement>(null);\n\tconst positionRef = useRef({ x: 0, y: 0 });\n\tconst dragRef = useRef<{\n\t\tstartX: number;\n\t\tstartY: number;\n\t\toriginX: number;\n\t\toriginY: number;\n\t} | null>(null);\n\n\tuseEffect(() => {\n\t\tconst root = rootRef.current;\n\n\t\tif (!root) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!enabled) {\n\t\t\tpositionRef.current = { x: 0, y: 0 };\n\t\t\troot.style.transform = '';\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst handleMouseDown = (e: MouseEvent) => {\n\t\t\tconst target = e.target as HTMLElement;\n\n\t\t\tif (!target.closest('[data-drag-handle]')) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\te.preventDefault();\n\n\t\t\tdragRef.current = {\n\t\t\t\tstartX: e.clientX,\n\t\t\t\tstartY: e.clientY,\n\t\t\t\toriginX: positionRef.current.x,\n\t\t\t\toriginY: positionRef.current.y,\n\t\t\t};\n\n\t\t\troot.classList.add(styles.dragging);\n\t\t};\n\n\t\tconst handleMouseMove = (e: MouseEvent) => {\n\t\t\tif (!dragRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tpositionRef.current = {\n\t\t\t\tx: dragRef.current.originX + (e.clientX - dragRef.current.startX),\n\t\t\t\ty: dragRef.current.originY + (e.clientY - dragRef.current.startY),\n\t\t\t};\n\n\t\t\troot.style.transform = `translate(${String(positionRef.current.x)}px, ${String(positionRef.current.y)}px)`;\n\t\t};\n\n\t\tconst handleMouseUp = () => {\n\t\t\tif (!dragRef.current) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tdragRef.current = null;\n\t\t\troot.classList.remove(styles.dragging);\n\t\t};\n\n\t\troot.addEventListener('mousedown', handleMouseDown);\n\t\tdocument.addEventListener('mousemove', handleMouseMove);\n\t\tdocument.addEventListener('mouseup', handleMouseUp);\n\n\t\treturn () => {\n\t\t\troot.removeEventListener('mousedown', handleMouseDown);\n\t\t\tdocument.removeEventListener('mousemove', handleMouseMove);\n\t\t\tdocument.removeEventListener('mouseup', handleMouseUp);\n\t\t};\n\t}, [enabled]);\n\n\treturn rootRef;\n}\n\nexport function DsPanel({\n\topen,\n\tonOpenChange,\n\tchildren,\n\tclassName,\n\tslotProps,\n\tvariant = 'docked',\n\tdraggable = false,\n\tdisablePadding = false,\n\t...props\n}: DsPanelProps) {\n\tconst isDraggable = variant === 'floating' && draggable;\n\tconst rootRef = useDraggable(isDraggable);\n\n\treturn (\n\t\t<Collapsible.Root\n\t\t\tref={rootRef}\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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"}

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

@@ -1,12 +1,13 @@
 
 //#region src/components/ds-panel/ds-panel.module.scss
 var ds_panel_module_default = {
-	"root": "_root_17q29_1",
-	"variantFloating": "_variantFloating_17q29_1",
-	"disablePadding": "_disablePadding_17q29_1",
-	"trigger": "_trigger_17q29_1",
-	"triggerCollapsed": "_triggerCollapsed_17q29_1",
-	"variantDocked": "_variantDocked_17q29_1"
+	"root": "_root_1g6rb_1",
+	"variantFloating": "_variantFloating_1g6rb_1",
+	"dragging": "_dragging_1g6rb_1",
+	"disablePadding": "_disablePadding_1g6rb_1",
+	"trigger": "_trigger_1g6rb_1",
+	"triggerCollapsed": "_triggerCollapsed_1g6rb_1",
+	"variantDocked": "_variantDocked_1g6rb_1"
 };
 
 //#endregion

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

@@ -1,11 +1,12 @@
 //#region src/components/ds-panel/ds-panel.module.scss
 var ds_panel_module_default = {
-	"root": "_root_17q29_1",
-	"variantFloating": "_variantFloating_17q29_1",
-	"disablePadding": "_disablePadding_17q29_1",
-	"trigger": "_trigger_17q29_1",
-	"triggerCollapsed": "_triggerCollapsed_17q29_1",
-	"variantDocked": "_variantDocked_17q29_1"
+	"root": "_root_1g6rb_1",
+	"variantFloating": "_variantFloating_1g6rb_1",
+	"dragging": "_dragging_1g6rb_1",
+	"disablePadding": "_disablePadding_1g6rb_1",
+	"trigger": "_trigger_1g6rb_1",
+	"triggerCollapsed": "_triggerCollapsed_1g6rb_1",
+	"variantDocked": "_variantDocked_1g6rb_1"
 };
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ds-panel.module.js","names":[],"sources":["../../../src/components/ds-panel/ds-panel.module.scss"],"sourcesContent":[".root {\n\tposition: relative;\n\tbackground: var(--white);\n\tpadding: var(--spacing-6);\n\twidth: 340px;\n\tborder-inline-end: 1px solid transparent;\n\n\t&[data-state='open']:hover,\n\t&[data-state='open']:focus-within {\n\t\tborder-color: var(--color-border);\n\t}\n\n\t&[data-state='closed'] {\n\t\tdisplay: none;\n\t}\n\n\t&.variantFloating {\n\t\tposition: absolute;\n\t\tinset-inline-start: var(--spacing-3);\n\t\ttop: var(--spacing-3);\n\t\tborder: none;\n\t\tborder-radius: var(--spacing-2);\n\t\tfilter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.22));\n\t}\n\n\t&.disablePadding {\n\t\tpadding: 0;\n\t}\n}\n\n.trigger {\n\t--size: 28px;\n\n\tposition: absolute;\n\tcursor: pointer;\n\tuser-select: none;\n\tdisplay: none;\n\theight: var(--size);\n\twidth: var(--size);\n\tpadding: 1px;\n\tborder: 1px solid var(--color-border-secondary);\n\tborder-radius: 100%;\n\tbackground: var(--white);\n\tcolor: var(--color-icon-secondary);\n\ttop: var(--spacing-6);\n\tinset-inline-start: 100%;\n\tmargin-inline-start: calc(var(--size) / -2);\n\n\t&[data-state='closed'],\n\t&.triggerCollapsed {\n\t\trotate: y 180deg;\n\t}\n\n\t.root:hover &,\n\t.root:focus-within & {\n\t\tdisplay: flex;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: var(--color-icon-primary);\n\t\tborder-color: var(--color-border-action-primary);\n\t\toutline: none;\n\t\tbackground: var(--color-background-action-tertiary);\n\n\t\t.root:has(&) {\n\t\t\tborder-color: var(--color-border-action-primary);\n\n\t\t\t// Add an inset single-sided border on hover without affecting the layout.\n\t\t\t&.variantDocked[data-state='open']::before {\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t\tbackground: var(--color-border-action-primary);\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Increase surface size for better clickability.\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: calc(-1 * var(--spacing-1));\n\t}\n\n\t.root.variantFloating & {\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t}\n}\n"],"mappings":""}
+{"version":3,"file":"ds-panel.module.js","names":[],"sources":["../../../src/components/ds-panel/ds-panel.module.scss"],"sourcesContent":[".root {\n\tposition: relative;\n\tbackground: var(--white);\n\tpadding: var(--spacing-6);\n\twidth: 340px;\n\tborder-inline-end: 1px solid transparent;\n\n\t&[data-state='open']:hover,\n\t&[data-state='open']:focus-within {\n\t\tborder-color: var(--color-border);\n\t}\n\n\t&[data-state='closed'] {\n\t\tdisplay: none;\n\t}\n\n\t&.variantFloating {\n\t\tposition: absolute;\n\t\tinset-inline-start: var(--spacing-3);\n\t\ttop: var(--spacing-3);\n\t\tborder: none;\n\t\tborder-radius: var(--spacing-2);\n\t\tfilter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.22));\n\t}\n\n\t&.dragging {\n\t\tcursor: grabbing;\n\t\tuser-select: none;\n\t}\n\n\t&.disablePadding {\n\t\tpadding: 0;\n\t}\n}\n\n.trigger {\n\t--size: 28px;\n\n\tposition: absolute;\n\tcursor: pointer;\n\tuser-select: none;\n\tdisplay: none;\n\theight: var(--size);\n\twidth: var(--size);\n\tpadding: 1px;\n\tborder: 1px solid var(--color-border-secondary);\n\tborder-radius: 100%;\n\tbackground: var(--white);\n\tcolor: var(--color-icon-secondary);\n\ttop: var(--spacing-6);\n\tinset-inline-start: 100%;\n\tmargin-inline-start: calc(var(--size) / -2);\n\n\t&[data-state='closed'],\n\t&.triggerCollapsed {\n\t\trotate: y 180deg;\n\t}\n\n\t.root:hover &,\n\t.root:focus-within & {\n\t\tdisplay: flex;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tcolor: var(--color-icon-primary);\n\t\tborder-color: var(--color-border-action-primary);\n\t\toutline: none;\n\t\tbackground: var(--color-background-action-tertiary);\n\n\t\t.root:has(&) {\n\t\t\tborder-color: var(--color-border-action-primary);\n\n\t\t\t// Add an inset single-sided border on hover without affecting the layout.\n\t\t\t&.variantDocked[data-state='open']::before {\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tinset-inline-end: 0;\n\t\t\t\tbackground: var(--color-border-action-primary);\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Increase surface size for better clickability.\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: calc(-1 * var(--spacing-1));\n\t}\n\n\t.root.variantFloating & {\n\t\tz-index: 1;\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t}\n}\n"],"mappings":""}

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

@@ -4,6 +4,7 @@ import * as Collapsible from "@radix-ui/react-collapsible";
 type DsPanelVariant = 'docked' | 'floating';
 type DsPanelProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
   variant?: DsPanelVariant;
+  draggable?: boolean;
   disablePadding?: boolean;
   slotProps?: {
     collapseButton?: DsPanelCollapseButtonProps;

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

@@ -1 +1 @@
-{"version":3,"file":"ds-panel.types.d.cts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,cAAA;KAEA,YAAA,GAAe,KAAK,WAAA,CAAY;EAFhC,OAAA,CAAA,EAGD,cAHe;EAEd,cAAA,CAAY,EAAA,OAAA;EAAQ,SAAY,CAAA,EAAA;IAAjB,cAAA,CAAA,EAIR,0BAJQ;EAChB,CAAA;EAGQ,YAAA,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;CAA0B;AAKjC,KAAA,0BAAA,GAA0B"}
+{"version":3,"file":"ds-panel.types.d.cts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,cAAA;KAEA,YAAA,GAAe,KAAK,WAAA,CAAY;EAFhC,OAAA,CAAA,EAGD,cAHe;EAEd,SAAA,CAAA,EAAA,OAAY;EAAQ,cAAY,CAAA,EAAA,OAAA;EAAjB,SAAA,CAAA,EAAA;IAChB,cAAA,CAAA,EAIQ,0BAJR;EAIQ,CAAA;EAA0B,YAAA,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;AAK7C,CAAA;KAAY,0BAAA"}

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

@@ -4,6 +4,7 @@ import * as Collapsible from "@radix-ui/react-collapsible";
 type DsPanelVariant = 'docked' | 'floating';
 type DsPanelProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
   variant?: DsPanelVariant;
+  draggable?: boolean;
   disablePadding?: boolean;
   slotProps?: {
     collapseButton?: DsPanelCollapseButtonProps;

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

@@ -1 +1 @@
-{"version":3,"file":"ds-panel.types.d.ts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,cAAA;KAEA,YAAA,GAAe,KAAK,WAAA,CAAY;EAFhC,OAAA,CAAA,EAGD,cAHe;EAEd,cAAA,CAAY,EAAA,OAAA;EAAQ,SAAY,CAAA,EAAA;IAAjB,cAAA,CAAA,EAIR,0BAJQ;EAChB,CAAA;EAGQ,YAAA,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;CAA0B;AAKjC,KAAA,0BAAA,GAA0B"}
+{"version":3,"file":"ds-panel.types.d.ts","names":[],"sources":["../../../src/components/ds-panel/ds-panel.types.ts"],"sourcesContent":[],"mappings":";;;KAEY,cAAA;KAEA,YAAA,GAAe,KAAK,WAAA,CAAY;EAFhC,OAAA,CAAA,EAGD,cAHe;EAEd,SAAA,CAAA,EAAA,OAAY;EAAQ,cAAY,CAAA,EAAA,OAAA;EAAjB,SAAA,CAAA,EAAA;IAChB,cAAA,CAAA,EAIQ,0BAJR;EAIQ,CAAA;EAA0B,YAAA,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;AAK7C,CAAA;KAAY,0BAAA"}

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

@@ -6,7 +6,7 @@ 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");
+let _ark_ui_react = require("@ark-ui/react");
 
 //#region src/components/ds-password-input/ds-password-input.tsx
 const DsPasswordInput = (t0) => {
@@ -52,7 +52,7 @@ const DsPasswordInput = (t0) => {
 	} 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, {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.PasswordInput.Input, {
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 				id,
@@ -78,10 +78,10 @@ const DsPasswordInput = (t0) => {
 	} 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, {
+		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, {
+			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",
@@ -97,7 +97,7 @@ const DsPasswordInput = (t0) => {
 	} 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", {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.PasswordInput.Control, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: containerClass,
 			style,
 			children: [t10, t11]
@@ -109,7 +109,7 @@ const DsPasswordInput = (t0) => {
 	} else t12 = $[23];
 	let t13;
 	if ($[24] !== disabled || $[25] !== t12) {
-		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.PasswordInput.Root, {
+		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react.PasswordInput.Root, {
 			disabled,
 			children: t12
 		});

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

@@ -4,8 +4,8 @@ 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 __radix_ui_react_popover = require("@radix-ui/react-popover");
-__radix_ui_react_popover = require_rolldown_runtime.__toESM(__radix_ui_react_popover);
+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 = (t0) => {
@@ -15,7 +15,7 @@ const DsPopover = (t0) => {
 	const side = t2 === void 0 ? "top" : t2;
 	let t3;
 	if ($[0] !== trigger) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Trigger, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_popover.Trigger, {
 			asChild: true,
 			children: trigger
 		});
@@ -30,12 +30,12 @@ const DsPopover = (t0) => {
 	} 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 });
+		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, {
+		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,
@@ -51,7 +51,7 @@ const DsPopover = (t0) => {
 	} 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] });
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_popover.Root, { children: [t3, t6] });
 		$[10] = t3;
 		$[11] = t6;
 		$[12] = t7;

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

@@ -4,9 +4,9 @@ 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 __radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
-__radix_ui_react_radio_group = require_rolldown_runtime.__toESM(__radix_ui_react_radio_group);
-let __ark_ui_react_radio_group = require("@ark-ui/react/radio-group");
+let _radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
+_radix_ui_react_radio_group = require_rolldown_runtime.__toESM(_radix_ui_react_radio_group);
+let _ark_ui_react_radio_group = require("@ark-ui/react/radio-group");
 
 //#region src/components/ds-radio-group/ds-radio-group.tsx
 /**
@@ -45,7 +45,7 @@ const Root = (t0) => {
 	} else t2 = $[8];
 	let t3;
 	if ($[9] !== children || $[10] !== props || $[11] !== t1 || $[12] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.Root, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_radio_group.RadioGroup.Root, {
 			className: t1,
 			onValueChange: t2,
 			...props,
@@ -99,7 +99,7 @@ const Item = (t0) => {
 	let t2;
 	let t3;
 	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.ItemControl, {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_radio_group.RadioGroup.ItemControl, {
 			className: require_ds_radio_group_module.default.radioItem,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: require_ds_radio_group_module.default.radioItemWrapper,
@@ -109,7 +109,7 @@ const Item = (t0) => {
 				})
 			})
 		});
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_radio_group.RadioGroup.ItemHiddenInput, {});
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_radio_group.RadioGroup.ItemHiddenInput, {});
 		$[10] = t2;
 		$[11] = t3;
 	} else {
@@ -118,7 +118,7 @@ const Item = (t0) => {
 	}
 	let t4;
 	if ($[12] !== children || $[13] !== label || $[14] !== labelInfo) {
-		t4 = label ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_radio_group.RadioGroup.ItemText, {
+		t4 = label ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_radio_group.RadioGroup.ItemText, {
 			className: require_ds_radio_group_module.default.radioLabel,
 			children: [label, labelInfo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: require_ds_radio_group_module.default.labelInfo,
@@ -132,7 +132,7 @@ const Item = (t0) => {
 	} else t4 = $[15];
 	let t5;
 	if ($[16] !== props || $[17] !== style || $[18] !== t1 || $[19] !== t4 || $[20] !== value) {
-		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_radio_group.RadioGroup.Item, {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_radio_group.RadioGroup.Item, {
 			value,
 			className: t1,
 			style,
@@ -196,7 +196,7 @@ const DsRadioGroupLegacy = (t0) => {
 	} else t2 = $[10];
 	let t3;
 	if ($[11] !== defaultValue || $[12] !== onValueChange || $[13] !== props || $[14] !== t1 || $[15] !== t2 || $[16] !== value) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Root, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_radio_group.Root, {
 			className: t1,
 			value,
 			defaultValue,
@@ -230,14 +230,14 @@ const DsRadioGroup = {
 function _temp(option) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: require_ds_radio_group_module.default.radioItemContainer,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Item, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_radio_group.Item, {
 			className: require_ds_radio_group_module.default.radioItem,
 			value: option.value,
 			disabled: option.disabled,
 			id: option.value,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: require_ds_radio_group_module.default.radioItemWrapper,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Indicator, { className: require_ds_radio_group_module.default.radioIndicator })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_radio_group.Indicator, { className: require_ds_radio_group_module.default.radioIndicator })
 			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 			className: require_ds_radio_group_module.default.radioLabel,

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

@@ -1 +1 @@
-let __ark_ui_react_radio_group = require("@ark-ui/react/radio-group");
+let _ark_ui_react_radio_group = require("@ark-ui/react/radio-group");

package/dist/components/ds-segment-group/ds-segment-group.cjs

@@ -6,7 +6,7 @@ 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_segment_group = require("@ark-ui/react/segment-group");
+let _ark_ui_react_segment_group = require("@ark-ui/react/segment-group");
 
 //#region src/components/ds-segment-group/ds-segment-group.tsx
 /**
@@ -50,12 +50,12 @@ const Root = (t0) => {
 	} else t4 = $[10];
 	let t5;
 	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_segment_group.SegmentGroup.Indicator, { className: require_ds_segment_group_module.default.segmentIndicator });
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_segment_group.SegmentGroup.Indicator, { className: require_ds_segment_group_module.default.segmentIndicator });
 		$[11] = t5;
 	} else t5 = $[11];
 	let t6;
 	if ($[12] !== children || $[13] !== props || $[14] !== t3 || $[15] !== t4) {
-		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_segment_group.SegmentGroup.Root, {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_segment_group.SegmentGroup.Root, {
 			className: t3,
 			onValueChange: t4,
 			...props,
@@ -113,8 +113,8 @@ const Item = (t0) => {
 	let t3;
 	let t4;
 	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_segment_group.SegmentGroup.ItemControl, {});
-		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_segment_group.SegmentGroup.ItemHiddenInput, {});
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_segment_group.SegmentGroup.ItemControl, {});
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_segment_group.SegmentGroup.ItemHiddenInput, {});
 		$[12] = t3;
 		$[13] = t4;
 	} else {
@@ -123,7 +123,7 @@ const Item = (t0) => {
 	}
 	let t5;
 	if ($[14] !== props || $[15] !== style || $[16] !== t1 || $[17] !== t2 || $[18] !== value) {
-		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_segment_group.SegmentGroup.Item, {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_segment_group.SegmentGroup.Item, {
 			value,
 			className: t1,
 			style,
@@ -179,7 +179,7 @@ const ItemText = (t0) => {
 	} else t2 = $[7];
 	let t3;
 	if ($[8] !== props || $[9] !== t1 || $[10] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_segment_group.SegmentGroup.ItemText, {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_segment_group.SegmentGroup.ItemText, {
 			className: t1,
 			...props,
 			asChild: true,

package/dist/components/ds-segment-group/ds-segment-group.types.cjs

@@ -1,2 +1,2 @@
 let react = require("react");
-let __ark_ui_react_segment_group = require("@ark-ui/react/segment-group");
+let _ark_ui_react_segment_group = require("@ark-ui/react/segment-group");