@drivenets/design-system 0.6.0 → 0.7.0

package/dist/components/ds-number-input/ds-number-input.types.d.ts

@@ -1,80 +0,0 @@
-import React from "react";
-
-//#region src/components/ds-number-input/ds-number-input.types.d.ts
-interface DsNumberInputProps {
-  /**
-   * Unique identifier for the input field
-   */
-  id?: string;
-  /**
-   * The ref to the input field
-   */
-  ref?: React.Ref<HTMLInputElement>;
-  /**
-   * The name of the input field
-   */
-  name?: string;
-  /**
-   * The size of the input field
-   * @default default
-   */
-  size?: 'small' | 'default';
-  /**
-   * Event handler called when the input field loses focus
-   *
-   * @param event
-   */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-  /**
-   * Callback when the value changes (native input onChange event)
-   * This is provided for compatibility but onValueChange is preferred
-   */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-  /**
-   * Value change event handler (provides just the number value)
-   * This is the preferred way to handle value changes
-   */
-  onValueChange?: (value: number) => void;
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-  /**
-   * Additional styles to apply to the component
-   */
-  style?: React.CSSProperties;
-  /**
-   * The placeholder text
-   */
-  placeholder?: string;
-  /**
-   * Whether the number input is disabled
-   */
-  disabled?: boolean;
-  /**
-   * The minimum value of the number input
-   */
-  min?: number | undefined;
-  /**
-   * The maximum value of the number input
-   * @default Number.MAX_SAFE_INTEGER
-   */
-  max?: number | undefined;
-  /**
-   * The amount to increment or decrement the value by
-   * @default 1
-   */
-  step?: number | undefined;
-  /**
-   * The controlled value of the input
-   */
-  value?: number | undefined;
-  /**
-   * The initial value of the input when rendered.
-   * Use when you don't need to control the value of the input.
-   */
-  defaultValue?: number | undefined;
-}
-//#endregion
-export { DsNumberInputProps };
-//# sourceMappingURL=ds-number-input.types.d.ts.map

package/dist/components/ds-number-input/ds-number-input.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-number-input.types.d.ts","names":[],"sources":["../../../src/components/ds-number-input/ds-number-input.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,kBAAA;;AAAjB;;EAQO,EAAA,CAAM,EAAA,MAAA;EAesB;;;EAKf,GAAM,CAAA,EApBnB,KAAA,CAAM,GAoBa,CApBT,gBAoBS,CAAA;EAajB;;;;;;;;;;;;;;mBAlBS,KAAA,CAAM,WAAW;;;;;qBAKf,KAAA,CAAM,YAAY;;;;;;;;;;;;;UAa7B,KAAA,CAAM"}

package/dist/components/ds-number-input/index.cjs

@@ -1 +0,0 @@
-const require_ds_number_input = require('./ds-number-input.cjs');

package/dist/components/ds-number-input/index.d.ts

@@ -1,2 +0,0 @@
-import { DsNumberInputProps } from "./ds-number-input.types.js";
-import { DsNumberInput } from "./ds-number-input.js";

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

@@ -1 +0,0 @@
-import ds_number_input_default from "./ds-number-input.js";

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

@@ -1,209 +0,0 @@
-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");
-let react = require("react");
-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 useDraggable(enabled) {
-	const $ = (0, react_compiler_runtime.c)(4);
-	const rootRef = (0, react.useRef)(null);
-	let t0;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = {
-			x: 0,
-			y: 0
-		};
-		$[0] = t0;
-	} else t0 = $[0];
-	const positionRef = (0, react.useRef)(t0);
-	const dragRef = (0, react.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(require_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(require_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];
-	}
-	(0, react.useEffect)(t1, t2);
-	return rootRef;
-}
-function DsPanel(t0) {
-	const $ = (0, react_compiler_runtime.c)(25);
-	let children;
-	let className;
-	let onOpenChange;
-	let open;
-	let props;
-	let slotProps;
-	let t1;
-	let t2;
-	let t3;
-	if ($[0] !== t0) {
-		({open, onOpenChange, children, className, slotProps, variant: t1, draggable: t2, disablePadding: t3, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = onOpenChange;
-		$[4] = open;
-		$[5] = props;
-		$[6] = slotProps;
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t3;
-	} else {
-		children = $[1];
-		className = $[2];
-		onOpenChange = $[3];
-		open = $[4];
-		props = $[5];
-		slotProps = $[6];
-		t1 = $[7];
-		t2 = $[8];
-		t3 = $[9];
-	}
-	const variant = t1 === void 0 ? "docked" : t1;
-	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 = (0, classnames.default)(require_ds_panel_module.default.root, className, {
-			[require_ds_panel_module.default.variantDocked]: t4,
-			[require_ds_panel_module.default.variantFloating]: t5,
-			[require_ds_panel_module.default.disablePadding]: disablePadding
-		});
-		$[10] = className;
-		$[11] = disablePadding;
-		$[12] = t4;
-		$[13] = t5;
-		$[14] = t6;
-	} else t6 = $[14];
-	const t7 = slotProps?.collapseButton;
-	let t8;
-	if ($[15] !== t7) {
-		t8 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(_radix_ui_react_collapsible.Root, {
-			ref: rootRef,
-			open,
-			onOpenChange,
-			className: t6,
-			...props,
-			children: [t8, children]
-		});
-		$[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 $ = (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
-exports.DsPanel = DsPanel;

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

@@ -1,18 +0,0 @@
-import { DsPanelProps } from "./ds-panel.types.cjs";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
-
-//#region src/components/ds-panel/ds-panel.d.ts
-declare function DsPanel({
-  open,
-  onOpenChange,
-  children,
-  className,
-  slotProps,
-  variant,
-  draggable,
-  disablePadding,
-  ...props
-}: DsPanelProps): react_jsx_runtime35.JSX.Element;
-//#endregion
-export { DsPanel };
-//# sourceMappingURL=ds-panel.d.cts.map

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

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

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

@@ -1,18 +0,0 @@
-import { DsPanelProps } from "./ds-panel.types.js";
-import * as react_jsx_runtime39 from "react/jsx-runtime";
-
-//#region src/components/ds-panel/ds-panel.d.ts
-declare function DsPanel({
-  open,
-  onOpenChange,
-  children,
-  className,
-  slotProps,
-  variant,
-  draggable,
-  disablePadding,
-  ...props
-}: DsPanelProps): react_jsx_runtime39.JSX.Element;
-//#endregion
-export { DsPanel };
-//# sourceMappingURL=ds-panel.d.ts.map

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

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

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

@@ -1,207 +0,0 @@
-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 { 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(25);
-	let children;
-	let className;
-	let onOpenChange;
-	let open;
-	let props;
-	let slotProps;
-	let t1;
-	let t2;
-	let t3;
-	if ($[0] !== t0) {
-		({open, onOpenChange, children, className, slotProps, variant: t1, draggable: t2, disablePadding: t3, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = onOpenChange;
-		$[4] = open;
-		$[5] = props;
-		$[6] = slotProps;
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t3;
-	} else {
-		children = $[1];
-		className = $[2];
-		onOpenChange = $[3];
-		open = $[4];
-		props = $[5];
-		slotProps = $[6];
-		t1 = $[7];
-		t2 = $[8];
-		t3 = $[9];
-	}
-	const variant = t1 === void 0 ? "docked" : t1;
-	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
-		});
-		$[10] = className;
-		$[11] = disablePadding;
-		$[12] = t4;
-		$[13] = t5;
-		$[14] = t6;
-	} else t6 = $[14];
-	const t7 = slotProps?.collapseButton;
-	let t8;
-	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: t6,
-			...props,
-			children: [t8, children]
-		});
-		$[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);
-	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
-export { DsPanel };
-//# sourceMappingURL=ds-panel.js.map

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

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;AAOA,SAAAQ,aAAAC,SAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACC,MAAAC,UAAgBX,OAAuB,KAAK;CAAC,IAAAY;AAAA,KAAAH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AAClBF,OAAA;GAAAG,GAAK;GAACC,GAAK;GAAG;AAAAP,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAzC,MAAAQ,cAAoBjB,OAAOY,GAAe;CAC1C,MAAAM,UAAgBlB,OAKN,KAAK;CAAC,IAAAmB;CAAA,IAAAC;AAAA,KAAAX,EAAA,OAAAD,SAAA;AAENW,aAAA;GACT,MAAAE,OAAaV,QAAOW;AAEpB,OAAI,CAACD,KAAI;AAIT,OAAI,CAACb,SAAO;AACXS,gBAAWK,UAAW;KAAAP,GAAK;KAACC,GAAK;KAAd;AACnBK,SAAIE,MAAMC,YAAa;AAAH;;GAKrB,MAAAC,mBAAwBC,MAAA;AAGvB,QAAI,CAFWA,EAACC,OAELE,QAAS,qBAAqB,CAAA;AAIzCH,MAACI,gBAAiB;AAElBZ,YAAOI,UAAW;KAAAS,QACTL,EAACM;KAAQC,QACTP,EAACQ;KAAQC,SACRlB,YAAWK,QAAQP;KAAEqB,SACrBnB,YAAWK,QAAQN;KAJd;AAOfK,SAAIgB,UAAUC,IAAKnC,wBAAMoC,SAAU;;GAGpC,MAAAC,mBAAwBC,QAAA;AACvB,QAAI,CAACvB,QAAOI,QAAQ;AAIpBL,gBAAWK,UAAW;KAAAP,GAClBG,QAAOI,QAAQa,WAAYT,IAACM,UAAWd,QAAOI,QAAQS;KAAQf,GAC9DE,QAAOI,QAAQc,WAAYV,IAACQ,UAAWhB,QAAOI,QAAQW;KAFvC;AAKnBZ,SAAIE,MAAMC,YAAa,aAAakB,OAAOzB,YAAWK,QAAQP,EAAG,CAAA,MAAO2B,OAAOzB,YAAWK,QAAQN,EAAG,CAAA;;GAGtG,MAAA2B,sBAAsB;AACrB,QAAI,CAACzB,QAAOI,QAAQ;AAIpBJ,YAAOI,UAAW;AAClBD,SAAIgB,UAAUO,OAAQzC,wBAAMoC,SAAU;;AAGvClB,QAAIwB,iBAAkB,aAAapB,gBAAgB;AACnDqB,YAAQD,iBAAkB,aAAaL,gBAAgB;AACvDM,YAAQD,iBAAkB,WAAWF,cAAc;AAAA,gBAE5C;AACNtB,SAAI0B,oBAAqB,aAAatB,gBAAgB;AACtDqB,aAAQC,oBAAqB,aAAaP,gBAAgB;AAC1DM,aAAQC,oBAAqB,WAAWJ,cAAc;;;AAErDvB,OAAA,CAACZ,QAAQ;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAU;AAAAV,IAAA,KAAAW;QAAA;AAAAD,OAAAV,EAAA;AAAAW,OAAAX,EAAA;;AAhEZV,WAAUoB,IAgEPC,GAAU;AAAA,QAENT;;AAGR,SAAOqC,QAAApC,IAAA;CAAA,MAAAH,IAAAC,EAAA,GAAA;CAAA,IAAAuC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAnC;CAAA,IAAAC;CAAA,IAAAmC;AAAA,KAAA9C,EAAA,OAAAG,IAAA;AAAiB,GAAA,CAAAwC,MAAAD,cAAAF,UAAAC,WAAAI,WAAAE,SAAArC,IAAAsC,WAAArC,IAAAsC,gBAAAH,OAAAF,SAAAzC;AAUTH,IAAA,KAAAG;AAAAH,IAAA,KAAAwC;AAAAxC,IAAA,KAAAyC;AAAAzC,IAAA,KAAA0C;AAAA1C,IAAA,KAAA2C;AAAA3C,IAAA,KAAA4C;AAAA5C,IAAA,KAAA6C;AAAA7C,IAAA,KAAAU;AAAAV,IAAA,KAAAW;AAAAX,IAAA,KAAA8C;QAAA;AAAAN,aAAAxC,EAAA;AAAAyC,cAAAzC,EAAA;AAAA0C,iBAAA1C,EAAA;AAAA2C,SAAA3C,EAAA;AAAA4C,UAAA5C,EAAA;AAAA6C,cAAA7C,EAAA;AAAAU,OAAAV,EAAA;AAAAW,OAAAX,EAAA;AAAA8C,OAAA9C,EAAA;;CAJd,MAAA+C,UAAArC,OAAAwC,SAAA,WAAAxC;CACA,MAAAsC,YAAArC,OAAAuC,SAAA,QAAAvC;CACA,MAAAsC,iBAAAH,OAAAI,SAAA,QAAAJ;CAIA,MAAA5C,UAAgBJ,aADIiD,YAAY,cAAZC,UACqB;CAQd,MAAAI,KAAAL,YAAY;CACV,MAAAM,KAAAN,YAAY;CAAU,IAAAO;AAAA,KAAAtD,EAAA,QAAAyC,aAAAzC,EAAA,QAAAiD,kBAAAjD,EAAA,QAAAoD,MAAApD,EAAA,QAAAqD,IAAA;AAFtCC,OAAA7D,WAAWC,wBAAMkB,MAAO6B,WAAW;IAC5C/C,wBAAM6D,gBAAiBH;IACvB1D,wBAAM8D,kBAAmBH;IACzB3D,wBAAMuD,iBAAkBA;GACzB,CAAC;AAAAjD,IAAA,MAAAyC;AAAAzC,IAAA,MAAAiD;AAAAjD,IAAA,MAAAoD;AAAApD,IAAA,MAAAqD;AAAArD,IAAA,MAAAsD;OAAAA,MAAAtD,EAAA;CAGyB,MAAAyD,KAAAZ,WAASa;CAAgB,IAAAC;AAAA,KAAA3D,EAAA,QAAAyD,IAAA;AAApDE,OAAA,oBAAC,yBAAqB,GAAKF,KAA6B;AAAAzD,IAAA,MAAAyD;AAAAzD,IAAA,MAAA2D;OAAAA,MAAA3D,EAAA;CAAA,IAAA4D;AAAA,KAAA5D,EAAA,QAAAwC,YAAAxC,EAAA,QAAA0C,gBAAA1C,EAAA,QAAA2C,QAAA3C,EAAA,QAAA4C,SAAA5C,EAAA,QAAAE,WAAAF,EAAA,QAAAsD,MAAAtD,EAAA,QAAA2D,IAAA;AAXzDC,OAAA,qBAAA,YAAA;GACM1D,KAAAA;GACCyC;GACQD;GACH,WAAAY;GAIT,GACEV;cAEJe,IACCnB;IACiB;AAAAxC,IAAA,MAAAwC;AAAAxC,IAAA,MAAA0C;AAAA1C,IAAA,MAAA2C;AAAA3C,IAAA,MAAA4C;AAAA5C,IAAA,MAAAE;AAAAF,IAAA,MAAAsD;AAAAtD,IAAA,MAAA2D;AAAA3D,IAAA,MAAA4D;OAAAA,MAAA5D,EAAA;AAAA,QAbnB4D;;AAiBF,SAAAC,sBAAA1D,IAAA;CAAA,MAAAH,IAAAC,EAAA,EAAA;CAAA,IAAA6D;CAAA,IAAAlB;AAAA,KAAA5C,EAAA,OAAAG,IAAA;AAA+B,GAAA,CAAA2D,cAAAlB,SAAAzC;AAAmDH,IAAA,KAAAG;AAAAH,IAAA,KAAA8D;AAAA9D,IAAA,KAAA4C;QAAA;AAAAkB,cAAA9D,EAAA;AAAA4C,UAAA5C,EAAA;;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAA8D,WAAA;AAGpEpD,OAAAjB,WAAWC,wBAAMqE,SAAU,GACpCrE,wBAAMsE,mBAAoBF,WAC3B,CAAC;AAAA9D,IAAA,KAAA8D;AAAA9D,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AAIFM,OAAA,oBAAC;GAAY,MAAA;GAA4B,SAAA;IAAa;AAAAX,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAAA,IAAA8C;AAAA,KAAA9C,EAAA,OAAA4C,SAAA5C,EAAA,OAAAU,IAAA;AAPvDoC,OAAA,oBAAA,YAAA;GACY,WAAApC;GAGA,cAAA;GAAc,GACrBkC;aAEJjC;IACqB;AAAAX,IAAA,KAAA4C;AAAA5C,IAAA,KAAAU;AAAAV,IAAA,KAAA8C;OAAAA,MAAA9C,EAAA;AAAA,QARtB8C"}

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

@@ -1,14 +0,0 @@
-
-//#region src/components/ds-panel/ds-panel.module.scss
-var ds_panel_module_default = {
-	"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
-exports.default = ds_panel_module_default;

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

@@ -1,14 +0,0 @@
-//#region src/components/ds-panel/ds-panel.module.scss
-var ds_panel_module_default = {
-	"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
-export { ds_panel_module_default as default };
-//# sourceMappingURL=ds-panel.module.js.map

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

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

@@ -1,20 +0,0 @@
-import * as Collapsible from "@radix-ui/react-collapsible";
-
-//#region src/components/ds-panel/ds-panel.types.d.ts
-type DsPanelVariant = 'docked' | 'floating';
-type DsPanelProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
-  variant?: DsPanelVariant;
-  draggable?: boolean;
-  disablePadding?: boolean;
-  slotProps?: {
-    collapseButton?: DsPanelCollapseButtonProps;
-  };
-  onOpenChange?: (open: boolean) => void;
-};
-type DsPanelCollapseButtonProps = {
-  onClick?: () => void;
-  collapsed?: boolean;
-};
-//#endregion
-export { DsPanelCollapseButtonProps, DsPanelProps, DsPanelVariant };
-//# sourceMappingURL=ds-panel.types.d.cts.map

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

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

@@ -1,20 +0,0 @@
-import * as Collapsible from "@radix-ui/react-collapsible";
-
-//#region src/components/ds-panel/ds-panel.types.d.ts
-type DsPanelVariant = 'docked' | 'floating';
-type DsPanelProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
-  variant?: DsPanelVariant;
-  draggable?: boolean;
-  disablePadding?: boolean;
-  slotProps?: {
-    collapseButton?: DsPanelCollapseButtonProps;
-  };
-  onOpenChange?: (open: boolean) => void;
-};
-type DsPanelCollapseButtonProps = {
-  onClick?: () => void;
-  collapsed?: boolean;
-};
-//#endregion
-export { DsPanelCollapseButtonProps, DsPanelProps, DsPanelVariant };
-//# sourceMappingURL=ds-panel.types.d.ts.map

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

@@ -1 +0,0 @@
-{"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-panel/index.cjs

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

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

@@ -1,2 +0,0 @@
-import { DsPanelCollapseButtonProps, DsPanelProps, DsPanelVariant } from "./ds-panel.types.js";
-import { DsPanel } from "./ds-panel.js";

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

@@ -1 +0,0 @@
-import { DsPanel } from "./ds-panel.js";