@drivenets/design-system 0.3.0 → 0.5.0

package/dist/components/ds-stepper/components/ds-step-content.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime56 from "react/jsx-runtime";
+import * as react_jsx_runtime52 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/ds-stepper/components/ds-step-content.d.ts
@@ -13,7 +13,7 @@ declare function DsStepContent({
   label,
   description,
   actions
-}: DsStepContentProps): react_jsx_runtime56.JSX.Element;
+}: DsStepContentProps): react_jsx_runtime52.JSX.Element;
 //#endregion
 export { DsStepContent };
 //# sourceMappingURL=ds-step-content.d.ts.map

package/dist/components/ds-stepper/components/ds-step-next-button.d.cts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/ds-stepper/components/ds-step-next-button.d.ts
 declare function DsNextStepButton({
   children
-}: PropsWithChildren): react_jsx_runtime45.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime28.JSX.Element;
 //#endregion
 export { DsNextStepButton };
 //# sourceMappingURL=ds-step-next-button.d.cts.map

package/dist/components/ds-stepper/components/ds-step-next-button.d.ts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime57 from "react/jsx-runtime";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/ds-stepper/components/ds-step-next-button.d.ts
 declare function DsNextStepButton({
   children
-}: PropsWithChildren): react_jsx_runtime57.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime53.JSX.Element;
 //#endregion
 export { DsNextStepButton };
 //# sourceMappingURL=ds-step-next-button.d.ts.map

package/dist/components/ds-stepper/components/ds-step.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/ds-stepper/components/ds-step.d.ts
@@ -10,7 +10,7 @@ declare function DsStep({
   index,
   children,
   className
-}: DsStepProps): react_jsx_runtime43.JSX.Element | null;
+}: DsStepProps): react_jsx_runtime26.JSX.Element | null;
 //#endregion
 export { DsStep };
 //# sourceMappingURL=ds-step.d.cts.map

package/dist/components/ds-stepper/components/ds-step.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime55 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/ds-stepper/components/ds-step.d.ts
@@ -10,7 +10,7 @@ declare function DsStep({
   index,
   children,
   className
-}: DsStepProps): react_jsx_runtime55.JSX.Element | null;
+}: DsStepProps): react_jsx_runtime51.JSX.Element | null;
 //#endregion
 export { DsStep };
 //# sourceMappingURL=ds-step.d.ts.map

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

@@ -1,5 +1,5 @@
 import { DsStepperProps } from "./ds-stepper.types.cjs";
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/ds-stepper.d.ts
 declare function DsStepper({
@@ -9,7 +9,7 @@ declare function DsStepper({
   onStepChange,
   onComplete,
   children
-}: DsStepperProps): react_jsx_runtime42.JSX.Element;
+}: DsStepperProps): react_jsx_runtime25.JSX.Element;
 //#endregion
 export { DsStepper };
 //# sourceMappingURL=ds-stepper.d.cts.map

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

@@ -1,5 +1,5 @@
 import { DsStepperProps } from "./ds-stepper.types.js";
-import * as react_jsx_runtime54 from "react/jsx-runtime";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
 
 //#region src/components/ds-stepper/ds-stepper.d.ts
 declare function DsStepper({
@@ -9,7 +9,7 @@ declare function DsStepper({
   onStepChange,
   onComplete,
   children
-}: DsStepperProps): react_jsx_runtime54.JSX.Element;
+}: DsStepperProps): react_jsx_runtime50.JSX.Element;
 //#endregion
 export { DsStepper };
 //# sourceMappingURL=ds-stepper.d.ts.map

package/dist/components/ds-stepper/hooks/use-steps.cjs

@@ -1,9 +1,9 @@
 const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
 let react_compiler_runtime = require("react/compiler-runtime");
 let react = require("react");
-let __zag_js_steps = require("@zag-js/steps");
-__zag_js_steps = require_rolldown_runtime.__toESM(__zag_js_steps);
-let __zag_js_react = require("@zag-js/react");
+let _zag_js_steps = require("@zag-js/steps");
+_zag_js_steps = require_rolldown_runtime.__toESM(_zag_js_steps);
+let _zag_js_react = require("@zag-js/react");
 
 //#region src/components/ds-stepper/hooks/use-steps.ts
 function useSteps(t0) {
@@ -26,10 +26,10 @@ function useSteps(t0) {
 		$[4] = t1;
 		$[5] = t2;
 	} else t2 = $[5];
-	const service = (0, __zag_js_react.useMachine)(__zag_js_steps.machine, t2);
+	const service = (0, _zag_js_react.useMachine)(_zag_js_steps.machine, t2);
 	let t3;
 	if ($[6] !== service) {
-		t3 = __zag_js_steps.connect(service, __zag_js_react.normalizeProps);
+		t3 = _zag_js_steps.connect(service, _zag_js_react.normalizeProps);
 		$[6] = service;
 		$[7] = t3;
 	} else t3 = $[7];

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

@@ -8,7 +8,7 @@ let react_compiler_runtime = require("react/compiler-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
-let __tanstack_react_table = require("@tanstack/react-table");
+let _tanstack_react_table = require("@tanstack/react-table");
 
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.tsx
 const DsDefaultTableCell = (t0) => {
@@ -16,7 +16,7 @@ const DsDefaultTableCell = (t0) => {
 	const { cell } = t0;
 	let t1;
 	if ($[0] !== cell) {
-		t1 = (0, __tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext());
+		t1 = (0, _tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext());
 		$[0] = cell;
 		$[1] = t1;
 	} else t1 = $[1];
@@ -124,6 +124,7 @@ const DsTableCell = (t0) => {
 				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ds_dropdown_menu.DsDropdownMenu.Item, {
 					value: label_0,
 					disabled: isDisabled_0,
+					className: action_1.className,
 					onClick: _temp2,
 					onSelect: () => action_1.onClick(row.original),
 					children: [action_1.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, { icon: action_1.icon }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label_0 })]

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

@@ -122,6 +122,7 @@ const DsTableCell = (t0) => {
 				return /* @__PURE__ */ jsxs(DsDropdownMenu.Item, {
 					value: label_0,
 					disabled: isDisabled_0,
+					className: action_1.className,
 					onClick: _temp2,
 					onSelect: () => action_1.onClick(row.original),
 					children: [action_1.icon && /* @__PURE__ */ jsx(ds_icon_default, { icon: action_1.icon }), /* @__PURE__ */ jsx("span", { children: label_0 })]

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

@@ -1 +1 @@
-{"version":3,"file":"ds-table-cell.js","names":["Cell","flexRender","classnames","DsIcon","DsDropdownMenu","styles","DsTableCellProps","DsDefaultTableCell","t0","$","_c","cell","t1","column","columnDef","getContext","t2","tableCellEllipsis","DsTableCell","row","primaryRowActions","secondaryRowActions","t3","undefined","t4","length","t5","t6","action","disabled","original","some","hasSecondaryRowActions","t7","t8","action_0","i","isDisabled","label","rowActionIcon","tooltip","e","stopPropagation","onClick","icon","map","secondaryActionsTrigger","_temp","action_1","i_0","label_0","isDisabled_0","_temp2","t9","cellActions","t10","lastCell","e_0","e_1"],"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":"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"}
+{"version":3,"file":"ds-table-cell.js","names":["Cell","flexRender","classnames","DsIcon","DsDropdownMenu","styles","DsTableCellProps","DsDefaultTableCell","t0","$","_c","cell","t1","column","columnDef","getContext","t2","tableCellEllipsis","DsTableCell","row","primaryRowActions","secondaryRowActions","t3","undefined","t4","length","t5","t6","action","disabled","original","some","hasSecondaryRowActions","t7","t8","action_0","i","isDisabled","label","rowActionIcon","tooltip","e","stopPropagation","onClick","icon","map","secondaryActionsTrigger","_temp","action_1","i_0","label_0","isDisabled_0","className","_temp2","t9","cellActions","t10","lastCell","e_0","e_1"],"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\tclassName={action.className}\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":"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"}

package/dist/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.cts

@@ -36,6 +36,10 @@ type SecondaryRowAction<TData> = Omit<RowAction<TData>, 'icon'> & {
    * Optional icon to be displayed for the action
    */
   icon?: IconType;
+  /**
+   * Optional className to apply custom styling to the action item
+   */
+  className?: string;
 };
 //#endregion
 export { RowAction, SecondaryRowAction };

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

@@ -36,6 +36,10 @@ type SecondaryRowAction<TData> = Omit<RowAction<TData>, 'icon'> & {
    * Optional icon to be displayed for the action
    */
   icon?: IconType;
+  /**
+   * Optional className to apply custom styling to the action item
+   */
+  className?: string;
 };
 //#endregion
 export { RowAction, SecondaryRowAction };

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

@@ -13,7 +13,7 @@ let react_compiler_runtime = require("react/compiler-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
-let __tanstack_react_table = require("@tanstack/react-table");
+let _tanstack_react_table = require("@tanstack/react-table");
 
 //#region src/components/ds-table/components/ds-table-header/ds-table-header.tsx
 const DsTableHeader = (t0) => {
@@ -59,7 +59,7 @@ const DsTableHeader = (t0) => {
 						style: headerStyle,
 						children: header.isPlaceholder ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: require_ds_table_header_module.default.headerSortContainer,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: (0, __tanstack_react_table.flexRender)(header.column.columnDef.header, header.getContext()) }), header.column.getCanSort() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: (0, _tanstack_react_table.flexRender)(header.column.columnDef.header, header.getContext()) }), header.column.getCanSort() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: require_ds_table_header_module.default.pageButtonIconContainer,
 								children: {
 									asc: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {

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

@@ -20,8 +20,8 @@ classnames = require_rolldown_runtime.__toESM(classnames);
 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_utilities = require("@dnd-kit/utilities");
+let _dnd_kit_sortable = require("@dnd-kit/sortable");
+let _dnd_kit_utilities = require("@dnd-kit/utilities");
 
 //#region src/components/ds-table/components/ds-table-row/ds-table-row.tsx
 const DsRowDragHandle = (t0) => {
@@ -88,11 +88,11 @@ const DsTableRow = (t0) => {
 		$[4] = t2;
 		$[5] = t3;
 	} else t3 = $[5];
-	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, __dnd_kit_sortable.useSortable)(t3);
+	const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, _dnd_kit_sortable.useSortable)(t3);
 	let t4;
 	if ($[6] !== isDragging || $[7] !== reorderable || $[8] !== transform || $[9] !== transition || $[10] !== virtualRow || $[11] !== virtualized) {
 		t4 = virtualRow && virtualized ? { transform: `translateY(${String(virtualRow.start)}px)` } : reorderable ? {
-			transform: __dnd_kit_utilities.CSS.Transform.toString(transform),
+			transform: _dnd_kit_utilities.CSS.Transform.toString(transform),
 			transition,
 			...isDragging ? {
 				background: "var(--action-active-light)",

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

@@ -16,8 +16,8 @@ classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
-let __tanstack_react_table = require("@tanstack/react-table");
-let __tanstack_react_virtual = require("@tanstack/react-virtual");
+let _tanstack_react_table = require("@tanstack/react-table");
+let _tanstack_react_virtual = require("@tanstack/react-virtual");
 
 //#region src/components/ds-table/ds-table.tsx
 const ROW_SIZE_HEIGHT_MAP = {
@@ -66,14 +66,14 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 		setRowSelection(newRowSelection);
 		onSelectionChange?.(newRowSelection);
 	};
-	const table = (0, __tanstack_react_table.useReactTable)({
+	const table = (0, _tanstack_react_table.useReactTable)({
 		data: reorderable ? data : tableData,
 		columns,
-		getCoreRowModel: (0, __tanstack_react_table.getCoreRowModel)(),
+		getCoreRowModel: (0, _tanstack_react_table.getCoreRowModel)(),
 		onSortingChange: handleSortingChange,
-		getSortedRowModel: (0, __tanstack_react_table.getSortedRowModel)(),
+		getSortedRowModel: (0, _tanstack_react_table.getSortedRowModel)(),
 		onColumnFiltersChange: handleColumnFiltersChange,
-		getFilteredRowModel: (0, __tanstack_react_table.getFilteredRowModel)(),
+		getFilteredRowModel: (0, _tanstack_react_table.getFilteredRowModel)(),
 		onColumnVisibilityChange: handleColumnVisibilityChange,
 		onRowSelectionChange: handleRowSelectionChange,
 		getRowId: (row) => row.id,
@@ -108,7 +108,7 @@ const DsTable = ({ ref, columns, data: tableData, virtualized = false, virtualiz
 		}
 	}), [table]);
 	const { rows, rowsById } = table.getRowModel();
-	const rowVirtualizer = (0, __tanstack_react_virtual.useVirtualizer)({
+	const rowVirtualizer = (0, _tanstack_react_virtual.useVirtualizer)({
 		count: rows.length,
 		getScrollElement: () => tableContainerRef.current,
 		estimateSize: () => virtualizedOptions?.estimateSize || ROW_SIZE_HEIGHT_MAP[rowSize],

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

@@ -1,5 +1,5 @@
 import { DsDataTableProps } from "./ds-table.types.cjs";
-import * as react_jsx_runtime46 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 
 //#region src/components/ds-table/ds-table.d.ts
 /**
@@ -38,7 +38,7 @@ declare const DsTable: <TData extends {
   columnVisibility: externalColumnVisibility,
   onColumnVisibilityChange,
   activeRowId
-}: DsDataTableProps<TData, TValue>) => react_jsx_runtime46.JSX.Element;
+}: DsDataTableProps<TData, TValue>) => react_jsx_runtime36.JSX.Element;
 //#endregion
 export { DsTable };
 //# sourceMappingURL=ds-table.d.cts.map

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

@@ -1,5 +1,5 @@
 import { DsDataTableProps } from "./ds-table.types.js";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime66 from "react/jsx-runtime";
 
 //#region src/components/ds-table/ds-table.d.ts
 /**
@@ -38,7 +38,7 @@ declare const DsTable: <TData extends {
   columnVisibility: externalColumnVisibility,
   onColumnVisibilityChange,
   activeRowId
-}: DsDataTableProps<TData, TValue>) => react_jsx_runtime60.JSX.Element;
+}: DsDataTableProps<TData, TValue>) => react_jsx_runtime66.JSX.Element;
 //#endregion
 export { DsTable };
 //# sourceMappingURL=ds-table.d.ts.map

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

@@ -1 +1 @@
-import { UseTableFiltersResult, useTableFilters } from "./use-table-filters.js";
+import { UseTableFiltersOptions, UseTableFiltersResult, useTableFilters } from "./use-table-filters.js";