@drivenets/design-system 0.0.2 → 0.0.4

package/dist/components/ds-table/hooks/use-drag-and-drop.cjs

@@ -0,0 +1,142 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __dnd_kit_sortable = require("@dnd-kit/sortable");
+let __dnd_kit_core = require("@dnd-kit/core");
+let __dnd_kit_modifiers = require("@dnd-kit/modifiers");
+
+//#region src/components/ds-table/hooks/use-drag-and-drop.tsx
+const DragWrapper = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(5);
+	const { children, onDragEnd, sensors } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [__dnd_kit_modifiers.restrictToVerticalAxis];
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== children || $[2] !== onDragEnd || $[3] !== sensors) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__dnd_kit_core.DndContext, {
+			collisionDetection: __dnd_kit_core.closestCenter,
+			modifiers: t1,
+			onDragEnd,
+			sensors,
+			children
+		});
+		$[1] = children;
+		$[2] = onDragEnd;
+		$[3] = sensors;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+};
+const SortableWrapper = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(3);
+	const { children, items } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== items) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__dnd_kit_sortable.SortableContext, {
+			items,
+			strategy: __dnd_kit_sortable.verticalListSortingStrategy,
+			children
+		});
+		$[0] = children;
+		$[1] = items;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
+function useDragAndDrop(t0) {
+	const $ = (0, react_compiler_runtime.c)(18);
+	const { isDragEnabled, onOrderChange, items } = t0;
+	let t1;
+	if ($[0] !== items) {
+		t1 = items.map(_temp);
+		$[0] = items;
+		$[1] = t1;
+	} else t1 = $[1];
+	const dataIds = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {};
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {};
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = {};
+		$[4] = t4;
+	} else t4 = $[4];
+	const sensors = (0, __dnd_kit_core.useSensors)((0, __dnd_kit_core.useSensor)(__dnd_kit_core.MouseSensor, t2), (0, __dnd_kit_core.useSensor)(__dnd_kit_core.TouchSensor, t3), (0, __dnd_kit_core.useSensor)(__dnd_kit_core.KeyboardSensor, t4));
+	let t5;
+	if ($[5] !== items || $[6] !== onOrderChange) {
+		t5 = (event) => {
+			const { active, over } = event;
+			if (active.id !== over?.id) {
+				const oldIndex = items.findIndex((row_0) => row_0.id === active.id);
+				const newIndex = items.findIndex((row_1) => row_1.id === over?.id);
+				if (oldIndex !== -1 && newIndex !== -1) {
+					const newData = (0, __dnd_kit_sortable.arrayMove)(items, oldIndex, newIndex);
+					onOrderChange?.(newData);
+				}
+			}
+		};
+		$[5] = items;
+		$[6] = onOrderChange;
+		$[7] = t5;
+	} else t5 = $[7];
+	const handleDragEnd = t5;
+	let t6;
+	if ($[8] !== handleDragEnd || $[9] !== isDragEnabled || $[10] !== sensors) {
+		t6 = isDragEnabled ? (t7$1) => {
+			const { children } = t7$1;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DragWrapper, {
+				onDragEnd: handleDragEnd,
+				sensors,
+				children
+			});
+		} : react.default.Fragment;
+		$[8] = handleDragEnd;
+		$[9] = isDragEnabled;
+		$[10] = sensors;
+		$[11] = t6;
+	} else t6 = $[11];
+	const DragWrapperComponent = t6;
+	let t7;
+	if ($[12] !== dataIds || $[13] !== isDragEnabled) {
+		t7 = isDragEnabled ? (t8$1) => {
+			const { children: children_0 } = t8$1;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableWrapper, {
+				items: dataIds,
+				children: children_0
+			});
+		} : react.default.Fragment;
+		$[12] = dataIds;
+		$[13] = isDragEnabled;
+		$[14] = t7;
+	} else t7 = $[14];
+	const SortableWrapperComponent = t7;
+	let t8;
+	if ($[15] !== DragWrapperComponent || $[16] !== SortableWrapperComponent) {
+		t8 = {
+			DragWrapper: DragWrapperComponent,
+			SortableWrapper: SortableWrapperComponent
+		};
+		$[15] = DragWrapperComponent;
+		$[16] = SortableWrapperComponent;
+		$[17] = t8;
+	} else t8 = $[17];
+	return t8;
+}
+function _temp(row) {
+	return row.id;
+}
+
+//#endregion
+exports.useDragAndDrop = useDragAndDrop;

package/dist/components/ds-table/hooks/use-drag-and-drop.js

@@ -0,0 +1,141 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import { SortableContext, arrayMove, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
+
+//#region src/components/ds-table/hooks/use-drag-and-drop.tsx
+const DragWrapper = (t0) => {
+	const $ = c(5);
+	const { children, onDragEnd, sensors } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = [restrictToVerticalAxis];
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== children || $[2] !== onDragEnd || $[3] !== sensors) {
+		t2 = /* @__PURE__ */ jsx(DndContext, {
+			collisionDetection: closestCenter,
+			modifiers: t1,
+			onDragEnd,
+			sensors,
+			children
+		});
+		$[1] = children;
+		$[2] = onDragEnd;
+		$[3] = sensors;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+};
+const SortableWrapper = (t0) => {
+	const $ = c(3);
+	const { children, items } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== items) {
+		t1 = /* @__PURE__ */ jsx(SortableContext, {
+			items,
+			strategy: verticalListSortingStrategy,
+			children
+		});
+		$[0] = children;
+		$[1] = items;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+};
+function useDragAndDrop(t0) {
+	const $ = c(18);
+	const { isDragEnabled, onOrderChange, items } = t0;
+	let t1;
+	if ($[0] !== items) {
+		t1 = items.map(_temp);
+		$[0] = items;
+		$[1] = t1;
+	} else t1 = $[1];
+	const dataIds = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {};
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {};
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = {};
+		$[4] = t4;
+	} else t4 = $[4];
+	const sensors = useSensors(useSensor(MouseSensor, t2), useSensor(TouchSensor, t3), useSensor(KeyboardSensor, t4));
+	let t5;
+	if ($[5] !== items || $[6] !== onOrderChange) {
+		t5 = (event) => {
+			const { active, over } = event;
+			if (active.id !== over?.id) {
+				const oldIndex = items.findIndex((row_0) => row_0.id === active.id);
+				const newIndex = items.findIndex((row_1) => row_1.id === over?.id);
+				if (oldIndex !== -1 && newIndex !== -1) {
+					const newData = arrayMove(items, oldIndex, newIndex);
+					onOrderChange?.(newData);
+				}
+			}
+		};
+		$[5] = items;
+		$[6] = onOrderChange;
+		$[7] = t5;
+	} else t5 = $[7];
+	const handleDragEnd = t5;
+	let t6;
+	if ($[8] !== handleDragEnd || $[9] !== isDragEnabled || $[10] !== sensors) {
+		t6 = isDragEnabled ? (t7$1) => {
+			const { children } = t7$1;
+			return /* @__PURE__ */ jsx(DragWrapper, {
+				onDragEnd: handleDragEnd,
+				sensors,
+				children
+			});
+		} : React.Fragment;
+		$[8] = handleDragEnd;
+		$[9] = isDragEnabled;
+		$[10] = sensors;
+		$[11] = t6;
+	} else t6 = $[11];
+	const DragWrapperComponent = t6;
+	let t7;
+	if ($[12] !== dataIds || $[13] !== isDragEnabled) {
+		t7 = isDragEnabled ? (t8$1) => {
+			const { children: children_0 } = t8$1;
+			return /* @__PURE__ */ jsx(SortableWrapper, {
+				items: dataIds,
+				children: children_0
+			});
+		} : React.Fragment;
+		$[12] = dataIds;
+		$[13] = isDragEnabled;
+		$[14] = t7;
+	} else t7 = $[14];
+	const SortableWrapperComponent = t7;
+	let t8;
+	if ($[15] !== DragWrapperComponent || $[16] !== SortableWrapperComponent) {
+		t8 = {
+			DragWrapper: DragWrapperComponent,
+			SortableWrapper: SortableWrapperComponent
+		};
+		$[15] = DragWrapperComponent;
+		$[16] = SortableWrapperComponent;
+		$[17] = t8;
+	} else t8 = $[17];
+	return t8;
+}
+function _temp(row) {
+	return row.id;
+}
+
+//#endregion
+export { useDragAndDrop };
+//# sourceMappingURL=use-drag-and-drop.js.map

package/dist/components/ds-table/hooks/use-drag-and-drop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drag-and-drop.js","names":["React","DragEndEvent","UniqueIdentifier","closestCenter","DndContext","KeyboardSensor","MouseSensor","TouchSensor","useSensor","useSensors","arrayMove","SortableContext","verticalListSortingStrategy","restrictToVerticalAxis","UseDragAndDropResult","DragWrapper","ComponentType","PropsWithChildren","SortableWrapper","UseDragAndDropOptions","isDragEnabled","onOrderChange","newData","T","items","DragWrapperProps","onDragEnd","event","sensors","ReturnType","t0","$","_c","children","t1","Symbol","for","t2","SortableWrapperProps","useDragAndDrop","map","_temp","dataIds","t3","t4","t5","active","over","id","oldIndex","findIndex","row_0","row","newIndex","row_1","handleDragEnd","t6","t7","Fragment","DragWrapperComponent","t8","children_0","SortableWrapperComponent"],"sources":["../../../../src/components/ds-table/hooks/use-drag-and-drop.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\ttype DragEndEvent,\n\ttype UniqueIdentifier,\n\tclosestCenter,\n\tDndContext,\n\tKeyboardSensor,\n\tMouseSensor,\n\tTouchSensor,\n\tuseSensor,\n\tuseSensors,\n} from '@dnd-kit/core';\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\n\nexport interface UseDragAndDropResult {\n\tDragWrapper: React.ComponentType<React.PropsWithChildren>;\n\tSortableWrapper: React.ComponentType<React.PropsWithChildren>;\n}\n\nexport interface UseDragAndDropOptions<T> {\n\tisDragEnabled: boolean;\n\tonOrderChange?: (newData: T[]) => void;\n\titems: T[];\n}\n\ntype DragWrapperProps = React.PropsWithChildren<{\n\tonDragEnd: (event: DragEndEvent) => void;\n\tsensors: ReturnType<typeof useSensors>;\n}>;\n\nconst DragWrapper = ({ children, onDragEnd, sensors }: DragWrapperProps) => (\n\t<DndContext\n\t\tcollisionDetection={closestCenter}\n\t\tmodifiers={[restrictToVerticalAxis]}\n\t\tonDragEnd={onDragEnd}\n\t\tsensors={sensors}\n\t>\n\t\t{children}\n\t</DndContext>\n);\n\ntype SortableWrapperProps = React.PropsWithChildren<{\n\titems: UniqueIdentifier[];\n}>;\n\nconst SortableWrapper = ({ children, items }: SortableWrapperProps) => (\n\t<SortableContext items={items} strategy={verticalListSortingStrategy}>\n\t\t{children}\n\t</SortableContext>\n);\n\nexport function useDragAndDrop<T extends { id: string }>({\n\tisDragEnabled,\n\tonOrderChange,\n\titems,\n}: UseDragAndDropOptions<T>): UseDragAndDropResult {\n\tconst dataIds = React.useMemo(() => items.map((row) => row.id), [items]);\n\n\tconst sensors = useSensors(\n\t\tuseSensor(MouseSensor, {}),\n\t\tuseSensor(TouchSensor, {}),\n\t\tuseSensor(KeyboardSensor, {}),\n\t);\n\n\tconst handleDragEnd = React.useCallback(\n\t\t(event: DragEndEvent) => {\n\t\t\tconst { active, over } = event;\n\t\t\tif (active.id !== over?.id) {\n\t\t\t\tconst oldIndex = items.findIndex((row) => row.id === active.id);\n\t\t\t\tconst newIndex = items.findIndex((row) => row.id === over?.id);\n\t\t\t\tif (oldIndex !== -1 && newIndex !== -1) {\n\t\t\t\t\tconst newData = arrayMove(items, oldIndex, newIndex);\n\t\t\t\t\tonOrderChange?.(newData);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[items, onOrderChange],\n\t);\n\n\tconst DragWrapperComponent = React.useMemo(\n\t\t() =>\n\t\t\tisDragEnabled\n\t\t\t\t? ({ children }: React.PropsWithChildren) => (\n\t\t\t\t\t\t<DragWrapper onDragEnd={handleDragEnd} sensors={sensors}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</DragWrapper>\n\t\t\t\t\t)\n\t\t\t\t: React.Fragment,\n\t\t[isDragEnabled, handleDragEnd, sensors],\n\t);\n\n\tconst SortableWrapperComponent = React.useMemo(\n\t\t() =>\n\t\t\tisDragEnabled\n\t\t\t\t? ({ children }: React.PropsWithChildren) => (\n\t\t\t\t\t\t<SortableWrapper items={dataIds}>{children}</SortableWrapper>\n\t\t\t\t\t)\n\t\t\t\t: React.Fragment,\n\t\t[isDragEnabled, dataIds],\n\t);\n\n\treturn {\n\t\tDragWrapper: DragWrapperComponent,\n\t\tSortableWrapper: SortableWrapperComponent,\n\t};\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1,4 @@
+import { RowAction, SecondaryRowAction } from "./components/ds-table-cell/ds-table-cell.types.js";
+import "./components/ds-table-cell/index.js";
+import { Action, DsDataTableProps, DsTableApi, DsTableRowSize, ScrollParams } from "./ds-table.types.js";
+import { DsTable } from "./ds-table.js";

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

@@ -0,0 +1 @@
+import ds_table_default from "./ds-table.js";

package/dist/components/ds-table/styles/shared/ds-table-shared.module.cjs

@@ -0,0 +1,17 @@
+
+//#region src/components/ds-table/styles/shared/ds-table-shared.module.scss
+var ds_table_shared_module_default = {
+	"rotate": "_rotate_1vhho_1",
+	"pageButtonIcon": "_pageButtonIcon_1vhho_1",
+	"rotate-45": "_rotate-45_1vhho_1",
+	"rotate-90": "_rotate-90_1vhho_1",
+	"rotate-135": "_rotate-135_1vhho_1",
+	"rotate-180": "_rotate-180_1vhho_1",
+	"rotate-225": "_rotate-225_1vhho_1",
+	"rotate-270": "_rotate-270_1vhho_1",
+	"rotate-315": "_rotate-315_1vhho_1",
+	"checkboxContainer": "_checkboxContainer_1vhho_1"
+};
+
+//#endregion
+exports.default = ds_table_shared_module_default;

package/dist/components/ds-table/styles/shared/ds-table-shared.module.js

@@ -0,0 +1,17 @@
+//#region src/components/ds-table/styles/shared/ds-table-shared.module.scss
+var ds_table_shared_module_default = {
+	"rotate": "_rotate_1vhho_1",
+	"pageButtonIcon": "_pageButtonIcon_1vhho_1",
+	"rotate-45": "_rotate-45_1vhho_1",
+	"rotate-90": "_rotate-90_1vhho_1",
+	"rotate-135": "_rotate-135_1vhho_1",
+	"rotate-180": "_rotate-180_1vhho_1",
+	"rotate-225": "_rotate-225_1vhho_1",
+	"rotate-270": "_rotate-270_1vhho_1",
+	"rotate-315": "_rotate-315_1vhho_1",
+	"checkboxContainer": "_checkboxContainer_1vhho_1"
+};
+
+//#endregion
+export { ds_table_shared_module_default as default };
+//# sourceMappingURL=ds-table-shared.module.js.map

package/dist/components/ds-table/styles/shared/ds-table-shared.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-shared.module.js","names":[],"sources":["../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_utilities.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-table/styles/shared/ds-table-shared.module.scss","../../../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-table/styles/_variables.scss"],"sourcesContent":["@use '../../../../styles/utilities' as utils;\n@use '../variables' as vars;\n\n.checkboxContainer {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: fit-content;\n\tmargin: auto;\n\theight: 100%;\n}\n\n.pageButtonIcon {\n\tcolor: vars.$expand-toggle-icon-color;\n\t@extend .rotate;\n}\n"],"mappings":""}

package/dist/components/ds-table/utils/column-styling.cjs

@@ -0,0 +1,23 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+let __tanstack_react_table = require("@tanstack/react-table");
+
+//#region src/components/ds-table/utils/column-styling.ts
+/**
+* Generates the appropriate style object for a table column/cell based on its size and virtualization state
+*
+* @param columnSize - The size of the column
+* @param virtualized - Whether the table is virtualized
+* @param isLastColumn - Whether this is the last column in the row
+* @returns Style object or undefined if no custom styling is needed
+*/
+const getColumnStyle = (columnSize, virtualized, isLastColumn = false) => {
+	if (!(columnSize !== __tanstack_react_table.defaultColumnSizing.size)) return;
+	if (virtualized) return {
+		flexBasis: `${String(columnSize)}px`,
+		flexGrow: isLastColumn ? 1 : 0
+	};
+	return { width: columnSize };
+};
+
+//#endregion
+exports.getColumnStyle = getColumnStyle;

package/dist/components/ds-table/utils/column-styling.js

@@ -0,0 +1,23 @@
+import { defaultColumnSizing } from "@tanstack/react-table";
+
+//#region src/components/ds-table/utils/column-styling.ts
+/**
+* Generates the appropriate style object for a table column/cell based on its size and virtualization state
+*
+* @param columnSize - The size of the column
+* @param virtualized - Whether the table is virtualized
+* @param isLastColumn - Whether this is the last column in the row
+* @returns Style object or undefined if no custom styling is needed
+*/
+const getColumnStyle = (columnSize, virtualized, isLastColumn = false) => {
+	if (!(columnSize !== defaultColumnSizing.size)) return;
+	if (virtualized) return {
+		flexBasis: `${String(columnSize)}px`,
+		flexGrow: isLastColumn ? 1 : 0
+	};
+	return { width: columnSize };
+};
+
+//#endregion
+export { getColumnStyle };
+//# sourceMappingURL=column-styling.js.map

package/dist/components/ds-table/utils/column-styling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-styling.js","names":["CSSProperties","defaultColumnSizing","getColumnStyle","columnSize","virtualized","isLastColumn","hasCustomSize","size","undefined","flexBasis","String","flexGrow","width"],"sources":["../../../../src/components/ds-table/utils/column-styling.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { defaultColumnSizing } from '@tanstack/react-table';\n\n/**\n * Generates the appropriate style object for a table column/cell based on its size and virtualization state\n *\n * @param columnSize - The size of the column\n * @param virtualized - Whether the table is virtualized\n * @param isLastColumn - Whether this is the last column in the row\n * @returns Style object or undefined if no custom styling is needed\n */\nexport const getColumnStyle = (\n\tcolumnSize: number,\n\tvirtualized?: boolean,\n\tisLastColumn: boolean = false,\n): CSSProperties | undefined => {\n\tconst hasCustomSize = columnSize !== defaultColumnSizing.size;\n\tif (!hasCustomSize) {\n\t\treturn undefined;\n\t}\n\n\tif (virtualized) {\n\t\treturn {\n\t\t\tflexBasis: `${String(columnSize)}px`,\n\t\t\tflexGrow: isLastColumn ? 1 : 0,\n\t\t};\n\t}\n\n\treturn { width: columnSize };\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAaE,kBACZC,YACAC,aACAC,eAAwB,UACO;AAE/B,KAAI,EADkBF,eAAeF,oBAAoBM,MAExD;AAGD,KAAIH,YACH,QAAO;EACNK,WAAW,GAAGC,OAAOP,WAAW,CAAA;EAChCQ,UAAUN,eAAe,IAAI;EAC7B;AAGF,QAAO,EAAEO,OAAOT,YAAY"}

package/dist/components/ds-table/utils/create-columns-grid-template.cjs

@@ -0,0 +1,11 @@
+
+//#region src/components/ds-table/utils/create-columns-grid-template.ts
+function createColumnsGridTemplate({ columns, selectable }) {
+	return columns.reduce((acc, col) => {
+		acc.push(col.size ? `${String(col.size)}px` : "auto");
+		return acc;
+	}, selectable ? ["max-content"] : []).join(" ");
+}
+
+//#endregion
+exports.createColumnsGridTemplate = createColumnsGridTemplate;

package/dist/components/ds-table/utils/create-columns-grid-template.js

@@ -0,0 +1,11 @@
+//#region src/components/ds-table/utils/create-columns-grid-template.ts
+function createColumnsGridTemplate({ columns, selectable }) {
+	return columns.reduce((acc, col) => {
+		acc.push(col.size ? `${String(col.size)}px` : "auto");
+		return acc;
+	}, selectable ? ["max-content"] : []).join(" ");
+}
+
+//#endregion
+export { createColumnsGridTemplate };
+//# sourceMappingURL=create-columns-grid-template.js.map

package/dist/components/ds-table/utils/create-columns-grid-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-columns-grid-template.js","names":["ColumnDef","Args","columns","selectable","createColumnsGridTemplate","reduce","acc","col","push","size","String","join"],"sources":["../../../../src/components/ds-table/utils/create-columns-grid-template.ts"],"sourcesContent":["import type { ColumnDef } from '@tanstack/react-table';\n\ntype Args = {\n\t// eslint-disable-next-line @typescript-eslint/no-explicit-any\n\tcolumns: ColumnDef<any, any>[];\n\tselectable?: boolean;\n};\n\n// In virtualized tables, the rows should all be positioned at the top with a `translateY` offset.\n// We're using a Grid for this rather than `position: absolute` to ensure that each cell aligns with\n// other cells in the same column (mimicking the native table behavior).\nexport function createColumnsGridTemplate({ columns, selectable }: Args): string {\n\treturn columns\n\t\t.reduce<string[]>(\n\t\t\t(acc, col) => {\n\t\t\t\tacc.push(col.size ? `${String(col.size)}px` : 'auto');\n\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\tselectable ? ['max-content'] : [],\n\t\t)\n\t\t.join(' ');\n}\n"],"mappings":";AAWA,SAAgBI,0BAA0B,EAAEF,SAASC,cAA4B;AAChF,QAAOD,QACLG,QACCC,KAAKC,QAAQ;AACbD,MAAIE,KAAKD,IAAIE,OAAO,GAAGC,OAAOH,IAAIE,KAAK,CAAA,MAAO,OAAO;AAErD,SAAOH;IAERH,aAAa,CAAC,cAAc,GAAG,EAChC,CAAC,CACAQ,KAAK,IAAI"}

package/dist/components/ds-table/utils/merge-refs.cjs

@@ -0,0 +1,13 @@
+
+//#region src/components/ds-table/utils/merge-refs.ts
+const mergeRefs = (...refs) => {
+	return (value) => {
+		refs.filter((r) => !!r).forEach((ref) => {
+			if (typeof ref === "function") ref(value);
+			else ref.current = value;
+		});
+	};
+};
+
+//#endregion
+exports.mergeRefs = mergeRefs;

package/dist/components/ds-table/utils/merge-refs.js

@@ -0,0 +1,13 @@
+//#region src/components/ds-table/utils/merge-refs.ts
+const mergeRefs = (...refs) => {
+	return (value) => {
+		refs.filter((r) => !!r).forEach((ref) => {
+			if (typeof ref === "function") ref(value);
+			else ref.current = value;
+		});
+	};
+};
+
+//#endregion
+export { mergeRefs };
+//# sourceMappingURL=merge-refs.js.map

package/dist/components/ds-table/utils/merge-refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-refs.js","names":["Ref","RefCallback","mergeRefs","refs","Array","T","value","filter","r","forEach","ref","current"],"sources":["../../../../src/components/ds-table/utils/merge-refs.ts"],"sourcesContent":["import type { Ref, RefCallback } from 'react';\n\nexport const mergeRefs = <T>(...refs: Array<Ref<T> | undefined>): RefCallback<T> => {\n\treturn (value) => {\n\t\trefs\n\t\t\t.filter((r) => !!r)\n\t\t\t.forEach((ref) => {\n\t\t\t\tif (typeof ref === 'function') {\n\t\t\t\t\tref(value);\n\t\t\t\t} else {\n\t\t\t\t\tref.current = value;\n\t\t\t\t}\n\t\t\t});\n\t};\n};\n"],"mappings":";AAEA,MAAaE,aAAgB,GAAGC,SAAoD;AACnF,SAAQG,UAAU;AACjBH,OACEI,QAAQC,MAAM,CAAC,CAACA,EAAE,CAClBC,SAASC,QAAQ;AACjB,OAAI,OAAOA,QAAQ,WAClBA,KAAIJ,MAAM;OAEVI,KAAIC,UAAUL;IAEd"}

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

@@ -0,0 +1,142 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_text_input_module = require('./ds-text-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 react = require("react");
+
+//#region src/components/ds-text-input/ds-text-input.tsx
+const DsTextInput = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(40);
+	const { id, ref, name, size: t1, type: t2, onBlur, onKeyDown, onChange, onValueChange, className, style: t3, value, defaultValue, min, max, minLength, maxLength, placeholder, disabled: t4, tabIndex, slots } = t0;
+	const size = t1 === void 0 ? "default" : t1;
+	const type = t2 === void 0 ? "text" : t2;
+	let t5;
+	if ($[0] !== t3) {
+		t5 = t3 === void 0 ? {} : t3;
+		$[0] = t3;
+		$[1] = t5;
+	} else t5 = $[1];
+	const style = t5;
+	const disabled = t4 === void 0 ? false : t4;
+	const InputWrapper = slots?.inputWrapper ?? react.Fragment;
+	const t6 = size === "small";
+	const t7 = size === "default";
+	let t8;
+	if ($[2] !== className || $[3] !== t6 || $[4] !== t7) {
+		t8 = (0, classnames.default)(require_ds_text_input_module.default.textInputContainer, {
+			[require_ds_text_input_module.default.small]: t6,
+			[require_ds_text_input_module.default.default]: t7
+		}, className);
+		$[2] = className;
+		$[3] = t6;
+		$[4] = t7;
+		$[5] = t8;
+	} else t8 = $[5];
+	const containerClass = t8;
+	let t9;
+	if ($[6] !== onChange || $[7] !== onValueChange) {
+		t9 = (event) => {
+			const newValue = event.target.value;
+			onChange?.(event);
+			onValueChange?.(newValue);
+		};
+		$[6] = onChange;
+		$[7] = onValueChange;
+		$[8] = t9;
+	} else t9 = $[8];
+	const handleChange = t9;
+	let t10;
+	if ($[9] !== slots) {
+		t10 = slots?.startAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_text_input_module.default.adornment,
+			children: slots.startAdornment
+		});
+		$[9] = slots;
+		$[10] = t10;
+	} else t10 = $[10];
+	let t11;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t11 = (0, classnames.default)(require_ds_text_input_module.default.input);
+		$[11] = t11;
+	} else t11 = $[11];
+	let t12;
+	if ($[12] !== defaultValue || $[13] !== disabled || $[14] !== handleChange || $[15] !== id || $[16] !== max || $[17] !== maxLength || $[18] !== min || $[19] !== minLength || $[20] !== name || $[21] !== onBlur || $[22] !== onKeyDown || $[23] !== placeholder || $[24] !== ref || $[25] !== tabIndex || $[26] !== type || $[27] !== value) {
+		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+			id,
+			ref,
+			name,
+			className: t11,
+			type,
+			value,
+			defaultValue,
+			min,
+			max,
+			minLength,
+			maxLength,
+			placeholder,
+			disabled,
+			onBlur,
+			onKeyDown,
+			onChange: handleChange,
+			tabIndex
+		});
+		$[12] = defaultValue;
+		$[13] = disabled;
+		$[14] = handleChange;
+		$[15] = id;
+		$[16] = max;
+		$[17] = maxLength;
+		$[18] = min;
+		$[19] = minLength;
+		$[20] = name;
+		$[21] = onBlur;
+		$[22] = onKeyDown;
+		$[23] = placeholder;
+		$[24] = ref;
+		$[25] = tabIndex;
+		$[26] = type;
+		$[27] = value;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== InputWrapper || $[30] !== t12) {
+		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputWrapper, { children: t12 });
+		$[29] = InputWrapper;
+		$[30] = t12;
+		$[31] = t13;
+	} else t13 = $[31];
+	let t14;
+	if ($[32] !== slots) {
+		t14 = slots?.endAdornment && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_text_input_module.default.adornment,
+			children: slots.endAdornment
+		});
+		$[32] = slots;
+		$[33] = t14;
+	} else t14 = $[33];
+	let t15;
+	if ($[34] !== containerClass || $[35] !== style || $[36] !== t10 || $[37] !== t13 || $[38] !== t14) {
+		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: containerClass,
+			style,
+			children: [
+				t10,
+				t13,
+				t14
+			]
+		});
+		$[34] = containerClass;
+		$[35] = style;
+		$[36] = t10;
+		$[37] = t13;
+		$[38] = t14;
+		$[39] = t15;
+	} else t15 = $[39];
+	return t15;
+};
+var ds_text_input_default = DsTextInput;
+
+//#endregion
+exports.default = ds_text_input_default;

package/dist/components/ds-text-input/ds-text-input.d.cts

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

package/dist/components/ds-text-input/ds-text-input.d.cts.map

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

package/dist/components/ds-text-input/ds-text-input.d.ts

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

package/dist/components/ds-text-input/ds-text-input.d.ts.map

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