@luscii-healthtech/web-ui 60.4.0 → 61.0.0

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

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, ReactElement } from "react";
+import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType } from "react";
 import { type SpacingKey, type SIZES } from "../../system/Sizes.js";
 import { type ELEVATION } from "../../system/Elevation.js";
 import { type BackgroundColor, type CursorOption } from "../../types/general.types.js";
@@ -38,5 +38,5 @@ export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & Undersc
 type PropsWithRef<C extends ElementType> = Props<C> & {
     ref?: PolymorphicRef<C>;
 };
-export declare const Box: <C extends ElementType = "div">(props: PropsWithRef<C>) => ReactElement | null;
+export declare const Box: <C extends ElementType = "div">(props: PropsWithRef<C>) => import("react").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React, { type ComponentProps, type ComponentPropsWithRef, type ElementType, type ReactElement } from "react";
+import React, { type ComponentProps, type ComponentPropsWithRef, type ElementType } from "react";
 import { type SpacingKey } from "../../system/Sizes.js";
 import { Box } from "../Box/Box";
 export { Props as StackProps };
@@ -41,4 +41,4 @@ type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
 type PropsWithRef<C extends ElementType> = Props<C> & {
     ref?: PolymorphicRef<C>;
 };
-export declare const Stack: <C extends ElementType = "div">(props: PropsWithRef<C> & ComponentProps<typeof Box>) => ReactElement | null;
+export declare const Stack: <C extends ElementType = "div">(props: PropsWithRef<C> & ComponentProps<typeof Box>) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
-import { type ElementType, type ComponentPropsWithoutRef, type FC, type ReactNode } from "react";
+import { type ElementType, type ComponentPropsWithRef, type FC, type ReactNode } from "react";
 type Type = "neutral" | "info" | "positive" | "negative" | "danger";
 type Size = "large" | "small";
-export type Props<C extends ElementType = "span"> = ComponentPropsWithoutRef<C> & {
+export type Props<C extends ElementType = "span"> = ComponentPropsWithRef<C> & {
     children?: ReactNode;
     _as?: C;
     _type?: Type;

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

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, ReactElement } from "react";
+import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType } from "react";
 import { type SpacingKey, type SIZES } from "../../../system/Sizes.js";
 import { type ELEVATION } from "../../../system/Elevation.js";
 import { type BackgroundColor, type CursorOption } from "../../../types/general.types.js";
@@ -38,5 +38,5 @@ export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & Undersc
 type PropsWithRef<C extends ElementType> = Props<C> & {
     ref?: PolymorphicRef<C>;
 };
-export declare const Box: <C extends ElementType = "div">(props: PropsWithRef<C>) => ReactElement | null;
+export declare const Box: <C extends ElementType = "div">(props: PropsWithRef<C>) => import("react").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import React, { type ComponentProps, type ComponentPropsWithRef, type ElementType, type ReactElement } from "react";
+import React, { type ComponentProps, type ComponentPropsWithRef, type ElementType } from "react";
 import { type SpacingKey } from "../../../system/Sizes.js";
 import { Box } from "../Box/Box";
 export { Props as StackProps };
@@ -41,4 +41,4 @@ type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
 type PropsWithRef<C extends ElementType> = Props<C> & {
     ref?: PolymorphicRef<C>;
 };
-export declare const Stack: <C extends ElementType = "div">(props: PropsWithRef<C> & ComponentProps<typeof Box>) => ReactElement | null;
+export declare const Stack: <C extends ElementType = "div">(props: PropsWithRef<C> & ComponentProps<typeof Box>) => React.JSX.Element;

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

@@ -1,7 +1,7 @@
-import { type ElementType, type ComponentPropsWithoutRef, type FC, type ReactNode } from "react";
+import { type ElementType, type ComponentPropsWithRef, type FC, type ReactNode } from "react";
 type Type = "neutral" | "info" | "positive" | "negative" | "danger";
 type Size = "large" | "small";
-export type Props<C extends ElementType = "span"> = ComponentPropsWithoutRef<C> & {
+export type Props<C extends ElementType = "span"> = ComponentPropsWithRef<C> & {
     children?: ReactNode;
     _as?: C;
     _type?: Type;

package/dist/stories/Box.stories.d.ts

@@ -15,7 +15,7 @@ declare const meta: {
         cursor?: CursorOption;
     } & {
         ref?: import("react").ComponentPropsWithRef<C>["ref"] | undefined;
-    }) => import("react").ReactElement | null;
+    }) => import("react").JSX.Element;
     parameters: {};
 };
 export default meta;

package/dist/stories/Stack.stories.d.ts

@@ -16,7 +16,7 @@ declare const meta: {
         divider?: React.ReactNode;
     } & {
         ref?: import("react").ComponentPropsWithRef<C>["ref"] | undefined;
-    }) & ComponentProps<typeof Box>) => import("react").ReactElement | null;
+    }) & ComponentProps<typeof Box>) => import("react").JSX.Element;
     parameters: {
         backgrounds: {
             default: string;

package/dist/stories/Tag.stories.d.ts

@@ -16,3 +16,8 @@ export declare const Overview: Story;
  * This story uses the `children` prop to receive the text, instead of the `text` prop.
  */
 export declare const InTagGroup: Story;
+/**
+ * `Tag` accepts a `ref`, which points to its root element (a `<span>` by default).
+ * Use it to measure the tag, or to anchor something like a popover to it.
+ */
+export declare const WithRef: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luscii-healthtech/web-ui",
-  "version": "60.4.0",
+  "version": "61.0.0",
   "license": "MIT",
   "author": {
     "name": "Joris Janssen"
@@ -80,8 +80,8 @@
     "pull-coding-standards": "git -C .coding-standards pull --ff-only"
   },
   "peerDependencies": {
-    "react": ">=18",
-    "react-dom": ">=18"
+    "react": ">=19",
+    "react-dom": ">=19"
   },
   "devDependencies": {
     "@commitlint/cli": "^21.2.3",