@luscii-healthtech/web-ui 62.0.3 → 63.0.1

package/dist/src/components/DataGrid/DataGrid.d.ts

@@ -51,14 +51,7 @@ export interface DataGridProps<Item> extends HTMLAttributes<HTMLTableElement> {
 /**
  * Config-driven data grid: `items` plus `fieldConfigurations` render the rows, with pagination,
  * selection, loading and empty states built in. For a table with custom structure (colspan,
- * grouped rows, sticky columns), use `TableNew`.
+ * grouped rows, sticky columns), use `Table`.
  */
 export declare function DataGrid<Item>({ items, fieldConfigurations, emptyRowsText, emptyFieldContentText, isLoading, showHeader, paginationMenuProps, onRowClick, className, dataTestId, isSelectable, selectedItems, onSelectedRowsChange, rowSelectionHeaderAccessories, ...otherAttributes }: DataGridProps<Item>): import("react").JSX.Element;
-/**
- * @deprecated Renamed to `DataGrid`. In the next major, `Table` becomes the compositional table
- * that is now `TableNew`.
- */
-export declare const Table: typeof DataGrid;
-/** @deprecated Renamed to `DataGridProps`. */
-export type TableProps<Item> = DataGridProps<Item>;
 export {};

package/dist/src/components/DataGrid/DataGrid.types.d.ts

@@ -42,12 +42,4 @@ export type DataGridFieldAction<Item> = {
      */
     handleClick: (item: Item) => void;
 };
-/** @deprecated Renamed to `DataGridFieldConfig`. */
-export type TableFieldConfig<Item> = DataGridFieldConfig<Item>;
-/** @deprecated Renamed to `DataGridFieldContent`. */
-export type TableFieldContent<Item> = DataGridFieldContent<Item>;
-/** @deprecated Renamed to `DataGridFieldText`. */
-export type TableFieldText = DataGridFieldText;
-/** @deprecated Renamed to `DataGridFieldAction`. */
-export type TableFieldAction<Item> = DataGridFieldAction<Item>;
 export {};

package/dist/src/components/FlyOutMenu/FlyOutMenu.d.ts

@@ -8,24 +8,36 @@ declare const FlyOutMenuRoot: (props: React.ComponentPropsWithoutRef<typeof FlyO
  * The child of this component should accept a `ref` prop, otherwise
  * the menu will not work correctly.
  */
-declare const FlyOutMenuTrigger: React.ForwardRefExoticComponent<Omit<FlyOutMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const FlyOutMenuTrigger: ({ ref, ...props }: React.ComponentProps<typeof FlyOutMenuPrimitive.Trigger>) => React.JSX.Element;
 declare const FlyOutMenuGroup: React.ForwardRefExoticComponent<FlyOutMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const FlyOutMenuPortal: React.FC<FlyOutMenuPrimitive.DropdownMenuPortalProps>;
-declare const FlyOutMenuContent: React.ForwardRefExoticComponent<Omit<FlyOutMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    /**
-     * An optional DOM element to render the FlyOutMenu in using a portal.
-     *
-     * When omitted the FlyOutMenu will be rendered into `document.body`.
-     */
-    container?: React.ComponentProps<typeof FlyOutMenuPrimitive.Portal>["container"];
-} & React.RefAttributes<HTMLDivElement>>;
-declare const FlyOutMenuItem: React.ForwardRefExoticComponent<OmitDisabled<Omit<FlyOutMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    icon?: React.ReactNode;
-}> & React.RefAttributes<HTMLDivElement>>;
-declare const FlyOutMenuLabel: React.ForwardRefExoticComponent<Omit<FlyOutMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const FlyOutMenuSeparator: React.ForwardRefExoticComponent<Omit<FlyOutMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    color?: "divider" | "interactive";
-} & React.RefAttributes<HTMLDivElement>>;
+declare const FlyOutMenuContent: {
+    ({ ref, className, sideOffset, align, container, ...props }: React.ComponentProps<typeof FlyOutMenuPrimitive.Content> & {
+        /**
+         * An optional DOM element to render the FlyOutMenu in using a portal.
+         *
+         * When omitted the FlyOutMenu will be rendered into `document.body`.
+         */
+        container?: React.ComponentProps<typeof FlyOutMenuPrimitive.Portal>["container"];
+    }): React.JSX.Element;
+    displayName: string | undefined;
+};
+declare const FlyOutMenuItem: {
+    ({ ref, className, icon, children, ...props }: OmitDisabled<React.ComponentProps<typeof FlyOutMenuPrimitive.Item> & {
+        icon?: React.ReactNode;
+    }>): React.JSX.Element;
+    displayName: string | undefined;
+};
+declare const FlyOutMenuLabel: {
+    ({ ref, className, ...props }: React.ComponentProps<typeof FlyOutMenuPrimitive.Label>): React.JSX.Element;
+    displayName: string | undefined;
+};
+declare const FlyOutMenuSeparator: {
+    ({ ref, className, color, ...props }: React.ComponentProps<typeof FlyOutMenuPrimitive.Separator> & {
+        color?: "divider" | "interactive";
+    }): React.JSX.Element;
+    displayName: string | undefined;
+};
 type ButtonItemProps = React.ComponentPropsWithoutRef<typeof FlyOutMenuItem> & {
     children?: React.ReactNode;
     leadingIcon?: React.ReactNode;
@@ -35,7 +47,7 @@ declare const FlyOutMenuButtonItem: (props: OmitDisabled<ButtonItemProps>) => Re
 declare const FlyOutMenuChildrenItem: (props: OmitDisabled<React.ComponentPropsWithoutRef<"div"> & {
     icon?: React.ReactNode;
 }>) => React.JSX.Element;
-type SwitchItemProps = React.ComponentPropsWithoutRef<typeof FlyOutMenuPrimitive.CheckboxItem> & {
+type SwitchItemProps = React.ComponentProps<typeof FlyOutMenuPrimitive.CheckboxItem> & {
     icon?: React.ReactNode;
     children?: React.ReactNode;
     /**
@@ -44,7 +56,7 @@ type SwitchItemProps = React.ComponentPropsWithoutRef<typeof FlyOutMenuPrimitive
      */
     checkedIndicator?: React.ReactNode;
 };
-declare const FlyOutMenuSwitchItem: React.ForwardRefExoticComponent<OmitDisabled<SwitchItemProps> & React.RefAttributes<HTMLDivElement>>;
+declare const FlyOutMenuSwitchItem: (props: OmitDisabled<SwitchItemProps>) => React.JSX.Element;
 export declare const FlyOutMenu: {
     Root: typeof FlyOutMenuRoot;
     Trigger: typeof FlyOutMenuTrigger;

package/dist/src/components/PrimaryTabBar/PrimaryTabBarContent.d.ts

@@ -1,5 +1,9 @@
+import { type ComponentProps } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 /**
  * Tab panel content, displayed when the associated tab is active.
  */
-export declare const PrimaryTabBarContent: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PrimaryTabBarContent: {
+    ({ ref, className, ...props }: ComponentProps<typeof TabsPrimitive.Content>): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/components/PrimaryTabBar/PrimaryTabBarExtras.d.ts

@@ -1,5 +1,9 @@
+import { type ComponentPropsWithRef } from "react";
 /**
  * Groups trailing elements (overflow indicators, action buttons) after the
  * tab triggers inside `List`.
  */
-export declare const PrimaryTabBarExtras: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PrimaryTabBarExtras: {
+    ({ ref, className, children, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/components/PrimaryTabBar/PrimaryTabBarList.d.ts

@@ -1,7 +1,11 @@
+import { type ComponentProps } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 /**
  * Horizontal flex container for tab triggers and the optional `Extras` group.
  * `Extras` renders next to the tablist, not inside it, because a tablist may
  * only contain tabs.
  */
-export declare const PrimaryTabBarList: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PrimaryTabBarList: {
+    ({ ref, className, children, ...props }: ComponentProps<typeof TabsPrimitive.List>): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/components/PrimaryTabBar/PrimaryTabBarOverflowIndicator.d.ts

@@ -1,7 +1,10 @@
-import { type ComponentPropsWithoutRef } from "react";
-export type PrimaryTabBarOverflowIndicatorProps = ComponentPropsWithoutRef<"span">;
+import { type ComponentPropsWithRef } from "react";
+export type PrimaryTabBarOverflowIndicatorProps = ComponentPropsWithRef<"span">;
 /**
  * A `<span>` for indicating overflow (e.g. "2 more programmes"). Used inside `PrimaryTabBar.Extras`.
  * Wrap with `HoverCard` to show details on hover.
  */
-export declare const PrimaryTabBarOverflowIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const PrimaryTabBarOverflowIndicator: {
+    ({ ref, className, children, ...props }: PrimaryTabBarOverflowIndicatorProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/components/PrimaryTabBar/PrimaryTabBarRoot.d.ts

@@ -1,5 +1,9 @@
+import { type ComponentProps } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 /**
  * Manages tab state. Wraps `@radix-ui/react-tabs` Root.
  */
-export declare const PrimaryTabBarRoot: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PrimaryTabBarRoot: {
+    ({ ref, className, ...props }: ComponentProps<typeof TabsPrimitive.Root>): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/components/PrimaryTabBar/PrimaryTabBarTrigger.d.ts

@@ -1,7 +1,11 @@
+import { type ComponentProps } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 /**
  * Tab trigger with a rounded card shape. Active tabs have a white background
  * with inverse border-radius curves (scallops); inactive tabs are transparent
  * with muted text. Compose children freely — text, badges, icons.
  */
-export declare const PrimaryTabBarTrigger: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PrimaryTabBarTrigger: {
+    ({ ref, className, children, ...props }: ComponentProps<typeof TabsPrimitive.Trigger>): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/{generated/components/TableNew/TableNew.d.ts → components/Table/Table.d.ts}

@@ -61,7 +61,7 @@ export interface TdProps extends TdHTMLAttributes<HTMLTableCellElement> {
     omitPadding?: boolean;
 }
 declare const Td: React.ForwardRefExoticComponent<TdProps & React.RefAttributes<HTMLTableCellElement>>;
-type TableNewComponent = typeof TableRoot & {
+type TableComponent = typeof TableRoot & {
     Thead: typeof Thead;
     Tbody: typeof Tbody;
     TFoot: typeof TFoot;
@@ -69,5 +69,7 @@ type TableNewComponent = typeof TableRoot & {
     Th: typeof Th;
     Td: typeof Td;
 };
-export declare const TableNew: TableNewComponent;
+export declare const Table: TableComponent;
+/** @deprecated Renamed to `Table`. */
+export declare const TableNew: TableComponent;
 export {};

package/dist/src/components/Table/index.d.ts

@@ -0,0 +1 @@
+export { Table, TableNew, type TableProps } from "./Table";

package/dist/src/components/Tabs/Tabs.d.ts

@@ -1,13 +1,25 @@
-import * as React from "react";
+import type * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import classNames from "classnames";
 import { Box } from "../Box/Box";
 import { type LegacyTextProps } from "../Text/Text";
 export declare function cn(...inputs: classNames.ArgumentArray): string;
-declare const TabsRoot: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsRoot: {
+    (props: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
+    displayName: string;
+};
+declare const TabsList: {
+    ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): React.JSX.Element;
+    displayName: string;
+};
+declare const TabsTrigger: {
+    ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
+    displayName: string;
+};
+declare const TabsContent: {
+    ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
+    displayName: string;
+};
 declare const TabsPadding: React.FC<React.ComponentProps<typeof Box<"div">>>;
 declare const TabLabelText: React.FC<LegacyTextProps<"span">>;
 type StaticComponents = {

package/dist/src/generated/components/DataGrid/DataGrid.d.ts

@@ -51,14 +51,7 @@ export interface DataGridProps<Item> extends HTMLAttributes<HTMLTableElement> {
 /**
  * Config-driven data grid: `items` plus `fieldConfigurations` render the rows, with pagination,
  * selection, loading and empty states built in. For a table with custom structure (colspan,
- * grouped rows, sticky columns), use `TableNew`.
+ * grouped rows, sticky columns), use `Table`.
  */
 export declare function DataGrid<Item>({ items, fieldConfigurations, emptyRowsText, emptyFieldContentText, isLoading, showHeader, paginationMenuProps, onRowClick, className, dataTestId, isSelectable, selectedItems, onSelectedRowsChange, rowSelectionHeaderAccessories, ...otherAttributes }: DataGridProps<Item>): import("react").JSX.Element;
-/**
- * @deprecated Renamed to `DataGrid`. In the next major, `Table` becomes the compositional table
- * that is now `TableNew`.
- */
-export declare const Table: typeof DataGrid;
-/** @deprecated Renamed to `DataGridProps`. */
-export type TableProps<Item> = DataGridProps<Item>;
 export {};

package/dist/src/generated/components/DataGrid/DataGrid.types.d.ts

@@ -42,12 +42,4 @@ export type DataGridFieldAction<Item> = {
      */
     handleClick: (item: Item) => void;
 };
-/** @deprecated Renamed to `DataGridFieldConfig`. */
-export type TableFieldConfig<Item> = DataGridFieldConfig<Item>;
-/** @deprecated Renamed to `DataGridFieldContent`. */
-export type TableFieldContent<Item> = DataGridFieldContent<Item>;
-/** @deprecated Renamed to `DataGridFieldText`. */
-export type TableFieldText = DataGridFieldText;
-/** @deprecated Renamed to `DataGridFieldAction`. */
-export type TableFieldAction<Item> = DataGridFieldAction<Item>;
 export {};

package/dist/src/generated/components/FlyOutMenu/FlyOutMenu.d.ts

@@ -8,24 +8,36 @@ declare const FlyOutMenuRoot: (props: React.ComponentPropsWithoutRef<typeof FlyO
  * The child of this component should accept a `ref` prop, otherwise
  * the menu will not work correctly.
  */
-declare const FlyOutMenuTrigger: React.ForwardRefExoticComponent<Omit<FlyOutMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const FlyOutMenuTrigger: ({ ref, ...props }: React.ComponentProps<typeof FlyOutMenuPrimitive.Trigger>) => React.JSX.Element;
 declare const FlyOutMenuGroup: React.ForwardRefExoticComponent<FlyOutMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const FlyOutMenuPortal: React.FC<FlyOutMenuPrimitive.DropdownMenuPortalProps>;
-declare const FlyOutMenuContent: React.ForwardRefExoticComponent<Omit<FlyOutMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    /**
-     * An optional DOM element to render the FlyOutMenu in using a portal.
-     *
-     * When omitted the FlyOutMenu will be rendered into `document.body`.
-     */
-    container?: React.ComponentProps<typeof FlyOutMenuPrimitive.Portal>["container"];
-} & React.RefAttributes<HTMLDivElement>>;
-declare const FlyOutMenuItem: React.ForwardRefExoticComponent<OmitDisabled<Omit<FlyOutMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    icon?: React.ReactNode;
-}> & React.RefAttributes<HTMLDivElement>>;
-declare const FlyOutMenuLabel: React.ForwardRefExoticComponent<Omit<FlyOutMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const FlyOutMenuSeparator: React.ForwardRefExoticComponent<Omit<FlyOutMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    color?: "divider" | "interactive";
-} & React.RefAttributes<HTMLDivElement>>;
+declare const FlyOutMenuContent: {
+    ({ ref, className, sideOffset, align, container, ...props }: React.ComponentProps<typeof FlyOutMenuPrimitive.Content> & {
+        /**
+         * An optional DOM element to render the FlyOutMenu in using a portal.
+         *
+         * When omitted the FlyOutMenu will be rendered into `document.body`.
+         */
+        container?: React.ComponentProps<typeof FlyOutMenuPrimitive.Portal>["container"];
+    }): React.JSX.Element;
+    displayName: string | undefined;
+};
+declare const FlyOutMenuItem: {
+    ({ ref, className, icon, children, ...props }: OmitDisabled<React.ComponentProps<typeof FlyOutMenuPrimitive.Item> & {
+        icon?: React.ReactNode;
+    }>): React.JSX.Element;
+    displayName: string | undefined;
+};
+declare const FlyOutMenuLabel: {
+    ({ ref, className, ...props }: React.ComponentProps<typeof FlyOutMenuPrimitive.Label>): React.JSX.Element;
+    displayName: string | undefined;
+};
+declare const FlyOutMenuSeparator: {
+    ({ ref, className, color, ...props }: React.ComponentProps<typeof FlyOutMenuPrimitive.Separator> & {
+        color?: "divider" | "interactive";
+    }): React.JSX.Element;
+    displayName: string | undefined;
+};
 type ButtonItemProps = React.ComponentPropsWithoutRef<typeof FlyOutMenuItem> & {
     children?: React.ReactNode;
     leadingIcon?: React.ReactNode;
@@ -35,7 +47,7 @@ declare const FlyOutMenuButtonItem: (props: OmitDisabled<ButtonItemProps>) => Re
 declare const FlyOutMenuChildrenItem: (props: OmitDisabled<React.ComponentPropsWithoutRef<"div"> & {
     icon?: React.ReactNode;
 }>) => React.JSX.Element;
-type SwitchItemProps = React.ComponentPropsWithoutRef<typeof FlyOutMenuPrimitive.CheckboxItem> & {
+type SwitchItemProps = React.ComponentProps<typeof FlyOutMenuPrimitive.CheckboxItem> & {
     icon?: React.ReactNode;
     children?: React.ReactNode;
     /**
@@ -44,7 +56,7 @@ type SwitchItemProps = React.ComponentPropsWithoutRef<typeof FlyOutMenuPrimitive
      */
     checkedIndicator?: React.ReactNode;
 };
-declare const FlyOutMenuSwitchItem: React.ForwardRefExoticComponent<OmitDisabled<SwitchItemProps> & React.RefAttributes<HTMLDivElement>>;
+declare const FlyOutMenuSwitchItem: (props: OmitDisabled<SwitchItemProps>) => React.JSX.Element;
 export declare const FlyOutMenu: {
     Root: typeof FlyOutMenuRoot;
     Trigger: typeof FlyOutMenuTrigger;

package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarContent.d.ts

@@ -1,5 +1,9 @@
+import { type ComponentProps } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 /**
  * Tab panel content, displayed when the associated tab is active.
  */
-export declare const PrimaryTabBarContent: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PrimaryTabBarContent: {
+    ({ ref, className, ...props }: ComponentProps<typeof TabsPrimitive.Content>): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarExtras.d.ts

@@ -1,5 +1,9 @@
+import { type ComponentPropsWithRef } from "react";
 /**
  * Groups trailing elements (overflow indicators, action buttons) after the
  * tab triggers inside `List`.
  */
-export declare const PrimaryTabBarExtras: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PrimaryTabBarExtras: {
+    ({ ref, className, children, ...props }: ComponentPropsWithRef<"div">): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarList.d.ts

@@ -1,7 +1,11 @@
+import { type ComponentProps } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 /**
  * Horizontal flex container for tab triggers and the optional `Extras` group.
  * `Extras` renders next to the tablist, not inside it, because a tablist may
  * only contain tabs.
  */
-export declare const PrimaryTabBarList: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PrimaryTabBarList: {
+    ({ ref, className, children, ...props }: ComponentProps<typeof TabsPrimitive.List>): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarOverflowIndicator.d.ts

@@ -1,7 +1,10 @@
-import { type ComponentPropsWithoutRef } from "react";
-export type PrimaryTabBarOverflowIndicatorProps = ComponentPropsWithoutRef<"span">;
+import { type ComponentPropsWithRef } from "react";
+export type PrimaryTabBarOverflowIndicatorProps = ComponentPropsWithRef<"span">;
 /**
  * A `<span>` for indicating overflow (e.g. "2 more programmes"). Used inside `PrimaryTabBar.Extras`.
  * Wrap with `HoverCard` to show details on hover.
  */
-export declare const PrimaryTabBarOverflowIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const PrimaryTabBarOverflowIndicator: {
+    ({ ref, className, children, ...props }: PrimaryTabBarOverflowIndicatorProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarRoot.d.ts

@@ -1,5 +1,9 @@
+import { type ComponentProps } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 /**
  * Manages tab state. Wraps `@radix-ui/react-tabs` Root.
  */
-export declare const PrimaryTabBarRoot: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PrimaryTabBarRoot: {
+    ({ ref, className, ...props }: ComponentProps<typeof TabsPrimitive.Root>): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/generated/components/PrimaryTabBar/PrimaryTabBarTrigger.d.ts

@@ -1,7 +1,11 @@
+import { type ComponentProps } from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 /**
  * Tab trigger with a rounded card shape. Active tabs have a white background
  * with inverse border-radius curves (scallops); inactive tabs are transparent
  * with muted text. Compose children freely — text, badges, icons.
  */
-export declare const PrimaryTabBarTrigger: import("react").ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PrimaryTabBarTrigger: {
+    ({ ref, className, children, ...props }: ComponentProps<typeof TabsPrimitive.Trigger>): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/src/{components/TableNew/TableNew.d.ts → generated/components/Table/Table.d.ts}

@@ -61,7 +61,7 @@ export interface TdProps extends TdHTMLAttributes<HTMLTableCellElement> {
     omitPadding?: boolean;
 }
 declare const Td: React.ForwardRefExoticComponent<TdProps & React.RefAttributes<HTMLTableCellElement>>;
-type TableNewComponent = typeof TableRoot & {
+type TableComponent = typeof TableRoot & {
     Thead: typeof Thead;
     Tbody: typeof Tbody;
     TFoot: typeof TFoot;
@@ -69,5 +69,7 @@ type TableNewComponent = typeof TableRoot & {
     Th: typeof Th;
     Td: typeof Td;
 };
-export declare const TableNew: TableNewComponent;
+export declare const Table: TableComponent;
+/** @deprecated Renamed to `Table`. */
+export declare const TableNew: TableComponent;
 export {};

package/dist/src/generated/components/Table/index.d.ts

@@ -0,0 +1 @@
+export { Table, TableNew, type TableProps } from "./Table";

package/dist/src/generated/components/Tabs/Tabs.d.ts

@@ -1,13 +1,25 @@
-import * as React from "react";
+import type * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import classNames from "classnames";
 import { Box } from "../Box/Box";
 import { type LegacyTextProps } from "../Text/Text";
 export declare function cn(...inputs: classNames.ArgumentArray): string;
-declare const TabsRoot: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsRoot: {
+    (props: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
+    displayName: string;
+};
+declare const TabsList: {
+    ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): React.JSX.Element;
+    displayName: string;
+};
+declare const TabsTrigger: {
+    ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
+    displayName: string;
+};
+declare const TabsContent: {
+    ({ ref, className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
+    displayName: string;
+};
 declare const TabsPadding: React.FC<React.ComponentProps<typeof Box<"div">>>;
 declare const TabLabelText: React.FC<LegacyTextProps<"span">>;
 type StaticComponents = {

package/dist/src/generated/index.d.ts

@@ -58,10 +58,10 @@ export { Tooltip, TooltipProvider } from "./components/Tooltip";
 export { Tabs } from "./components/Tabs";
 export { PrimaryTabBar } from "./components/PrimaryTabBar/PrimaryTabBar";
 export { default as Line } from "./components/Line/Line";
-export { DataGrid, type DataGridProps, Table, type TableProps, } from "./components/DataGrid/DataGrid";
+export { DataGrid, type DataGridProps } from "./components/DataGrid/DataGrid";
 export { prepareClientSidePagination } from "./components/DataGrid/DataGrid.utils";
-export { TableNew } from "./components/TableNew/TableNew";
-export { type DataGridFieldConfig, type DataGridFieldContent, type DataGridFieldText, type DataGridFieldAction, type TableFieldConfig, type TableFieldContent, type TableFieldText, type TableFieldAction, } from "./components/DataGrid/DataGrid.types";
+export { Table, TableNew, type TableProps } from "./components/Table";
+export { type DataGridFieldConfig, type DataGridFieldContent, type DataGridFieldText, type DataGridFieldAction, } from "./components/DataGrid/DataGrid.types";
 export { LoadingIndicator, type LoadingIndicatorProps, } from "./components/LoadingIndicator/LoadingIndicator";
 export { CheckboxList, type CheckboxListProps, } from "./components/CheckboxList/CheckboxList";
 export { NavLayout, type Props as NavLayoutProps, } from "./components/NavMenu/NavLayout";

package/dist/src/index.d.ts

@@ -58,10 +58,10 @@ export { Tooltip, TooltipProvider } from "./components/Tooltip";
 export { Tabs } from "./components/Tabs";
 export { PrimaryTabBar } from "./components/PrimaryTabBar/PrimaryTabBar";
 export { default as Line } from "./components/Line/Line";
-export { DataGrid, type DataGridProps, Table, type TableProps, } from "./components/DataGrid/DataGrid";
+export { DataGrid, type DataGridProps } from "./components/DataGrid/DataGrid";
 export { prepareClientSidePagination } from "./components/DataGrid/DataGrid.utils";
-export { TableNew } from "./components/TableNew/TableNew";
-export { type DataGridFieldConfig, type DataGridFieldContent, type DataGridFieldText, type DataGridFieldAction, type TableFieldConfig, type TableFieldContent, type TableFieldText, type TableFieldAction, } from "./components/DataGrid/DataGrid.types";
+export { Table, TableNew, type TableProps } from "./components/Table";
+export { type DataGridFieldConfig, type DataGridFieldContent, type DataGridFieldText, type DataGridFieldAction, } from "./components/DataGrid/DataGrid.types";
 export { LoadingIndicator, type LoadingIndicatorProps, } from "./components/LoadingIndicator/LoadingIndicator";
 export { CheckboxList, type CheckboxListProps, } from "./components/CheckboxList/CheckboxList";
 export { NavLayout, type Props as NavLayoutProps, } from "./components/NavMenu/NavLayout";

package/dist/stories/CardTableRecipe.stories.d.ts

@@ -1,7 +1,7 @@
 import { type StoryObj } from "@storybook/react-vite";
 /**
  * This recipe demonstrates how to build collapsible table sections
- * using composition with Card, DetailsDisclosure, and TableNew.
+ * using composition with Card, DetailsDisclosure, and Table.
  *
  * This approach is useful for organizing large datasets into
  * categorized, collapsible sections that users can expand on demand.
@@ -21,7 +21,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 /**
  * Basic example showing a Card with collapsible table sections.
- * Each section contains a TableNew component displaying team members.
+ * Each section contains a Table component displaying team members.
  */
 export declare const BasicCollapsibleTables: Story;
 /**

package/dist/stories/PrimaryTabBar.stories.d.ts

@@ -1,19 +1,43 @@
 import { type StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    component: {
+        ({ ref, className, ...props }: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>>>): import("react").JSX.Element;
+        displayName: string;
+    };
     subcomponents: {
-        "PrimaryTabBar.List": import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        "PrimaryTabBar.Trigger": import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-        "PrimaryTabBar.Content": import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        "PrimaryTabBar.OverflowIndicator": import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-        "PrimaryTabBar.Extras": import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+        "PrimaryTabBar.List": {
+            ({ ref, className, children, ...props }: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>>>): import("react").JSX.Element;
+            displayName: string;
+        };
+        "PrimaryTabBar.Trigger": {
+            ({ ref, className, children, ...props }: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>>): import("react").JSX.Element;
+            displayName: string;
+        };
+        "PrimaryTabBar.Content": {
+            ({ ref, className, ...props }: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>>>): import("react").JSX.Element;
+            displayName: string;
+        };
+        "PrimaryTabBar.OverflowIndicator": {
+            ({ ref, className, children, ...props }: import("../src/components/PrimaryTabBar/PrimaryTabBarOverflowIndicator").PrimaryTabBarOverflowIndicatorProps): import("react").JSX.Element;
+            displayName: string;
+        };
+        "PrimaryTabBar.Extras": {
+            ({ ref, className, children, ...props }: import("react").ComponentPropsWithRef<"div">): import("react").JSX.Element;
+            displayName: string;
+        };
     };
     tags: string[];
     parameters: {
         layout: string;
     };
     decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        value?: string | undefined | undefined;
+        defaultValue?: string | undefined | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        orientation?: ("horizontal" | "vertical") | undefined;
+        dir?: ("rtl" | "ltr") | undefined;
+        activationMode?: ("manual" | "automatic") | undefined;
         children?: import("react").ReactNode;
         className?: string | undefined | undefined;
         slot?: string | undefined | undefined;
@@ -22,11 +46,8 @@ declare const meta: {
         color?: string | undefined | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
         defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | undefined | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
-        value?: string | undefined | undefined;
         content?: string | undefined | undefined;
-        dir?: ("rtl" | "ltr") | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
         } | undefined | undefined;
@@ -36,7 +57,6 @@ declare const meta: {
         part?: string | undefined | undefined;
         role?: import("react").AriaRole | undefined;
         tabIndex?: number | undefined | undefined;
-        orientation?: ("horizontal" | "vertical") | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -298,8 +318,6 @@ declare const meta: {
         is?: string | undefined | undefined;
         exportparts?: string | undefined | undefined;
         asChild?: boolean | undefined | undefined;
-        onValueChange?: ((value: string) => void) | undefined;
-        activationMode?: ("manual" | "automatic") | undefined;
         ref?: import("react").Ref<HTMLDivElement> | undefined;
     }>) => import("react").JSX.Element)[];
 };