@dynatrace/strato-components 3.11.1 → 3.11.2

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrder.css

@@ -1,11 +1,11 @@
-._1ku1w3z0-3-11-1 {
+._1ku1w3z0-3-11-2 {
   cursor: grabbing;
   box-shadow: var(--dt-box-shadows-surface-flat-drag, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52);
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
   z-index: 4;
   overflow: hidden;
 }
-._1ku1w3z1-3-11-1::after {
+._1ku1w3z1-3-11-2::after {
   content: "";
   position: absolute;
   top: 0;
@@ -14,13 +14,13 @@
   width: 3px;
   background: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._1ku1w3z2-3-11-1::after {
+._1ku1w3z2-3-11-2::after {
   left: 0;
 }
-._1ku1w3z3-3-11-1::after {
+._1ku1w3z3-3-11-2::after {
   right: 0;
 }
-._1ku1w3z4-3-11-1::before {
+._1ku1w3z4-3-11-2::before {
   content: "";
   display: block;
   position: absolute;
@@ -29,12 +29,12 @@
   bottom: var(--dt-spacings-size-6, 6px);
   background-color: var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._1ku1w3z5-3-11-1 {
+._1ku1w3z5-3-11-2 {
   display: none;
 }
-._1ku1w3z6-3-11-1 {
+._1ku1w3z6-3-11-2 {
   cursor: grab;
 }
-._1ku1w3z7-3-11-1 {
+._1ku1w3z7-3-11-2 {
   pointer-events: none;
 }

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrder.sty.js

@@ -1,9 +1,9 @@
 import "./ColumnOrder.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var columnDndOverlay = "_1ku1w3z0-3-11-1";
-var headerDragAndDrop = { dragging: "_1ku1w3z5-3-11-1", enabled: "_1ku1w3z6-3-11-1", inactive: "_1ku1w3z7-3-11-1" };
-var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-11-1", variantClassNames: { left: { true: "_1ku1w3z2-3-11-1", false: "_1ku1w3z3-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
-var verticalDividers = "_1ku1w3z4-3-11-1";
+var columnDndOverlay = "_1ku1w3z0-3-11-2";
+var headerDragAndDrop = { dragging: "_1ku1w3z5-3-11-2", enabled: "_1ku1w3z6-3-11-2", inactive: "_1ku1w3z7-3-11-2" };
+var insertPositionIndicator = _7a468({ defaultClassName: "_1ku1w3z1-3-11-2", variantClassNames: { left: { true: "_1ku1w3z2-3-11-2", false: "_1ku1w3z3-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var verticalDividers = "_1ku1w3z4-3-11-2";
 export {
   columnDndOverlay,
   headerDragAndDrop,

package/esm/tables/DataTable/features/ColumnOrder/ColumnOrder.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnOrder/ColumnOrder.css.ts"],
-  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-11-1';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-11-1',enabled:'_1ku1w3z6-3-11-1',inactive:'_1ku1w3z7-3-11-1'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-11-1',variantClassNames:{left:{true:'_1ku1w3z2-3-11-1',false:'_1ku1w3z3-3-11-1'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-11-1';"],
+  "sourcesContent": ["import './ColumnOrder.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var columnDndOverlay = '_1ku1w3z0-3-11-2';\nexport var headerDragAndDrop = {dragging:'_1ku1w3z5-3-11-2',enabled:'_1ku1w3z6-3-11-2',inactive:'_1ku1w3z7-3-11-2'};\nexport var insertPositionIndicator = _7a468({defaultClassName:'_1ku1w3z1-3-11-2',variantClassNames:{left:{true:'_1ku1w3z2-3-11-2',false:'_1ku1w3z3-3-11-2'}},defaultVariants:{},compoundVariants:[]});\nexport var verticalDividers = '_1ku1w3z4-3-11-2';"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,mBAAmB;AACvB,IAAI,oBAAoB,EAAC,UAAS,oBAAmB,SAAQ,oBAAmB,UAAS,mBAAkB;AAC3G,IAAI,0BAA0B,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,MAAK,EAAC,MAAK,oBAAmB,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAC7L,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnSizing/ColumnSizing.css

@@ -1,9 +1,9 @@
-._17437gx0-3-11-1 {
+._17437gx0-3-11-2 {
   cursor: col-resize;
 }
-._17437gx0-3-11-1 > * {
+._17437gx0-3-11-2 > * {
   pointer-events: none;
 }
-._17437gx0-3-11-1 ._14sp6az0-3-11-1 * {
+._17437gx0-3-11-2 ._14sp6az0-3-11-2 * {
   pointer-events: none;
 }

package/esm/tables/DataTable/features/ColumnSizing/ColumnSizing.sty.js

@@ -1,6 +1,6 @@
 import "../../DataTable.css";
 import "./ColumnSizing.css";
-var tableColumnResizing = "_17437gx0-3-11-1";
+var tableColumnResizing = "_17437gx0-3-11-2";
 export {
   tableColumnResizing
 };

package/esm/tables/DataTable/features/ColumnSizing/ColumnSizing.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnSizing/ColumnSizing.css.ts"],
-  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-11-1';"],
+  "sourcesContent": ["import '../../DataTable.css';\nimport './ColumnSizing.css';\nexport var tableColumnResizing = '_17437gx0-3-11-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,sBAAsB;",
   "names": []
 }

package/esm/tables/DataTable/features/ColumnTypes/ColumnTypes.css

@@ -1,4 +1,4 @@
-._19nyr521-3-11-1 {
+._19nyr521-3-11-2 {
   overflow: hidden;
   text-overflow: ellipsis;
 }

package/esm/tables/DataTable/features/ColumnTypes/ColumnTypes.sty.js

@@ -1,6 +1,6 @@
 import "./ColumnTypes.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-11-1", variantClassNames: { linewrap: { false: "_19nyr521-3-11-1" } }, defaultVariants: {}, compoundVariants: [] });
+var logContentWrapper = _7a468({ defaultClassName: "_19nyr520-3-11-2", variantClassNames: { linewrap: { false: "_19nyr521-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   logContentWrapper
 };

package/esm/tables/DataTable/features/ColumnTypes/ColumnTypes.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/ColumnTypes/ColumnTypes.css.ts"],
-  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-11-1',variantClassNames:{linewrap:{false:'_19nyr521-3-11-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ColumnTypes.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var logContentWrapper = _7a468({defaultClassName:'_19nyr520-3-11-2',variantClassNames:{linewrap:{false:'_19nyr521-3-11-2'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,oBAAoB,OAAO,EAAC,kBAAiB,oBAAmB,mBAAkB,EAAC,UAAS,EAAC,OAAM,mBAAkB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/tables/DataTable/features/DevTools.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import {
+  isValidElement,
   Children
 } from "react";
-import { isElement } from "react-is";
 import { isProduction } from "../../../core/utils/is-node-environment.js";
 function DataTableDevTools({
   devTools
@@ -10,7 +10,7 @@ function DataTableDevTools({
   return null;
 }
 function isDataTableDevTools(child) {
-  return isElement(child) && child.type === DataTableDevTools;
+  return isValidElement(child) && child.type === DataTableDevTools;
 }
 function _getDevToolsSlot(props, table) {
   if (isProduction()) {

package/esm/tables/DataTable/features/DevTools.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tables/DataTable/features/DevTools.tsx"],
-  "sourcesContent": ["import {\n  type JSXElementConstructor,\n  type PropsWithChildren,\n  type ReactElement,\n  Children,\n} from 'react';\nimport { isElement } from 'react-is';\n\nimport { isProduction } from '../../../core/utils/is-node-environment.js';\n\n/**\n * DataTableDevTools slot definition.\n * You can pass the ReactDevTools from `@tanstack/react-table-devtools` in to enable them.\n * @public\n */\nexport function DataTableDevTools({\n  devTools,\n}: {\n  devTools: JSXElementConstructor<{ table: unknown }>;\n}) {\n  return null;\n}\n\nfunction isDataTableDevTools(child: unknown): child is ReactElement<{\n  devTools: JSXElementConstructor<{ table: unknown }>;\n}> {\n  return isElement(child) && child.type === DataTableDevTools;\n}\n\n/**\n * Helper function that will find the DevTools slot in the children and\n * return the DevTools.\n * @internal\n */\nexport function _getDevToolsSlot(\n  props: PropsWithChildren,\n  // Deliberately type table as unknown to avoid exposing the internal type.\n  table: unknown,\n) {\n  if (isProduction()) {\n    return null;\n  }\n\n  const devToolsSlot = Children.toArray(props.children).find(\n    isDataTableDevTools,\n  );\n\n  if (devToolsSlot) {\n    const DevTools = devToolsSlot.props.devTools;\n    if (DevTools) {\n      return <DevTools table={table} />;\n    }\n  }\n  return null;\n}\n"],
-  "mappings": "AAkDa;AAlDb;AAAA,EAIE;AAAA,OACK;AACP,SAAS,iBAAiB;AAE1B,SAAS,oBAAoB;AAOtB,SAAS,kBAAkB;AAAA,EAChC;AACF,GAEG;AACD,SAAO;AACT;AAEA,SAAS,oBAAoB,OAE1B;AACD,SAAO,UAAU,KAAK,KAAK,MAAM,SAAS;AAC5C;AAOO,SAAS,iBACd,OAEA,OACA;AACA,MAAI,aAAa,GAAG;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,SAAS,QAAQ,MAAM,QAAQ,EAAE;AAAA,IACpD;AAAA,EACF;AAEA,MAAI,cAAc;AAChB,UAAM,WAAW,aAAa,MAAM;AACpC,QAAI,UAAU;AACZ,aAAO,oBAAC,YAAS,OAAc;AAAA,IACjC;AAAA,EACF;AACA,SAAO;AACT;",
+  "sourcesContent": ["import {\n  isValidElement,\n  type JSXElementConstructor,\n  type PropsWithChildren,\n  type ReactElement,\n  Children,\n} from 'react';\n\nimport { isProduction } from '../../../core/utils/is-node-environment.js';\n\n/**\n * DataTableDevTools slot definition.\n * You can pass the ReactDevTools from `@tanstack/react-table-devtools` in to enable them.\n * @public\n */\nexport function DataTableDevTools({\n  devTools,\n}: {\n  devTools: JSXElementConstructor<{ table: unknown }>;\n}) {\n  return null;\n}\n\nfunction isDataTableDevTools(child: unknown): child is ReactElement<{\n  devTools: JSXElementConstructor<{ table: unknown }>;\n}> {\n  return isValidElement(child) && child.type === DataTableDevTools;\n}\n\n/**\n * Helper function that will find the DevTools slot in the children and\n * return the DevTools.\n * @internal\n */\nexport function _getDevToolsSlot(\n  props: PropsWithChildren,\n  // Deliberately type table as unknown to avoid exposing the internal type.\n  table: unknown,\n) {\n  if (isProduction()) {\n    return null;\n  }\n\n  const devToolsSlot = Children.toArray(props.children).find(\n    isDataTableDevTools,\n  );\n\n  if (devToolsSlot) {\n    const DevTools = devToolsSlot.props.devTools;\n    if (DevTools) {\n      return <DevTools table={table} />;\n    }\n  }\n  return null;\n}\n"],
+  "mappings": "AAkDa;AAlDb;AAAA,EACE;AAAA,EAIA;AAAA,OACK;AAEP,SAAS,oBAAoB;AAOtB,SAAS,kBAAkB;AAAA,EAChC;AACF,GAEG;AACD,SAAO;AACT;AAEA,SAAS,oBAAoB,OAE1B;AACD,SAAO,eAAe,KAAK,KAAK,MAAM,SAAS;AACjD;AAOO,SAAS,iBACd,OAEA,OACA;AACA,MAAI,aAAa,GAAG;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,SAAS,QAAQ,MAAM,QAAQ,EAAE;AAAA,IACpD;AAAA,EACF;AAEA,MAAI,cAAc;AAChB,UAAM,WAAW,aAAa,MAAM;AACpC,QAAI,UAAU;AACZ,aAAO,oBAAC,YAAS,OAAc;AAAA,IACjC;AAAA,EACF;AACA,SAAO;AACT;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css

@@ -1,4 +1,4 @@
-._1x1hmrh0-3-11-1 {
+._1x1hmrh0-3-11-2 {
   position: absolute;
   top: 0;
   left: 0;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttAnnotationsIndicators.css";
-var annotationIndicators = "_1x1hmrh0-3-11-1";
+var annotationIndicators = "_1x1hmrh0-3-11-2";
 export {
   annotationIndicators
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttAnnotationsIndicators.css.ts"],
-  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-11-1';"],
+  "sourcesContent": ["import './DataTableGanttAnnotationsIndicators.css';\nexport var annotationIndicators = '_1x1hmrh0-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,uBAAuB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css

@@ -1,11 +1,11 @@
-._5jn5tp0-3-11-1 {
+._5jn5tp0-3-11-2 {
   height: 100%;
   width: 100%;
 }
-._5jn5tp1-3-11-1 {
+._5jn5tp1-3-11-2 {
   padding-right: 0;
   pointer-events: auto;
 }
-._5jn5tp1-3-11-1:not(:has(._1udh2jz2-3-11-1)) {
+._5jn5tp1-3-11-2:not(:has(._1udh2jz2-3-11-2)) {
   padding-left: 0;
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js

@@ -15,8 +15,8 @@ import "../../components/DataTableHeaderCell.css";
 import "../../components/DataTableDefaultCell.css";
 import "../SubRows/SubRows.css";
 import "./DataTableGanttChartCell.css";
-var ganttChartCell = "_5jn5tp0-3-11-1";
-var ganttChartDefaultCell = "_5jn5tp1-3-11-1";
+var ganttChartCell = "_5jn5tp0-3-11-2";
+var ganttChartDefaultCell = "_5jn5tp1-3-11-2";
 export {
   ganttChartCell,
   ganttChartDefaultCell

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartCell.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartCell.css.ts"],
-  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-11-1';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-11-1';"],
+  "sourcesContent": ["import '../../../../core/styles/focusRingStatic.css';\nimport '../../components/Alignment.css';\nimport '../../DataTable.css';\nimport '../../../../core/components/app-root/AppRoot.css';\nimport '../../components/DataTableVirtualizationContainer.css';\nimport '../RowOrder/RowOrder.css';\nimport '../RowDetails/RowDetails.css';\nimport '../RowInteractivity/RowInteractivity.css';\nimport '../../components/DataTableRow.css';\nimport '../ColumnSizing/ColumnSizing.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableCell.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../../components/DataTableHeaderCell.css';\nimport '../../components/DataTableDefaultCell.css';\nimport '../SubRows/SubRows.css';\nimport './DataTableGanttChartCell.css';\nexport var ganttChartCell = '_5jn5tp0-3-11-2';\nexport var ganttChartDefaultCell = '_5jn5tp1-3-11-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css

@@ -1,4 +1,4 @@
-._evozey0-3-11-1 {
+._evozey0-3-11-2 {
   position: absolute;
   inset: 0;
   margin-left: auto;

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js

@@ -1,5 +1,5 @@
 import "./DataTableGanttChartGrid.css";
-var ganttChartGrid = "_evozey0-3-11-1";
+var ganttChartGrid = "_evozey0-3-11-2";
 export {
   ganttChartGrid
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartGrid.css.ts"],
-  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-11-1';"],
+  "sourcesContent": ["import './DataTableGanttChartGrid.css';\nexport var ganttChartGrid = '_evozey0-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,iBAAiB;",
   "names": []
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css

@@ -1,14 +1,14 @@
-._10y95u40-3-11-1 {
+._10y95u40-3-11-2 {
   padding-right: 0;
   align-items: center;
 }
-._11pvd3zt-3-11-1:not(._11pvd3z5-3-11-1) ._10y95u40-3-11-1 {
+._11pvd3zt-3-11-2:not(._11pvd3z5-3-11-2) ._10y95u40-3-11-2 {
   width: 100%;
   padding-left: 0;
 }
-._11pvd3z5-3-11-1 ._10y95u40-3-11-1 {
+._11pvd3z5-3-11-2 ._10y95u40-3-11-2 {
   width: 100%;
 }
-._10y95u40-3-11-1 span {
+._10y95u40-3-11-2 span {
   margin-top: 0 !important;
 }

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js

@@ -5,7 +5,7 @@ import "../ColumnOrder/ColumnOrder.css";
 import "../Thresholds/Thresholds.css";
 import "../../components/DataTableHeaderCell.css";
 import "./DataTableGanttChartHeader.css";
-var ganttChartHeader = "_10y95u40-3-11-1";
+var ganttChartHeader = "_10y95u40-3-11-2";
 export {
   ganttChartHeader
 };

package/esm/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/GanttChart/DataTableGanttChartHeader.css.ts"],
-  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-11-1';"],
+  "sourcesContent": ["import '../../../../core/components/app-root/AppRoot.css';\nimport '../../DataTable.css';\nimport '../../components/Alignment.css';\nimport '../ColumnOrder/ColumnOrder.css';\nimport '../Thresholds/Thresholds.css';\nimport '../../components/DataTableHeaderCell.css';\nimport './DataTableGanttChartHeader.css';\nexport var ganttChartHeader = '_10y95u40-3-11-2';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,mBAAmB;",
   "names": []
 }

package/esm/tables/DataTable/features/LoadingState/LoadingState.css

@@ -1,7 +1,7 @@
-._14flfjk2-3-11-1 {
+._14flfjk2-3-11-2 {
   z-index: 1;
   position: absolute;
   inset: 0;
-  top: calc(var(--_14flfjk0-3-11-1) + var(--_14flfjk1-3-11-1));
-  bottom: calc(var(--_14flfjk1-3-11-1) * -1);
+  top: calc(var(--_14flfjk0-3-11-2) + var(--_14flfjk1-3-11-2));
+  bottom: calc(var(--_14flfjk1-3-11-2) * -1);
 }

package/esm/tables/DataTable/features/LoadingState/LoadingState.sty.js

@@ -1,7 +1,7 @@
 import "./LoadingState.css";
-var dataTableHeaderHeight = "var(--_14flfjk0-3-11-1)";
-var dataTableScrollOffset = "var(--_14flfjk1-3-11-1)";
-var loadingState = "_14flfjk2-3-11-1";
+var dataTableHeaderHeight = "var(--_14flfjk0-3-11-2)";
+var dataTableScrollOffset = "var(--_14flfjk1-3-11-2)";
+var loadingState = "_14flfjk2-3-11-2";
 export {
   dataTableHeaderHeight,
   dataTableScrollOffset,

package/esm/tables/DataTable/features/LoadingState/LoadingState.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/LoadingState/LoadingState.css.ts"],
-  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-11-1)';\nexport var dataTableScrollOffset = 'var(--_14flfjk1-3-11-1)';\nexport var loadingState = '_14flfjk2-3-11-1';"],
+  "sourcesContent": ["import './LoadingState.css';\nexport var dataTableHeaderHeight = 'var(--_14flfjk0-3-11-2)';\nexport var dataTableScrollOffset = 'var(--_14flfjk1-3-11-2)';\nexport var loadingState = '_14flfjk2-3-11-2';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,wBAAwB;AAC5B,IAAI,wBAAwB;AAC5B,IAAI,eAAe;",
   "names": []
 }

package/esm/tables/DataTable/features/MeterBarChart/MeterBarChart.css

@@ -1,13 +1,13 @@
-._116rojq0-3-11-1 {
+._116rojq0-3-11-2 {
   display: flex;
   align-items: center;
   width: 100%;
   gap: var(--dt-spacings-size-8, 8px);
 }
-._116rojq1-3-11-1 {
+._116rojq1-3-11-2 {
   display: contents;
 }
-._116rojq2-3-11-1 {
+._116rojq2-3-11-2 {
   flex-shrink: 0;
   min-width: var(--dt-spacings-size-48, 48px);
   max-width: 50%;
@@ -17,9 +17,9 @@
   text-overflow: ellipsis;
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._116rojq3-3-11-1 {
+._116rojq3-3-11-2 {
   order: -1;
 }
-._116rojq4-3-11-1 {
+._116rojq4-3-11-2 {
   order: 1;
 }

package/esm/tables/DataTable/features/MeterBarChart/MeterBarChart.sty.js

@@ -1,6 +1,6 @@
 import "./MeterBarChart.css";
-var inlineValueVariants = { left: "_116rojq3-3-11-1 _116rojq2-3-11-1", right: "_116rojq4-3-11-1 _116rojq2-3-11-1" };
-var wrapperVariants = { shown: "_116rojq0-3-11-1", hidden: "_116rojq1-3-11-1" };
+var inlineValueVariants = { left: "_116rojq3-3-11-2 _116rojq2-3-11-2", right: "_116rojq4-3-11-2 _116rojq2-3-11-2" };
+var wrapperVariants = { shown: "_116rojq0-3-11-2", hidden: "_116rojq1-3-11-2" };
 export {
   inlineValueVariants,
   wrapperVariants

package/esm/tables/DataTable/features/MeterBarChart/MeterBarChart.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/MeterBarChart/MeterBarChart.css.ts"],
-  "sourcesContent": ["import './MeterBarChart.css';\nexport var inlineValueVariants = {left:'_116rojq3-3-11-1 _116rojq2-3-11-1',right:'_116rojq4-3-11-1 _116rojq2-3-11-1'};\nexport var wrapperVariants = {shown:'_116rojq0-3-11-1',hidden:'_116rojq1-3-11-1'};"],
+  "sourcesContent": ["import './MeterBarChart.css';\nexport var inlineValueVariants = {left:'_116rojq3-3-11-2 _116rojq2-3-11-2',right:'_116rojq4-3-11-2 _116rojq2-3-11-2'};\nexport var wrapperVariants = {shown:'_116rojq0-3-11-2',hidden:'_116rojq1-3-11-2'};"],
   "mappings": "AAAA,OAAO;AACA,IAAI,sBAAsB,EAAC,MAAK,qCAAoC,OAAM,oCAAmC;AAC7G,IAAI,kBAAkB,EAAC,OAAM,oBAAmB,QAAO,mBAAkB;",
   "names": []
 }

package/esm/tables/DataTable/features/Pagination/usePagination.js

@@ -6,8 +6,8 @@ import {
   useCallback,
   useMemo
 } from "react";
-import { isElement } from "react-is";
 import { useControllableState } from "../../../../core/hooks/useControllableState.js";
+import { isSlot } from "../../../../core/utils/is-slot.js";
 import { useDataTableConfigElement } from "../../../hooks/useDataTableConfig.js";
 import {
   DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION,
@@ -27,7 +27,7 @@ function DataTablePagination(props) {
   return null;
 }
 function _isDataTablePagination(child) {
-  return isElement(child) && child.type === DataTablePagination;
+  return isSlot(child, DataTablePagination);
 }
 function usePagination(props, options) {
   const configPagination = useDataTableConfigElement("pagination");

package/esm/tables/DataTable/features/Pagination/usePagination.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/tables/DataTable/features/Pagination/usePagination.ts"],
-  "sourcesContent": ["import {\n  functionalUpdate,\n  type TableOptions,\n  type Updater,\n} from '@tanstack/react-table';\nimport {\n  Children,\n  useCallback,\n  useMemo,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { isElement } from 'react-is';\n\nimport type {\n  DataTablePaginationProps,\n  DataTablePaginationState,\n} from './pagination-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport {\n  DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION,\n  DATA_TABLE_DEFAULT_PAGE_SIZE_OPTIONS,\n  DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX,\n} from '../../constants.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Returns the default page size based on `defaultPageSize` being\n * passed as a prop, or the first option of `pageSizeOptions` array\n * if `defaultPageSize` is passed.\n * @internal\n * @defaultValue 100\n */\nfunction getDefaultPageSize(\n  pageSizeOptions?: number[],\n  defaultPageSize?: number,\n): number {\n  if (typeof defaultPageSize === 'number') {\n    return defaultPageSize;\n  }\n\n  if (Array.isArray(pageSizeOptions) && pageSizeOptions[0]) {\n    return pageSizeOptions[0];\n  }\n\n  return DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION;\n}\n\n/**\n * DataTable slot definition.\n * @public\n */\nexport function DataTablePagination(props: DataTablePaginationProps) {\n  return null;\n}\n\n/**\n * Helper function that will check if a passed component is of type `DataTablePagination`\n * @internal\n */\nexport function _isDataTablePagination(\n  child: ReactNode,\n): child is ReactElement<DataTablePaginationProps> {\n  return isElement(child) && child.type === DataTablePagination;\n}\n\n/**\n * Configuration hook for pagination of the DataTable.\n * @internal\n */\nexport function usePagination<TData extends DataTableRowData>(\n  props: PropsWithChildren,\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const configPagination = useDataTableConfigElement('pagination');\n\n  const paginationElement = Children.toArray(props.children).find(\n    _isDataTablePagination,\n  );\n\n  // Init the paginationOptions to make sure they are a valid boolean.\n  // eslint-disable-next-line react-hooks/immutability\n  options.enablePagination = false;\n\n  const paginationSizeOptions: readonly number[] =\n    paginationElement?.props.pageSizeOptions ??\n    DATA_TABLE_DEFAULT_PAGE_SIZE_OPTIONS;\n\n  const defaultPaginationSizeOption = getDefaultPageSize(\n    paginationElement?.props.pageSizeOptions,\n    paginationElement?.props.defaultPageSize ??\n      configPagination?.defaultPageSize,\n  );\n\n  const [pageSize, setPageSize] = useControllableState({\n    value: paginationElement?.props.pageSize,\n    defaultValue: defaultPaginationSizeOption,\n    onChange: paginationElement?.props.onPageSizeChange,\n  });\n\n  const defaultPaginationIndexOption =\n    paginationElement?.props.defaultPageIndex ??\n    configPagination?.defaultPageIndex ??\n    DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX;\n\n  const [pageIndex, setPageIndex] = useControllableState({\n    value: paginationElement?.props.pageIndex,\n    defaultValue: defaultPaginationIndexOption,\n  });\n\n  const paginationState = useMemo<DataTablePaginationState>(() => {\n    return {\n      pageSize,\n      pageIndex,\n      enablePreviousPage: paginationElement?.props.enablePreviousPage,\n      enableNextPage: paginationElement?.props.enableNextPage,\n      totalRowsCount: paginationElement?.props.totalRowsCount,\n    };\n  }, [\n    pageSize,\n    pageIndex,\n    paginationElement?.props.enablePreviousPage,\n    paginationElement?.props.enableNextPage,\n    paginationElement?.props.totalRowsCount,\n  ]);\n\n  const onPaginationChangeCallback = useCallback(\n    (\n      updater: Updater<DataTablePaginationState>,\n      trigger: 'user' | 'internal' = 'user',\n    ) => {\n      const nextState: DataTablePaginationState = functionalUpdate(updater, {\n        pageSize,\n        pageIndex,\n      });\n\n      if (\n        nextState?.pageSize !== pageSize &&\n        nextState?.pageSize !== undefined\n      ) {\n        setPageSize(nextState.pageSize);\n        setPageIndex(DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX);\n        paginationElement?.props.onPageIndexChange?.(\n          DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX,\n          'internal',\n        );\n      } else if (\n        nextState?.pageIndex !== pageIndex &&\n        nextState?.pageIndex !== undefined\n      ) {\n        setPageIndex(nextState.pageIndex);\n        paginationElement?.props.onPageIndexChange?.(\n          nextState.pageIndex,\n          trigger,\n        );\n      }\n    },\n    [setPageSize, setPageIndex, pageSize, pageIndex, paginationElement],\n  );\n\n  if (!paginationElement) {\n    return;\n  }\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.enablePagination = true;\n  // eslint-disable-next-line react-hooks/immutability\n  options.availablePaginationOptions = paginationSizeOptions;\n  // eslint-disable-next-line react-hooks/immutability\n  options.controlledPageIndex = paginationElement.props.pageIndex !== undefined;\n\n  if (paginationElement.props.autoResetPageIndex === false) {\n    // eslint-disable-next-line react-hooks/immutability\n    options.autoResetPageIndex = paginationElement.props.autoResetPageIndex;\n  }\n\n  // Server side pagination.\n  if (\n    paginationElement.props.enableNextPage !== undefined &&\n    paginationElement.props.enablePreviousPage !== undefined\n  ) {\n    // eslint-disable-next-line react-hooks/immutability\n    options.manualPagination = true;\n    // Ensure pageCount is considered unknown to react table.\n    // eslint-disable-next-line react-hooks/immutability\n    options.pageCount = -1;\n  } else {\n    // eslint-disable-next-line react-hooks/immutability\n    options.manualPagination = false;\n  }\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    pagination: paginationState,\n  };\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.onPaginationChange = onPaginationChangeCallback;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  functionalUpdate,\n  type TableOptions,\n  type Updater,\n} from '@tanstack/react-table';\nimport {\n  Children,\n  useCallback,\n  useMemo,\n  type PropsWithChildren,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport type {\n  DataTablePaginationProps,\n  DataTablePaginationState,\n} from './pagination-types.js';\nimport { useControllableState } from '../../../../core/hooks/useControllableState.js';\nimport { isSlot } from '../../../../core/utils/is-slot.js';\nimport { useDataTableConfigElement } from '../../../hooks/useDataTableConfig.js';\nimport {\n  DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION,\n  DATA_TABLE_DEFAULT_PAGE_SIZE_OPTIONS,\n  DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX,\n} from '../../constants.js';\nimport type { DataTableRowData } from '../../row-data-types.js';\nimport type { TDataTableFeatures } from '../types/features.types.js';\n\n/**\n * Returns the default page size based on `defaultPageSize` being\n * passed as a prop, or the first option of `pageSizeOptions` array\n * if `defaultPageSize` is passed.\n * @internal\n * @defaultValue 100\n */\nfunction getDefaultPageSize(\n  pageSizeOptions?: number[],\n  defaultPageSize?: number,\n): number {\n  if (typeof defaultPageSize === 'number') {\n    return defaultPageSize;\n  }\n\n  if (Array.isArray(pageSizeOptions) && pageSizeOptions[0]) {\n    return pageSizeOptions[0];\n  }\n\n  return DATA_TABLE_DEFAULT_PAGE_SIZE_OPTION;\n}\n\n/**\n * DataTable slot definition.\n * @public\n */\nexport function DataTablePagination(props: DataTablePaginationProps) {\n  return null;\n}\n\n/**\n * Helper function that will check if a passed component is of type `DataTablePagination`\n * @internal\n */\nexport function _isDataTablePagination(\n  child: ReactNode,\n): child is ReactElement<DataTablePaginationProps> {\n  return isSlot(child, DataTablePagination);\n}\n\n/**\n * Configuration hook for pagination of the DataTable.\n * @internal\n */\nexport function usePagination<TData extends DataTableRowData>(\n  props: PropsWithChildren,\n  options: TableOptions<TDataTableFeatures, Exclude<TData, unknown>>,\n): void {\n  const configPagination = useDataTableConfigElement('pagination');\n\n  const paginationElement = Children.toArray(props.children).find(\n    _isDataTablePagination,\n  );\n\n  // Init the paginationOptions to make sure they are a valid boolean.\n  // eslint-disable-next-line react-hooks/immutability\n  options.enablePagination = false;\n\n  const paginationSizeOptions: readonly number[] =\n    paginationElement?.props.pageSizeOptions ??\n    DATA_TABLE_DEFAULT_PAGE_SIZE_OPTIONS;\n\n  const defaultPaginationSizeOption = getDefaultPageSize(\n    paginationElement?.props.pageSizeOptions,\n    paginationElement?.props.defaultPageSize ??\n      configPagination?.defaultPageSize,\n  );\n\n  const [pageSize, setPageSize] = useControllableState({\n    value: paginationElement?.props.pageSize,\n    defaultValue: defaultPaginationSizeOption,\n    onChange: paginationElement?.props.onPageSizeChange,\n  });\n\n  const defaultPaginationIndexOption =\n    paginationElement?.props.defaultPageIndex ??\n    configPagination?.defaultPageIndex ??\n    DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX;\n\n  const [pageIndex, setPageIndex] = useControllableState({\n    value: paginationElement?.props.pageIndex,\n    defaultValue: defaultPaginationIndexOption,\n  });\n\n  const paginationState = useMemo<DataTablePaginationState>(() => {\n    return {\n      pageSize,\n      pageIndex,\n      enablePreviousPage: paginationElement?.props.enablePreviousPage,\n      enableNextPage: paginationElement?.props.enableNextPage,\n      totalRowsCount: paginationElement?.props.totalRowsCount,\n    };\n  }, [\n    pageSize,\n    pageIndex,\n    paginationElement?.props.enablePreviousPage,\n    paginationElement?.props.enableNextPage,\n    paginationElement?.props.totalRowsCount,\n  ]);\n\n  const onPaginationChangeCallback = useCallback(\n    (\n      updater: Updater<DataTablePaginationState>,\n      trigger: 'user' | 'internal' = 'user',\n    ) => {\n      const nextState: DataTablePaginationState = functionalUpdate(updater, {\n        pageSize,\n        pageIndex,\n      });\n\n      if (\n        nextState?.pageSize !== pageSize &&\n        nextState?.pageSize !== undefined\n      ) {\n        setPageSize(nextState.pageSize);\n        setPageIndex(DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX);\n        paginationElement?.props.onPageIndexChange?.(\n          DATA_TABLE_DEFAULT_PAGINATION_PAGE_INDEX,\n          'internal',\n        );\n      } else if (\n        nextState?.pageIndex !== pageIndex &&\n        nextState?.pageIndex !== undefined\n      ) {\n        setPageIndex(nextState.pageIndex);\n        paginationElement?.props.onPageIndexChange?.(\n          nextState.pageIndex,\n          trigger,\n        );\n      }\n    },\n    [setPageSize, setPageIndex, pageSize, pageIndex, paginationElement],\n  );\n\n  if (!paginationElement) {\n    return;\n  }\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.enablePagination = true;\n  // eslint-disable-next-line react-hooks/immutability\n  options.availablePaginationOptions = paginationSizeOptions;\n  // eslint-disable-next-line react-hooks/immutability\n  options.controlledPageIndex = paginationElement.props.pageIndex !== undefined;\n\n  if (paginationElement.props.autoResetPageIndex === false) {\n    // eslint-disable-next-line react-hooks/immutability\n    options.autoResetPageIndex = paginationElement.props.autoResetPageIndex;\n  }\n\n  // Server side pagination.\n  if (\n    paginationElement.props.enableNextPage !== undefined &&\n    paginationElement.props.enablePreviousPage !== undefined\n  ) {\n    // eslint-disable-next-line react-hooks/immutability\n    options.manualPagination = true;\n    // Ensure pageCount is considered unknown to react table.\n    // eslint-disable-next-line react-hooks/immutability\n    options.pageCount = -1;\n  } else {\n    // eslint-disable-next-line react-hooks/immutability\n    options.manualPagination = false;\n  }\n  // eslint-disable-next-line react-hooks/immutability\n  options.state = {\n    ...options.state,\n    pagination: paginationState,\n  };\n\n  // eslint-disable-next-line react-hooks/immutability\n  options.onPaginationChange = onPaginationChangeCallback;\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/DataTable/features/RowDetails/RowDetails.css

@@ -1,4 +1,4 @@
-._2twyod0-3-11-1::before {
+._2twyod0-3-11-2::before {
   content: "";
   display: block;
   top: 0;
@@ -8,10 +8,10 @@
   width: 100%;
   z-index: 4;
 }
-._or8s40-3-11-1 ._2twyod0-3-11-1::before, ._2twyod0-3-11-1:not(:first-child)::before {
+._or8s40-3-11-2 ._2twyod0-3-11-2::before, ._2twyod0-3-11-2:not(:first-child)::before {
   background-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod1-3-11-1 {
+._2twyod1-3-11-2 {
   position: relative;
   box-sizing: border-box;
   border-bottom-width: 1px;
@@ -19,40 +19,40 @@
   border-bottom-color: transparent;
   overflow: hidden;
 }
-._2twyod1-3-11-1:not(:has(+ ._2twyod0-3-11-1)) {
+._2twyod1-3-11-2:not(:has(+ ._2twyod0-3-11-2)) {
   border-bottom-color: var(--dt-colors-border-neutral-accent, #595a7d);
 }
-._2twyod4-3-11-1:not(._or8s40-3-11-1 ._2twyod4-3-11-1) {
+._2twyod4-3-11-2:not(._or8s40-3-11-2 ._2twyod4-3-11-2) {
   opacity: 0;
 }
-._2twyod6-3-11-1 {
+._2twyod6-3-11-2 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod7-3-11-1 {
+._2twyod7-3-11-2 {
   border-top: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
 }
-._2twyod8-3-11-1 {
+._2twyod8-3-11-2 {
   border-bottom-width: 0;
 }
-._2twyod9-3-11-1 {
+._2twyod9-3-11-2 {
   background-color: var(--dt-colors-background-surface-default, #fff);
 }
-._2twyoda-3-11-1 {
+._2twyoda-3-11-2 {
   background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
 }
-._2twyodc-3-11-1 {
+._2twyodc-3-11-2 {
   padding-top: var(--dt-spacings-size-8, 8px);
   padding-right: var(--dt-spacings-size-12, 12px);
   padding-bottom: var(--dt-spacings-size-8, 8px);
   padding-left: var(--dt-spacings-size-12, 12px);
 }
-._2twyodd-3-11-1 {
+._2twyodd-3-11-2 {
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-6, 6px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
   padding-left: var(--dt-spacings-size-6, 6px);
 }
-._2twyode-3-11-1 {
+._2twyode-3-11-2 {
   padding-top: var(--dt-spacings-size-12, 12px);
   padding-right: var(--dt-spacings-size-16, 16px);
   padding-bottom: var(--dt-spacings-size-12, 12px);

package/esm/tables/DataTable/features/RowDetails/RowDetails.js

@@ -5,16 +5,17 @@ import {
 import { uniqueId } from "lodash-es";
 import {
   Children,
+  isValidElement,
   useMemo
 } from "react";
-import { isElement } from "react-is";
 import { useControllableState } from "../../../../core/hooks/useControllableState.js";
+import { isSlot } from "../../../../core/utils/is-slot.js";
 import { DATA_TABLE_ROW_DETAILS_COLUMN_ID } from "../../constants.js";
 function DataTableExpandableRowTemplate(props) {
   return null;
 }
 function isDataTableExpandableRowTemplate(child) {
-  return isElement(child) && child.type === DataTableExpandableRowTemplate;
+  return isValidElement(child) && isSlot(child, DataTableExpandableRowTemplate);
 }
 function isRowDetailsColumnDef(column) {
   return column.id === DATA_TABLE_ROW_DETAILS_COLUMN_ID;