@drivenets/design-system 0.0.2 → 0.0.3

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

@@ -0,0 +1,79 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_core_table_module = require('./core-table.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/ds-table/components/core-table/core-table.tsx
+function Table({ className, ref, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+		ref,
+		className: (0, classnames.default)(require_core_table_module.default.table, className),
+		...props
+	});
+}
+Table.displayName = "Table";
+function TableHeader({ className, ref, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
+		ref,
+		className: (0, classnames.default)(require_core_table_module.default.tableHeader, className),
+		...props
+	});
+}
+TableHeader.displayName = "TableHeader";
+function TableBody({ className, ref, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
+		ref,
+		className: (0, classnames.default)(require_core_table_module.default.tableBody, className),
+		...props
+	});
+}
+TableBody.displayName = "TableBody";
+function TableFooter({ className, ref, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tfoot", {
+		ref,
+		className: (0, classnames.default)(require_core_table_module.default.tableFooter, className),
+		...props
+	});
+}
+TableFooter.displayName = "TableFooter";
+function TableRow({ className, ref, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+		ref,
+		className: (0, classnames.default)(require_core_table_module.default.tableRow, className),
+		...props
+	});
+}
+TableRow.displayName = "TableRow";
+function TableHead({ className, ref, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+		ref,
+		className: (0, classnames.default)(require_core_table_module.default.tableHead, className),
+		...props
+	});
+}
+TableHead.displayName = "TableHead";
+function TableCell({ className, ref, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+		ref,
+		className: (0, classnames.default)(require_core_table_module.default.tableCell, className),
+		...props
+	});
+}
+TableCell.displayName = "TableCell";
+function TableCaption({ className, ref, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("caption", {
+		ref,
+		className: (0, classnames.default)(require_core_table_module.default.tableCaption, className),
+		...props
+	});
+}
+TableCaption.displayName = "TableCaption";
+
+//#endregion
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCell = TableCell;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;

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

@@ -0,0 +1,73 @@
+import core_table_module_default from "./core-table.module.js";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/ds-table/components/core-table/core-table.tsx
+function Table({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("table", {
+		ref,
+		className: classNames(core_table_module_default.table, className),
+		...props
+	});
+}
+Table.displayName = "Table";
+function TableHeader({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		ref,
+		className: classNames(core_table_module_default.tableHeader, className),
+		...props
+	});
+}
+TableHeader.displayName = "TableHeader";
+function TableBody({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		ref,
+		className: classNames(core_table_module_default.tableBody, className),
+		...props
+	});
+}
+TableBody.displayName = "TableBody";
+function TableFooter({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		ref,
+		className: classNames(core_table_module_default.tableFooter, className),
+		...props
+	});
+}
+TableFooter.displayName = "TableFooter";
+function TableRow({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		ref,
+		className: classNames(core_table_module_default.tableRow, className),
+		...props
+	});
+}
+TableRow.displayName = "TableRow";
+function TableHead({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		ref,
+		className: classNames(core_table_module_default.tableHead, className),
+		...props
+	});
+}
+TableHead.displayName = "TableHead";
+function TableCell({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		ref,
+		className: classNames(core_table_module_default.tableCell, className),
+		...props
+	});
+}
+TableCell.displayName = "TableCell";
+function TableCaption({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		ref,
+		className: classNames(core_table_module_default.tableCaption, className),
+		...props
+	});
+}
+TableCaption.displayName = "TableCaption";
+
+//#endregion
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=core-table.js.map

package/dist/components/ds-table/components/core-table/core-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-table.js","names":["classnames","styles"],"sources":["../../../../../src/components/ds-table/components/core-table/core-table.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref, TdHTMLAttributes, ThHTMLAttributes } from 'react';\nimport classnames from 'classnames';\nimport styles from './core-table.module.scss';\n\ntype TableProps = HTMLAttributes<HTMLTableElement> & { ref?: Ref<HTMLTableElement> };\n\nfunction Table({ className, ref, ...props }: TableProps) {\n\treturn <table ref={ref} className={classnames(styles.table, className)} {...props} />;\n}\n\nTable.displayName = 'Table';\n\ntype TableHeaderProps = HTMLAttributes<HTMLTableSectionElement> & {\n\tref?: Ref<HTMLTableSectionElement>;\n};\n\nfunction TableHeader({ className, ref, ...props }: TableHeaderProps) {\n\treturn <thead ref={ref} className={classnames(styles.tableHeader, className)} {...props} />;\n}\n\nTableHeader.displayName = 'TableHeader';\n\ntype TableBodyProps = HTMLAttributes<HTMLTableSectionElement> & {\n\tref?: Ref<HTMLTableSectionElement>;\n};\n\nfunction TableBody({ className, ref, ...props }: TableBodyProps) {\n\treturn <tbody ref={ref} className={classnames(styles.tableBody, className)} {...props} />;\n}\n\nTableBody.displayName = 'TableBody';\n\ntype TableFooterProps = HTMLAttributes<HTMLTableSectionElement> & {\n\tref?: Ref<HTMLTableSectionElement>;\n};\n\nfunction TableFooter({ className, ref, ...props }: TableFooterProps) {\n\treturn <tfoot ref={ref} className={classnames(styles.tableFooter, className)} {...props} />;\n}\n\nTableFooter.displayName = 'TableFooter';\n\ntype TableRowProps = HTMLAttributes<HTMLTableRowElement> & {\n\tref?: Ref<HTMLTableRowElement>;\n};\n\nfunction TableRow({ className, ref, ...props }: TableRowProps) {\n\treturn <tr ref={ref} className={classnames(styles.tableRow, className)} {...props} />;\n}\n\nTableRow.displayName = 'TableRow';\n\ntype TableHeadProps = ThHTMLAttributes<HTMLTableCellElement> & {\n\tref?: Ref<HTMLTableCellElement>;\n};\n\nfunction TableHead({ className, ref, ...props }: TableHeadProps) {\n\treturn <th ref={ref} className={classnames(styles.tableHead, className)} {...props} />;\n}\n\nTableHead.displayName = 'TableHead';\n\ntype TableCellProps = TdHTMLAttributes<HTMLTableCellElement> & {\n\tref?: Ref<HTMLTableCellElement>;\n};\n\nfunction TableCell({ className, ref, ...props }: TableCellProps) {\n\treturn <td ref={ref} className={classnames(styles.tableCell, className)} {...props} />;\n}\n\nTableCell.displayName = 'TableCell';\n\ntype TableCaptionProps = HTMLAttributes<HTMLTableCaptionElement> & {\n\tref?: Ref<HTMLTableCaptionElement>;\n};\n\nfunction TableCaption({ className, ref, ...props }: TableCaptionProps) {\n\treturn <caption ref={ref} className={classnames(styles.tableCaption, className)} {...props} />;\n}\n\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };\n"],"mappings":";;;;;AAMA,SAAS,MAAM,EAAE,WAAW,KAAK,GAAG,SAAqB;AACxD,QAAO,oBAAC;EAAW;EAAK,WAAWA,WAAWC,0BAAO,OAAO,UAAU;EAAE,GAAI;GAAS;;AAGtF,MAAM,cAAc;AAMpB,SAAS,YAAY,EAAE,WAAW,KAAK,GAAG,SAA2B;AACpE,QAAO,oBAAC;EAAW;EAAK,WAAWD,WAAWC,0BAAO,aAAa,UAAU;EAAE,GAAI;GAAS;;AAG5F,YAAY,cAAc;AAM1B,SAAS,UAAU,EAAE,WAAW,KAAK,GAAG,SAAyB;AAChE,QAAO,oBAAC;EAAW;EAAK,WAAWD,WAAWC,0BAAO,WAAW,UAAU;EAAE,GAAI;GAAS;;AAG1F,UAAU,cAAc;AAMxB,SAAS,YAAY,EAAE,WAAW,KAAK,GAAG,SAA2B;AACpE,QAAO,oBAAC;EAAW;EAAK,WAAWD,WAAWC,0BAAO,aAAa,UAAU;EAAE,GAAI;GAAS;;AAG5F,YAAY,cAAc;AAM1B,SAAS,SAAS,EAAE,WAAW,KAAK,GAAG,SAAwB;AAC9D,QAAO,oBAAC;EAAQ;EAAK,WAAWD,WAAWC,0BAAO,UAAU,UAAU;EAAE,GAAI;GAAS;;AAGtF,SAAS,cAAc;AAMvB,SAAS,UAAU,EAAE,WAAW,KAAK,GAAG,SAAyB;AAChE,QAAO,oBAAC;EAAQ;EAAK,WAAWD,WAAWC,0BAAO,WAAW,UAAU;EAAE,GAAI;GAAS;;AAGvF,UAAU,cAAc;AAMxB,SAAS,UAAU,EAAE,WAAW,KAAK,GAAG,SAAyB;AAChE,QAAO,oBAAC;EAAQ;EAAK,WAAWD,WAAWC,0BAAO,WAAW,UAAU;EAAE,GAAI;GAAS;;AAGvF,UAAU,cAAc;AAMxB,SAAS,aAAa,EAAE,WAAW,KAAK,GAAG,SAA4B;AACtE,QAAO,oBAAC;EAAa;EAAK,WAAWD,WAAWC,0BAAO,cAAc,UAAU;EAAE,GAAI;GAAS;;AAG/F,aAAa,cAAc"}

package/dist/components/ds-table/components/core-table/core-table.module.cjs

@@ -0,0 +1,12 @@
+
+//#region src/components/ds-table/components/core-table/core-table.module.scss
+var core_table_module_default = {
+	"table": "_table_9wtya_1",
+	"tableFooter": "_tableFooter_9wtya_1",
+	"tableHead": "_tableHead_9wtya_1",
+	"tableCell": "_tableCell_9wtya_1",
+	"tableCaption": "_tableCaption_9wtya_1"
+};
+
+//#endregion
+exports.default = core_table_module_default;

package/dist/components/ds-table/components/core-table/core-table.module.js

@@ -0,0 +1,12 @@
+//#region src/components/ds-table/components/core-table/core-table.module.scss
+var core_table_module_default = {
+	"table": "_table_9wtya_1",
+	"tableFooter": "_tableFooter_9wtya_1",
+	"tableHead": "_tableHead_9wtya_1",
+	"tableCell": "_tableCell_9wtya_1",
+	"tableCaption": "_tableCaption_9wtya_1"
+};
+
+//#endregion
+export { core_table_module_default as default };
+//# sourceMappingURL=core-table.module.js.map

package/dist/components/ds-table/components/core-table/core-table.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-table.module.js","names":[],"sources":["../../../../../src/components/ds-table/components/core-table/core-table.module.scss"],"sourcesContent":[".table {\n\twidth: 100%;\n\tcaption-side: bottom;\n\tfont-size: 0.875rem;\n\tline-height: 1.25rem;\n\tborder-collapse: separate;\n\tborder-spacing: 0;\n}\n\n.tableFooter {\n\tbackground-color: rgba(241, 245, 249, 0.5);\n\tfont-weight: 500;\n}\n\n.tableHead {\n\t&:has([role='checkbox']) {\n\t\tpadding-right: 0;\n\t}\n}\n\n.tableCell {\n\t&:has([role='checkbox']) {\n\t\tpadding-right: 0;\n\t}\n}\n\n.tableCaption {\n\tmargin-top: 1rem;\n\tfont-size: 0.875rem;\n\tline-height: 1.25rem;\n\tcolor: rgb(100, 116, 139);\n}\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./core-table.js";

package/dist/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.cjs

@@ -0,0 +1,77 @@
+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_button = require('../../../ds-button/ds-button.cjs');
+require('../../../ds-button/index.cjs');
+const require_ds_table_bulk_actions_module = require('./ds-table-bulk-actions.module.cjs');
+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-table/components/ds-table-bulk-actions/ds-table-bulk-actions.tsx
+const DsTableBulkActions = ({ numSelectedRows, actions, onClearSelection }) => {
+	const [isRendered, setIsRendered] = (0, react.useState)(false);
+	const [animationClass, setAnimationClass] = (0, react.useState)("");
+	(0, react.useEffect)(() => {
+		if (numSelectedRows > 0) {
+			setIsRendered(true);
+			setAnimationClass(require_ds_table_bulk_actions_module.default.entering);
+		} else if (isRendered) {
+			setAnimationClass(require_ds_table_bulk_actions_module.default.exiting);
+			const timer = setTimeout(() => {
+				setIsRendered(false);
+				setAnimationClass("");
+			}, 300);
+			return () => clearTimeout(timer);
+		}
+	}, [numSelectedRows, isRendered]);
+	if (!isRendered) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, classnames.default)(require_ds_table_bulk_actions_module.default.bulkActionsContainer, animationClass),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: require_ds_table_bulk_actions_module.default.selectedCountContainer,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+				className: (0, classnames.default)(require_ds_table_bulk_actions_module.default.selectedCountBadge, require_ds_table_bulk_actions_module.default.bold),
+				children: numSelectedRows
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_ds_table_bulk_actions_module.default.bulkActionsContent,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: require_ds_table_bulk_actions_module.default.bulkActionsInfo,
+					children: "items selected"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_ds_table_bulk_actions_module.default.bulkActionsActions,
+					children: actions.map((action, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_button.default, {
+						variant: "borderless",
+						size: "small",
+						className: require_ds_table_bulk_actions_module.default.actionButton,
+						contentClassName: require_ds_table_bulk_actions_module.default.actionButtonContent,
+						onClick: action.onClick,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, { icon: action.icon }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: (require_ds_table_bulk_actions_module.default["p-s"], require_ds_table_bulk_actions_module.default.medium),
+							children: action.label
+						})]
+					}, index))
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_button.default, {
+					variant: "borderless",
+					size: "small",
+					color: "neutral-2",
+					contentClassName: require_ds_table_bulk_actions_module.default.escapeButtonContent,
+					onClick: onClearSelection,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, { icon: "close" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: (require_ds_table_bulk_actions_module.default["p-s"], require_ds_table_bulk_actions_module.default.medium),
+						children: "Esc"
+					})]
+				})
+			]
+		})]
+	});
+};
+var ds_table_bulk_actions_default = DsTableBulkActions;
+
+//#endregion
+exports.default = ds_table_bulk_actions_default;

package/dist/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.js

@@ -0,0 +1,76 @@
+import ds_icon_default from "../../../ds-icon/ds-icon.js";
+import "../../../ds-icon/index.js";
+import ds_button_default from "../../../ds-button/ds-button.js";
+import "../../../ds-button/index.js";
+import ds_table_bulk_actions_module_default from "./ds-table-bulk-actions.module.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+
+//#region src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.tsx
+const DsTableBulkActions = ({ numSelectedRows, actions, onClearSelection }) => {
+	const [isRendered, setIsRendered] = useState(false);
+	const [animationClass, setAnimationClass] = useState("");
+	useEffect(() => {
+		if (numSelectedRows > 0) {
+			setIsRendered(true);
+			setAnimationClass(ds_table_bulk_actions_module_default.entering);
+		} else if (isRendered) {
+			setAnimationClass(ds_table_bulk_actions_module_default.exiting);
+			const timer = setTimeout(() => {
+				setIsRendered(false);
+				setAnimationClass("");
+			}, 300);
+			return () => clearTimeout(timer);
+		}
+	}, [numSelectedRows, isRendered]);
+	if (!isRendered) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames(ds_table_bulk_actions_module_default.bulkActionsContainer, animationClass),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: ds_table_bulk_actions_module_default.selectedCountContainer,
+			children: /* @__PURE__ */ jsx("h3", {
+				className: classNames(ds_table_bulk_actions_module_default.selectedCountBadge, ds_table_bulk_actions_module_default.bold),
+				children: numSelectedRows
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: ds_table_bulk_actions_module_default.bulkActionsContent,
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: ds_table_bulk_actions_module_default.bulkActionsInfo,
+					children: "items selected"
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: ds_table_bulk_actions_module_default.bulkActionsActions,
+					children: actions.map((action, index) => /* @__PURE__ */ jsxs(ds_button_default, {
+						variant: "borderless",
+						size: "small",
+						className: ds_table_bulk_actions_module_default.actionButton,
+						contentClassName: ds_table_bulk_actions_module_default.actionButtonContent,
+						onClick: action.onClick,
+						children: [/* @__PURE__ */ jsx(ds_icon_default, { icon: action.icon }), /* @__PURE__ */ jsx("span", {
+							className: (ds_table_bulk_actions_module_default["p-s"], ds_table_bulk_actions_module_default.medium),
+							children: action.label
+						})]
+					}, index))
+				}),
+				/* @__PURE__ */ jsxs(ds_button_default, {
+					variant: "borderless",
+					size: "small",
+					color: "neutral-2",
+					contentClassName: ds_table_bulk_actions_module_default.escapeButtonContent,
+					onClick: onClearSelection,
+					children: [/* @__PURE__ */ jsx(ds_icon_default, { icon: "close" }), /* @__PURE__ */ jsx("span", {
+						className: (ds_table_bulk_actions_module_default["p-s"], ds_table_bulk_actions_module_default.medium),
+						children: "Esc"
+					})]
+				})
+			]
+		})]
+	});
+};
+var ds_table_bulk_actions_default = DsTableBulkActions;
+
+//#endregion
+export { ds_table_bulk_actions_default as default };
+//# sourceMappingURL=ds-table-bulk-actions.js.map

package/dist/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-bulk-actions.js","names":["DsTableBulkActions: React.FC<BulkActionsProps>","styles","classnames","DsButton","DsIcon"],"sources":["../../../../../src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.tsx"],"sourcesContent":["import type React from 'react';\nimport { useEffect, useState } from 'react';\nimport classnames from 'classnames';\nimport { DsButton } from '../../../ds-button';\nimport { DsIcon } from '../../../ds-icon';\nimport styles from './ds-table-bulk-actions.module.scss';\nimport type { BulkActionsProps } from './ds-table-bulk-actions.types';\n\nconst DsTableBulkActions: React.FC<BulkActionsProps> = ({ numSelectedRows, actions, onClearSelection }) => {\n\tconst [isRendered, setIsRendered] = useState(false);\n\tconst [animationClass, setAnimationClass] = useState('');\n\n\tuseEffect(() => {\n\t\tif (numSelectedRows > 0) {\n\t\t\tsetIsRendered(true);\n\t\t\tsetAnimationClass(styles.entering);\n\t\t} else if (isRendered) {\n\t\t\tsetAnimationClass(styles.exiting);\n\t\t\tconst timer = setTimeout(() => {\n\t\t\t\tsetIsRendered(false);\n\t\t\t\tsetAnimationClass('');\n\t\t\t}, 300);\n\t\t\treturn () => clearTimeout(timer);\n\t\t}\n\t}, [numSelectedRows, isRendered]);\n\n\tif (!isRendered) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={classnames(styles.bulkActionsContainer, animationClass)}>\n\t\t\t<div className={styles.selectedCountContainer}>\n\t\t\t\t<h3 className={classnames(styles.selectedCountBadge, styles.bold)}>{numSelectedRows}</h3>\n\t\t\t</div>\n\t\t\t<div className={styles.bulkActionsContent}>\n\t\t\t\t<span className={styles.bulkActionsInfo}>items selected</span>\n\n\t\t\t\t<div className={styles.bulkActionsActions}>\n\t\t\t\t\t{actions.map((action, index) => (\n\t\t\t\t\t\t<DsButton\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tvariant=\"borderless\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tclassName={styles.actionButton}\n\t\t\t\t\t\t\tcontentClassName={styles.actionButtonContent}\n\t\t\t\t\t\t\tonClick={action.onClick}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<DsIcon icon={action.icon} />\n\t\t\t\t\t\t\t<span className={(styles['p-s'], styles.medium)}>{action.label}</span>\n\t\t\t\t\t\t</DsButton>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\n\t\t\t\t<DsButton\n\t\t\t\t\tvariant=\"borderless\"\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tcolor=\"neutral-2\"\n\t\t\t\t\tcontentClassName={styles.escapeButtonContent}\n\t\t\t\t\tonClick={onClearSelection}\n\t\t\t\t>\n\t\t\t\t\t<DsIcon icon=\"close\" />\n\t\t\t\t\t<span className={(styles['p-s'], styles.medium)}>Esc</span>\n\t\t\t\t</DsButton>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default DsTableBulkActions;\n"],"mappings":";;;;;;;;;;AAQA,MAAMA,sBAAkD,EAAE,iBAAiB,SAAS,uBAAuB;CAC1G,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,GAAG;AAExD,iBAAgB;AACf,MAAI,kBAAkB,GAAG;AACxB,iBAAc,KAAK;AACnB,qBAAkBC,qCAAO,SAAS;aACxB,YAAY;AACtB,qBAAkBA,qCAAO,QAAQ;GACjC,MAAM,QAAQ,iBAAiB;AAC9B,kBAAc,MAAM;AACpB,sBAAkB,GAAG;MACnB,IAAI;AACP,gBAAa,aAAa,MAAM;;IAE/B,CAAC,iBAAiB,WAAW,CAAC;AAEjC,KAAI,CAAC,WACJ,QAAO;AAGR,QACC,qBAAC;EAAI,WAAWC,WAAWD,qCAAO,sBAAsB,eAAe;aACtE,oBAAC;GAAI,WAAWA,qCAAO;aACtB,oBAAC;IAAG,WAAWC,WAAWD,qCAAO,oBAAoBA,qCAAO,KAAK;cAAG;KAAqB;IACpF,EACN,qBAAC;GAAI,WAAWA,qCAAO;;IACtB,oBAAC;KAAK,WAAWA,qCAAO;eAAiB;MAAqB;IAE9D,oBAAC;KAAI,WAAWA,qCAAO;eACrB,QAAQ,KAAK,QAAQ,UACrB,qBAACE;MAEA,SAAQ;MACR,MAAK;MACL,WAAWF,qCAAO;MAClB,kBAAkBA,qCAAO;MACzB,SAAS,OAAO;iBAEhB,oBAACG,mBAAO,MAAM,OAAO,OAAQ,EAC7B,oBAAC;OAAK,YAAYH,qCAAO,QAAQA,qCAAO;iBAAU,OAAO;QAAa;QARjE,MASK,CACV;MACG;IAEN,qBAACE;KACA,SAAQ;KACR,MAAK;KACL,OAAM;KACN,kBAAkBF,qCAAO;KACzB,SAAS;gBAET,oBAACG,mBAAO,MAAK,UAAU,EACvB,oBAAC;MAAK,YAAYH,qCAAO,QAAQA,qCAAO;gBAAS;OAAU;MACjD;;IACN;GACD;;AAIR,oCAAe"}

package/dist/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.cjs

@@ -0,0 +1,20 @@
+
+//#region src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.scss
+var ds_table_bulk_actions_module_default = {
+	"bulkActionsContainer": "_bulkActionsContainer_15vel_1",
+	"entering": "_entering_15vel_1",
+	"slideUpFadeIn": "_slideUpFadeIn_15vel_1",
+	"exiting": "_exiting_15vel_1",
+	"slideDownFadeOut": "_slideDownFadeOut_15vel_1",
+	"bulkActionsContent": "_bulkActionsContent_15vel_1",
+	"selectedCountContainer": "_selectedCountContainer_15vel_1",
+	"selectedCountBadge": "_selectedCountBadge_15vel_1",
+	"bulkActionsInfo": "_bulkActionsInfo_15vel_1",
+	"bulkActionsActions": "_bulkActionsActions_15vel_1",
+	"actionButton": "_actionButton_15vel_1",
+	"actionButtonContent": "_actionButtonContent_15vel_1",
+	"escapeButtonContent": "_escapeButtonContent_15vel_1"
+};
+
+//#endregion
+exports.default = ds_table_bulk_actions_module_default;

package/dist/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.js

@@ -0,0 +1,20 @@
+//#region src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.scss
+var ds_table_bulk_actions_module_default = {
+	"bulkActionsContainer": "_bulkActionsContainer_15vel_1",
+	"entering": "_entering_15vel_1",
+	"slideUpFadeIn": "_slideUpFadeIn_15vel_1",
+	"exiting": "_exiting_15vel_1",
+	"slideDownFadeOut": "_slideDownFadeOut_15vel_1",
+	"bulkActionsContent": "_bulkActionsContent_15vel_1",
+	"selectedCountContainer": "_selectedCountContainer_15vel_1",
+	"selectedCountBadge": "_selectedCountBadge_15vel_1",
+	"bulkActionsInfo": "_bulkActionsInfo_15vel_1",
+	"bulkActionsActions": "_bulkActionsActions_15vel_1",
+	"actionButton": "_actionButton_15vel_1",
+	"actionButtonContent": "_actionButtonContent_15vel_1",
+	"escapeButtonContent": "_escapeButtonContent_15vel_1"
+};
+
+//#endregion
+export { ds_table_bulk_actions_module_default as default };
+//# sourceMappingURL=ds-table-bulk-actions.module.js.map

package/dist/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-bulk-actions.module.js","names":[],"sources":["../../../../../src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.module.scss"],"sourcesContent":["@use '../../../../styles/typography';\n\n.bulkActionsContainer {\n\tposition: fixed;\n\tbottom: 20px;\n\tleft: 50%;\n\ttransform: translateX(-50%);\n\tbackground-color: var(--white);\n\tborder-radius: 8px;\n\tbox-shadow: 0 4px 12px #0445cc66;\n\tz-index: 1000;\n\tdisplay: flex;\n\talign-items: center;\n\tborder-radius: 8px;\n\toverflow: hidden;\n\tanimation-duration: 0.3s;\n\tanimation-timing-function: ease-out;\n\tanimation-fill-mode: forwards;\n\n\t&.entering {\n\t\tanimation-name: slideUpFadeIn;\n\t}\n\n\t&.exiting {\n\t\tanimation-name: slideDownFadeOut;\n\t}\n}\n\n.bulkActionsContent {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding-right: 6px;\n\tpadding-left: 6px;\n}\n\n.selectedCountContainer {\n\tbackground-color: var(--action-cta1);\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 6px 22px;\n}\n\n.selectedCountBadge {\n\tcolor: var(--white);\n\tmargin: 0;\n}\n\n.bulkActionsInfo {\n\tcolor: var(--neutral-2);\n\ttext-wrap: nowrap;\n\tpadding-left: 8px;\n\tpadding-right: 56px;\n}\n\n.bulkActionsActions {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\n\t> .actionButton {\n\t\tborder-right: 1px solid var(--neutral-6);\n\t\twidth: 68px;\n\t\theight: 48px;\n\t\tborder-radius: 0;\n\n\t\t> .actionButtonContent {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tgap: 4px;\n\t\t}\n\t}\n\n\t> .actionButton:first-child {\n\t\tborder-left: 1px solid var(--neutral-6);\n\t}\n}\n\n.escapeButtonContent {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tcolor: var(--neutral-2);\n\tgap: 2px !important;\n\twidth: 36px;\n\tpadding-left: 4px;\n\n\t&:hover {\n\t\tcolor: var(--neutral-4);\n\t}\n}\n\n@keyframes slideUpFadeIn {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translate(-50%, 100%);\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translate(-50%, 0);\n\t}\n}\n\n@keyframes slideDownFadeOut {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translate(-50%, 0);\n\t}\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translate(-50%, 100%);\n\t}\n}\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+import ds_table_bulk_actions_default from "./ds-table-bulk-actions.js";

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

@@ -0,0 +1,78 @@
+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_dropdown_menu = require('../../../ds-dropdown-menu/ds-dropdown-menu.cjs');
+require('../../../ds-dropdown-menu/index.cjs');
+const require_ds_table_cell_module = require('./ds-table-cell.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __tanstack_react_table = require("@tanstack/react-table");
+
+//#region src/components/ds-table/components/ds-table-cell/ds-table-cell.tsx
+const DsDefaultTableCell = ({ cell }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_ds_table_cell_module.default.tableCellEllipsis,
+		children: (0, __tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
+	});
+};
+const DsTableCell = ({ row, cell, primaryRowActions = [], secondaryRowActions = [] }) => {
+	if (primaryRowActions.length || secondaryRowActions.length) {
+		const hasSecondaryRowActions = secondaryRowActions.some((action) => !action.disabled?.(row.original));
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_ds_table_cell_module.default.lastCell,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsDefaultTableCell, { cell }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: require_ds_table_cell_module.default.cellActions,
+				children: [primaryRowActions.map((action, i) => {
+					const isDisabled = action.disabled?.(row.original);
+					const label = typeof action.label === "function" ? action.label(row.original) : action.label;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: (0, classnames.default)(require_ds_table_cell_module.default.rowActionIcon, { [require_ds_table_cell_module.default.disabled]: isDisabled }),
+						title: action.tooltip || label,
+						onClick: (e) => {
+							e.stopPropagation();
+							if (isDisabled) return;
+							action.onClick(row.original);
+						},
+						tabIndex: isDisabled ? -1 : 0,
+						"aria-label": label,
+						"aria-disabled": isDisabled,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+							icon: action.icon,
+							size: "tiny"
+						})
+					}, i);
+				}), hasSecondaryRowActions && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_dropdown_menu.DsDropdownMenu.Root, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_dropdown_menu.DsDropdownMenu.Trigger, {
+					className: (0, classnames.default)(require_ds_table_cell_module.default.rowActionIcon, require_ds_table_cell_module.default.secondaryActionsTrigger),
+					"aria-label": "More actions",
+					asChild: true,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						title: "More actions",
+						"aria-label": "More actions",
+						onClick: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+							icon: "more_vert",
+							size: "tiny"
+						})
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_dropdown_menu.DsDropdownMenu.Content, { children: secondaryRowActions.map((action, i) => {
+					const label = typeof action.label === "function" ? action.label(row.original) : action.label;
+					const isDisabled = action.disabled?.(row.original);
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_dropdown_menu.DsDropdownMenu.Item, {
+						value: label,
+						disabled: isDisabled,
+						onClick: (e) => e.stopPropagation(),
+						onSelect: () => action.onClick(row.original),
+						children: [action.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, { icon: action.icon }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+					}, i);
+				}) })] })]
+			})]
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsDefaultTableCell, { cell });
+};
+
+//#endregion
+exports.DsTableCell = DsTableCell;

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

@@ -0,0 +1,2 @@
+import "./ds-table-cell.types.js";
+import "react/jsx-runtime";

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

@@ -0,0 +1,77 @@
+import ds_icon_default from "../../../ds-icon/ds-icon.js";
+import "../../../ds-icon/index.js";
+import { DsDropdownMenu } from "../../../ds-dropdown-menu/ds-dropdown-menu.js";
+import "../../../ds-dropdown-menu/index.js";
+import ds_table_cell_module_default from "./ds-table-cell.module.js";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { flexRender } from "@tanstack/react-table";
+
+//#region src/components/ds-table/components/ds-table-cell/ds-table-cell.tsx
+const DsDefaultTableCell = ({ cell }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: ds_table_cell_module_default.tableCellEllipsis,
+		children: flexRender(cell.column.columnDef.cell, cell.getContext())
+	});
+};
+const DsTableCell = ({ row, cell, primaryRowActions = [], secondaryRowActions = [] }) => {
+	if (primaryRowActions.length || secondaryRowActions.length) {
+		const hasSecondaryRowActions = secondaryRowActions.some((action) => !action.disabled?.(row.original));
+		return /* @__PURE__ */ jsxs("div", {
+			className: ds_table_cell_module_default.lastCell,
+			children: [/* @__PURE__ */ jsx(DsDefaultTableCell, { cell }), /* @__PURE__ */ jsxs("div", {
+				className: ds_table_cell_module_default.cellActions,
+				children: [primaryRowActions.map((action, i) => {
+					const isDisabled = action.disabled?.(row.original);
+					const label = typeof action.label === "function" ? action.label(row.original) : action.label;
+					return /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: classNames(ds_table_cell_module_default.rowActionIcon, { [ds_table_cell_module_default.disabled]: isDisabled }),
+						title: action.tooltip || label,
+						onClick: (e) => {
+							e.stopPropagation();
+							if (isDisabled) return;
+							action.onClick(row.original);
+						},
+						tabIndex: isDisabled ? -1 : 0,
+						"aria-label": label,
+						"aria-disabled": isDisabled,
+						children: /* @__PURE__ */ jsx(ds_icon_default, {
+							icon: action.icon,
+							size: "tiny"
+						})
+					}, i);
+				}), hasSecondaryRowActions && /* @__PURE__ */ jsxs(DsDropdownMenu.Root, { children: [/* @__PURE__ */ jsx(DsDropdownMenu.Trigger, {
+					className: classNames(ds_table_cell_module_default.rowActionIcon, ds_table_cell_module_default.secondaryActionsTrigger),
+					"aria-label": "More actions",
+					asChild: true,
+					children: /* @__PURE__ */ jsx("button", {
+						type: "button",
+						title: "More actions",
+						"aria-label": "More actions",
+						onClick: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ jsx(ds_icon_default, {
+							icon: "more_vert",
+							size: "tiny"
+						})
+					})
+				}), /* @__PURE__ */ jsx(DsDropdownMenu.Content, { children: secondaryRowActions.map((action, i) => {
+					const label = typeof action.label === "function" ? action.label(row.original) : action.label;
+					const isDisabled = action.disabled?.(row.original);
+					return /* @__PURE__ */ jsxs(DsDropdownMenu.Item, {
+						value: label,
+						disabled: isDisabled,
+						onClick: (e) => e.stopPropagation(),
+						onSelect: () => action.onClick(row.original),
+						children: [action.icon && /* @__PURE__ */ jsx(ds_icon_default, { icon: action.icon }), /* @__PURE__ */ jsx("span", { children: label })]
+					}, i);
+				}) })] })]
+			})]
+		});
+	}
+	return /* @__PURE__ */ jsx(DsDefaultTableCell, { cell });
+};
+
+//#endregion
+export { DsTableCell };
+//# sourceMappingURL=ds-table-cell.js.map

package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-cell.js","names":["styles","classnames","DsIcon"],"sources":["../../../../../src/components/ds-table/components/ds-table-cell/ds-table-cell.tsx"],"sourcesContent":["import { type Cell, flexRender } from '@tanstack/react-table';\nimport classnames from 'classnames';\nimport { DsIcon } from '../../../ds-icon';\nimport { DsDropdownMenu } from '../../../ds-dropdown-menu';\nimport styles from './ds-table-cell.module.scss';\nimport type { DsTableCellProps } from './ds-table-cell.types';\n\nconst DsDefaultTableCell = <TData, TValue>({ cell }: { cell: Cell<TData, TValue> }) => {\n\treturn (\n\t\t<div className={styles.tableCellEllipsis}>\n\t\t\t{flexRender(cell.column.columnDef.cell, cell.getContext())}\n\t\t</div>\n\t);\n};\n\nexport const DsTableCell = <TData, TValue>({\n\trow,\n\tcell,\n\tprimaryRowActions = [],\n\tsecondaryRowActions = [],\n}: DsTableCellProps<TData, TValue>) => {\n\tif (primaryRowActions.length || secondaryRowActions.length) {\n\t\tconst hasSecondaryRowActions = secondaryRowActions.some((action) => !action.disabled?.(row.original));\n\t\treturn (\n\t\t\t<div className={styles.lastCell}>\n\t\t\t\t<DsDefaultTableCell cell={cell} />\n\t\t\t\t<div className={styles.cellActions}>\n\t\t\t\t\t{primaryRowActions.map((action, i) => {\n\t\t\t\t\t\tconst isDisabled = action.disabled?.(row.original);\n\t\t\t\t\t\tconst label = typeof action.label === 'function' ? action.label(row.original) : action.label;\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\tclassName={classnames(styles.rowActionIcon, { [styles.disabled]: isDisabled })}\n\t\t\t\t\t\t\t\ttitle={action.tooltip || label}\n\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\t\t\t\t\tif (isDisabled) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taction.onClick(row.original);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttabIndex={isDisabled ? -1 : 0}\n\t\t\t\t\t\t\t\taria-label={label}\n\t\t\t\t\t\t\t\taria-disabled={isDisabled}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<DsIcon icon={action.icon} size=\"tiny\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t\t{hasSecondaryRowActions && (\n\t\t\t\t\t\t<DsDropdownMenu.Root>\n\t\t\t\t\t\t\t<DsDropdownMenu.Trigger\n\t\t\t\t\t\t\t\tclassName={classnames(styles.rowActionIcon, styles.secondaryActionsTrigger)}\n\t\t\t\t\t\t\t\taria-label=\"More actions\"\n\t\t\t\t\t\t\t\tasChild\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\ttitle=\"More actions\"\n\t\t\t\t\t\t\t\t\taria-label=\"More actions\"\n\t\t\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<DsIcon icon=\"more_vert\" size=\"tiny\" />\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t</DsDropdownMenu.Trigger>\n\t\t\t\t\t\t\t<DsDropdownMenu.Content>\n\t\t\t\t\t\t\t\t{secondaryRowActions.map((action, i) => {\n\t\t\t\t\t\t\t\t\tconst label =\n\t\t\t\t\t\t\t\t\t\ttypeof action.label === 'function' ? action.label(row.original) : action.label;\n\t\t\t\t\t\t\t\t\tconst isDisabled = action.disabled?.(row.original);\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<DsDropdownMenu.Item\n\t\t\t\t\t\t\t\t\t\t\tkey={i}\n\t\t\t\t\t\t\t\t\t\t\tvalue={label}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\t\t\t\t\t\tonSelect={() => action.onClick(row.original)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{action.icon && <DsIcon icon={action.icon} />}\n\t\t\t\t\t\t\t\t\t\t\t<span>{label}</span>\n\t\t\t\t\t\t\t\t\t\t</DsDropdownMenu.Item>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</DsDropdownMenu.Content>\n\t\t\t\t\t\t</DsDropdownMenu.Root>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn <DsDefaultTableCell cell={cell} />;\n};\n"],"mappings":";;;;;;;;;;AAOA,MAAM,sBAAqC,EAAE,WAA0C;AACtF,QACC,oBAAC;EAAI,WAAWA,6BAAO;YACrB,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC;GACrD;;AAIR,MAAa,eAA8B,EAC1C,KACA,MACA,oBAAoB,EAAE,EACtB,sBAAsB,EAAE,OACc;AACtC,KAAI,kBAAkB,UAAU,oBAAoB,QAAQ;EAC3D,MAAM,yBAAyB,oBAAoB,MAAM,WAAW,CAAC,OAAO,WAAW,IAAI,SAAS,CAAC;AACrG,SACC,qBAAC;GAAI,WAAWA,6BAAO;cACtB,oBAAC,sBAAyB,OAAQ,EAClC,qBAAC;IAAI,WAAWA,6BAAO;eACrB,kBAAkB,KAAK,QAAQ,MAAM;KACrC,MAAM,aAAa,OAAO,WAAW,IAAI,SAAS;KAClD,MAAM,QAAQ,OAAO,OAAO,UAAU,aAAa,OAAO,MAAM,IAAI,SAAS,GAAG,OAAO;AACvF,YACC,oBAAC;MAEA,MAAK;MACL,WAAWC,WAAWD,6BAAO,eAAe,GAAGA,6BAAO,WAAW,YAAY,CAAC;MAC9E,OAAO,OAAO,WAAW;MACzB,UAAU,MAAM;AACf,SAAE,iBAAiB;AAEnB,WAAI,WACH;AAED,cAAO,QAAQ,IAAI,SAAS;;MAE7B,UAAU,aAAa,KAAK;MAC5B,cAAY;MACZ,iBAAe;gBAEf,oBAACE;OAAO,MAAM,OAAO;OAAM,MAAK;QAAS;QAhBpC,EAiBG;MAET,EACD,0BACA,qBAAC,eAAe,mBACf,oBAAC,eAAe;KACf,WAAWD,WAAWD,6BAAO,eAAeA,6BAAO,wBAAwB;KAC3E,cAAW;KACX;eAEA,oBAAC;MACA,MAAK;MACL,OAAM;MACN,cAAW;MACX,UAAU,MAAM,EAAE,iBAAiB;gBAEnC,oBAACE;OAAO,MAAK;OAAY,MAAK;QAAS;OAC/B;MACe,EACzB,oBAAC,eAAe,qBACd,oBAAoB,KAAK,QAAQ,MAAM;KACvC,MAAM,QACL,OAAO,OAAO,UAAU,aAAa,OAAO,MAAM,IAAI,SAAS,GAAG,OAAO;KAC1E,MAAM,aAAa,OAAO,WAAW,IAAI,SAAS;AAClD,YACC,qBAAC,eAAe;MAEf,OAAO;MACP,UAAU;MACV,UAAU,MAAM,EAAE,iBAAiB;MACnC,gBAAgB,OAAO,QAAQ,IAAI,SAAS;iBAE3C,OAAO,QAAQ,oBAACA,mBAAO,MAAM,OAAO,OAAQ,EAC7C,oBAAC,oBAAM,QAAa;QAPf,EAQgB;MAEtB,GACsB,IACJ;KAElB;IACD;;AAGR,QAAO,oBAAC,sBAAyB,OAAQ"}

package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.module.cjs

@@ -0,0 +1,13 @@
+
+//#region src/components/ds-table/components/ds-table-cell/ds-table-cell.module.scss
+var ds_table_cell_module_default = {
+	"tableCellEllipsis": "_tableCellEllipsis_37042_1",
+	"lastCell": "_lastCell_37042_1",
+	"cellActions": "_cellActions_37042_1",
+	"rowActionIcon": "_rowActionIcon_37042_1",
+	"disabled": "_disabled_37042_1",
+	"secondaryActionsTrigger": "_secondaryActionsTrigger_37042_1"
+};
+
+//#endregion
+exports.default = ds_table_cell_module_default;

package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.module.js

@@ -0,0 +1,13 @@
+//#region src/components/ds-table/components/ds-table-cell/ds-table-cell.module.scss
+var ds_table_cell_module_default = {
+	"tableCellEllipsis": "_tableCellEllipsis_37042_1",
+	"lastCell": "_lastCell_37042_1",
+	"cellActions": "_cellActions_37042_1",
+	"rowActionIcon": "_rowActionIcon_37042_1",
+	"disabled": "_disabled_37042_1",
+	"secondaryActionsTrigger": "_secondaryActionsTrigger_37042_1"
+};
+
+//#endregion
+export { ds_table_cell_module_default as default };
+//# sourceMappingURL=ds-table-cell.module.js.map

package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-table-cell.module.js","names":[],"sources":["../../../../../src/components/ds-table/components/ds-table-cell/ds-table-cell.module.scss"],"sourcesContent":["@use '../../../../styles/typography';\n\n.tableCellEllipsis {\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tword-break: break-word;\n}\n\n.lastCell {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\theight: 100%;\n\tflex: 1;\n\n\t.cellActions {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 8px;\n\t}\n}\n\n.rowActionIcon {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 50%;\n\tbackground: none;\n\tcursor: pointer;\n\ttransition: background 0.15s;\n\tcolor: var(--color-icon-secondary);\n\n\t&.disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t\tpointer-events: none;\n\t}\n\n\t&:hover,\n\t&:focus-within {\n\t\tbackground: var(--color-background-action-hover-weak);\n\t\tcolor: var(--color-font-action);\n\t}\n}\n\n.secondaryActionsTrigger {\n\tmargin-inline-start: var(--spacing-sm);\n}\n"],"mappings":""}