@luscii-healthtech/web-ui 63.0.0 → 63.0.1

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/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/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/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/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)[];
 };

package/dist/stories/Tabs.stories.d.ts

@@ -2,11 +2,23 @@ import { type StoryObj } from "@storybook/react-vite";
 import React from "react";
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    component: {
+        (props: React.ComponentProps<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>>>): React.JSX.Element;
+        displayName: string;
+    };
     subcomponents: {
-        "Tabs.List": React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-        "Tabs.Trigger": React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-        "Tabs.Content": React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+        "Tabs.List": {
+            ({ ref, className, ...props }: React.ComponentProps<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>>>): React.JSX.Element;
+            displayName: string;
+        };
+        "Tabs.Trigger": {
+            ({ ref, className, ...props }: React.ComponentProps<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>>): React.JSX.Element;
+            displayName: string;
+        };
+        "Tabs.Content": {
+            ({ ref, className, ...props }: React.ComponentProps<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>>>): React.JSX.Element;
+            displayName: string;
+        };
         "Tabs.Padding": React.FC<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "base" | "s" | "xs" | "xl" | "m" | "l" | "2xl" | "3xl" | "4xl">> & {
             as?: "div" | undefined;
             elevation?: "small" | "medium" | "large" | "base" | "drag" | "surface" | "extraLarge";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luscii-healthtech/web-ui",
-  "version": "63.0.0",
+  "version": "63.0.1",
   "license": "MIT",
   "author": {
     "name": "Joris Janssen"