@trackunit/react-table-base-components 1.7.56 → 1.7.58

package/index.cjs.js

@@ -119,6 +119,13 @@ const IdentityCell = ({ link, className, dataTestId, density = "default", title,
         }
     }, [link]);
     return (jsxRuntime.jsxs("div", { className: cvaIdentityCell({ className, density, hasThumbnail: !!thumbnail }), "data-testid": dataTestId, children: [thumbnail ? (jsxRuntime.jsx("div", { className: "mr-1 flex h-8 w-8 items-center justify-center overflow-hidden rounded-md", children: thumbnail })) : null, jsxRuntime.jsxs("div", { className: cvaIdentityCellLayout({ className, density }), children: [jsxRuntime.jsx("div", { className: "gap-responsive-space-sm flex w-full min-w-0 items-center truncate text-sm", children: jsxRuntime.jsx(reactComponents.Heading, { className: "truncate text-sm", dataTestId: dataTestId ? `${dataTestId}-name` : undefined, variant: "tertiary", children: !link ? (title) : (jsxRuntime.jsx(reactComponents.ExternalLink, { color: "neutral", href: href ?? "", onClick: async (e) => {
+                                    // Allow Cmd/Ctrl+Click, Shift+Click, or middle-click to open in new tab
+                                    const hasModifierKey = e.ctrlKey || e.metaKey || e.shiftKey;
+                                    const isMiddleClick = e.button === 1;
+                                    if (hasModifierKey || isMiddleClick) {
+                                        e.stopPropagation(); // Prevent parent handlers from also triggering
+                                        return;
+                                    }
                                     e.preventDefault();
                                     e.stopPropagation();
                                     await link.goto();

package/index.esm.js

@@ -117,6 +117,13 @@ const IdentityCell = ({ link, className, dataTestId, density = "default", title,
         }
     }, [link]);
     return (jsxs("div", { className: cvaIdentityCell({ className, density, hasThumbnail: !!thumbnail }), "data-testid": dataTestId, children: [thumbnail ? (jsx("div", { className: "mr-1 flex h-8 w-8 items-center justify-center overflow-hidden rounded-md", children: thumbnail })) : null, jsxs("div", { className: cvaIdentityCellLayout({ className, density }), children: [jsx("div", { className: "gap-responsive-space-sm flex w-full min-w-0 items-center truncate text-sm", children: jsx(Heading, { className: "truncate text-sm", dataTestId: dataTestId ? `${dataTestId}-name` : undefined, variant: "tertiary", children: !link ? (title) : (jsx(ExternalLink, { color: "neutral", href: href ?? "", onClick: async (e) => {
+                                    // Allow Cmd/Ctrl+Click, Shift+Click, or middle-click to open in new tab
+                                    const hasModifierKey = e.ctrlKey || e.metaKey || e.shiftKey;
+                                    const isMiddleClick = e.button === 1;
+                                    if (hasModifierKey || isMiddleClick) {
+                                        e.stopPropagation(); // Prevent parent handlers from also triggering
+                                        return;
+                                    }
                                     e.preventDefault();
                                     e.stopPropagation();
                                     await link.goto();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table-base-components",
-  "version": "1.7.56",
+  "version": "1.7.58",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,13 +8,13 @@
   },
   "dependencies": {
     "react": "19.0.0",
-    "@trackunit/react-components": "1.9.53",
-    "@trackunit/ui-icons": "1.7.38",
-    "@trackunit/react-form-components": "1.8.55",
-    "@trackunit/css-class-variance-utilities": "1.7.37",
-    "@trackunit/date-and-time-utils": "1.7.37",
-    "@trackunit/shared-utils": "1.9.37",
-    "@trackunit/react-test-setup": "1.4.37",
+    "@trackunit/react-components": "1.9.55",
+    "@trackunit/ui-icons": "1.7.40",
+    "@trackunit/react-form-components": "1.8.57",
+    "@trackunit/css-class-variance-utilities": "1.7.39",
+    "@trackunit/date-and-time-utils": "1.7.39",
+    "@trackunit/shared-utils": "1.9.39",
+    "@trackunit/react-test-setup": "1.4.39",
     "tailwind-merge": "^2.0.0",
     "@js-temporal/polyfill": "^0.5.1"
   },

package/src/BaseTable.stories.d.ts

@@ -1,7 +1,27 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { TableRoot } from "./components/TableRoot";
-type Story = StoryObj<typeof TableRoot>;
-declare const meta: Meta<typeof TableRoot>;
+import { StoryObj } from "@storybook/react-webpack5";
+import { ComponentType, ReactElement } from "react";
+import { TableRootProps } from "./components/TableRoot";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ dataTestId, className, children, ...rest }: TableRootProps) => import("react/jsx-runtime").JSX.Element;
+    subcomponents: {
+        Thead: ComponentType<unknown>;
+        Th: ComponentType<unknown>;
+        Tbody: ComponentType<unknown>;
+        Tr: ComponentType<unknown>;
+        Td: ComponentType<unknown>;
+        Tfoot: ComponentType<unknown>;
+    };
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;

package/src/components/ButtonCell/ButtonCell.stories.d.ts

@@ -1,9 +1,22 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { ButtonCell } from "./ButtonCell";
-type Story = StoryObj<typeof ButtonCell>;
-declare const meta: Meta<typeof ButtonCell>;
+import { StoryObjWithOptionalArgs } from "@trackunit/shared-utils";
+import { ReactElement } from "react";
+import { ButtonCellProps } from "./ButtonCell";
+type Story = StoryObjWithOptionalArgs<typeof meta, "children">;
+declare const meta: {
+    title: string;
+    component: ({ children, className, dataTestId, iconColor, iconName, variant, ...rest }: ButtonCellProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;
 export declare const CriticalAssetsExample: Story;
 export declare const IncorrectUsageExample: Story;

package/src/components/CheckboxCell/CheckboxCell.stories.d.ts

@@ -1,9 +1,22 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { CheckboxCell } from "./CheckboxCell";
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { CheckboxCellProps } from "./CheckboxCell";
 import "./CheckboxCell.variants";
-type Story = StoryObj<typeof CheckboxCell>;
-declare const meta: Meta<typeof CheckboxCell>;
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ checked, className, dataTestId }: CheckboxCellProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;
-export declare const Variants: () => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: () => ReactElement;

package/src/components/DateTimeCell/DateTimeCell.stories.d.ts

@@ -1,9 +1,22 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { DateTimeCell } from "./DateTimeCell";
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { DateTimeCellProps } from "./DateTimeCell";
 import "./DateTimeCell.variants";
-type Story = StoryObj<typeof DateTimeCell>;
-declare const meta: Meta<typeof DateTimeCell>;
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ format, timeZone, locale, date, withTimeSince, className, dataTestId, }: DateTimeCellProps) => import("react/jsx-runtime").JSX.Element | null;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;
-export declare const Variants: () => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: () => ReactElement;

package/src/components/HighlightCell/HighlightCell.stories.d.ts

@@ -1,9 +1,22 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { HighlightCell } from "./HighlightCell";
-type Story = StoryObj<typeof HighlightCell>;
-declare const meta: Meta<typeof HighlightCell>;
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { HighlightCellProps } from "./HighlightCell";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ className, highlights, dataTestId }: HighlightCellProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;
 export declare const WithCustomColors: Story;
 export declare const SingleHighlight: Story;

package/src/components/IdentityCell/IdentityCell.stories.d.ts

@@ -1,9 +1,22 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { IdentityCell } from "./IdentityCell";
-type Story = StoryObj<typeof IdentityCell>;
-declare const meta: Meta<typeof IdentityCell>;
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { IdentityCellProps } from "./IdentityCell";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ link, className, dataTestId, density, title, details, thumbnail, }: IdentityCellProps) => ReactElement;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;
 export declare const WithoutLink: Story;
 export declare const WithLink: Story;

package/src/components/ImageCell/ImageCell.stories.d.ts

@@ -1,6 +1,19 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-type Story = StoryObj<typeof Image>;
-declare const meta: Meta<typeof Image>;
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ imageUrl, alt, width, height, dataTestId, ...rest }: import("./ImageCell").ImageCellProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;

package/src/components/IndicatorCell/IndicatorCell.stories.d.ts

@@ -1,7 +1,41 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { IndicatorCell } from "./IndicatorCell";
-type Story = StoryObj<typeof IndicatorCell>;
-declare const meta: Meta<typeof IndicatorCell>;
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { IndicatorCellProps } from "./IndicatorCell";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ withBackground, weight, ...rest }: IndicatorCellProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        icon: {
+            options: string[];
+            mapping: {
+                CheckCircle: import("react/jsx-runtime").JSX.Element;
+                ExclamationCircle: import("react/jsx-runtime").JSX.Element;
+                ExclamationTriangle: import("react/jsx-runtime").JSX.Element;
+                InformationCircle: import("react/jsx-runtime").JSX.Element;
+                XCircle: import("react/jsx-runtime").JSX.Element;
+            };
+            control: {
+                type: "select";
+                labels: {
+                    CheckCircle: string;
+                    ExclamationCircle: string;
+                    ExclamationTriangle: string;
+                    InformationCircle: string;
+                    XCircle: string;
+                };
+            };
+        };
+    };
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;

package/src/components/LinkCell/LinkCell.stories.d.ts

@@ -1,8 +1,21 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { LinkCell } from "./LinkCell";
-type Story = StoryObj<typeof LinkCell>;
-declare const meta: Meta<typeof LinkCell>;
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { LinkCellProps } from "./LinkCell";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ link, type, className, ...rest }: LinkCellProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;
-export declare const Variants: () => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: () => ReactElement;

package/src/components/MultiRowTableCell/MultiRowTableCell.stories.d.ts

@@ -1,8 +1,21 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { MultiRowTableCell } from "./MultiRowTableCell";
-type Story = StoryObj<typeof MultiRowTableCell>;
-declare const meta: Meta<typeof MultiRowTableCell>;
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { MultiRowTableCellProps } from "./MultiRowTableCell";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ main, secondary, dataTestId, className }: MultiRowTableCellProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;
-export declare const Variants: () => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: () => ReactElement;

package/src/components/MultiValueTextCell/MultiValueTextCell.stories.d.ts

@@ -1,12 +1,53 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { MultiValueTextCell } from "./MultiValueTextCell";
+import { ReactElement } from "react";
+import { MultiValueTextCellProps } from "./MultiValueTextCell";
 import "./MultiValueTextCell.variants";
-type Story = StoryObj<typeof MultiValueTextCell>;
-declare const meta: Meta<typeof MultiValueTextCell>;
+declare const meta: {
+    title: string;
+    component: ({ content, count, countTooltip, icon, iconTooltip, dataTestId, className, onMouseEnter, }: MultiValueTextCellProps) => import("react/jsx-runtime").JSX.Element | null;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
-export declare const Default: Story;
-export declare const Example: Story;
-export declare const PlusBadgeWithTooltip: Story;
-export declare const LazyLoadedOnHover: Story;
-export declare const WithIcon: Story;
+export declare const PackageName: () => ReactElement;
+export declare const Default: {
+    render: (props: MultiValueTextCellProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        dataTestId: string;
+        count: number;
+        content: string;
+    };
+};
+export declare const Example: {
+    name: string;
+    render: (props: MultiValueTextCellProps) => ReactElement;
+    args: {
+        count: number;
+        content: string;
+    };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+};
+export declare const PlusBadgeWithTooltip: {
+    name: string;
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const LazyLoadedOnHover: {
+    name: string;
+    render: () => ReactElement;
+};
+export declare const WithIcon: {
+    name: string;
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/src/components/NoticeCell/NoticeCell.stories.d.ts

@@ -1,7 +1,20 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { NoticeCell } from "./NoticeCell";
-type Story = StoryObj<typeof NoticeCell>;
-declare const meta: Meta<typeof NoticeCell>;
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { NoticeCellProps } from "./NoticeCell";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ ...rest }: NoticeCellProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;

package/src/components/NumberCell/NumberCell.stories.d.ts

@@ -1,9 +1,21 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { NumberCell } from "./NumberCell";
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { NumberCellProps } from "./NumberCell";
 import "./NumberCell.variants";
-type Story = StoryObj<typeof NumberCell>;
-declare const meta: Meta<typeof NumberCell>;
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ value, unit, className, dataTestId }: NumberCellProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;
 export declare const Example: Story;

package/src/components/PlainDateCell/PlainDateCell.stories.d.ts

@@ -1,9 +1,22 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { PlainDateCell } from "./PlainDateCell";
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { PlainDateCellProps } from "./PlainDateCell";
 import "./PlainDateCell.variants";
-type Story = StoryObj<typeof PlainDateCell>;
-declare const meta: Meta<typeof PlainDateCell>;
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ locale, date, withDaysSince, className, dataTestId }: PlainDateCellProps) => import("react/jsx-runtime").JSX.Element | null;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;
-export declare const Variants: () => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: () => ReactElement;

package/src/components/RowActions/RowActions.d.ts

@@ -10,7 +10,7 @@ export type Action = {
     loading?: boolean;
     isVisible?: boolean | null;
 };
-interface RowActionsProps {
+export interface RowActionsProps {
     actions: Array<Action>;
 }
 /**
@@ -25,4 +25,3 @@ interface RowActionsProps {
  * @returns {Element} A React component rendering the actions.
  */
 export declare const RowActions: ({ actions }: RowActionsProps) => false | import("react/jsx-runtime").JSX.Element | null | undefined;
-export {};

package/src/components/RowActions/RowActions.stories.d.ts

@@ -1,9 +1,21 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { RowActions } from "./RowActions";
-type Story = StoryObj<typeof RowActions>;
-declare const meta: Meta<typeof RowActions>;
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ actions }: import("./RowActions").RowActionsProps) => false | import("react/jsx-runtime").JSX.Element | null | undefined;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const SingleAction: Story;
 export declare const MultipleActions: Story;
 export declare const NoActions: Story;

package/src/components/SortIndicator.stories.d.ts

@@ -1,7 +1,19 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { SortIndicator } from "./SortIndicator";
-type Story = StoryObj<typeof SortIndicator>;
-declare const meta: Meta<typeof SortIndicator>;
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { SortIndicatorProps } from "./SortIndicator";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ sortingState, dataTestId, className, ...rest }: SortIndicatorProps) => ReactElement;
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;

package/src/components/TagsCell/TagsCell.stories.d.ts

@@ -1,7 +1,20 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { TagsCell } from "./TagsCell";
-type Story = StoryObj<typeof TagsCell>;
-declare const meta: Meta<typeof TagsCell>;
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { TagsCellProps } from "./TagsCell";
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ className, tags, dataTestId }: TagsCellProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;

package/src/components/TextCell/TextCell.stories.d.ts

@@ -1,9 +1,22 @@
-import { Meta, StoryObj } from "@storybook/react-webpack5";
-import { TextCell } from "./TextCell";
+import { StoryObj } from "@storybook/react-webpack5";
+import { ReactElement } from "react";
+import { TextCellProps } from "./TextCell";
 import "./TextCell.variants";
-type Story = StoryObj<typeof TextCell>;
-declare const meta: Meta<typeof TextCell>;
+type Story = StoryObj<typeof meta>;
+declare const meta: {
+    title: string;
+    component: ({ content, className, dataTestId }: TextCellProps) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {};
+    parameters: {
+        docs: {
+            source: {
+                type: string;
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
 export default meta;
-export declare const packageName: () => import("react/jsx-runtime").JSX.Element;
+export declare const PackageName: () => ReactElement;
 export declare const Default: Story;
 export declare const Example: Story;