@luscii-healthtech/web-ui 62.0.2 → 62.0.3

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

@@ -1,5 +1,6 @@
-import React from "react";
-export interface ButtonGroupProps extends React.ComponentPropsWithoutRef<"div"> {
+import type React from "react";
+import { type JSX } from "react";
+export interface ButtonGroupProps extends React.ComponentPropsWithRef<"div"> {
     /**
      * The buttons to render in the group. A button group holds a single, double
      * or triple action.
@@ -33,4 +34,4 @@ export interface ButtonGroupProps extends React.ComponentPropsWithoutRef<"div">
  * </ButtonGroup>
  * ```
  */
-export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ButtonGroup: ({ ref, children, direction, className, ...otherAttributes }: ButtonGroupProps) => JSX.Element;

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

@@ -1,3 +1,3 @@
-import React from "react";
+import { type JSX } from "react";
 import { type ButtonProps } from "./ButtonProps.type";
-export declare const ButtonV2: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ButtonV2: ({ ref, children, size, onClick, textColor, textHoverColor, leadingIcon, trailingIcon, isPending, className, title, dataTestId, type, titleTooltipContainer, ...otherAttributes }: ButtonProps) => JSX.Element;

package/dist/src/components/ButtonV2/PrimaryButton.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { type JSX } from "react";
 import { type ButtonProps } from "./ButtonProps.type";
-export declare const PrimaryButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PrimaryButton: ({ ref, ...props }: ButtonProps) => JSX.Element;

package/dist/src/components/ButtonV2/PrimaryIconButton.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
 import { type IconButtonProps } from "./ButtonProps.type";
-export declare const PrimaryIconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PrimaryIconButton: (props: IconButtonProps) => import("react").JSX.Element;

package/dist/src/components/ButtonV2/SecondaryButton.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
 import { type ButtonProps } from "./ButtonProps.type";
-export declare const SecondaryButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SecondaryButton: (props: ButtonProps) => import("react").JSX.Element;

package/dist/src/components/ButtonV2/SecondaryIconButton.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
 import { type IconButtonProps } from "./ButtonProps.type";
-export declare const SecondaryIconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SecondaryIconButton: (props: IconButtonProps) => import("react").JSX.Element;

package/dist/src/components/ButtonV2/TertiaryButton.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { type JSX } from "react";
 import { type ButtonProps } from "./ButtonProps.type";
-export declare const TertiaryButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TertiaryButton: ({ ref, ...props }: ButtonProps) => JSX.Element;

package/dist/src/components/ButtonV2/TertiaryIconButton.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { type IconButtonProps } from "./ButtonProps.type";
 type Props = IconButtonProps & {
     /**
@@ -14,5 +13,5 @@ type Props = IconButtonProps & {
      */
     expand?: boolean | "x" | "y";
 };
-export declare const TertiaryIconButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TertiaryIconButton: (props: Props) => import("react").JSX.Element;
 export {};

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

@@ -1,7 +1,3 @@
-declare const DragHandle: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLButtonElement> & {
-    label?: string;
-    grabbing: boolean;
-    disabled?: boolean;
-    dataTestId?: string;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+import type { DragHandleProps } from "./DragHandle.types";
+declare const DragHandle: ({ ref, dataTestId, className: classes, grabbing, disabled, label, ...props }: DragHandleProps) => import("react").JSX.Element;
 export default DragHandle;

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

@@ -1,4 +1,5 @@
 export type DragHandleProps = React.HTMLAttributes<HTMLButtonElement> & {
+    ref?: React.Ref<HTMLButtonElement>;
     /**
      * Accessible label for the drag handle.
      * @default "Drag to reorder"

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

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import { type SizeNames } from "../../system/Sizes.js";
 import { type Props as BoxProps } from "../Box/Box";
 export type DropdownTriggerProps = Omit<React.ComponentPropsWithRef<"button">, "children" | "width"> & {
@@ -87,4 +87,4 @@ export type DropdownTriggerProps = Omit<React.ComponentPropsWithRef<"button">, "
  * </Popover.Root>
  * ```
  */
-export declare const DropdownTrigger: React.ForwardRefExoticComponent<Omit<DropdownTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownTrigger: ({ ref, variant, children, placeholder, leadingIcon, trailingIcon, width, className, type, ...otherAttributes }: DropdownTriggerProps) => React.JSX.Element;

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

@@ -1,5 +1,6 @@
-import React from "react";
-export interface ButtonGroupProps extends React.ComponentPropsWithoutRef<"div"> {
+import type React from "react";
+import { type JSX } from "react";
+export interface ButtonGroupProps extends React.ComponentPropsWithRef<"div"> {
     /**
      * The buttons to render in the group. A button group holds a single, double
      * or triple action.
@@ -33,4 +34,4 @@ export interface ButtonGroupProps extends React.ComponentPropsWithoutRef<"div">
  * </ButtonGroup>
  * ```
  */
-export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ButtonGroup: ({ ref, children, direction, className, ...otherAttributes }: ButtonGroupProps) => JSX.Element;

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

@@ -1,3 +1,3 @@
-import React from "react";
+import { type JSX } from "react";
 import { type ButtonProps } from "./ButtonProps.type";
-export declare const ButtonV2: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ButtonV2: ({ ref, children, size, onClick, textColor, textHoverColor, leadingIcon, trailingIcon, isPending, className, title, dataTestId, type, titleTooltipContainer, ...otherAttributes }: ButtonProps) => JSX.Element;

package/dist/src/generated/components/ButtonV2/PrimaryButton.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { type JSX } from "react";
 import { type ButtonProps } from "./ButtonProps.type";
-export declare const PrimaryButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PrimaryButton: ({ ref, ...props }: ButtonProps) => JSX.Element;

package/dist/src/generated/components/ButtonV2/PrimaryIconButton.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
 import { type IconButtonProps } from "./ButtonProps.type";
-export declare const PrimaryIconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const PrimaryIconButton: (props: IconButtonProps) => import("react").JSX.Element;

package/dist/src/generated/components/ButtonV2/SecondaryButton.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
 import { type ButtonProps } from "./ButtonProps.type";
-export declare const SecondaryButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SecondaryButton: (props: ButtonProps) => import("react").JSX.Element;

package/dist/src/generated/components/ButtonV2/SecondaryIconButton.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
 import { type IconButtonProps } from "./ButtonProps.type";
-export declare const SecondaryIconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const SecondaryIconButton: (props: IconButtonProps) => import("react").JSX.Element;

package/dist/src/generated/components/ButtonV2/TertiaryButton.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
+import { type JSX } from "react";
 import { type ButtonProps } from "./ButtonProps.type";
-export declare const TertiaryButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TertiaryButton: ({ ref, ...props }: ButtonProps) => JSX.Element;

package/dist/src/generated/components/ButtonV2/TertiaryIconButton.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { type IconButtonProps } from "./ButtonProps.type";
 type Props = IconButtonProps & {
     /**
@@ -14,5 +13,5 @@ type Props = IconButtonProps & {
      */
     expand?: boolean | "x" | "y";
 };
-export declare const TertiaryIconButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TertiaryIconButton: (props: Props) => import("react").JSX.Element;
 export {};

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

@@ -1,7 +1,3 @@
-declare const DragHandle: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLButtonElement> & {
-    label?: string;
-    grabbing: boolean;
-    disabled?: boolean;
-    dataTestId?: string;
-} & import("react").RefAttributes<HTMLButtonElement>>;
+import type { DragHandleProps } from "./DragHandle.types";
+declare const DragHandle: ({ ref, dataTestId, className: classes, grabbing, disabled, label, ...props }: DragHandleProps) => import("react").JSX.Element;
 export default DragHandle;

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

@@ -1,4 +1,5 @@
 export type DragHandleProps = React.HTMLAttributes<HTMLButtonElement> & {
+    ref?: React.Ref<HTMLButtonElement>;
     /**
      * Accessible label for the drag handle.
      * @default "Drag to reorder"

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

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 import { type SizeNames } from "../../../system/Sizes.js";
 import { type Props as BoxProps } from "../Box/Box";
 export type DropdownTriggerProps = Omit<React.ComponentPropsWithRef<"button">, "children" | "width"> & {
@@ -87,4 +87,4 @@ export type DropdownTriggerProps = Omit<React.ComponentPropsWithRef<"button">, "
  * </Popover.Root>
  * ```
  */
-export declare const DropdownTrigger: React.ForwardRefExoticComponent<Omit<DropdownTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownTrigger: ({ ref, variant, children, placeholder, leadingIcon, trailingIcon, width, className, type, ...otherAttributes }: DropdownTriggerProps) => React.JSX.Element;

package/dist/stories/Button.stories.d.ts

@@ -1,7 +1,7 @@
 import { type StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("../src/components/ButtonV2/ButtonProps.type").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    component: ({ ref, ...props }: import("../src/components/ButtonV2/ButtonProps.type").ButtonProps) => import("react").JSX.Element;
     decorators: import("@storybook/react").Decorator;
 };
 export default meta;

package/dist/stories/ButtonGroup.stories.d.ts

@@ -1,7 +1,7 @@
 import { type StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("../src").ButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    component: ({ ref, children, direction, className, ...otherAttributes }: import("../src").ButtonGroupProps) => import("react").JSX.Element;
     parameters: {
         docs: {
             description: {

package/dist/stories/DragHandle.stories.d.ts

@@ -1,11 +1,6 @@
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLButtonElement> & {
-        label?: string;
-        grabbing: boolean;
-        disabled?: boolean;
-        dataTestId?: string;
-    } & import("react").RefAttributes<HTMLButtonElement>>;
+    component: ({ ref, dataTestId, className: classes, grabbing, disabled, label, ...props }: import("../src").DragHandleProps) => import("react").JSX.Element;
     argTypes: {};
 };
 export default _default;

package/dist/stories/DropdownTrigger.stories.d.ts

@@ -1,7 +1,7 @@
 import { type StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("../src").DropdownTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    component: ({ ref, variant, children, placeholder, leadingIcon, trailingIcon, width, className, type, ...otherAttributes }: import("../src").DropdownTriggerProps) => import("react").JSX.Element;
     parameters: {
         backgrounds: {
             default: string;

package/dist/stories/PrimaryButton.stories.d.ts

@@ -2,7 +2,7 @@ import type { JSX } from "react";
 import type { StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("../src/components/ButtonV2/ButtonProps.type").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    component: ({ ref, ...props }: import("../src/components/ButtonV2/ButtonProps.type").ButtonProps) => JSX.Element;
     decorators: import("@storybook/react").Decorator;
 };
 export default meta;

package/dist/stories/PrimaryIconButton.stories.d.ts

@@ -1,7 +1,7 @@
 import { type StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("../src/components/ButtonV2/ButtonProps.type").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    component: (props: import("../src/components/ButtonV2/ButtonProps.type").IconButtonProps) => import("react").JSX.Element;
     decorators: import("@storybook/react").Decorator;
 };
 export default meta;

package/dist/stories/SecondaryButton.stories.d.ts

@@ -1,7 +1,7 @@
 import { type StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("../src/components/ButtonV2/ButtonProps.type").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    component: (props: import("../src/components/ButtonV2/ButtonProps.type").ButtonProps) => import("react").JSX.Element;
     decorators: import("@storybook/react").Decorator;
 };
 export default meta;

package/dist/stories/SecondaryIconButton.stories.d.ts

@@ -1,7 +1,7 @@
 import { type StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("../src/components/ButtonV2/ButtonProps.type").IconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    component: (props: import("../src/components/ButtonV2/ButtonProps.type").IconButtonProps) => import("react").JSX.Element;
     decorators: import("@storybook/react").Decorator;
 };
 export default meta;

package/dist/stories/TertiaryButton.stories.d.ts

@@ -1,7 +1,7 @@
 import { type StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("../src/components/ButtonV2/ButtonProps.type").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    component: ({ ref, ...props }: import("../src/components/ButtonV2/ButtonProps.type").ButtonProps) => import("react").JSX.Element;
     decorators: import("@storybook/react").Decorator;
 };
 export default meta;

package/dist/stories/TertiaryIconButton.stories.d.ts

@@ -1,14 +1,14 @@
 import { type StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("../src").PrimaryButtonProps & {
+    component: (props: import("../src").PrimaryButtonProps & {
         children: import("react").ReactNode;
         label: string;
         leadingIcon?: never;
         trailingIcon?: never;
     } & {
         expand?: boolean | "x" | "y";
-    }, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    }) => import("react").JSX.Element;
     decorators: import("@storybook/react").Decorator;
     argTypes: {
         expand: {

package/package.json

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