@luscii-healthtech/web-ui 58.19.2 → 58.19.3

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

@@ -1,5 +1,5 @@
 import { type FC, type ComponentProps, type ElementType, type ReactNode } from "react";
-import { type SemanticBackgroundColor } from "../../types/general.types.d.ts";
+import { type SemanticBackgroundColor } from "../../types/general.types.js";
 import { Box } from "../Box/Box";
 type Props = {
     /**

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

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, ReactElement } from "react";
-import { type SpacingKey, type SIZES } from "../../system/Sizes.d.ts";
-import { type ELEVATION } from "../../system/Elevation.d.ts";
-import { type BackgroundColor, type CursorOption } from "../../types/general.types.d.ts";
+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";
 declare const underscoredSpacingPropNames: readonly ["_p", "_pt", "_pr", "_pb", "_pl", "_px", "_py", "_m", "_mt", "_mr", "_mb", "_ml", "_mx", "_my"];
 type UnderscoredSpacingProps = Partial<Record<(typeof underscoredSpacingPropNames)[number], SpacingKey>>;
 type ElevationProp = keyof typeof ELEVATION;

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

@@ -1,5 +1,5 @@
 import type { ComponentProps, ElementType, ReactNode } from "react";
-import type { ELEVATION } from "../../system/Elevation.d.ts";
+import type { ELEVATION } from "../../system/Elevation.js";
 import { Box } from "../Box/Box";
 import { type TitleProps } from "../Title/Title";
 type TitleAndMaybeActions = {

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

@@ -1,5 +1,5 @@
-import type { IconKey, IconProps } from "../../Icons/types/IconProps.type.d.ts";
-import type { NotificationBannerColor } from "../../NotificationBanner/NotificationBanner.d.ts";
+import type { IconKey, IconProps } from "../../Icons/types/IconProps.type.js";
+import type { NotificationBannerColor } from "../../NotificationBanner/NotificationBanner.js";
 interface ConfirmationDialogTexts {
     /**
      * You can also use the `children` prop for this.

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

@@ -1,4 +1,4 @@
-import { LOCALE_MAP } from "../../system/Locale.d.ts";
+import { LOCALE_MAP } from "../../system/Locale.js";
 import "react-datepicker/dist/react-datepicker.min.css";
 import "./DatePicker.scss";
 /**

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { type SizeNames } from "../../system/Sizes.d.ts";
+import { type SizeNames } from "../../system/Sizes.js";
 import { type Props as BoxProps } from "../Box/Box";
 export type DropdownTriggerProps = Omit<React.ComponentPropsWithRef<"button">, "children" | "width"> & {
     /**

package/dist/src/components/Icons/types/IconProps.type.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithoutRef } from "react";
-import { type TextColor } from "../../Text/Text.d.ts";
+import { type TextColor } from "../../Text/Text.js";
 import type * as Icons from "../index";
 export type IconProps = {
     /**

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FormHeightNames } from "../../system/Sizes.d.ts";
+import type { FormHeightNames } from "../../system/Sizes.js";
 import type { IconKey, IconProps } from "../Icons/types/IconProps.type";
 type FormFieldWidth = "sm" | "md" | "lg" | "xl" | "full";
 /**

package/dist/src/components/Input/StyledInput.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { type FormFieldSize } from "../../types/general.types.d.ts";
-import { type FormHeightNames } from "../../system/Sizes.d.ts";
+import { type FormFieldSize } from "../../types/general.types.js";
+import { type FormHeightNames } from "../../system/Sizes.js";
 import type { IconKey, IconProps } from "../Icons/types/IconProps.type";
 export declare const StyledInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "width"> & {
     suffix?: string;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FormHeightNames } from "../../system/Sizes.d.ts";
+import type { FormHeightNames } from "../../system/Sizes.js";
 export interface InputSelectProps {
     /**
      * Additional CSS classes to apply to the container.

package/dist/src/components/InputSelect/InputSelect.utils.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FormHeightNames } from "../../system/Sizes.d.ts";
+import type { FormHeightNames } from "../../system/Sizes.js";
 /**
  * The subset of props `InputSelect` reads off its children when it restyles
  * them. React 19 types `ReactElement` props as `unknown` by default, so the

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

@@ -1,5 +1,5 @@
 import type { JSX } from "react";
-import { type RestPropped } from "../../types/general.types.d.ts";
+import { type RestPropped } from "../../types/general.types.js";
 import "./LoadingIndicator.scss";
 export interface LoadingIndicatorProps extends RestPropped {
     asModal?: boolean;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FormHeightNames } from "../../system/Sizes.d.ts";
+import type { FormHeightNames } from "../../system/Sizes.js";
 type Props = {
     /**
      * Additional CSS classes to apply to the container.

package/dist/src/components/NaturalLanguageForm/NaturalLanguageFormContext.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FormHeightNames } from "../../system/Sizes.d.ts";
+import type { FormHeightNames } from "../../system/Sizes.js";
 type NaturalLanguageFormContextValue = {
     height: FormHeightNames;
 };

package/dist/src/components/Select/StyledSelect.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { type FormFieldSize } from "../../types/general.types.d.ts";
-import type { FormHeightNames } from "../../system/Sizes.d.ts";
+import { type FormFieldSize } from "../../types/general.types.js";
+import type { FormHeightNames } from "../../system/Sizes.js";
 import "./StyledSelect.scss";
 export declare const StyledSelect: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref">, "width"> & {
     children?: React.ReactNode;

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

@@ -1,5 +1,5 @@
 import React, { type ComponentProps, type ComponentPropsWithRef, type ElementType, type ReactElement } from "react";
-import { type SpacingKey } from "../../system/Sizes.d.ts";
+import { type SpacingKey } from "../../system/Sizes.js";
 import { Box } from "../Box/Box";
 export { Props as StackProps };
 type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { type SizeNames } from "../../system/Sizes.d.ts";
+import { type SizeNames } from "../../system/Sizes.js";
 type Props = React.ComponentPropsWithoutRef<"ul"> & {
     /**
      * @private

package/dist/src/components/forms/shared/LabelText.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-import { Text } from "../../Text/Text.d.ts";
+import { Text } from "../../Text/Text.js";
 type Props = ComponentProps<typeof Text>;
 export declare const LabelText: (props: Props) => import("react").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 import { type FC, type ComponentProps, type ElementType, type ReactNode } from "react";
-import { type SemanticBackgroundColor } from "../../../types/general.types.d.ts";
+import { type SemanticBackgroundColor } from "../../../types/general.types.js";
 import { Box } from "../Box/Box";
 type Props = {
     /**

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

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, ReactElement } from "react";
-import { type SpacingKey, type SIZES } from "../../../system/Sizes.d.ts";
-import { type ELEVATION } from "../../../system/Elevation.d.ts";
-import { type BackgroundColor, type CursorOption } from "../../../types/general.types.d.ts";
+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";
 declare const underscoredSpacingPropNames: readonly ["_p", "_pt", "_pr", "_pb", "_pl", "_px", "_py", "_m", "_mt", "_mr", "_mb", "_ml", "_mx", "_my"];
 type UnderscoredSpacingProps = Partial<Record<(typeof underscoredSpacingPropNames)[number], SpacingKey>>;
 type ElevationProp = keyof typeof ELEVATION;

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

@@ -1,5 +1,5 @@
 import type { ComponentProps, ElementType, ReactNode } from "react";
-import type { ELEVATION } from "../../../system/Elevation.d.ts";
+import type { ELEVATION } from "../../../system/Elevation.js";
 import { Box } from "../Box/Box";
 import { type TitleProps } from "../Title/Title";
 type TitleAndMaybeActions = {

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

@@ -1,5 +1,5 @@
-import type { IconKey, IconProps } from "../../../../components/Icons/types/IconProps.type.d.ts";
-import type { NotificationBannerColor } from "../../../../components/NotificationBanner/NotificationBanner.d.ts";
+import type { IconKey, IconProps } from "../../../../components/Icons/types/IconProps.type.js";
+import type { NotificationBannerColor } from "../../../../components/NotificationBanner/NotificationBanner.js";
 interface ConfirmationDialogTexts {
     /**
      * You can also use the `children` prop for this.

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

@@ -1,4 +1,4 @@
-import { LOCALE_MAP } from "../../../system/Locale.d.ts";
+import { LOCALE_MAP } from "../../../system/Locale.js";
 import "react-datepicker/dist/react-datepicker.min.css";
 import "./DatePicker.scss";
 /**

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { type SizeNames } from "../../../system/Sizes.d.ts";
+import { type SizeNames } from "../../../system/Sizes.js";
 import { type Props as BoxProps } from "../Box/Box";
 export type DropdownTriggerProps = Omit<React.ComponentPropsWithRef<"button">, "children" | "width"> & {
     /**

package/dist/src/generated/components/Icons/types/IconProps.type.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithoutRef } from "react";
-import { type TextColor } from "../../../../components/Text/Text.d.ts";
+import { type TextColor } from "../../../../components/Text/Text.js";
 import type * as Icons from "../index";
 export type IconProps = {
     /**

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FormHeightNames } from "../../../system/Sizes.d.ts";
+import type { FormHeightNames } from "../../../system/Sizes.js";
 import type { IconKey, IconProps } from "../Icons/types/IconProps.type";
 type FormFieldWidth = "sm" | "md" | "lg" | "xl" | "full";
 /**

package/dist/src/generated/components/Input/StyledInput.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { type FormFieldSize } from "../../../types/general.types.d.ts";
-import { type FormHeightNames } from "../../../system/Sizes.d.ts";
+import { type FormFieldSize } from "../../../types/general.types.js";
+import { type FormHeightNames } from "../../../system/Sizes.js";
 import type { IconKey, IconProps } from "../Icons/types/IconProps.type";
 export declare const StyledInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "width"> & {
     suffix?: string;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FormHeightNames } from "../../../system/Sizes.d.ts";
+import type { FormHeightNames } from "../../../system/Sizes.js";
 export interface InputSelectProps {
     /**
      * Additional CSS classes to apply to the container.

package/dist/src/generated/components/InputSelect/InputSelect.utils.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FormHeightNames } from "../../../system/Sizes.d.ts";
+import type { FormHeightNames } from "../../../system/Sizes.js";
 /**
  * The subset of props `InputSelect` reads off its children when it restyles
  * them. React 19 types `ReactElement` props as `unknown` by default, so the

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

@@ -1,5 +1,5 @@
 import type { JSX } from "react";
-import { type RestPropped } from "../../../types/general.types.d.ts";
+import { type RestPropped } from "../../../types/general.types.js";
 import "./LoadingIndicator.scss";
 export interface LoadingIndicatorProps extends RestPropped {
     asModal?: boolean;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FormHeightNames } from "../../../system/Sizes.d.ts";
+import type { FormHeightNames } from "../../../system/Sizes.js";
 type Props = {
     /**
      * Additional CSS classes to apply to the container.

package/dist/src/generated/components/NaturalLanguageForm/NaturalLanguageFormContext.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FormHeightNames } from "../../../system/Sizes.d.ts";
+import type { FormHeightNames } from "../../../system/Sizes.js";
 type NaturalLanguageFormContextValue = {
     height: FormHeightNames;
 };

package/dist/src/generated/components/Select/StyledSelect.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { type FormFieldSize } from "../../../types/general.types.d.ts";
-import type { FormHeightNames } from "../../../system/Sizes.d.ts";
+import { type FormFieldSize } from "../../../types/general.types.js";
+import type { FormHeightNames } from "../../../system/Sizes.js";
 import "./StyledSelect.scss";
 export declare const StyledSelect: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref">, "width"> & {
     children?: React.ReactNode;

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

@@ -1,5 +1,5 @@
 import React, { type ComponentProps, type ComponentPropsWithRef, type ElementType, type ReactElement } from "react";
-import { type SpacingKey } from "../../../system/Sizes.d.ts";
+import { type SpacingKey } from "../../../system/Sizes.js";
 import { Box } from "../Box/Box";
 export { Props as StackProps };
 type PolymorphicRef<C extends ElementType> = ComponentPropsWithRef<C>["ref"];

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { type SizeNames } from "../../../system/Sizes.d.ts";
+import { type SizeNames } from "../../../system/Sizes.js";
 type Props = React.ComponentPropsWithoutRef<"ul"> & {
     /**
      * @private

package/dist/src/generated/components/forms/shared/LabelText.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from "react";
-import { Text } from "../../../../components/Text/Text.d.ts";
+import { Text } from "../../../../components/Text/Text.js";
 type Props = ComponentProps<typeof Text>;
 export declare const LabelText: (props: Props) => import("react").JSX.Element;
 export {};

package/dist/src/generated/types/general.types.d.ts

@@ -12,6 +12,6 @@ export type BackgroundColor = "base" | "blue" | "red" | "green" | "amber" | "sur
  * Format: {category}-{variant}
  * These map to the semantic tokens: semanticTokens.color.background.{category}.{variant}
  */
-export type SemanticBackgroundColor = keyof typeof import("../../tokens/generated/tokens.d.ts").semanticTokens.color.background extends infer K ? K extends keyof typeof import("../../tokens/generated/tokens.d.ts").semanticTokens.color.background ? keyof (typeof import("../../tokens/generated/tokens.d.ts").semanticTokens.color.background)[K] extends infer V ? V extends keyof (typeof import("../../tokens/generated/tokens.d.ts").semanticTokens.color.background)[K] ? `${K & string}-${V & string}` : never : never : never : never;
+export type SemanticBackgroundColor = keyof typeof import("../../tokens/generated/tokens.js").semanticTokens.color.background extends infer K ? K extends keyof typeof import("../../tokens/generated/tokens.js").semanticTokens.color.background ? keyof (typeof import("../../tokens/generated/tokens.js").semanticTokens.color.background)[K] extends infer V ? V extends keyof (typeof import("../../tokens/generated/tokens.js").semanticTokens.color.background)[K] ? `${K & string}-${V & string}` : never : never : never : never;
 export type FormFieldSize = "sm" | "md" | "lg" | "xl" | "full";
 export type CursorOption = "auto" | "default" | "pointer" | "wait" | "move" | "help" | "not-allowed" | "progress" | "copy" | "no-drop" | "grab" | "grabbing";

package/dist/src/types/general.types.d.ts

@@ -12,6 +12,6 @@ export type BackgroundColor = "base" | "blue" | "red" | "green" | "amber" | "sur
  * Format: {category}-{variant}
  * These map to the semantic tokens: semanticTokens.color.background.{category}.{variant}
  */
-export type SemanticBackgroundColor = keyof typeof import("../tokens/generated/tokens.d.ts").semanticTokens.color.background extends infer K ? K extends keyof typeof import("../tokens/generated/tokens.d.ts").semanticTokens.color.background ? keyof (typeof import("../tokens/generated/tokens.d.ts").semanticTokens.color.background)[K] extends infer V ? V extends keyof (typeof import("../tokens/generated/tokens.d.ts").semanticTokens.color.background)[K] ? `${K & string}-${V & string}` : never : never : never : never;
+export type SemanticBackgroundColor = keyof typeof import("../tokens/generated/tokens.js").semanticTokens.color.background extends infer K ? K extends keyof typeof import("../tokens/generated/tokens.js").semanticTokens.color.background ? keyof (typeof import("../tokens/generated/tokens.js").semanticTokens.color.background)[K] extends infer V ? V extends keyof (typeof import("../tokens/generated/tokens.js").semanticTokens.color.background)[K] ? `${K & string}-${V & string}` : never : never : never : never;
 export type FormFieldSize = "sm" | "md" | "lg" | "xl" | "full";
 export type CursorOption = "auto" | "default" | "pointer" | "wait" | "move" | "help" | "not-allowed" | "progress" | "copy" | "no-drop" | "grab" | "grabbing";

package/dist/stories/ActionController.stories.d.ts

@@ -22,11 +22,11 @@ declare const meta: {
     } & Omit<Omit<any, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
         as?: import("react").ElementType | undefined;
         elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
-        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.d.ts").SIZES;
+        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.js").SIZES;
         backgroundColor?: import("../src/types/general.types").BackgroundColor;
-        borderRadius?: keyof typeof import("../src/index.d.ts").SIZES;
-        borderRadiusLeft?: keyof typeof import("../src/index.d.ts").SIZES;
-        borderRadiusRight?: keyof typeof import("../src/index.d.ts").SIZES;
+        borderRadius?: keyof typeof import("../src/index.js").SIZES;
+        borderRadiusLeft?: keyof typeof import("../src/index.js").SIZES;
+        borderRadiusRight?: keyof typeof import("../src/index.js").SIZES;
         hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
         cursor?: import("../src/types/general.types").CursorOption;
     } & {

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

@@ -6,11 +6,11 @@ declare const meta: {
     component: <C extends import("react").ElementType = "div">(props: import("react").PropsWithoutRef<ComponentProps<C>> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
         as?: C | undefined;
         elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
-        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/system/Sizes.d.ts").SIZES;
+        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/system/Sizes.js").SIZES;
         backgroundColor?: BackgroundColor;
-        borderRadius?: keyof typeof import("../src/system/Sizes.d.ts").SIZES;
-        borderRadiusLeft?: keyof typeof import("../src/system/Sizes.d.ts").SIZES;
-        borderRadiusRight?: keyof typeof import("../src/system/Sizes.d.ts").SIZES;
+        borderRadius?: keyof typeof import("../src/system/Sizes.js").SIZES;
+        borderRadiusLeft?: keyof typeof import("../src/system/Sizes.js").SIZES;
+        borderRadiusRight?: keyof typeof import("../src/system/Sizes.js").SIZES;
         hoverBackgroundColor?: BackgroundColor;
         cursor?: CursorOption;
     } & {

package/dist/stories/PageWithCenteredContentLayout.stories.d.ts

@@ -6,11 +6,11 @@ declare const meta: {
     } & Omit<any, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
         as?: import("react").ElementType | undefined;
         elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
-        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.d.ts").SIZES;
+        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.js").SIZES;
         backgroundColor?: import("../src/types/general.types").BackgroundColor;
-        borderRadius?: keyof typeof import("../src/index.d.ts").SIZES;
-        borderRadiusLeft?: keyof typeof import("../src/index.d.ts").SIZES;
-        borderRadiusRight?: keyof typeof import("../src/index.d.ts").SIZES;
+        borderRadius?: keyof typeof import("../src/index.js").SIZES;
+        borderRadiusLeft?: keyof typeof import("../src/index.js").SIZES;
+        borderRadiusRight?: keyof typeof import("../src/index.js").SIZES;
         hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
         cursor?: import("../src/types/general.types").CursorOption;
     } & {
@@ -19,11 +19,11 @@ declare const meta: {
         Header: import("react").FC<Omit<any, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
             as?: import("react").ElementType | undefined;
             elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
-            width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.d.ts").SIZES;
+            width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.js").SIZES;
             backgroundColor?: import("../src/types/general.types").BackgroundColor;
-            borderRadius?: keyof typeof import("../src/index.d.ts").SIZES;
-            borderRadiusLeft?: keyof typeof import("../src/index.d.ts").SIZES;
-            borderRadiusRight?: keyof typeof import("../src/index.d.ts").SIZES;
+            borderRadius?: keyof typeof import("../src/index.js").SIZES;
+            borderRadiusLeft?: keyof typeof import("../src/index.js").SIZES;
+            borderRadiusRight?: keyof typeof import("../src/index.js").SIZES;
             hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
             cursor?: import("../src/types/general.types").CursorOption;
         } & {
@@ -36,11 +36,11 @@ declare const meta: {
         Main: import("react").FC<Omit<any, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
             as?: import("react").ElementType | undefined;
             elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
-            width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.d.ts").SIZES;
+            width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.js").SIZES;
             backgroundColor?: import("../src/types/general.types").BackgroundColor;
-            borderRadius?: keyof typeof import("../src/index.d.ts").SIZES;
-            borderRadiusLeft?: keyof typeof import("../src/index.d.ts").SIZES;
-            borderRadiusRight?: keyof typeof import("../src/index.d.ts").SIZES;
+            borderRadius?: keyof typeof import("../src/index.js").SIZES;
+            borderRadiusLeft?: keyof typeof import("../src/index.js").SIZES;
+            borderRadiusRight?: keyof typeof import("../src/index.js").SIZES;
             hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
             cursor?: import("../src/types/general.types").CursorOption;
         } & {

package/dist/stories/RangeCoverage.stories.d.ts

@@ -1,7 +1,7 @@
 import { type StoryObj } from "@storybook/react-vite";
 declare const meta: {
     title: string;
-    component: import("react").FC<import("../src/components/RangeCoverage/RangeCoverage.d.ts").Props> & {
+    component: import("react").FC<import("../src/components/RangeCoverage/RangeCoverage.js").Props> & {
         Colors: {
             RED: string;
             AMBER: string;

package/dist/stories/SplitViewLayout.stories.d.ts

@@ -7,11 +7,11 @@ declare const meta: {
     } & Omit<any, "ref"> & Partial<Record<"_p" | "_pt" | "_pr" | "_pb" | "_pl" | "_px" | "_py" | "_m" | "_mt" | "_mr" | "_mb" | "_ml" | "_mx" | "_my", "none" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
         as?: import("react").ElementType | undefined;
         elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
-        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.d.ts").SIZES;
+        width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.js").SIZES;
         backgroundColor?: import("../src/types/general.types").BackgroundColor;
-        borderRadius?: keyof typeof import("../src/index.d.ts").SIZES;
-        borderRadiusLeft?: keyof typeof import("../src/index.d.ts").SIZES;
-        borderRadiusRight?: keyof typeof import("../src/index.d.ts").SIZES;
+        borderRadius?: keyof typeof import("../src/index.js").SIZES;
+        borderRadiusLeft?: keyof typeof import("../src/index.js").SIZES;
+        borderRadiusRight?: keyof typeof import("../src/index.js").SIZES;
         hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
         cursor?: import("../src/types/general.types").CursorOption;
     } & {

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

@@ -5,7 +5,7 @@ declare const meta: {
     title: string;
     component: <C extends import("react").ElementType = "div">(props: (import("react").PropsWithoutRef<ComponentProps<C>> & {
         as?: C | undefined;
-        _gap?: import("../src/system/Sizes.d.ts").SpacingKey;
+        _gap?: import("../src/system/Sizes.js").SpacingKey;
         align?: "start" | "end" | "center" | "baseline" | "stretch" | "normal";
         justify?: "normal" | "start" | "end" | "center" | "between" | "around" | "evenly" | "stretch";
         axis?: "x" | "y";

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

@@ -10,11 +10,11 @@ declare const meta: {
         "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" | "xs" | "s" | "base" | "m" | "l" | "xl" | "2xl" | "3xl" | "4xl">> & {
             as?: "div" | undefined;
             elevation?: "base" | "small" | "medium" | "large" | "drag" | "surface" | "extraLarge";
-            width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.d.ts").SIZES;
+            width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof import("../src/index.js").SIZES;
             backgroundColor?: import("../src/types/general.types").BackgroundColor;
-            borderRadius?: keyof typeof import("../src/index.d.ts").SIZES;
-            borderRadiusLeft?: keyof typeof import("../src/index.d.ts").SIZES;
-            borderRadiusRight?: keyof typeof import("../src/index.d.ts").SIZES;
+            borderRadius?: keyof typeof import("../src/index.js").SIZES;
+            borderRadiusLeft?: keyof typeof import("../src/index.js").SIZES;
+            borderRadiusRight?: keyof typeof import("../src/index.js").SIZES;
             hoverBackgroundColor?: import("../src/types/general.types").BackgroundColor;
             cursor?: import("../src/types/general.types").CursorOption;
         } & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luscii-healthtech/web-ui",
-  "version": "58.19.2",
+  "version": "58.19.3",
   "license": "MIT",
   "author": {
     "name": "Joris Janssen"
@@ -101,13 +101,13 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^11.1.2",
-    "@storybook/addon-a11y": "^10.6.0",
+    "@storybook/addon-a11y": "^10.6.1",
     "@storybook/addon-coverage": "^3.0.2",
-    "@storybook/addon-docs": "^10.6.0",
-    "@storybook/addon-links": "^10.6.0",
-    "@storybook/builder-vite": "^10.6.0",
-    "@storybook/react-vite": "^10.6.0",
-    "@storybook/test-runner": "^0.24.5",
+    "@storybook/addon-docs": "^10.6.1",
+    "@storybook/addon-links": "^10.6.1",
+    "@storybook/builder-vite": "^10.6.1",
+    "@storybook/react-vite": "^10.6.1",
+    "@storybook/test-runner": "^0.26.0",
     "@svgr/cli": "^8.1.0",
     "@tailwindcss/cli": "^4.3.3",
     "@tailwindcss/forms": "^0.5.11",
@@ -118,49 +118,49 @@
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@types/react-lazy-load-image-component": "^1.6.5",
-    "@typescript-eslint/eslint-plugin": "^8.70.1",
-    "@typescript-eslint/parser": "^8.70.1",
+    "@typescript-eslint/eslint-plugin": "^8.71.1",
+    "@typescript-eslint/parser": "^8.71.1",
     "autoprefixer": "^10.6.1",
     "axe-html-reporter": "^2.2.3",
     "axe-playwright": "^1.2.3",
     "cartesian": "^1.0.1",
     "chalk": "^5.6.2",
-    "chromatic": "^18.9.4",
+    "chromatic": "^18.12.0",
     "concurrently": "^8.2.2",
     "eslint": "^9.39.5",
     "eslint-plugin-chai-friendly": "^1.2.1",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-no-relative-import-paths": "^1.7.3",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "^10.6.0",
+    "eslint-plugin-storybook": "^10.6.1",
     "find-in-files": "^0.5.0",
     "globals": "^16.5.0",
     "husky": "^8.0.3",
     "jscodeshift": "^17.4.0",
     "lint-staged": "^13.2.3",
-    "postcss": "^8.5.28",
+    "postcss": "^8.5.29",
     "postcss-loader": "^8.2.1",
     "postcss-url": "^10.1.4",
-    "prettier": "^3.9.8",
+    "prettier": "^3.9.10",
     "prettier-plugin-tailwindcss": "^0.8.1",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "rimraf": "^6.1.3",
-    "rollup": "^4.63.4",
+    "rollup": "^4.64.5",
     "rollup-plugin-esbuild": "^6.2.1",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-visualizer": "^5.9.2",
-    "sass": "^1.104.1",
+    "sass": "^1.105.1",
     "sass-loader": "^17.0.1",
-    "storybook": "^10.6.0",
+    "storybook": "^10.6.1",
     "storybook-addon-tag-badges": "^3.1.0",
     "style-inject": "^0.3.0",
     "tailwindcss": "^4.3.3",
     "tailwindcss-animate": "^1.0.7",
-    "tsc-alias": "^1.9.5",
+    "tsc-alias": "^1.9.7",
     "tslib": "^2.6.2",
     "typescript": "^5.9",
-    "vite": "^7.3.6"
+    "vite": "^7.3.7"
   },
   "dependencies": {
     "@fontsource/inter": "^4.5.15",