@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/tables/SimpleTable/SimpleTable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/SimpleTable/SimpleTable.tsx"],
-  "sourcesContent": ["import { useTable } from '@tanstack/react-table';\nimport {\n  type CellData,\n  type RowData,\n  type TableFeatures,\n} from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { forwardRef, type Ref } from 'react';\n\nimport { simpleTableFeatures } from './features.js';\nimport { useColumns } from './hooks/useColumns.js';\nimport type {\n  SimpleTableColumnDefBase,\n  SimpleTableProps,\n} from './public.api.js';\nimport * as styles from './SimpleTable.sty.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\n\nconst COMPONENT_NAME = 'SimpleTable';\n\n// https://tanstack.com/table/latest/docs/api/core/column-def#meta\ndeclare module '@tanstack/react-table' {\n  interface ColumnMeta<\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    TFeatures extends TableFeatures,\n    TData extends RowData,\n    TValue extends CellData = CellData,\n  > {\n    alignment?: SimpleTableColumnDefBase<TData, TValue>['alignment'];\n    width?: SimpleTableColumnDefBase<TData, TValue>['width'];\n    minWidth?: SimpleTableColumnDefBase<TData, TValue>['minWidth'];\n    maxWidth?: SimpleTableColumnDefBase<TData, TValue>['maxWidth'];\n  }\n}\n\n/**\n * The `SimpleTable` component is a simplified version of the `DataTable`. It is\n * designed to handle small sets of data and markdown representation. It does not\n * feature sorting, resizing, filtering, or virtualization and behaves like a\n * native HTML table.\n */\nfunction InternalSimpleTable<TData, TValue>(\n  props: SimpleTableProps<TData>,\n  forwardedRef: Ref<HTMLTableElement>,\n) {\n  const {\n    data,\n    columns,\n    variant,\n    style: consumerStyle,\n    className: consumerClassName,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  // Hook used to adapt column definition for internal usage\n  const extractedColumns = useColumns<TData, TValue>(columns);\n\n  const table = useTable({\n    _features: simpleTableFeatures,\n    _rowModels: {},\n    data: data as RowData[],\n    columns: extractedColumns,\n  });\n\n  const combinedVariants: Required<SimpleTableProps['variant']> = {\n    rowSeparation: variant?.rowSeparation ?? 'horizontalDividers',\n    verticalDividers: variant?.verticalDividers ?? false,\n    contained: variant?.contained ?? true,\n    rowDensity: variant?.rowDensity ?? 'default',\n    fontStyle: variant?.fontStyle ?? 'text',\n  };\n\n  return (\n    <table\n      ref={forwardedRef}\n      className={clsx(styles.simpleTable, consumerClassName, {\n        'strato-table-contained': combinedVariants.contained,\n        'strato-table-colsep-divider': combinedVariants.verticalDividers,\n        'strato-table-code-font': combinedVariants.fontStyle === 'code',\n        'strato-table-cell-density-default':\n          combinedVariants.rowDensity === 'default',\n        'strato-table-cell-density-condensed':\n          combinedVariants.rowDensity === 'condensed',\n        'strato-table-cell-density-comfortable':\n          combinedVariants.rowDensity === 'comfortable',\n        'strato-table-rowsep-zebra':\n          combinedVariants.rowSeparation === 'zebraStripes',\n        'strato-table-rowsep-divider':\n          combinedVariants.rowSeparation === 'horizontalDividers' ||\n          combinedVariants.rowSeparation === 'zebraStripes',\n      })}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <thead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr key={headerGroup.id} className=\"strato-table-header\">\n            {headerGroup.headers.map((header) => (\n              <th\n                key={header.id}\n                className={clsx('strato-table-header-cell', {\n                  'strato-table-cell-alignment-left':\n                    header.column.columnDef.meta?.alignment === 'left',\n                  'strato-table-cell-alignment-center':\n                    header.column.columnDef.meta?.alignment === 'center',\n                  'strato-table-cell-alignment-right':\n                    header.column.columnDef.meta?.alignment === 'right',\n                  'strato-table-cell-alignment-top-left':\n                    header.column.columnDef.meta?.alignment === 'top-left',\n                  'strato-table-cell-alignment-top-center':\n                    header.column.columnDef.meta?.alignment === 'top-center',\n                  'strato-table-cell-alignment-top-right':\n                    header.column.columnDef.meta?.alignment === 'top-right',\n                  'strato-table-cell-alignment-bottom-left':\n                    header.column.columnDef.meta?.alignment === 'bottom-left',\n                  'strato-table-cell-alignment-bottom-center':\n                    header.column.columnDef.meta?.alignment === 'bottom-center',\n                  'strato-table-cell-alignment-bottom-right':\n                    header.column.columnDef.meta?.alignment === 'bottom-right',\n                })}\n                style={{\n                  minWidth: header.column.columnDef.meta?.minWidth,\n                  width: header.column.columnDef.meta?.width,\n                  maxWidth: header.column.columnDef.meta?.maxWidth,\n                }}\n              >\n                {header.isPlaceholder ? null : (\n                  <table.FlexRender header={header} />\n                )}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n      <tbody>\n        {table.getRowModel().rows.map((row, rowIndex) => (\n          <tr\n            key={row.id}\n            className={clsx('strato-table-row', {\n              'strato-table-row-even': rowIndex % 2,\n            })}\n          >\n            {row.getAllCells().map((cell) => (\n              <td\n                key={cell.id}\n                className={clsx('strato-table-cell', {\n                  'strato-table-cell-alignment-left':\n                    cell.column.columnDef.meta?.alignment === 'left',\n                  'strato-table-cell-alignment-center':\n                    cell.column.columnDef.meta?.alignment === 'center',\n                  'strato-table-cell-alignment-right':\n                    cell.column.columnDef.meta?.alignment === 'right',\n                  'strato-table-cell-alignment-top-left':\n                    cell.column.columnDef.meta?.alignment === 'top-left',\n                  'strato-table-cell-alignment-top-center':\n                    cell.column.columnDef.meta?.alignment === 'top-center',\n                  'strato-table-cell-alignment-top-right':\n                    cell.column.columnDef.meta?.alignment === 'top-right',\n                  'strato-table-cell-alignment-bottom-left':\n                    cell.column.columnDef.meta?.alignment === 'bottom-left',\n                  'strato-table-cell-alignment-bottom-center':\n                    cell.column.columnDef.meta?.alignment === 'bottom-center',\n                  'strato-table-cell-alignment-bottom-right':\n                    cell.column.columnDef.meta?.alignment === 'bottom-right',\n                })}\n                style={{\n                  minWidth: cell.column.columnDef.meta?.minWidth,\n                  width: cell.column.columnDef.meta?.width,\n                  maxWidth: cell.column.columnDef.meta?.maxWidth,\n                }}\n              >\n                <table.FlexRender cell={cell} />\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\nInternalSimpleTable.displayName = COMPONENT_NAME;\n\n/**\n * Use `SimpleTable` to display small sets of data and Markdown. It doesn't support sorting, resizing, filtering, or virtualization. It behaves like a native HTML table.\n * @public\n */\nexport const SimpleTable = /* @__PURE__ */ forwardRef(InternalSimpleTable);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useTable } from '@tanstack/react-table';\nimport {\n  type CellData,\n  type RowData,\n  type TableFeatures,\n} from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { forwardRef, type Ref } from 'react';\n\nimport { simpleTableFeatures } from './features.js';\nimport { useColumns } from './hooks/useColumns.js';\nimport type {\n  SimpleTableColumnDefBase,\n  SimpleTableProps,\n} from './public.api.js';\nimport * as styles from './SimpleTable.sty.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\n\nconst COMPONENT_NAME = 'SimpleTable';\n\n// https://tanstack.com/table/latest/docs/api/core/column-def#meta\ndeclare module '@tanstack/react-table' {\n  interface ColumnMeta<\n    in out TFeatures extends TableFeatures,\n    in out TData extends RowData,\n    TValue extends CellData = CellData,\n  > {\n    alignment?: SimpleTableColumnDefBase<TData, TValue>['alignment'];\n    width?: SimpleTableColumnDefBase<TData, TValue>['width'];\n    minWidth?: SimpleTableColumnDefBase<TData, TValue>['minWidth'];\n    maxWidth?: SimpleTableColumnDefBase<TData, TValue>['maxWidth'];\n  }\n}\n\n/**\n * The `SimpleTable` component is a simplified version of the `DataTable`. It is\n * designed to handle small sets of data and markdown representation. It does not\n * feature sorting, resizing, filtering, or virtualization and behaves like a\n * native HTML table.\n */\nfunction InternalSimpleTable<TData, TValue>(\n  props: SimpleTableProps<TData>,\n  forwardedRef: Ref<HTMLTableElement>,\n) {\n  const {\n    data,\n    columns,\n    variant,\n    style: consumerStyle,\n    className: consumerClassName,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n    ...remainingProps\n  } = props;\n\n  const [behavioralTrackingProps, restProps] =\n    useBehavioralTrackingProps(remainingProps);\n  const ariaLabelingProps = useAriaLabelingProps(restProps);\n  const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n  // Hook used to adapt column definition for internal usage\n  const extractedColumns = useColumns<TData, TValue>(columns);\n\n  const table = useTable(\n    {\n      features: simpleTableFeatures,\n      data: data as RowData[],\n      columns: extractedColumns,\n    },\n    // SimpleTable renders no interactive state, so it subscribes to none.\n    () => ({}),\n  );\n\n  const combinedVariants: Required<SimpleTableProps['variant']> = {\n    rowSeparation: variant?.rowSeparation ?? 'horizontalDividers',\n    verticalDividers: variant?.verticalDividers ?? false,\n    contained: variant?.contained ?? true,\n    rowDensity: variant?.rowDensity ?? 'default',\n    fontStyle: variant?.fontStyle ?? 'text',\n  };\n\n  return (\n    <table\n      ref={forwardedRef}\n      className={clsx(styles.simpleTable, consumerClassName, {\n        'strato-table-contained': combinedVariants.contained,\n        'strato-table-colsep-divider': combinedVariants.verticalDividers,\n        'strato-table-code-font': combinedVariants.fontStyle === 'code',\n        'strato-table-cell-density-default':\n          combinedVariants.rowDensity === 'default',\n        'strato-table-cell-density-condensed':\n          combinedVariants.rowDensity === 'condensed',\n        'strato-table-cell-density-comfortable':\n          combinedVariants.rowDensity === 'comfortable',\n        'strato-table-rowsep-zebra':\n          combinedVariants.rowSeparation === 'zebraStripes',\n        'strato-table-rowsep-divider':\n          combinedVariants.rowSeparation === 'horizontalDividers' ||\n          combinedVariants.rowSeparation === 'zebraStripes',\n      })}\n      style={consumerStyle}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n      {...ariaLabelingProps}\n      {...behavioralTrackingProps}\n      {...forwardProps}\n      data-dt-component={COMPONENT_NAME}\n    >\n      <thead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr key={headerGroup.id} className=\"strato-table-header\">\n            {headerGroup.headers.map((header) => (\n              <th\n                key={header.id}\n                className={clsx('strato-table-header-cell', {\n                  'strato-table-cell-alignment-left':\n                    header.column.columnDef.meta?.alignment === 'left',\n                  'strato-table-cell-alignment-center':\n                    header.column.columnDef.meta?.alignment === 'center',\n                  'strato-table-cell-alignment-right':\n                    header.column.columnDef.meta?.alignment === 'right',\n                  'strato-table-cell-alignment-top-left':\n                    header.column.columnDef.meta?.alignment === 'top-left',\n                  'strato-table-cell-alignment-top-center':\n                    header.column.columnDef.meta?.alignment === 'top-center',\n                  'strato-table-cell-alignment-top-right':\n                    header.column.columnDef.meta?.alignment === 'top-right',\n                  'strato-table-cell-alignment-bottom-left':\n                    header.column.columnDef.meta?.alignment === 'bottom-left',\n                  'strato-table-cell-alignment-bottom-center':\n                    header.column.columnDef.meta?.alignment === 'bottom-center',\n                  'strato-table-cell-alignment-bottom-right':\n                    header.column.columnDef.meta?.alignment === 'bottom-right',\n                })}\n                style={{\n                  minWidth: header.column.columnDef.meta?.minWidth,\n                  width: header.column.columnDef.meta?.width,\n                  maxWidth: header.column.columnDef.meta?.maxWidth,\n                }}\n              >\n                {header.isPlaceholder ? null : (\n                  <table.FlexRender header={header} />\n                )}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n      <tbody>\n        {table.getRowModel().rows.map((row, rowIndex) => (\n          <tr\n            key={row.id}\n            className={clsx('strato-table-row', {\n              'strato-table-row-even': rowIndex % 2,\n            })}\n          >\n            {row.getAllCells().map((cell) => (\n              <td\n                key={cell.id}\n                className={clsx('strato-table-cell', {\n                  'strato-table-cell-alignment-left':\n                    cell.column.columnDef.meta?.alignment === 'left',\n                  'strato-table-cell-alignment-center':\n                    cell.column.columnDef.meta?.alignment === 'center',\n                  'strato-table-cell-alignment-right':\n                    cell.column.columnDef.meta?.alignment === 'right',\n                  'strato-table-cell-alignment-top-left':\n                    cell.column.columnDef.meta?.alignment === 'top-left',\n                  'strato-table-cell-alignment-top-center':\n                    cell.column.columnDef.meta?.alignment === 'top-center',\n                  'strato-table-cell-alignment-top-right':\n                    cell.column.columnDef.meta?.alignment === 'top-right',\n                  'strato-table-cell-alignment-bottom-left':\n                    cell.column.columnDef.meta?.alignment === 'bottom-left',\n                  'strato-table-cell-alignment-bottom-center':\n                    cell.column.columnDef.meta?.alignment === 'bottom-center',\n                  'strato-table-cell-alignment-bottom-right':\n                    cell.column.columnDef.meta?.alignment === 'bottom-right',\n                })}\n                style={{\n                  minWidth: cell.column.columnDef.meta?.minWidth,\n                  width: cell.column.columnDef.meta?.width,\n                  maxWidth: cell.column.columnDef.meta?.maxWidth,\n                }}\n              >\n                <table.FlexRender cell={cell} />\n              </td>\n            ))}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  );\n}\nInternalSimpleTable.displayName = COMPONENT_NAME;\n\n/**\n * Use `SimpleTable` to display small sets of data and Markdown. It doesn't support sorting, resizing, filtering, or virtualization. It behaves like a native HTML table.\n * @public\n */\nexport const SimpleTable = /* @__PURE__ */ forwardRef(InternalSimpleTable);\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/tables/SimpleTable/SimpleTable.sty.js

@@ -1,6 +1,6 @@
 import "../../core/components/app-root/AppRoot.css";
 import "./SimpleTable.css";
-var simpleTable = "_1ymahou0-3-12-2";
+var simpleTable = "_1ymahou0-3-13-0";
 export {
   simpleTable
 };

package/esm/tables/SimpleTable/SimpleTable.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/SimpleTable/SimpleTable.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './SimpleTable.css';\nexport var simpleTable = '_1ymahou0-3-12-2';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './SimpleTable.css';\nexport var simpleTable = '_1ymahou0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,cAAc;",
   "names": []
 }

package/esm/tables/hooks/useFilteredData.js

@@ -1,9 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 function hasSubRows(entry) {
-  return (
-    // eslint-disable-next-line no-prototype-builtins
-    entry && entry.hasOwnProperty("subRows") && Array.isArray(entry["subRows"])
-  );
+  return entry && Object.hasOwn(entry, "subRows") && Array.isArray(entry["subRows"]);
 }
 function useFilteredData(data, filterData, subrowMatchingBehavior = "includeNonMatchingSiblings") {
   const [filteredData, setFilteredData] = useState(data);

package/esm/tables/hooks/useFilteredData.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/hooks/useFilteredData.ts"],
-  "sourcesContent": ["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { FilterItemValues } from '../../filters/filter/types/shared-filter-types.js';\n\n/** Typeguard to check if a given record has a subRows property that is an array. */\nfunction hasSubRows<T extends Record<string, unknown>>(\n  entry: T,\n): entry is T & { subRows: T[] } {\n  return (\n    // eslint-disable-next-line no-prototype-builtins\n    entry && entry.hasOwnProperty('subRows') && Array.isArray(entry['subRows'])\n  );\n}\n\n/**\n * Facilitates easy usage of the FilterBar for filtering entries in the DataTable.\n *\n * Supports hierarchical data with sub-rows. When filtering, if a parent\n * row doesn't match but one of its sub-rows does, the parent is included\n * with with appropriate sub-rows.\n *\n * @param data - The initial, unfiltered data array.\n * @param filterData - Optional custom filter function that receives the applied filters,\n *   the current entry, its index, and the original data array. Returns `true` to include\n *   the entry in the filtered results. When provided, this overrides the default filter logic.\n * @param subrowMatchingBehavior - Controls how non-matching sibling sub-rows are handled when a\n *   parent or sibling are in the matching path:\n *   - `'includeNonMatchingSiblings'` (default): Include all sibling sub-rows even if they don't match.\n *   - `'excludeNonMatchingSiblings'`: Only include sub-rows that match the filter or are on the path of a match.\n * @returns An object containing:\n *   - `onChange`: Callback to be passed to FilterBar's onChange prop to apply filters.\n *   - `filteredData`: The filtered data array to be used as input for the DataTable.\n *   - `expandedRowIds`: Only relevant for data with sub-rows. IDs of all ancestor rows that contain matching\n *     descendant nodes. This can be used to expand the correct nodes so that the matches\n *     are visible.\n * @public\n */\nexport function useFilteredData<T extends Record<string, unknown>>(\n  data: T[],\n  filterData?: (\n    appliedFilters: FilterItemValues,\n    entry: T,\n    index: number,\n    originalEntries: T[],\n  ) => boolean,\n  subrowMatchingBehavior:\n    | 'includeNonMatchingSiblings'\n    | 'excludeNonMatchingSiblings' = 'includeNonMatchingSiblings',\n): {\n  onChange: (appliedFilters: FilterItemValues) => void;\n  filteredData: T[];\n  expandedRowIds?: string[];\n} {\n  const [filteredData, setFilteredData] = useState(data);\n  const [expandedRowIds, setExpandedRowIds] = useState<string[]>([]);\n  const activeFilters = useRef<FilterItemValues>({});\n  const ancestorIdsOfMatchingNodes = useRef<Set<string>>(new Set());\n\n  const defaultFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T): boolean => {\n      const filterKeys = Object.keys(appliedFilters);\n\n      // Early exit if no filters applied\n      if (filterKeys.length === 0) {\n        return true;\n      }\n\n      return filterKeys.every((filterName): boolean => {\n        const filterValue = appliedFilters[filterName].value;\n\n        // Skip filters with no value or non-string values\n        if (typeof filterValue !== 'string') {\n          return true;\n        }\n\n        const entryValue = entry[filterName] as T;\n        if (!entryValue) {\n          return false;\n        }\n        const lowerFilterValue: string = filterValue.toLowerCase();\n        const lowerEntryValue: string = entryValue.toString().toLowerCase();\n\n        return lowerEntryValue.includes(lowerFilterValue);\n      });\n    },\n    [],\n  );\n\n  const recursiveFilter = useCallback(\n    (\n      matchFn: (entry: T) => boolean,\n      recursiveFn: (entry: T, ancestors: T[]) => T | null,\n    ) => {\n      return (entry: T, ancestors: T[] = []): T | null => {\n        const entryMatches = matchFn(entry);\n        const subRows = hasSubRows(entry) ? entry.subRows : null;\n\n        // Check if the entry itself matches FIRST\n        if (entryMatches) {\n          // Add all ancestor IDs to the set\n          for (let i = 0; i < ancestors.length; i++) {\n            const sub = ancestors.slice(0, i + 1);\n            const id = sub.map((ancestor) => ancestor.id).join('\u21B3');\n            ancestorIdsOfMatchingNodes.current.add(id);\n          }\n\n          // If including non-matching siblings and has sub-rows, process them all\n          if (\n            subrowMatchingBehavior === 'includeNonMatchingSiblings' &&\n            subRows?.length\n          ) {\n            const processedSubRows = subRows.map((subRow: T) => {\n              const processed = recursiveFn(subRow, [...ancestors, entry]);\n              return processed ?? subRow;\n            });\n\n            return {\n              ...entry,\n              subRows: processedSubRows,\n            };\n          }\n\n          return entry;\n        }\n\n        // Entry doesn't match, so check sub-rows\n        if (subRows?.length) {\n          // Recursively process all sub-rows\n          const processedSubRows = subRows.map((subRow: T) => {\n            return recursiveFn(subRow, [...ancestors, entry]);\n          });\n\n          // Check if any sub-rows have matches\n          const hasMatchingSubRows = processedSubRows.some(\n            (subRow: T | null) => subRow !== null,\n          );\n\n          if (hasMatchingSubRows) {\n            // Include all siblings or only matching ones\n            if (subrowMatchingBehavior === 'includeNonMatchingSiblings') {\n              const allSubRows = subRows.map(\n                (originalSubRow: T, index: number) => {\n                  return processedSubRows[index] ?? originalSubRow;\n                },\n              );\n\n              return {\n                ...entry,\n                subRows: allSubRows,\n              };\n            }\n\n            // Only include matching sub-rows\n            const filteredSubRows = processedSubRows.filter(\n              (subRow: T | null): subRow is T => subRow !== null,\n            );\n\n            return {\n              ...entry,\n              subRows: filteredSubRows,\n            };\n          }\n        }\n\n        // Neither the entry nor any sub-rows match\n        return null;\n      };\n    },\n    [subrowMatchingBehavior],\n  );\n\n  const defaultRecursiveFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T, ancestors: T[]): T | null => {\n      const filterFn = recursiveFilter(\n        (entry) => defaultFilter(appliedFilters, entry),\n        (entry, ancestors) =>\n          // eslint-disable-next-line react-hooks/immutability\n          defaultRecursiveFilter(appliedFilters, entry, ancestors),\n      );\n      return filterFn(entry, ancestors);\n    },\n    [defaultFilter, recursiveFilter],\n  );\n\n  const customRecursiveFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T, index: number): T | null => {\n      if (!filterData) {\n        return null;\n      }\n\n      const filterFn = recursiveFilter(\n        (entry) => filterData(appliedFilters, entry, index, data),\n        // eslint-disable-next-line react-hooks/immutability\n        (entry) => customRecursiveFilter(appliedFilters, entry, index),\n      );\n      return filterFn(entry);\n    },\n    [data, filterData, recursiveFilter],\n  );\n\n  const isCustomFilter = filterData !== undefined && filterData !== null;\n\n  const onChange = useCallback(\n    (appliedFilters: FilterItemValues) => {\n      activeFilters.current = appliedFilters;\n      ancestorIdsOfMatchingNodes.current.clear();\n\n      const filtered = data.reduce<T[]>((acc, entry, index) => {\n        const result = isCustomFilter\n          ? customRecursiveFilter(appliedFilters, entry, index)\n          : defaultRecursiveFilter(appliedFilters, entry, []);\n        if (result) {\n          acc.push(result);\n        }\n        return acc;\n      }, []);\n\n      setFilteredData(filtered);\n      setExpandedRowIds(Array.from(ancestorIdsOfMatchingNodes.current));\n    },\n    [data, isCustomFilter, defaultRecursiveFilter, customRecursiveFilter],\n  );\n\n  // If the incoming data changes, the filter needs to be applied\n  // again to the new dataset\n  useEffect(() => {\n    onChange(activeFilters.current);\n\n    // Only needs to run when the data changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [data]);\n\n  return {\n    onChange,\n    filteredData,\n    expandedRowIds,\n  };\n}\n"],
-  "mappings": "AAAA,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAKzD,SAAS,WACP,OAC+B;AAC/B;AAAA;AAAA,IAEE,SAAS,MAAM,eAAe,SAAS,KAAK,MAAM,QAAQ,MAAM,SAAS,CAAC;AAAA;AAE9E;AAyBO,SAAS,gBACd,MACA,YAMA,yBAEmC,8BAKnC;AACA,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,IAAI;AACrD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAmB,CAAC,CAAC;AACjE,QAAM,gBAAgB,OAAyB,CAAC,CAAC;AACjD,QAAM,6BAA6B,OAAoB,oBAAI,IAAI,CAAC;AAEhE,QAAM,gBAAgB;AAAA,IACpB,CAAC,gBAAkC,UAAsB;AACvD,YAAM,aAAa,OAAO,KAAK,cAAc;AAG7C,UAAI,WAAW,WAAW,GAAG;AAC3B,eAAO;AAAA,MACT;AAEA,aAAO,WAAW,MAAM,CAAC,eAAwB;AAC/C,cAAM,cAAc,eAAe,UAAU,EAAE;AAG/C,YAAI,OAAO,gBAAgB,UAAU;AACnC,iBAAO;AAAA,QACT;AAEA,cAAM,aAAa,MAAM,UAAU;AACnC,YAAI,CAAC,YAAY;AACf,iBAAO;AAAA,QACT;AACA,cAAM,mBAA2B,YAAY,YAAY;AACzD,cAAM,kBAA0B,WAAW,SAAS,EAAE,YAAY;AAElE,eAAO,gBAAgB,SAAS,gBAAgB;AAAA,MAClD,CAAC;AAAA,IACH;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,kBAAkB;AAAA,IACtB,CACE,SACA,gBACG;AACH,aAAO,CAAC,OAAU,YAAiB,CAAC,MAAgB;AAClD,cAAM,eAAe,QAAQ,KAAK;AAClC,cAAM,UAAU,WAAW,KAAK,IAAI,MAAM,UAAU;AAGpD,YAAI,cAAc;AAEhB,mBAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AACzC,kBAAM,MAAM,UAAU,MAAM,GAAG,IAAI,CAAC;AACpC,kBAAM,KAAK,IAAI,IAAI,CAAC,aAAa,SAAS,EAAE,EAAE,KAAK,QAAG;AACtD,uCAA2B,QAAQ,IAAI,EAAE;AAAA,UAC3C;AAGA,cACE,2BAA2B,gCAC3B,SAAS,QACT;AACA,kBAAM,mBAAmB,QAAQ,IAAI,CAAC,WAAc;AAClD,oBAAM,YAAY,YAAY,QAAQ,CAAC,GAAG,WAAW,KAAK,CAAC;AAC3D,qBAAO,aAAa;AAAA,YACtB,CAAC;AAED,mBAAO;AAAA,cACL,GAAG;AAAA,cACH,SAAS;AAAA,YACX;AAAA,UACF;AAEA,iBAAO;AAAA,QACT;AAGA,YAAI,SAAS,QAAQ;AAEnB,gBAAM,mBAAmB,QAAQ,IAAI,CAAC,WAAc;AAClD,mBAAO,YAAY,QAAQ,CAAC,GAAG,WAAW,KAAK,CAAC;AAAA,UAClD,CAAC;AAGD,gBAAM,qBAAqB,iBAAiB;AAAA,YAC1C,CAAC,WAAqB,WAAW;AAAA,UACnC;AAEA,cAAI,oBAAoB;AAEtB,gBAAI,2BAA2B,8BAA8B;AAC3D,oBAAM,aAAa,QAAQ;AAAA,gBACzB,CAAC,gBAAmB,UAAkB;AACpC,yBAAO,iBAAiB,KAAK,KAAK;AAAA,gBACpC;AAAA,cACF;AAEA,qBAAO;AAAA,gBACL,GAAG;AAAA,gBACH,SAAS;AAAA,cACX;AAAA,YACF;AAGA,kBAAM,kBAAkB,iBAAiB;AAAA,cACvC,CAAC,WAAkC,WAAW;AAAA,YAChD;AAEA,mBAAO;AAAA,cACL,GAAG;AAAA,cACH,SAAS;AAAA,YACX;AAAA,UACF;AAAA,QACF;AAGA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB;AAAA,EACzB;AAEA,QAAM,yBAAyB;AAAA,IAC7B,CAAC,gBAAkC,OAAU,cAA6B;AACxE,YAAM,WAAW;AAAA,QACf,CAACA,WAAU,cAAc,gBAAgBA,MAAK;AAAA,QAC9C,CAACA,QAAOC;AAAA;AAAA,UAEN,uBAAuB,gBAAgBD,QAAOC,UAAS;AAAA;AAAA,MAC3D;AACA,aAAO,SAAS,OAAO,SAAS;AAAA,IAClC;AAAA,IACA,CAAC,eAAe,eAAe;AAAA,EACjC;AAEA,QAAM,wBAAwB;AAAA,IAC5B,CAAC,gBAAkC,OAAU,UAA4B;AACvE,UAAI,CAAC,YAAY;AACf,eAAO;AAAA,MACT;AAEA,YAAM,WAAW;AAAA,QACf,CAACD,WAAU,WAAW,gBAAgBA,QAAO,OAAO,IAAI;AAAA;AAAA,QAExD,CAACA,WAAU,sBAAsB,gBAAgBA,QAAO,KAAK;AAAA,MAC/D;AACA,aAAO,SAAS,KAAK;AAAA,IACvB;AAAA,IACA,CAAC,MAAM,YAAY,eAAe;AAAA,EACpC;AAEA,QAAM,iBAAiB,eAAe,UAAa,eAAe;AAElE,QAAM,WAAW;AAAA,IACf,CAAC,mBAAqC;AACpC,oBAAc,UAAU;AACxB,iCAA2B,QAAQ,MAAM;AAEzC,YAAM,WAAW,KAAK,OAAY,CAAC,KAAK,OAAO,UAAU;AACvD,cAAM,SAAS,iBACX,sBAAsB,gBAAgB,OAAO,KAAK,IAClD,uBAAuB,gBAAgB,OAAO,CAAC,CAAC;AACpD,YAAI,QAAQ;AACV,cAAI,KAAK,MAAM;AAAA,QACjB;AACA,eAAO;AAAA,MACT,GAAG,CAAC,CAAC;AAEL,sBAAgB,QAAQ;AACxB,wBAAkB,MAAM,KAAK,2BAA2B,OAAO,CAAC;AAAA,IAClE;AAAA,IACA,CAAC,MAAM,gBAAgB,wBAAwB,qBAAqB;AAAA,EACtE;AAIA,YAAU,MAAM;AACd,aAAS,cAAc,OAAO;AAAA,EAIhC,GAAG,CAAC,IAAI,CAAC;AAET,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { FilterItemValues } from '../../filters/filter/types/shared-filter-types.js';\n\n/** Typeguard to check if a given record has a subRows property that is an array. */\nfunction hasSubRows<T extends Record<string, unknown>>(\n  entry: T,\n): entry is T & { subRows: T[] } {\n  return (\n    entry && Object.hasOwn(entry, 'subRows') && Array.isArray(entry['subRows'])\n  );\n}\n\n/**\n * Facilitates easy usage of the FilterBar for filtering entries in the DataTable.\n *\n * Supports hierarchical data with sub-rows. When filtering, if a parent\n * row doesn't match but one of its sub-rows does, the parent is included\n * with with appropriate sub-rows.\n *\n * @param data - The initial, unfiltered data array.\n * @param filterData - Optional custom filter function that receives the applied filters,\n *   the current entry, its index, and the original data array. Returns `true` to include\n *   the entry in the filtered results. When provided, this overrides the default filter logic.\n * @param subrowMatchingBehavior - Controls how non-matching sibling sub-rows are handled when a\n *   parent or sibling are in the matching path:\n *   - `'includeNonMatchingSiblings'` (default): Include all sibling sub-rows even if they don't match.\n *   - `'excludeNonMatchingSiblings'`: Only include sub-rows that match the filter or are on the path of a match.\n * @returns An object containing:\n *   - `onChange`: Callback to be passed to FilterBar's onChange prop to apply filters.\n *   - `filteredData`: The filtered data array to be used as input for the DataTable.\n *   - `expandedRowIds`: Only relevant for data with sub-rows. IDs of all ancestor rows that contain matching\n *     descendant nodes. This can be used to expand the correct nodes so that the matches\n *     are visible.\n * @public\n */\nexport function useFilteredData<T extends Record<string, unknown>>(\n  data: T[],\n  filterData?: (\n    appliedFilters: FilterItemValues,\n    entry: T,\n    index: number,\n    originalEntries: T[],\n  ) => boolean,\n  subrowMatchingBehavior:\n    | 'includeNonMatchingSiblings'\n    | 'excludeNonMatchingSiblings' = 'includeNonMatchingSiblings',\n): {\n  onChange: (appliedFilters: FilterItemValues) => void;\n  filteredData: T[];\n  expandedRowIds?: string[];\n} {\n  const [filteredData, setFilteredData] = useState(data);\n  const [expandedRowIds, setExpandedRowIds] = useState<string[]>([]);\n  const activeFilters = useRef<FilterItemValues>({});\n  const ancestorIdsOfMatchingNodes = useRef<Set<string>>(new Set());\n\n  const defaultFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T): boolean => {\n      const filterKeys = Object.keys(appliedFilters);\n\n      // Early exit if no filters applied\n      if (filterKeys.length === 0) {\n        return true;\n      }\n\n      return filterKeys.every((filterName): boolean => {\n        const filterValue = appliedFilters[filterName].value;\n\n        // Skip filters with no value or non-string values\n        if (typeof filterValue !== 'string') {\n          return true;\n        }\n\n        const entryValue = entry[filterName] as T;\n        if (!entryValue) {\n          return false;\n        }\n        const lowerFilterValue: string = filterValue.toLowerCase();\n        const lowerEntryValue: string = entryValue.toString().toLowerCase();\n\n        return lowerEntryValue.includes(lowerFilterValue);\n      });\n    },\n    [],\n  );\n\n  const recursiveFilter = useCallback(\n    (\n      matchFn: (entry: T) => boolean,\n      recursiveFn: (entry: T, ancestors: T[]) => T | null,\n    ) => {\n      return (entry: T, ancestors: T[] = []): T | null => {\n        const entryMatches = matchFn(entry);\n        const subRows = hasSubRows(entry) ? entry.subRows : null;\n\n        // Check if the entry itself matches FIRST\n        if (entryMatches) {\n          // Add all ancestor IDs to the set\n          for (let i = 0; i < ancestors.length; i++) {\n            const sub = ancestors.slice(0, i + 1);\n            const id = sub.map((ancestor) => ancestor.id).join('\u21B3');\n            ancestorIdsOfMatchingNodes.current.add(id);\n          }\n\n          // If including non-matching siblings and has sub-rows, process them all\n          if (\n            subrowMatchingBehavior === 'includeNonMatchingSiblings' &&\n            subRows?.length\n          ) {\n            const processedSubRows = subRows.map((subRow: T) => {\n              const processed = recursiveFn(subRow, [...ancestors, entry]);\n              return processed ?? subRow;\n            });\n\n            return {\n              ...entry,\n              subRows: processedSubRows,\n            };\n          }\n\n          return entry;\n        }\n\n        // Entry doesn't match, so check sub-rows\n        if (subRows?.length) {\n          // Recursively process all sub-rows\n          const processedSubRows = subRows.map((subRow: T) => {\n            return recursiveFn(subRow, [...ancestors, entry]);\n          });\n\n          // Check if any sub-rows have matches\n          const hasMatchingSubRows = processedSubRows.some(\n            (subRow: T | null) => subRow !== null,\n          );\n\n          if (hasMatchingSubRows) {\n            // Include all siblings or only matching ones\n            if (subrowMatchingBehavior === 'includeNonMatchingSiblings') {\n              const allSubRows = subRows.map(\n                (originalSubRow: T, index: number) => {\n                  return processedSubRows[index] ?? originalSubRow;\n                },\n              );\n\n              return {\n                ...entry,\n                subRows: allSubRows,\n              };\n            }\n\n            // Only include matching sub-rows\n            const filteredSubRows = processedSubRows.filter(\n              (subRow: T | null): subRow is T => subRow !== null,\n            );\n\n            return {\n              ...entry,\n              subRows: filteredSubRows,\n            };\n          }\n        }\n\n        // Neither the entry nor any sub-rows match\n        return null;\n      };\n    },\n    [subrowMatchingBehavior],\n  );\n\n  const defaultRecursiveFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T, ancestors: T[]): T | null => {\n      const filterFn = recursiveFilter(\n        (entry) => defaultFilter(appliedFilters, entry),\n        (entry, ancestors) =>\n          // eslint-disable-next-line react-hooks/immutability\n          defaultRecursiveFilter(appliedFilters, entry, ancestors),\n      );\n      return filterFn(entry, ancestors);\n    },\n    [defaultFilter, recursiveFilter],\n  );\n\n  const customRecursiveFilter = useCallback(\n    (appliedFilters: FilterItemValues, entry: T, index: number): T | null => {\n      if (!filterData) {\n        return null;\n      }\n\n      const filterFn = recursiveFilter(\n        (entry) => filterData(appliedFilters, entry, index, data),\n        // eslint-disable-next-line react-hooks/immutability\n        (entry) => customRecursiveFilter(appliedFilters, entry, index),\n      );\n      return filterFn(entry);\n    },\n    [data, filterData, recursiveFilter],\n  );\n\n  const isCustomFilter = filterData !== undefined && filterData !== null;\n\n  const onChange = useCallback(\n    (appliedFilters: FilterItemValues) => {\n      activeFilters.current = appliedFilters;\n      ancestorIdsOfMatchingNodes.current.clear();\n\n      const filtered = data.reduce<T[]>((acc, entry, index) => {\n        const result = isCustomFilter\n          ? customRecursiveFilter(appliedFilters, entry, index)\n          : defaultRecursiveFilter(appliedFilters, entry, []);\n        if (result) {\n          acc.push(result);\n        }\n        return acc;\n      }, []);\n\n      setFilteredData(filtered);\n      setExpandedRowIds(Array.from(ancestorIdsOfMatchingNodes.current));\n    },\n    [data, isCustomFilter, defaultRecursiveFilter, customRecursiveFilter],\n  );\n\n  // If the incoming data changes, the filter needs to be applied\n  // again to the new dataset\n  useEffect(() => {\n    onChange(activeFilters.current);\n\n    // Only needs to run when the data changes\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [data]);\n\n  return {\n    onChange,\n    filteredData,\n    expandedRowIds,\n  };\n}\n"],
+  "mappings": "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",
   "names": ["entry", "ancestors"]
 }

package/esm/tables/hooks/useLockedRowOrder.js

@@ -38,7 +38,7 @@ function useLockedRowOrder(props) {
     setRowOrder(getOrderedRows(rowOrder));
   }, [lockedRows, position]);
   const disableRowDragAndDrop = useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // oxlint-disable-next-line typescript/no-explicit-any
     (row) => lockedRows.includes(row.id),
     [lockedRows]
   );

package/esm/tables/hooks/useLockedRowOrder.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/hooks/useLockedRowOrder.ts"],
-  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type SetStateAction,\n} from 'react';\n\n/**\n * Sorts all rows for which drag and drop should be disabled by default to either the start or end of the DataTable.\n *\n * @param props - The object containing the initial row order, the set of rows for which\n *                drag and drop should be disabled, and the position to which disabled rows should be\n *                sorted and locked.\n * @returns - An object containing the set of rows for which drag and drop should be disabled, the adapted row order\n *            with disabled rows sorted to the start or end of the table, and the function to update the row order\n *            on drag and drop.\n * @public\n */\nexport function useLockedRowOrder<TData = unknown>(props: {\n  /**\n   * Ordered set of row ids representing the initial row order.\n   */\n  initialRowOrder: string[];\n  /**\n   * Ids of the rows for which drag and drop is disabled and which are grouped and locked at the `position`.\n   */\n  lockedRows: string[];\n  /**\n   * Where the locked rows are grouped: `'start'` for the top of the table, `'end'` for the bottom.\n   * @defaultValue 'start'\n   */\n  position?: 'start' | 'end';\n  /**\n   * Optional tooltip shown when a locked row's drag handle is disabled. Pass a string to\n   * use the same tooltip for every locked row, or a function that receives the row data and\n   * returns a per-row message (or `undefined` for no tooltip).\n   *\n   * @remarks If passing a function, ensure it is stable across renders (e.g. wrap it with\n   * `useCallback` or define it outside the component) \u2014 an unstable reference triggers\n   * unnecessary re-renders.\n   */\n  disabledRowDragAndDropTooltip?: string | ((row: TData) => string | undefined);\n}) {\n  const {\n    initialRowOrder,\n    lockedRows,\n    position = 'start',\n    disabledRowDragAndDropTooltip,\n  } = props;\n\n  const getOrderedRows = useCallback(\n    (rows: string[]) => {\n      if (!position) {\n        return rows;\n      }\n      const { locked, unlocked } = rows.reduce<{\n        locked: string[];\n        unlocked: string[];\n      }>(\n        (acc, row) => {\n          lockedRows.includes(row)\n            ? acc.locked.push(row)\n            : acc.unlocked.push(row);\n          return acc;\n        },\n        { locked: [], unlocked: [] },\n      );\n\n      return position === 'start'\n        ? [...locked, ...unlocked]\n        : [...unlocked, ...locked];\n    },\n    [lockedRows, position],\n  );\n\n  const [rowOrder, setRowOrderState] = useState(\n    getOrderedRows(initialRowOrder),\n  );\n\n  const setRowOrder = useCallback(\n    (updater: SetStateAction<string[]>) => setRowOrderState(updater),\n    [],\n  );\n\n  // If the position or locked rows change, update the row order\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setRowOrder(getOrderedRows(rowOrder));\n\n    // Only needs to run when the specified position or the locked rows change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lockedRows, position]);\n\n  const disableRowDragAndDrop = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (row: any) => lockedRows.includes(row.id),\n    [lockedRows],\n  );\n\n  const rowOrdering = useMemo(\n    () => ({\n      enableDragAndDrop: true,\n      disableRowDragAndDrop,\n      lockDisabledRows: position,\n      disabledRowDragAndDropTooltip,\n    }),\n    [disableRowDragAndDrop, position, disabledRowDragAndDropTooltip],\n  );\n\n  return {\n    rowOrdering,\n    rowOrder,\n    setRowOrder,\n  };\n}\n"],
+  "sourcesContent": ["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type SetStateAction,\n} from 'react';\n\n/**\n * Sorts all rows for which drag and drop should be disabled by default to either the start or end of the DataTable.\n *\n * @param props - The object containing the initial row order, the set of rows for which\n *                drag and drop should be disabled, and the position to which disabled rows should be\n *                sorted and locked.\n * @returns - An object containing the set of rows for which drag and drop should be disabled, the adapted row order\n *            with disabled rows sorted to the start or end of the table, and the function to update the row order\n *            on drag and drop.\n * @public\n */\nexport function useLockedRowOrder<TData = unknown>(props: {\n  /**\n   * Ordered set of row ids representing the initial row order.\n   */\n  initialRowOrder: string[];\n  /**\n   * Ids of the rows for which drag and drop is disabled and which are grouped and locked at the `position`.\n   */\n  lockedRows: string[];\n  /**\n   * Where the locked rows are grouped: `'start'` for the top of the table, `'end'` for the bottom.\n   * @defaultValue 'start'\n   */\n  position?: 'start' | 'end';\n  /**\n   * Optional tooltip shown when a locked row's drag handle is disabled. Pass a string to\n   * use the same tooltip for every locked row, or a function that receives the row data and\n   * returns a per-row message (or `undefined` for no tooltip).\n   *\n   * @remarks If passing a function, ensure it is stable across renders (e.g. wrap it with\n   * `useCallback` or define it outside the component) \u2014 an unstable reference triggers\n   * unnecessary re-renders.\n   */\n  disabledRowDragAndDropTooltip?: string | ((row: TData) => string | undefined);\n}) {\n  const {\n    initialRowOrder,\n    lockedRows,\n    position = 'start',\n    disabledRowDragAndDropTooltip,\n  } = props;\n\n  const getOrderedRows = useCallback(\n    (rows: string[]) => {\n      if (!position) {\n        return rows;\n      }\n      const { locked, unlocked } = rows.reduce<{\n        locked: string[];\n        unlocked: string[];\n      }>(\n        (acc, row) => {\n          lockedRows.includes(row)\n            ? acc.locked.push(row)\n            : acc.unlocked.push(row);\n          return acc;\n        },\n        { locked: [], unlocked: [] },\n      );\n\n      return position === 'start'\n        ? [...locked, ...unlocked]\n        : [...unlocked, ...locked];\n    },\n    [lockedRows, position],\n  );\n\n  const [rowOrder, setRowOrderState] = useState(\n    getOrderedRows(initialRowOrder),\n  );\n\n  const setRowOrder = useCallback(\n    (updater: SetStateAction<string[]>) => setRowOrderState(updater),\n    [],\n  );\n\n  // If the position or locked rows change, update the row order\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setRowOrder(getOrderedRows(rowOrder));\n\n    // Only needs to run when the specified position or the locked rows change\n    // oxlint-disable-next-line react-hooks/exhaustive-deps\n  }, [lockedRows, position]);\n\n  const disableRowDragAndDrop = useCallback(\n    // oxlint-disable-next-line typescript/no-explicit-any\n    (row: any) => lockedRows.includes(row.id),\n    [lockedRows],\n  );\n\n  const rowOrdering = useMemo(\n    () => ({\n      enableDragAndDrop: true,\n      disableRowDragAndDrop,\n      lockDisabledRows: position,\n      disabledRowDragAndDropTooltip,\n    }),\n    [disableRowDragAndDrop, position, disabledRowDragAndDropTooltip],\n  );\n\n  return {\n    rowOrdering,\n    rowOrder,\n    setRowOrder,\n  };\n}\n"],
   "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAaA,SAAS,kBAAmC,OAwBhD;AACD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF,IAAI;AAEJ,QAAM,iBAAiB;AAAA,IACrB,CAAC,SAAmB;AAClB,UAAI,CAAC,UAAU;AACb,eAAO;AAAA,MACT;AACA,YAAM,EAAE,QAAQ,SAAS,IAAI,KAAK;AAAA,QAIhC,CAAC,KAAK,QAAQ;AACZ,qBAAW,SAAS,GAAG,IACnB,IAAI,OAAO,KAAK,GAAG,IACnB,IAAI,SAAS,KAAK,GAAG;AACzB,iBAAO;AAAA,QACT;AAAA,QACA,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,EAAE;AAAA,MAC7B;AAEA,aAAO,aAAa,UAChB,CAAC,GAAG,QAAQ,GAAG,QAAQ,IACvB,CAAC,GAAG,UAAU,GAAG,MAAM;AAAA,IAC7B;AAAA,IACA,CAAC,YAAY,QAAQ;AAAA,EACvB;AAEA,QAAM,CAAC,UAAU,gBAAgB,IAAI;AAAA,IACnC,eAAe,eAAe;AAAA,EAChC;AAEA,QAAM,cAAc;AAAA,IAClB,CAAC,YAAsC,iBAAiB,OAAO;AAAA,IAC/D,CAAC;AAAA,EACH;AAGA,YAAU,MAAM;AAEd,gBAAY,eAAe,QAAQ,CAAC;AAAA,EAItC,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,QAAM,wBAAwB;AAAA;AAAA,IAE5B,CAAC,QAAa,WAAW,SAAS,IAAI,EAAE;AAAA,IACxC,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,cAAc;AAAA,IAClB,OAAO;AAAA,MACL,mBAAmB;AAAA,MACnB;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,IACF;AAAA,IACA,CAAC,uBAAuB,UAAU,6BAA6B;AAAA,EACjE;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/tables/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tables/index.ts"],
-  "sourcesContent": ["export { useFilteredData } from './hooks/useFilteredData.js';\nexport { useLockedRowOrder } from './hooks/useLockedRowOrder.js';\n\n//#region SimpleTable\nexport { SimpleTable } from './SimpleTable/SimpleTable.js';\nexport type {\n  SimpleTableRowData,\n  SimpleTableCustomCell,\n  SimpleTableColumnDefBase,\n  SimpleTableDisplayColumnDef,\n  SimpleTableGroupColumnDef,\n  SimpleTableColumnDef,\n  SimpleTableBaseProps,\n  SimpleTableProps,\n} from './SimpleTable/public.api.js';\n//#endregion\n\n//#region convertToColumns\nexport { convertToColumns } from './convert-to-columns/convert-to-columns.js';\n//#endregion\n\n//#region DataTable\nexport { DataTable } from './DataTable/DataTable.js';\nexport {\n  DataTableActionsMenu as TableActionsMenu,\n  type DataTableActionsMenuActionProps as TableActionsMenuActionProps,\n  type DataTableActionsMenuCopyItemProps as TableActionsMenuCopyItemProps,\n  HideColumnAction as _HideColumnAction,\n  ColumnOrderAction as _ColumnOrderAction,\n} from './DataTable/features/UserActions/UserActionsMenu.js';\nexport type { DataTableCustomCell } from './DataTable/public.api.js';\nexport { DataTableDefaultCell } from './DataTable/components/DataTableDefaultCell.js';\nexport type { DataTableTableActionsProps } from './DataTable/components/TableActions/DataTableTableActions.js';\nexport type { DataTableSelectedRowsActionsProps } from './DataTable/components/TableActions/DataTableSelectedRowsActions.js';\nexport type { DataTableSelectionChipProps } from './DataTable/components/TableActions/DataTableSelectionChip.js';\nexport type {\n  DataTableProps,\n  DataTableBaseProps,\n  DataTableColumnSettingsConfig,\n  DataTableRef,\n  DataTableConfig,\n  DataTableColumnDef,\n  DataTableRowData,\n  DataTableColumnDefBase,\n  DataTableDisplayColumnDef,\n  DataTableGroupColumnDef,\n  DataTableCustomHeader,\n  DataTableDefaultHeader,\n} from './DataTable/public.api.js';\nexport type { DataTableAlignmentColumnDef } from './DataTable/features/ColumnAlignment.js';\nexport type {\n  DataTableSortingColumnDef,\n  DataTableSortingBaseProps,\n  DataTableSortingControlledProps,\n  DataTableSortingUncontrolledProps,\n} from './DataTable/features/Sorting/sorting-types.js';\nexport type {\n  DataTableSortingProps,\n  DataTableCustomSortingFn,\n  DataTableColumnSort,\n} from './DataTable/features/Sorting/sorting-types.js';\nexport type { DataTableThresholdColumnDef } from './DataTable/features/Thresholds/threshold-types.js';\nexport type {\n  DataTableColumnTypesColumnDef,\n  DataTableColumnType,\n  DataTableMeterbarColumnConfig,\n  DataTableSparklineColumnConfig,\n  DataTableGanttColumnConfig,\n  DataTableMarkdownColumnConfig,\n  DataTableLogContentColumnConfig,\n  DataTableTextColumnConfig,\n  DataTableSparklineXAxisProps,\n  DataTableSparklineYAxisProps,\n} from './DataTable/features/ColumnTypes/column-types-types.js';\nexport type {\n  DataTableCellFormatterColumnDef,\n  DataTableCellFormatter,\n  DataTableDatetimeDisplayMode,\n  FormatterCurrencyOptions as DataTableCellFormatterCurrencyOptions,\n} from './DataTable/features/CellFormatter/cell-formatter-types.js';\nexport type {\n  DataTableLineWrapProps,\n  DataTableLineWrapState,\n  DataTableLineWrapControlledProps,\n  DataTableLineWrapUncontrolledProps,\n  DataTableLineWrapBaseProps,\n} from './DataTable/features/LineWrap/line-wrap-types.js';\nexport { DataTableGlobalLineWrapAction } from './DataTable/features/LineWrap/LineWrap.js';\nexport type {\n  DataTableColumnFontStyleProps,\n  DataTableColumnFontStyleState,\n  DataTableColumnFontStyleBaseProps,\n  DataTableColumnFontStyleControlledProps,\n  DataTableColumnFontStyleUncontrolledProps,\n} from './DataTable/features/ColumnFontStyle/column-font-style-types.js';\nexport type { DataTableVisualVariantProps } from './DataTable/features/VisualVariants/visual-variants-types.js';\nexport type { DataTableThresholdProps } from './DataTable/features/Thresholds/threshold-types.js';\nexport type { DataTableLoadingStateProps } from './DataTable/features/LoadingState/loading-state-types.js';\nexport type { DataTableDefaultCellProps } from './DataTable/components/DataTableDefaultCell.js';\nexport type {\n  DataTableColumnActions,\n  DataTableColumnActionsProps,\n  DataTableColumnActionsContent,\n} from './DataTable/features/UserActions/ColumnActions.js';\nexport { DataTableCellActions } from './DataTable/features/UserActions/CellActions.js';\nexport type {\n  DataTableCellActionsProps,\n  DataTableCellActionsContent,\n} from './DataTable/features/UserActions/CellActions.js';\nexport type {\n  DataTableRowActions,\n  DataTableRowActionsProps,\n} from './DataTable/features/UserActions/RowActions.js';\nexport type {\n  DataTablePaginationProps,\n  DataTablePaginationBaseProps,\n  DataTablePaginationPageIndexUncontrolledProps,\n  DataTablePaginationPageIndexControlledProps,\n  DataTablePaginationPageSizeUncontrolledProps,\n  DataTablePaginationPageSizeControlledProps,\n  DataTablePaginationClientSideProps,\n  DataTablePaginationServerSideProps,\n} from './DataTable/features/Pagination/pagination-types.js';\n\nexport { DataTablePagination } from './DataTable/features/Pagination/usePagination.js';\nexport type {\n  DataTableColumnSizingProps,\n  DataTableColumnSizingState,\n  DataTableColumnSizingBaseProps,\n  DataTableColumnSizingControlledProps,\n  DataTableColumnSizingUncontrolledProps,\n} from './DataTable/features/ColumnSizing/column-sizing-types.js';\nexport type {\n  DataTableThresholdRule,\n  DataTableRowThreshold,\n  DataTableColumnThreshold,\n  DataTableSingleColumnThreshold,\n  DataTableCombinedColumnThresholds,\n  DataTableSingleRowThreshold,\n  DataTableCombinedRowThresholds,\n} from './DataTable/features/Thresholds/threshold-types.js';\nexport type { DataTableDevTools } from './DataTable/features/DevTools.js';\nexport type {\n  DataTableColumnVisibilityProps,\n  DataTableColumnVisibilityState,\n  DataTableVisibilityColumnDef,\n  DataTableColumnVisibilityControlledProps,\n  DataTableColumnVisibilityUncontrolledProps,\n  DataTableColumnVisibilityBaseProps,\n  DataTableVisibleColumnLimits,\n} from './DataTable/features/ColumnVisibility/column-visibility-types.js';\nexport type {\n  DataTableColumnOrderProps,\n  DataTableColumnOrderBaseProps,\n  DataTableColumnOrderControlledProps,\n  DataTableColumnOrderUncontrolledProps,\n} from './DataTable/features/ColumnOrder/column-order-types.js';\nexport type {\n  DataTableRowSelectionProps,\n  DataTableRowSelectionBaseProps,\n  DataTableRowSelectionControlledProps,\n  DataTableRowSelectionUncontrolledProps,\n} from './DataTable/features/RowSelection/row-selection-types.js';\nexport type {\n  DataTableSubRowsProps,\n  DataTableSubRowsUncontrolledProps,\n  DataTableSubRowsControlledProps,\n  DataTableSubRowsBaseProps,\n} from './DataTable/features/SubRows/sub-rows-types.js';\nexport type {\n  DataTableRowInteractivityProps,\n  DataTableRowInteractivityBaseProps,\n  DataTableRowInteractivityUncontrolledProps,\n  DataTableRowInteractivityControlledProps,\n  DataTableRowActivationEvent,\n} from './DataTable/features/RowInteractivity/row-interactivity-types.js';\nexport type { DataTableColumnOrderSettings } from './DataTable/components/Toolbar/ColumnSettings/DataTableColumnOrderSettings.js';\nexport { DataTableColumnPinningSettings } from './DataTable/components/Toolbar/ColumnSettings/DataTableColumnPinningSettings.js';\nexport type {\n  DataTableColumnSettingsTriggerProps,\n  DataTableColumnOrderSettingsProps,\n  DataTableColumnPinningSettingsProps,\n  DataTableColumnVisibilitySettingsProps,\n} from './DataTable/components/Toolbar/ColumnSettings/column-settings-types.js';\nexport type {\n  DataTableRowOrderProps,\n  DataTableRowOrderBaseProps,\n  DataTableRowOrderControlledProps,\n  DataTableRowOrderUncontrolledProps,\n} from './DataTable/features/RowOrder/row-order-types.js';\nexport type {\n  DataTableColumnPinningProps,\n  DataTableColumnPinningBaseProps,\n  DataTableColumnPinningControlledProps,\n  DataTableColumnPinningUncontrolledProps,\n  DataTablePinnedColumnState,\n} from './DataTable/features/ColumnPinning/column-pinning-types.js';\n// DEPRECATION: [APPDEV-16236] BREAKING-CHANGE: Remove deprecated onDownloadData and DataTableDownloadProps.\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  DataTableDownloadProps,\n  DataTableDownloadSlotProps,\n  DataTableDownloadHeaderContext,\n} from './DataTable/features/Download/download-types.js';\nexport { DataTableDownload } from './DataTable/features/Download/Download.js';\nexport { DataTableConfigProvider } from './hooks/useDataTableConfig.js';\nexport { DATA_TABLE_ROW_ID_SEPARATOR } from './DataTable/features/RowIdentification/RowIdentification.js';\nexport type { DataTableRowIdentification } from './DataTable/features/RowIdentification/row-identification-types.js';\nexport type {\n  DataTableExpandableRowWrapperProps,\n  DataTableExpandableRowProps,\n  DataTableExpandableRowBaseProps,\n  DataTableExpandableRowControlledProps,\n  DataTableExpandableRowUncontrolledProps,\n} from './DataTable/features/RowDetails/row-details-types.js';\nexport { DataTableExpandableRowTemplate } from './DataTable/features/RowDetails/RowDetails.js';\nexport { DataTableExpandableRowWrapper } from './DataTable/features/RowDetails/components/ExpandableRowWrapper.js';\nexport {\n  DataTableToolbar,\n  type DataTableToolbarProps,\n} from './DataTable/components/Toolbar/DataTableToolbar.js';\nexport {\n  isDataTableGroupColumnDef,\n  isDataTableDisplayColumnDef,\n} from './DataTable/hooks/useColumns.js';\n//#endregion\n"],
+  "sourcesContent": ["export { useFilteredData } from './hooks/useFilteredData.js';\nexport { useLockedRowOrder } from './hooks/useLockedRowOrder.js';\n\n//#region SimpleTable\nexport { SimpleTable } from './SimpleTable/SimpleTable.js';\nexport type {\n  SimpleTableRowData,\n  SimpleTableCustomCell,\n  SimpleTableColumnDefBase,\n  SimpleTableDisplayColumnDef,\n  SimpleTableGroupColumnDef,\n  SimpleTableColumnDef,\n  SimpleTableBaseProps,\n  SimpleTableProps,\n} from './SimpleTable/public.api.js';\n//#endregion\n\n//#region convertToColumns\nexport { convertToColumns } from './convert-to-columns/convert-to-columns.js';\n//#endregion\n\n//#region DataTable\nexport { DataTable } from './DataTable/DataTable.js';\nexport {\n  DataTableActionsMenu as TableActionsMenu,\n  type DataTableActionsMenuActionProps as TableActionsMenuActionProps,\n  type DataTableActionsMenuCopyItemProps as TableActionsMenuCopyItemProps,\n  HideColumnAction as _HideColumnAction,\n  ColumnOrderAction as _ColumnOrderAction,\n} from './DataTable/features/UserActions/UserActionsMenu.js';\nexport type { DataTableCustomCell } from './DataTable/public.api.js';\nexport { DataTableDefaultCell } from './DataTable/components/DataTableDefaultCell.js';\nexport type { DataTableTableActionsProps } from './DataTable/components/TableActions/DataTableTableActions.js';\nexport type { DataTableSelectedRowsActionsProps } from './DataTable/components/TableActions/DataTableSelectedRowsActions.js';\nexport type { DataTableSelectionChipProps } from './DataTable/components/TableActions/DataTableSelectionChip.js';\nexport type {\n  DataTableProps,\n  DataTableBaseProps,\n  DataTableColumnSettingsConfig,\n  DataTableRef,\n  DataTableConfig,\n  DataTableColumnDef,\n  DataTableRowData,\n  DataTableColumnDefBase,\n  DataTableDisplayColumnDef,\n  DataTableGroupColumnDef,\n  DataTableCustomHeader,\n  DataTableDefaultHeader,\n} from './DataTable/public.api.js';\nexport type { DataTableAlignmentColumnDef } from './DataTable/features/ColumnAlignment.js';\nexport type {\n  DataTableSortingColumnDef,\n  DataTableSortingBaseProps,\n  DataTableSortingControlledProps,\n  DataTableSortingUncontrolledProps,\n} from './DataTable/features/Sorting/sorting-types.js';\nexport type {\n  DataTableSortingProps,\n  DataTableCustomSortingFn,\n  DataTableColumnSort,\n} from './DataTable/features/Sorting/sorting-types.js';\nexport type { DataTableThresholdColumnDef } from './DataTable/features/Thresholds/threshold-types.js';\nexport type {\n  DataTableColumnTypesColumnDef,\n  DataTableColumnType,\n  DataTableMeterbarColumnConfig,\n  DataTableSparklineColumnConfig,\n  DataTableGanttColumnConfig,\n  DataTableMarkdownColumnConfig,\n  DataTableLogContentColumnConfig,\n  DataTableTextColumnConfig,\n  DataTableSparklineXAxisProps,\n  DataTableSparklineYAxisProps,\n} from './DataTable/features/ColumnTypes/column-types-types.js';\nexport type {\n  DataTableCellFormatterColumnDef,\n  DataTableCellFormatter,\n  DataTableDatetimeDisplayMode,\n  FormatterCurrencyOptions as DataTableCellFormatterCurrencyOptions,\n} from './DataTable/features/CellFormatter/cell-formatter-types.js';\nexport type {\n  DataTableLineWrapProps,\n  DataTableLineWrapState,\n  DataTableLineWrapControlledProps,\n  DataTableLineWrapUncontrolledProps,\n  DataTableLineWrapBaseProps,\n} from './DataTable/features/LineWrap/line-wrap-types.js';\nexport { DataTableGlobalLineWrapAction } from './DataTable/features/LineWrap/LineWrap.js';\nexport type {\n  DataTableColumnFontStyleProps,\n  DataTableColumnFontStyleState,\n  DataTableColumnFontStyleBaseProps,\n  DataTableColumnFontStyleControlledProps,\n  DataTableColumnFontStyleUncontrolledProps,\n} from './DataTable/features/ColumnFontStyle/column-font-style-types.js';\nexport type { DataTableVisualVariantProps } from './DataTable/features/VisualVariants/visual-variants-types.js';\nexport type { DataTableThresholdProps } from './DataTable/features/Thresholds/threshold-types.js';\nexport type { DataTableLoadingStateProps } from './DataTable/features/LoadingState/loading-state-types.js';\nexport type { DataTableDefaultCellProps } from './DataTable/components/DataTableDefaultCell.js';\nexport type {\n  DataTableColumnActions,\n  DataTableColumnActionsProps,\n  DataTableColumnActionsContent,\n} from './DataTable/features/UserActions/ColumnActions.js';\nexport { DataTableCellActions } from './DataTable/features/UserActions/CellActions.js';\nexport type {\n  DataTableCellActionsProps,\n  DataTableCellActionsContent,\n} from './DataTable/features/UserActions/CellActions.js';\nexport type {\n  DataTableRowActions,\n  DataTableRowActionsProps,\n} from './DataTable/features/UserActions/RowActions.js';\nexport type {\n  DataTablePaginationProps,\n  DataTablePaginationBaseProps,\n  DataTablePaginationPageIndexUncontrolledProps,\n  DataTablePaginationPageIndexControlledProps,\n  DataTablePaginationPageSizeUncontrolledProps,\n  DataTablePaginationPageSizeControlledProps,\n  DataTablePaginationClientSideProps,\n  DataTablePaginationServerSideProps,\n} from './DataTable/features/Pagination/pagination-types.js';\n\nexport { DataTablePagination } from './DataTable/features/Pagination/usePagination.js';\nexport type {\n  DataTableColumnSizingProps,\n  DataTableColumnSizingState,\n  DataTableColumnSizingBaseProps,\n  DataTableColumnSizingControlledProps,\n  DataTableColumnSizingUncontrolledProps,\n} from './DataTable/features/ColumnSizing/column-sizing-types.js';\nexport type {\n  DataTableThresholdRule,\n  DataTableRowThreshold,\n  DataTableColumnThreshold,\n  DataTableSingleColumnThreshold,\n  DataTableCombinedColumnThresholds,\n  DataTableSingleRowThreshold,\n  DataTableCombinedRowThresholds,\n} from './DataTable/features/Thresholds/threshold-types.js';\nexport type { DataTableDevTools } from './DataTable/features/DevTools.js';\nexport type {\n  DataTableColumnVisibilityProps,\n  DataTableColumnVisibilityState,\n  DataTableVisibilityColumnDef,\n  DataTableColumnVisibilityControlledProps,\n  DataTableColumnVisibilityUncontrolledProps,\n  DataTableColumnVisibilityBaseProps,\n  DataTableVisibleColumnLimits,\n} from './DataTable/features/ColumnVisibility/column-visibility-types.js';\nexport type {\n  DataTableColumnOrderProps,\n  DataTableColumnOrderBaseProps,\n  DataTableColumnOrderControlledProps,\n  DataTableColumnOrderUncontrolledProps,\n} from './DataTable/features/ColumnOrder/column-order-types.js';\nexport type {\n  DataTableRowSelectionProps,\n  DataTableRowSelectionBaseProps,\n  DataTableRowSelectionControlledProps,\n  DataTableRowSelectionUncontrolledProps,\n} from './DataTable/features/RowSelection/row-selection-types.js';\nexport type {\n  DataTableSubRowsProps,\n  DataTableSubRowsUncontrolledProps,\n  DataTableSubRowsControlledProps,\n  DataTableSubRowsBaseProps,\n} from './DataTable/features/SubRows/sub-rows-types.js';\nexport type {\n  DataTableRowInteractivityProps,\n  DataTableRowInteractivityBaseProps,\n  DataTableRowInteractivityUncontrolledProps,\n  DataTableRowInteractivityControlledProps,\n  DataTableRowActivationEvent,\n} from './DataTable/features/RowInteractivity/row-interactivity-types.js';\nexport type { DataTableColumnOrderSettings } from './DataTable/components/Toolbar/ColumnSettings/DataTableColumnOrderSettings.js';\nexport { DataTableColumnPinningSettings } from './DataTable/components/Toolbar/ColumnSettings/DataTableColumnPinningSettings.js';\nexport type {\n  DataTableColumnSettingsTriggerProps,\n  DataTableColumnOrderSettingsProps,\n  DataTableColumnPinningSettingsProps,\n  DataTableColumnVisibilitySettingsProps,\n} from './DataTable/components/Toolbar/ColumnSettings/column-settings-types.js';\nexport type {\n  DataTableRowOrderProps,\n  DataTableRowOrderBaseProps,\n  DataTableRowOrderControlledProps,\n  DataTableRowOrderUncontrolledProps,\n} from './DataTable/features/RowOrder/row-order-types.js';\nexport type {\n  DataTableColumnPinningProps,\n  DataTableColumnPinningBaseProps,\n  DataTableColumnPinningControlledProps,\n  DataTableColumnPinningUncontrolledProps,\n  DataTablePinnedColumnState,\n} from './DataTable/features/ColumnPinning/column-pinning-types.js';\n// DEPRECATION: [APPDEV-16236] BREAKING-CHANGE: Remove deprecated onDownloadData and DataTableDownloadProps.\nexport type {\n  // oxlint-disable-next-line typescript/no-deprecated\n  DataTableDownloadProps,\n  DataTableDownloadSlotProps,\n  DataTableDownloadHeaderContext,\n} from './DataTable/features/Download/download-types.js';\nexport { DataTableDownload } from './DataTable/features/Download/Download.js';\nexport { DataTableConfigProvider } from './hooks/useDataTableConfig.js';\nexport { DATA_TABLE_ROW_ID_SEPARATOR } from './DataTable/features/RowIdentification/RowIdentification.js';\nexport type { DataTableRowIdentification } from './DataTable/features/RowIdentification/row-identification-types.js';\nexport type {\n  DataTableExpandableRowWrapperProps,\n  DataTableExpandableRowProps,\n  DataTableExpandableRowBaseProps,\n  DataTableExpandableRowControlledProps,\n  DataTableExpandableRowUncontrolledProps,\n} from './DataTable/features/RowDetails/row-details-types.js';\nexport { DataTableExpandableRowTemplate } from './DataTable/features/RowDetails/RowDetails.js';\nexport { DataTableExpandableRowWrapper } from './DataTable/features/RowDetails/components/ExpandableRowWrapper.js';\nexport {\n  DataTableToolbar,\n  type DataTableToolbarProps,\n} from './DataTable/components/Toolbar/DataTableToolbar.js';\nexport {\n  isDataTableGroupColumnDef,\n  isDataTableDisplayColumnDef,\n} from './DataTable/hooks/useColumns.js';\n//#endregion\n"],
   "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAGlC,SAAS,mBAAmB;AAc5B,SAAS,wBAAwB;AAIjC,SAAS,iBAAiB;AAC1B;AAAA,EAC0B;AAAA,EAGJ;AAAA,EACC;AAAA,OAChB;AAEP,SAAS,4BAA4B;AAwDrC,SAAS,qCAAqC;AAiB9C,SAAS,4BAA4B;AAoBrC,SAAS,2BAA2B;AAqDpC,SAAS,sCAAsC;AA2B/C,SAAS,yBAAyB;AAClC,SAAS,+BAA+B;AACxC,SAAS,mCAAmC;AAS5C,SAAS,sCAAsC;AAC/C,SAAS,qCAAqC;AAC9C;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

package/esm/tables/utils/datatable-config-utils.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/utils/datatable-config-utils.ts"],
-  "sourcesContent": ["import { merge } from 'lodash-es';\n\nimport { DEFAULT_DATATABLE_CONFIG } from '../DataTable/constants.js';\nimport type { DataTableConfig } from '../DataTable/public.api.js';\n\n/**\n * Gets DataTable configuration, merging the default ones with the stringified json config.\n * For the case that there is a conflict property, default would prevail.\n * For the case that there is any parse error, it will return an empty config.\n *\n * @param serializedConfig - stringify json config\n *\n * @returns - DataTableConfig\n */\nexport function deserializeDataTableConfig(\n  serializedConfig: string,\n): DataTableConfig {\n  try {\n    return merge({}, DEFAULT_DATATABLE_CONFIG, JSON.parse(serializedConfig));\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  } catch (error) {\n    return DEFAULT_DATATABLE_CONFIG;\n  }\n}\n"],
+  "sourcesContent": ["import { merge } from 'lodash-es';\n\nimport { DEFAULT_DATATABLE_CONFIG } from '../DataTable/constants.js';\nimport type { DataTableConfig } from '../DataTable/public.api.js';\n\n/**\n * Gets DataTable configuration, merging the default ones with the stringified json config.\n * For the case that there is a conflict property, default would prevail.\n * For the case that there is any parse error, it will return an empty config.\n *\n * @param serializedConfig - stringify json config\n *\n * @returns - DataTableConfig\n */\nexport function deserializeDataTableConfig(\n  serializedConfig: string,\n): DataTableConfig {\n  try {\n    return merge({}, DEFAULT_DATATABLE_CONFIG, JSON.parse(serializedConfig));\n    // oxlint-disable-next-line typescript/no-unused-vars\n  } catch (error) {\n    return DEFAULT_DATATABLE_CONFIG;\n  }\n}\n"],
   "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,gCAAgC;AAYlC,SAAS,2BACd,kBACiB;AACjB,MAAI;AACF,WAAO,MAAM,CAAC,GAAG,0BAA0B,KAAK,MAAM,gBAAgB,CAAC;AAAA,EAEzE,SAAS,OAAO;AACd,WAAO;AAAA,EACT;AACF;",
   "names": []
 }

package/esm/tables/utils/get-column-label.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/utils/get-column-label.ts"],
-  "sourcesContent": ["import type { Column, RowData, TableFeatures } from '@tanstack/react-table';\n\n/**\n * Gets the header's display value.\n * @param column - The column object.\n * @returns the label of the column header: string if available, or the label if it's a custom header; otherwise falls back to the column id.\n * @internal\n */\nexport function getColumnLabel(column: Column<TableFeatures, RowData>): string {\n  const { header, label } = column.columnDef;\n  if (typeof header === 'string') {\n    return header;\n  }\n  return label ?? column.id;\n}\n"],
-  "mappings": "AAQO,SAAS,eAAe,QAAgD;AAC7E,QAAM,EAAE,QAAQ,MAAM,IAAI,OAAO;AACjC,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,EACT;AACA,SAAO,SAAS,OAAO;AACzB;",
+  "sourcesContent": ["import type { Column, RowData } from '@tanstack/react-table';\n\nimport type { TDataTableFeatures } from '../DataTable/features/types/features.types.js';\n\n/**\n * Gets the header's display value.\n * @param column - The column object.\n * @returns the label of the column header: string if available, or the label if it's a custom header; otherwise falls back to the column id.\n * @internal\n */\nexport function getColumnLabel<TData extends RowData>(\n  column: Column<TDataTableFeatures, TData>,\n): string {\n  const { header, label } = column.columnDef;\n  if (typeof header === 'string') {\n    return header;\n  }\n  return label ?? column.id;\n}\n"],
+  "mappings": "AAUO,SAAS,eACd,QACQ;AACR,QAAM,EAAE,QAAQ,MAAM,IAAI,OAAO;AACjC,MAAI,OAAO,WAAW,UAAU;AAC9B,WAAO;AAAA,EACT;AACA,SAAO,SAAS,OAAO;AACzB;",
   "names": []
 }

package/esm/tables/utils/is-target-interactive.js

@@ -2,10 +2,12 @@ function isTargetInteractive(row, target) {
   if (row === target) {
     return false;
   }
-  const interactiveTags = ["A", "BUTTON", "LABEL", "INPUT", "SELECT"];
+  const interactiveTags = /* @__PURE__ */ new Set(["A", "BUTTON", "LABEL", "INPUT", "SELECT"]);
   let currentElement = target;
   do {
-    const hitInteractiveElement = currentElement?.getAttribute("tabindex") !== null || interactiveTags.includes(currentElement?.tagName);
+    const tabIndex = currentElement?.getAttribute("tabindex");
+    const isInTabOrder = Number(tabIndex ?? -1) >= 0;
+    const hitInteractiveElement = isInTabOrder || interactiveTags.has(currentElement?.tagName);
     if (hitInteractiveElement) {
       return true;
     }

package/esm/tables/utils/is-target-interactive.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tables/utils/is-target-interactive.ts"],
-  "sourcesContent": ["/**\n * Checks whether the user interacted with an interactive element within a row.\n * @param row - The row with which the user interacted with.\n * @param target - The target element of the interaction.\n * @returns true if the target is interactive, false otherwise.\n */\nexport function isTargetInteractive(\n  row: Element,\n  target: HTMLElement | SVGElement,\n): boolean {\n  if (row === target) {\n    return false;\n  }\n\n  const interactiveTags = ['A', 'BUTTON', 'LABEL', 'INPUT', 'SELECT'];\n\n  let currentElement: HTMLElement | SVGElement | null = target;\n  do {\n    const hitInteractiveElement =\n      currentElement?.getAttribute('tabindex') !== null ||\n      interactiveTags.includes(currentElement?.tagName);\n\n    if (hitInteractiveElement) {\n      return true;\n    }\n    currentElement = currentElement?.parentElement;\n  } while (currentElement !== row && currentElement !== null);\n  return false;\n}\n"],
-  "mappings": "AAMO,SAAS,oBACd,KACA,QACS;AACT,MAAI,QAAQ,QAAQ;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,kBAAkB,CAAC,KAAK,UAAU,SAAS,SAAS,QAAQ;AAElE,MAAI,iBAAkD;AACtD,KAAG;AACD,UAAM,wBACJ,gBAAgB,aAAa,UAAU,MAAM,QAC7C,gBAAgB,SAAS,gBAAgB,OAAO;AAElD,QAAI,uBAAuB;AACzB,aAAO;AAAA,IACT;AACA,qBAAiB,gBAAgB;AAAA,EACnC,SAAS,mBAAmB,OAAO,mBAAmB;AACtD,SAAO;AACT;",
+  "sourcesContent": ["/**\n * Checks whether a click target, or any of its ancestors up to the row boundary, is an\n * interactive element. An element is considered interactive if it is one of the interactive\n * HTML tags (`A`, `BUTTON`, `LABEL`, `INPUT`, `SELECT`) or has a non-negative `tabIndex`\n * attribute. Elements with `tabIndex=\"-1\"` are intentionally excluded \u2014 they are focusable\n * programmatically but are not interactive controls.\n * @param row - The row element that acts as the boundary for the ancestor walk.\n * @param target - The element that received the interaction.\n * @returns `true` if an interactive element was found between the target and the row, `false` otherwise.\n */\nexport function isTargetInteractive(\n  row: Element,\n  target: HTMLElement | SVGElement,\n): boolean {\n  if (row === target) {\n    return false;\n  }\n\n  const interactiveTags = new Set(['A', 'BUTTON', 'LABEL', 'INPUT', 'SELECT']);\n\n  let currentElement: HTMLElement | SVGElement | null = target;\n  do {\n    const tabIndex = currentElement?.getAttribute('tabindex');\n    const isInTabOrder = Number(tabIndex ?? -1) >= 0;\n    const hitInteractiveElement =\n      isInTabOrder || interactiveTags.has(currentElement?.tagName);\n\n    if (hitInteractiveElement) {\n      return true;\n    }\n    currentElement = currentElement?.parentElement;\n  } while (currentElement !== row && currentElement !== null);\n  return false;\n}\n"],
+  "mappings": "AAUO,SAAS,oBACd,KACA,QACS;AACT,MAAI,QAAQ,QAAQ;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,kBAAkB,oBAAI,IAAI,CAAC,KAAK,UAAU,SAAS,SAAS,QAAQ,CAAC;AAE3E,MAAI,iBAAkD;AACtD,KAAG;AACD,UAAM,WAAW,gBAAgB,aAAa,UAAU;AACxD,UAAM,eAAe,OAAO,YAAY,EAAE,KAAK;AAC/C,UAAM,wBACJ,gBAAgB,gBAAgB,IAAI,gBAAgB,OAAO;AAE7D,QAAI,uBAAuB;AACzB,aAAO;AAAA,IACT;AACA,qBAAiB,gBAAgB;AAAA,EACnC,SAAS,mBAAmB,OAAO,mBAAmB;AACtD,SAAO;AACT;",
   "names": []
 }

package/esm/typography/block-quote/Blockquote.css

@@ -1,11 +1,11 @@
-._1knl9z60-3-12-2 {
+._1knl9z60-3-13-0 {
   position: relative;
   margin: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-40, 40px);
   word-break: normal;
   overflow-wrap: anywhere;
 }
-._1knl9z60-3-12-2:before {
+._1knl9z60-3-13-0:before {
   content: "";
   position: absolute;
   top: 0;

package/esm/typography/block-quote/Blockquote.sty.js

@@ -1,5 +1,5 @@
 import "./Blockquote.css";
-var blockquoteCSS = "_1knl9z60-3-12-2";
+var blockquoteCSS = "_1knl9z60-3-13-0";
 export {
   blockquoteCSS
 };

package/esm/typography/block-quote/Blockquote.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/block-quote/Blockquote.css.ts"],
-  "sourcesContent": ["import './Blockquote.css';\nexport var blockquoteCSS = '_1knl9z60-3-12-2';"],
+  "sourcesContent": ["import './Blockquote.css';\nexport var blockquoteCSS = '_1knl9z60-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,gBAAgB;",
   "names": []
 }

package/esm/typography/code/Code.css

@@ -1,5 +1,8 @@
-._1v51izp0-3-12-2 {
-  background: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+._1v51izp2-3-13-0 {
+  --_1v51izp0-3-13-0: #f3f2f9;
+  --_1v51izp1-3-13-0: #4b00a7;
+  background: var(--_1v51izp0-3-13-0);
+  color: var(--_1v51izp1-3-13-0);
   padding-top: var(--dt-spacings-size-0, 0);
   padding-bottom: var(--dt-spacings-size-0, 0);
   padding-left: var(--dt-spacings-size-4, 4px);
@@ -13,4 +16,8 @@
   text-decoration: var(--dt-typography-code-base-default-text-decoration, none);
   box-decoration-break: clone;
   -webkit-box-decoration-break: clone;
+}
+[data-theme="dark"] ._1v51izp2-3-13-0 {
+  --_1v51izp0-3-13-0: #30274f;
+  --_1v51izp1-3-13-0: #bda9ff;
 }

package/esm/typography/code/Code.sty.js

@@ -1,5 +1,5 @@
 import "./Code.css";
-var codeCSS = "_1v51izp0-3-12-2";
+var codeCSS = "_1v51izp2-3-13-0";
 export {
   codeCSS
 };

package/esm/typography/code/Code.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/code/Code.css.ts"],
-  "sourcesContent": ["import './Code.css';\nexport var codeCSS = '_1v51izp0-3-12-2';"],
+  "sourcesContent": ["import './Code.css';\nexport var codeCSS = '_1v51izp2-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/typography/emphasis/Emphasis.css

@@ -1,4 +1,4 @@
-._1r35rtu0-3-12-2 {
+._1r35rtu0-3-13-0 {
   font-style: italic;
   overflow-wrap: break-word;
 }

package/esm/typography/emphasis/Emphasis.sty.js

@@ -1,5 +1,5 @@
 import "./Emphasis.css";
-var emphasisCSS = "_1r35rtu0-3-12-2";
+var emphasisCSS = "_1r35rtu0-3-13-0";
 export {
   emphasisCSS
 };

package/esm/typography/emphasis/Emphasis.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/emphasis/Emphasis.css.ts"],
-  "sourcesContent": ["import './Emphasis.css';\nexport var emphasisCSS = '_1r35rtu0-3-12-2';"],
+  "sourcesContent": ["import './Emphasis.css';\nexport var emphasisCSS = '_1r35rtu0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,cAAc;",
   "names": []
 }

package/esm/typography/external-link/ExternalLink.css

@@ -1,22 +1,22 @@
-._1v1skpy0-3-12-2 {
+._1v1skpy0-3-13-0 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1v1skpy0-3-12-2:hover {
+._1v1skpy0-3-13-0:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1v1skpy0-3-12-2:active {
+._1v1skpy0-3-13-0:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }
-._1v1skpy0-3-12-2:focus-visible {
+._1v1skpy0-3-13-0:focus-visible {
   text-decoration: none;
 }
-._1v1skpy0-3-12-2 > span:last-child {
+._1v1skpy0-3-13-0 > span:last-child {
   white-space: nowrap;
 }
-._1v1skpy0-3-12-2 > span:last-child > svg {
+._1v1skpy0-3-13-0 > span:last-child > svg {
   margin-left: var(--dt-spacings-size-2, 2px);
   width: 1lh;
   height: 1lh;

package/esm/typography/external-link/ExternalLink.sty.js

@@ -1,6 +1,6 @@
 import "../../core/styles/focusRingStatic.css";
 import "./ExternalLink.css";
-var externalLink = "_1v1skpy0-3-12-2 _z0fq9b4-3-12-2 _z0fq9be-3-12-2 _z0fq9b5-3-12-2 _z0fq9b9-3-12-2";
+var externalLink = "_1v1skpy0-3-13-0 _z0fq9b4-3-13-0 _z0fq9be-3-13-0 _z0fq9b5-3-13-0 _z0fq9b9-3-13-0";
 export {
   externalLink
 };

package/esm/typography/external-link/ExternalLink.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/external-link/ExternalLink.css.ts"],
-  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './ExternalLink.css';\nexport var externalLink = '_1v1skpy0-3-12-2 _z0fq9b4-3-12-2 _z0fq9be-3-12-2 _z0fq9b5-3-12-2 _z0fq9b9-3-12-2';"],
+  "sourcesContent": ["import '../../core/styles/focusRingStatic.css';\nimport './ExternalLink.css';\nexport var externalLink = '_1v1skpy0-3-13-0 _z0fq9b4-3-13-0 _z0fq9be-3-13-0 _z0fq9b5-3-13-0 _z0fq9b9-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,eAAe;",
   "names": []
 }

package/esm/typography/heading/Heading.css

@@ -1,10 +1,10 @@
-._5ei34w0-3-12-2 {
+._5ei34w0-3-13-0 {
   margin: 0;
   overflow-wrap: break-word;
   font-style: normal;
   color: inherit;
 }
-._5ei34w1-3-12-2 {
+._5ei34w1-3-13-0 {
   font-family: var(--dt-typography-heading-level-1-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-1-size, 32px);
   font-weight: var(--dt-typography-heading-level-1-weight, 600);
@@ -12,7 +12,7 @@
   text-transform: var(--dt-typography-heading-level-1-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-1-text-decoration, none);
 }
-._5ei34w2-3-12-2 {
+._5ei34w2-3-13-0 {
   font-family: var(--dt-typography-heading-level-2-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-2-size, 28px);
   font-weight: var(--dt-typography-heading-level-2-weight, 600);
@@ -20,7 +20,7 @@
   text-transform: var(--dt-typography-heading-level-2-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-2-text-decoration, none);
 }
-._5ei34w3-3-12-2 {
+._5ei34w3-3-13-0 {
   font-family: var(--dt-typography-heading-level-3-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-3-size, 24px);
   font-weight: var(--dt-typography-heading-level-3-weight, 600);
@@ -28,7 +28,7 @@
   text-transform: var(--dt-typography-heading-level-3-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-3-text-decoration, none);
 }
-._5ei34w4-3-12-2 {
+._5ei34w4-3-13-0 {
   font-family: var(--dt-typography-heading-level-4-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-4-size, 20px);
   font-weight: var(--dt-typography-heading-level-4-weight, 600);
@@ -36,7 +36,7 @@
   text-transform: var(--dt-typography-heading-level-4-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-4-text-decoration, none);
 }
-._5ei34w5-3-12-2 {
+._5ei34w5-3-13-0 {
   font-family: var(--dt-typography-heading-level-5-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-5-size, 16px);
   font-weight: var(--dt-typography-heading-level-5-weight, 600);
@@ -44,7 +44,7 @@
   text-transform: var(--dt-typography-heading-level-5-text-transform, none);
   text-decoration: var(--dt-typography-heading-level-5-text-decoration, none);
 }
-._5ei34w6-3-12-2 {
+._5ei34w6-3-13-0 {
   font-family: var(--dt-typography-heading-level-6-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-heading-level-6-size, 14px);
   font-weight: var(--dt-typography-heading-level-6-weight, 600);

package/esm/typography/heading/Heading.sty.js

@@ -1,6 +1,6 @@
 import "./Heading.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var headingCSS = _7a468({ defaultClassName: "_5ei34w0-3-12-2", variantClassNames: { visualLevel: { "1": "_5ei34w1-3-12-2", "2": "_5ei34w2-3-12-2", "3": "_5ei34w3-3-12-2", "4": "_5ei34w4-3-12-2", "5": "_5ei34w5-3-12-2", "6": "_5ei34w6-3-12-2" } }, defaultVariants: {}, compoundVariants: [] });
+var headingCSS = _7a468({ defaultClassName: "_5ei34w0-3-13-0", variantClassNames: { visualLevel: { "1": "_5ei34w1-3-13-0", "2": "_5ei34w2-3-13-0", "3": "_5ei34w3-3-13-0", "4": "_5ei34w4-3-13-0", "5": "_5ei34w5-3-13-0", "6": "_5ei34w6-3-13-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   headingCSS
 };

package/esm/typography/heading/Heading.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/heading/Heading.css.ts"],
-  "sourcesContent": ["import './Heading.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headingCSS = _7a468({defaultClassName:'_5ei34w0-3-12-2',variantClassNames:{visualLevel:{'1':'_5ei34w1-3-12-2','2':'_5ei34w2-3-12-2','3':'_5ei34w3-3-12-2','4':'_5ei34w4-3-12-2','5':'_5ei34w5-3-12-2','6':'_5ei34w6-3-12-2'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Heading.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headingCSS = _7a468({defaultClassName:'_5ei34w0-3-13-0',variantClassNames:{visualLevel:{'1':'_5ei34w1-3-13-0','2':'_5ei34w2-3-13-0','3':'_5ei34w3-3-13-0','4':'_5ei34w4-3-13-0','5':'_5ei34w5-3-13-0','6':'_5ei34w6-3-13-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,aAAa,OAAO,EAAC,kBAAiB,mBAAkB,mBAAkB,EAAC,aAAY,EAAC,KAAI,mBAAkB,KAAI,mBAAkB,KAAI,mBAAkB,KAAI,mBAAkB,KAAI,mBAAkB,KAAI,kBAAiB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/typography/highlight/Highlight.css

@@ -1,8 +1,8 @@
-._lajjl30-3-12-2 {
+._lajjl30-3-13-0 {
   white-space: pre-wrap;
   flex: none;
 }
-._lajjl30-3-12-2::highlight(strato-typography-highlight), ._lajjl30-3-12-2 *::highlight(strato-typography-highlight) {
+._lajjl30-3-13-0::highlight(strato-typography-highlight), ._lajjl30-3-13-0 *::highlight(strato-typography-highlight) {
   color: var(--dt-colors-text-neutral-on-accent-default, #f3f3f6);
   background: var(--dt-colors-background-container-neutral-accent, #5b5c81);
 }

package/esm/typography/highlight/Highlight.sty.js

@@ -1,5 +1,5 @@
 import "./Highlight.css";
-var wrapper = "_lajjl30-3-12-2";
+var wrapper = "_lajjl30-3-13-0";
 export {
   wrapper
 };

package/esm/typography/highlight/Highlight.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/typography/highlight/Highlight.css.ts"],
-  "sourcesContent": ["import './Highlight.css';\nexport var wrapper = '_lajjl30-3-12-2';"],
+  "sourcesContent": ["import './Highlight.css';\nexport var wrapper = '_lajjl30-3-13-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,UAAU;",
   "names": []
 }

package/esm/typography/link/Link.css

@@ -1,15 +1,15 @@
-._1iksxp40-3-12-2 {
+._1iksxp40-3-13-0 {
   display: inline;
   color: var(--dt-colors-text-primary-default, #464cce);
   text-decoration: underline;
   overflow-wrap: anywhere;
 }
-._1iksxp40-3-12-2:hover {
+._1iksxp40-3-13-0:hover {
   color: var(--dt-colors-text-primary-default-hover, #3431b3);
 }
-._1iksxp40-3-12-2:active {
+._1iksxp40-3-13-0:active {
   color: var(--dt-colors-text-primary-default-active, #250f98);
 }
-._1iksxp40-3-12-2:focus-visible {
+._1iksxp40-3-13-0:focus-visible {
   text-decoration: none;
 }