@clicoh/orion-library 1.2.0-beta.24 → 1.2.0-beta.25

package/assets/css/expresivo.css

@@ -50,6 +50,10 @@
   --exp-row-edge: var(--color-gray-5);
   --exp-row-edge-hover: #c9c3fd;
 
+  --exp-code-bg: var(--color-lavender-3);
+  --exp-code-drop: 0 2px 8px rgba(106, 93, 249, 0.06);
+  --exp-code-drop-hover: 0 8px 20px rgba(106, 93, 249, 0.14);
+
   --exp-nav-glow: rgba(106, 93, 249, 0.22);
 
   --exp-hero-dots: rgba(106, 93, 249, 0.14);
@@ -99,6 +103,10 @@
   --exp-row-edge: var(--color-gray-1);
   --exp-row-edge-hover: #4a3fd0;
 
+  --exp-code-bg: var(--color-gray-dark-2);
+  --exp-code-drop: none;
+  --exp-code-drop-hover: none;
+
   --exp-nav-glow: rgba(137, 128, 255, 0.35);
 
   --exp-hero-dots: rgba(137, 128, 255, 0.16);
@@ -224,17 +232,24 @@
   animation: exp-swing 3.2s ease-in-out infinite;
 }
 
-/* Page hero (ExpPageHero): a band only on wide screens ------------------ */
+/* Page hero (ExpPageHero): a band on wide screens, and below them only with
+   narrowLayout="band" ---------------------------------------------------- */
+
+.exp-hero {
+  border: 1px solid var(--exp-hero-edge);
+  border-radius: 1rem;
+  background:
+    radial-gradient(var(--exp-hero-dots) 1px, transparent 1.4px) 0 0 / 14px 14px,
+    var(--exp-hero-bg);
+  box-shadow: var(--exp-hero-drop);
+}
 
-@media (min-width: 64rem) {
-  .exp-hero {
-    border: 1px solid var(--exp-hero-edge);
-    border-radius: 1rem;
-    background:
-      radial-gradient(var(--exp-hero-dots) 1px, transparent 1.4px) 0 0 / 14px
-        14px,
-      var(--exp-hero-bg);
-    box-shadow: var(--exp-hero-drop);
+@media (max-width: 63.99rem) {
+  .exp-hero[data-narrow='row'] {
+    border: 0;
+    border-radius: 0;
+    background: none;
+    box-shadow: none;
   }
 }
 
@@ -1014,6 +1029,108 @@
   background: var(--exp-row-bg-hover);
 }
 
+/* Rows that open a detail: one tbody per row, so the gap moves from
+   border-spacing to a spacer row and the open row joins its detail. */
+
+:root:has(.exp-scope[data-exp-tables='cards'])
+  [data-orion-part='table']:has(> [data-orion-part='table-group']):not(
+    [data-orion-part='data-table'][data-modifier='card'] *
+  ) {
+  border-spacing: 0;
+}
+
+:root:has(.exp-scope[data-exp-tables='cards'])
+  [data-orion-part='table-group']:not(
+    [data-orion-part='data-table'][data-modifier='card'] *
+  )::before {
+  content: '';
+  display: table-row;
+  height: 8px;
+}
+
+:root:has(.exp-scope[data-exp-tables='cards'])
+  [data-orion-part='table-row'][data-expanded]:not(
+    [data-orion-part='data-table'][data-modifier='card'] *
+  )
+  > td {
+  border-color: var(--exp-row-edge-hover);
+  border-bottom-color: var(--exp-row-edge);
+  background: var(--exp-row-bg-hover);
+}
+
+:root:has(.exp-scope[data-exp-tables='cards'])
+  [data-orion-part='table-row'][data-expanded]:not(
+    [data-orion-part='data-table'][data-modifier='card'] *
+  )
+  > td:first-child {
+  border-radius: 14px 0 0 0;
+}
+
+:root:has(.exp-scope[data-exp-tables='cards'])
+  [data-orion-part='table-row'][data-expanded]:not(
+    [data-orion-part='data-table'][data-modifier='card'] *
+  )
+  > td:last-child {
+  border-radius: 0 14px 0 0;
+}
+
+:root:has(.exp-scope[data-exp-tables='cards'])
+  [data-orion-part='table-detail']:not(
+    [data-orion-part='data-table'][data-modifier='card'] *
+  ) {
+  border: 0;
+  background: transparent;
+}
+
+:root:has(.exp-scope[data-exp-tables='cards'])
+  [data-orion-part='table-detail']:not(
+    [data-orion-part='data-table'][data-modifier='card'] *
+  )
+  > td {
+  padding: 16px 16px 20px;
+  border: 1px solid var(--exp-row-edge-hover);
+  border-top: 0;
+  border-radius: 0 0 14px 14px;
+  background: var(--exp-code-bg);
+}
+
+/* Skin: code blocks with a title (CodeBlock title) ---------------------- */
+
+/* A titled block stands alone, as a card: the band along the top and the
+   code on a tinted surface. */
+:root:has(.exp-scope)
+  [data-orion-part='code-block']:has([data-orion-part='code-block-title']) {
+  border-color: var(--exp-card-edge);
+  border-radius: 16px;
+  padding-top: 3px;
+  background:
+    var(--exp-card-band) top / 100% 3px no-repeat,
+    var(--exp-card-bg);
+  box-shadow: var(--exp-code-drop);
+  transition:
+    transform 200ms var(--exp-ease-out),
+    box-shadow 200ms ease;
+}
+
+:root:has(.exp-scope)
+  [data-orion-part='code-block']:has(
+    [data-orion-part='code-block-title']
+  ):hover {
+  box-shadow: var(--exp-code-drop-hover);
+}
+
+:root:has(.exp-scope)
+  [data-orion-part='code-block']:has([data-orion-part='code-block-title'])
+  > [data-orion-part='code-block-header'] {
+  padding: 8px 8px 8px 16px;
+}
+
+:root:has(.exp-scope)
+  [data-orion-part='code-block']:has([data-orion-part='code-block-title'])
+  > pre {
+  background: var(--exp-code-bg);
+}
+
 /* Hover movement, only without reduced motion --------------------------- */
 
 @media (prefers-reduced-motion: no-preference) {
@@ -1063,10 +1180,17 @@
   :root:has(.exp-scope[data-exp-tables='cards'])
     [data-orion-part='table-row']:not(
       [data-orion-part='data-table'][data-modifier='card'] *
-    ):is(:hover, :focus-visible, [data-selected])
+    ):not([data-expanded]):is(:hover, :focus-visible, [data-selected])
     > td {
     transform: translateY(-2px);
   }
+
+  :root:has(.exp-scope)
+    [data-orion-part='code-block']:has(
+      [data-orion-part='code-block-title']
+    ):hover {
+    transform: translateY(-2px);
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -1096,6 +1220,7 @@
   :root:has(.exp-scope) textarea[data-orion-part='field-control'],
   :root:has(.exp-scope) [data-orion-part='field-icon'],
   :root:has(.exp-scope) [data-orion-part='table-row'] > td,
+  :root:has(.exp-scope) [data-orion-part='code-block'],
   :root:has(.exp-scope) [data-orion-part='menu-link']::before {
     transition: none;
   }

package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts

@@ -10,6 +10,12 @@ export type CodeBlockProps = {
     copiedLabel: string;
     /** Shown in the header (`ts`, `sql`, `diff`). No syntax coloring is applied. */
     language?: string;
+    /** Header content before the language, such as where the excerpt comes from. */
+    title?: ReactNode;
+    /** What the copy button writes, when it is not the code itself. */
+    copyText?: string;
+    /** Text to mark wherever it appears in the code, ignoring case. */
+    mark?: string;
     /** Number of the first line. Line numbers are shown only when it is set. */
     startLine?: number;
     /** Lines to emphasize, as inclusive ranges in the same numbering. */
@@ -18,7 +24,7 @@ export type CodeBlockProps = {
     wrap?: boolean;
     /** Called when the browser refuses to write to the clipboard. */
     onCopyError?: (error: unknown) => void;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'title'>;
 /**
  * Read-only block of source code with a copy button. Shows an excerpt
  * exactly as written: monospace and, by default, no wrapping, with horizontal
@@ -26,12 +32,17 @@ export type CodeBlockProps = {
  *
  * With `wrap`, a line longer than the block continues on the next row, under
  * the code and not under the line numbers. Use it where scrolling sideways is
- * awkward, such as narrow screens or a command to read whole. Copying always
- * takes the original text.
+ * awkward, such as narrow screens or a command to read whole. Copying takes
+ * the original text, or `copyText` when the button should copy something
+ * else, such as the file and line the excerpt comes from.
  *
  * Setting `startLine` numbers the lines, so an excerpt from the middle of a
  * file keeps its real line numbers; `highlight` then marks ranges in that
- * same numbering. There is no syntax coloring.
+ * same numbering, and `mark` marks every match of a text inside the lines,
+ * such as the query that found the excerpt. There is no syntax coloring.
+ *
+ * `title` goes in the header, before the language label: where the excerpt
+ * comes from, as a file path or a set of badges.
  *
  * Copying uses the Clipboard API, which browsers only expose on secure
  * origins (`https` or `localhost`). When it fails the button stays as it was
@@ -53,6 +64,9 @@ export type CodeBlockProps = {
  * @param {string} props.copyLabel - Accessible name and tooltip of the copy button.
  * @param {string} props.copiedLabel - Shown and announced right after copying.
  * @param {string} [props.language] - Label shown in the header.
+ * @param {ReactNode} [props.title] - Header content before the language label.
+ * @param {string} [props.copyText] - What the copy button writes; defaults to `code`.
+ * @param {string} [props.mark] - Text marked wherever it appears in the code, ignoring case.
  * @param {number} [props.startLine] - Number of the first line; enables line numbers.
  * @param {CodeBlockRange[]} [props.highlight=[]] - Inclusive line ranges to emphasize.
  * @param {boolean} [props.wrap=false] - Long lines continue on the next row instead of scrolling.
@@ -60,5 +74,5 @@ export type CodeBlockProps = {
  *
  * @returns {ReactNode} The rendered CodeBlock component.
  */
-export declare function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, highlight, wrap, onCopyError, ...restProps }: CodeBlockProps): ReactNode;
+export declare function CodeBlock({ code, copyLabel, copiedLabel, language, title, copyText, mark, startLine, highlight, wrap, onCopyError, ...restProps }: CodeBlockProps): ReactNode;
 //# sourceMappingURL=CodeBlock.d.ts.map

package/dist/components/01-atoms/CodeBlock/CodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,iEAAiE;AACjE,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,WAAW,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAQrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAc,EACd,IAAY,EACZ,WAAW,EACX,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,SAAS,CAmG5B"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAKf,iEAAiE;AACjE,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG;IAC3B,yCAAyC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,WAAW,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,yEAAyE;IACzE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAmC/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,SAAc,EACd,IAAY,EACZ,WAAW,EACX,GAAG,SAAS,EACb,EAAE,cAAc,GAAG,SAAS,CAgH5B"}

package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx

@@ -2,12 +2,32 @@
 import clsx from 'clsx';
 import { useEffect, useRef, useState, } from 'react';
 import { FiCheck, FiCopy } from 'react-icons/fi';
-import { Each } from '../../00-base';
+import { Each, Show } from '../../00-base';
 import { IconButton } from '../IconButton';
 const COPIED_FEEDBACK_MS = 1600;
 function isHighlighted(line, ranges) {
     return ranges.some(([from, to]) => line >= from && line <= to);
 }
+function markPattern(mark) {
+    const text = mark?.trim();
+    if (!text)
+        return undefined;
+    return new RegExp(`(${text.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')})`, 'i');
+}
+function renderLine(line, pattern) {
+    if (!line)
+        return ' ';
+    if (!pattern)
+        return line;
+    return (<Each of={line.split(pattern)} render={(part, index) => (<Show>
+          <Show.When isTrue={index % 2 === 1}>
+            <mark className="dark:bg-lavender-dark-1 bg-lavender-1 rounded-sm text-current shadow-[0_0_0_1px_rgba(106,93,249,0.35)]">
+              {part}
+            </mark>
+          </Show.When>
+          <Show.Else>{part}</Show.Else>
+        </Show>)}/>);
+}
 /**
  * Read-only block of source code with a copy button. Shows an excerpt
  * exactly as written: monospace and, by default, no wrapping, with horizontal
@@ -15,12 +35,17 @@ function isHighlighted(line, ranges) {
  *
  * With `wrap`, a line longer than the block continues on the next row, under
  * the code and not under the line numbers. Use it where scrolling sideways is
- * awkward, such as narrow screens or a command to read whole. Copying always
- * takes the original text.
+ * awkward, such as narrow screens or a command to read whole. Copying takes
+ * the original text, or `copyText` when the button should copy something
+ * else, such as the file and line the excerpt comes from.
  *
  * Setting `startLine` numbers the lines, so an excerpt from the middle of a
  * file keeps its real line numbers; `highlight` then marks ranges in that
- * same numbering. There is no syntax coloring.
+ * same numbering, and `mark` marks every match of a text inside the lines,
+ * such as the query that found the excerpt. There is no syntax coloring.
+ *
+ * `title` goes in the header, before the language label: where the excerpt
+ * comes from, as a file path or a set of badges.
  *
  * Copying uses the Clipboard API, which browsers only expose on secure
  * origins (`https` or `localhost`). When it fails the button stays as it was
@@ -42,6 +67,9 @@ function isHighlighted(line, ranges) {
  * @param {string} props.copyLabel - Accessible name and tooltip of the copy button.
  * @param {string} props.copiedLabel - Shown and announced right after copying.
  * @param {string} [props.language] - Label shown in the header.
+ * @param {ReactNode} [props.title] - Header content before the language label.
+ * @param {string} [props.copyText] - What the copy button writes; defaults to `code`.
+ * @param {string} [props.mark] - Text marked wherever it appears in the code, ignoring case.
  * @param {number} [props.startLine] - Number of the first line; enables line numbers.
  * @param {CodeBlockRange[]} [props.highlight=[]] - Inclusive line ranges to emphasize.
  * @param {boolean} [props.wrap=false] - Long lines continue on the next row instead of scrolling.
@@ -49,7 +77,7 @@ function isHighlighted(line, ranges) {
  *
  * @returns {ReactNode} The rendered CodeBlock component.
  */
-export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, highlight = [], wrap = false, onCopyError, ...restProps }) {
+export function CodeBlock({ code, copyLabel, copiedLabel, language, title, copyText, mark, startLine, highlight = [], wrap = false, onCopyError, ...restProps }) {
     const [isCopied, setIsCopied] = useState(false);
     const resetTimer = useRef(undefined);
     useEffect(() => () => clearTimeout(resetTimer.current), []);
@@ -57,9 +85,10 @@ export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, h
     const isNumbered = startLine !== undefined;
     const firstLine = startLine ?? 1;
     const gutterWidth = `${String(firstLine + lines.length - 1).length}ch`;
+    const pattern = markPattern(mark);
     const copy = async () => {
         try {
-            await navigator.clipboard.writeText(code);
+            await navigator.clipboard.writeText(copyText ?? code);
         }
         catch (error) {
             onCopyError?.(error);
@@ -69,8 +98,11 @@ export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, h
         clearTimeout(resetTimer.current);
         resetTimer.current = setTimeout(() => setIsCopied(false), COPIED_FEEDBACK_MS);
     };
-    return (<div {...restProps} className={clsx('border-gray-5 bg-gray-7 dark:border-gray-1 dark:bg-black-1 min-w-0 overflow-hidden rounded-lg border', restProps.className)}>
-      <div className="border-gray-5 dark:border-gray-1 flex items-center justify-between gap-2 border-b py-1 pr-1 pl-3">
+    return (<div {...restProps} data-orion-part="code-block" className={clsx('border-gray-5 bg-gray-7 dark:border-gray-1 dark:bg-black-1 min-w-0 overflow-hidden rounded-lg border', restProps.className)}>
+      <div data-orion-part="code-block-header" className="border-gray-5 dark:border-gray-1 flex items-center justify-between gap-2 border-b py-1 pr-1 pl-3">
+        {!!title && (<div data-orion-part="code-block-title" className="flex min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-1 py-1">
+            {title}
+          </div>)}
         <span className="text-gray-1 dark:text-gray-2 truncate text-xs leading-4">
           {language}
         </span>
@@ -93,7 +125,7 @@ export function CodeBlock({ code, copyLabel, copiedLabel, language, startLine, h
                   <span className={clsx('pr-3', wrap
                     ? 'min-w-0 flex-1 wrap-anywhere whitespace-pre-wrap'
                     : 'whitespace-pre', !isNumbered && 'pl-3')}>
-                    {line || ' '}
+                    {renderLine(line, pattern)}
                   </span>
                   {'\n'}
                 </span>);

package/dist/components/01-atoms/CodeBlock/CodeBlock.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CodeBlock.jsx","sourceRoot":"","sources":["../../../../src/components/01-atoms/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"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"}

package/dist/components/02-molecules/Table/Table.d.ts

@@ -9,6 +9,17 @@ export type TableItemWithTemplate = {
 export type TableCellValue = TablePrimitive | TableItemWithTemplate;
 export type TableItem = Record<string, TableCellValue>;
 export type TableItemSelection = Record<string, TableItem>;
+/** Content that a row opens under itself, across every column. */
+export type TableRowDetail = {
+    /** Content shown under the row while it is open. */
+    render: (item: TableItem) => ReactNode;
+    /** Values of the `id` column of the open rows. */
+    openIds: TablePrimitive[];
+    /** Called when the user opens or closes a row. */
+    onToggle: (item: TableItem) => void;
+    /** Accessible name and tooltip of the toggle of a row. */
+    toggleLabel: (item: TableItem) => string;
+};
 type TableNotSelectableProps = {
     headers: {
         key: string;
@@ -31,6 +42,7 @@ type TableNotSelectableProps = {
     selectAllLabel?: string;
     getRowSelectionLabel?: (item: TableItem) => string;
     getRowActionLabel?: (item: TableItem) => string;
+    rowDetail?: TableRowDetail;
 } & HTMLAttributes<HTMLDivElement>;
 type TableSelectablePropsMultiple = {
     selectable?: true;
@@ -74,6 +86,20 @@ export type TableActions = ButtonHTMLAttributes<HTMLButtonElement> & {
  *   numberOfRows={10}
  * />
  *
+ * @example
+ * // Rows that open a detail under themselves
+ * <Table
+ *   headers={[{ key: 'name', title: 'Name' }]}
+ *   id="id"
+ *   data={rows}
+ *   rowDetail={{
+ *     render: (item) => <Details id={item.id} />,
+ *     openIds: open,
+ *     onToggle: (item) => toggle(item.id),
+ *     toggleLabel: (item) => `Details of ${item.name}`,
+ *   }}
+ * />
+ *
  * @param {Object} props - The properties for the Table component.
  * @param {Array<{ key: string, title: string | ReactNode }>} props.headers - The headers of the table.
  * @param {string} props.id - The unique identifier for each row.
@@ -88,10 +114,11 @@ export type TableActions = ButtonHTMLAttributes<HTMLButtonElement> & {
  * @param {boolean} [props.loading=false] - Whether the table is in a loading state.
  * @param {number} [props.numberOfRows=10] - The number of rows to display when loading.
  * @param {ReactNode} [props.empty=<TableEmpty />] - Content shown when `data` is empty.
+ * @param {TableRowDetail} [props.rowDetail] - Content each row opens under itself, across every column. Adds a chevron toggle at the end of the row; a click on the row toggles it too, instead of calling `action`.
  * @param {Object} restProps - Additional properties for the container div.
  *
  * @returns {ReactNode} The rendered Table component.
  */
-export declare function Table({ headers, id, data, action, actions, selectable, multiple, currentSelection, setCurrentSelection, tableProps, loading, numberOfRows, footer, empty, tableName, selectAllLabel, getRowSelectionLabel, getRowActionLabel, ...restProps }: TableProps): ReactNode;
+export declare function Table({ headers, id, data, action, actions, selectable, multiple, currentSelection, setCurrentSelection, tableProps, loading, numberOfRows, footer, empty, tableName, selectAllLabel, getRowSelectionLabel, getRowActionLabel, rowDetail, ...restProps }: TableProps): ReactNode;
 export {};
 //# sourceMappingURL=Table.d.ts.map

package/dist/components/02-molecules/Table/Table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/02-molecules/Table/Table.tsx"],"names":[],"mappings":"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"}