@luscii-healthtech/web-ui 46.0.0 → 46.0.1

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

@@ -0,0 +1,15 @@
+import type { FC, ReactNode } from "react";
+import { type AccordionItemProps } from "./AccordionItem";
+export interface AccordionProps {
+    dataTestId?: string;
+    items: AccordionItemProps[];
+    className?: string;
+    isCollapsedByDefault?: boolean;
+    /**
+     * A section at the bottom of the accordion that is
+     * always visible, even when the accordion is closed.
+     */
+    footer?: ReactNode;
+}
+declare const Accordion: FC<AccordionProps>;
+export default Accordion;

package/dist/src/generated/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,17 @@
+import type { FC, ReactNode } from "react";
+export interface AccordionItemProps {
+    id: string | number;
+    title: ReactNode;
+    content: ReactNode;
+    className?: string;
+    isCollapsedByDefault?: boolean;
+    /**
+     * Called when the accordion item opens.
+     */
+    onOpened?: () => void;
+    /**
+     * Called when the accordion item closes.
+     */
+    onClosed?: () => void;
+}
+export declare const AccordionItem: FC<AccordionItemProps>;

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

@@ -0,0 +1,51 @@
+import type { FC, ReactNode } from "react";
+import { type AccordionProps } from "../Accordion/Accordion";
+import { type DraggableListProps, type ListItemProps, type SortableListProps } from "../List";
+import { type AccordionItemProps } from "../Accordion/AccordionItem";
+import { type BaseButtonProps } from "../ButtonV2/ButtonProps.type";
+import { AccordionListActions } from "./subcomponents/AccordionListActions";
+export interface AccordionListProps extends Omit<AccordionProps, "items"> {
+    localisations: {
+        title: string;
+        searchPlaceholder?: string;
+        emptyListText?: string;
+    };
+    accordionItems: AccordionItem[];
+    /**
+     * @deprecated
+     * Use the `actions` prop to render any button(s)
+     * or other component(s) automatically in the correct area.
+     */
+    buttonProps?: BaseButtonProps;
+    isSearchEnabled?: boolean;
+    isLoading?: boolean;
+    isError?: boolean;
+    errorState?: {
+        title: string;
+        description: string;
+    };
+    actions?: ReactNode;
+    headerActions?: ReactNode;
+}
+export type AccordionListItemProps<T = ListItemProps> = Omit<AccordionItemProps, "title" | "content"> & {
+    listItems: T[];
+    draggableListType?: "default";
+    title: ReactNode;
+};
+export type DraggableAccordionListItemProps = Omit<AccordionItemProps, "title" | "content"> & {
+    draggableListType: "draggable";
+    listItems: DraggableListProps["items"];
+    title: ReactNode;
+};
+export type SortableAccordionListItemProps = Omit<AccordionItemProps, "title" | "content"> & {
+    draggableListType: "sortable";
+    draggableIdentifier: string;
+    listItems: SortableListProps["items"];
+    title: ReactNode;
+};
+export type AccordionItem = AccordionListItemProps | DraggableAccordionListItemProps | SortableAccordionListItemProps;
+type StaticComponents = {
+    Actions: typeof AccordionListActions;
+};
+export declare const AccordionList: FC<AccordionListProps> & StaticComponents;
+export default AccordionList;

package/dist/src/generated/components/AccordionList/subcomponents/AccordionListActions.d.ts

@@ -0,0 +1,18 @@
+import type { PropsWithChildren, FC } from "react";
+/**
+ * Use in the actions of an AccordionList. Spaces out the action
+ * components correctly in relation to the styling of the AccordionList component.
+ *
+ * @usage
+ * ```tsx
+ * <AccordionList
+ *   actions={
+ *     <AccordionList.Actions>
+ *       <PrimaryButton />
+ *       <SecondaryButton />
+ *     </AccordionList.Actions>
+ *   }
+ * />
+ * ```
+ */
+export declare const AccordionListActions: FC<PropsWithChildren>;

package/dist/src/generated/components/Alerts/AlertWidget.d.ts

@@ -0,0 +1,20 @@
+export declare const AlertWidget: React.FC<{
+    variant: "red" | "amber" | "gray";
+    /**
+     * This accepts two types, `string` and `React.ReactNode`,
+     * when a string, it will be rendered as
+     *
+     * @example
+     * ```tsx
+     * <Text color={"on-warning" | "on-negative" | "on-surface"} variant="strong">
+     *  {props.content}
+     * </Text>
+     * ```
+     *
+     * Depending on the variant picked.
+     *
+     * In case you decide to pass a `React.ReactNode`, make sure to
+     * comply with the correct text color to match. See example for reference.
+     */
+    content: string | React.ReactNode;
+}>;

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

@@ -0,0 +1,7 @@
+import type { ComponentProps, FC, PropsWithChildren, ReactNode } from "react";
+import { Box } from "../Box/Box";
+type Props = {
+    aside?: ReactNode;
+};
+export declare const AsideLayout: FC<PropsWithChildren<Props> & ComponentProps<typeof Box>>;
+export {};

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

@@ -0,0 +1,53 @@
+import type { ReactNode, FC } from "react";
+type AvatarColor = "primary" | "slate";
+type AvatarSize = "large" | "medium" | "small" | "xsmall";
+/**
+ * Union to prevent both "initials" and "children" to be used at the same time.
+ */
+type BaseProps = {
+    initials: string;
+    children?: never;
+} | {
+    children: ReactNode;
+    initials?: never;
+};
+type Props = {
+    color?: AvatarColor;
+    src?: string;
+    /**
+     * Put the name of the person here, so less sighted
+     * users can know who the avatar belongs to.
+     *
+     * In case of rendering the default image or the
+     * initials, this will also be used as the `alt` text.
+     */
+    alt?: string;
+    size?: AvatarSize;
+    /**
+     * URL to an image to be used as the default image.
+     * If this is set, the image provided via `src` will never render.
+     */
+    defaultImage?: string;
+    className?: string;
+    /**
+     * Sometimes avatars are rendered in a group. Setting this to `true`
+     * makes it so that the avatars overlap each other a bit, as designed.
+     */
+    applyGroupOffset?: boolean;
+} & BaseProps;
+/**
+ * Displays a badge-style avatar. Keep in mind that
+ * you can only use `initials` or `children`, not both.
+ *
+ * @example
+ * // Using initials
+ * <Avatar initials="JS" alt="John Smith" size="medium" color="primary" />
+ *
+ * @example
+ * // Using children
+ * <Avatar alt="Jane Doe" size="large" color="slate">
+ *   <img src="https://example.com/jane-doe.jpg" alt="Jane Doe" />
+ * </Avatar>
+ */
+export declare const Avatar: FC<Props>;
+export {};

package/dist/src/generated/components/Avatar/AvatarGroup.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import { type StackProps } from "../Stack/Stack";
+export type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & StackProps<C> & {
+    as?: C;
+    children?: React.ReactNode;
+    /**
+     * In a group each avatar receives a border that
+     * matches the background the group is on. This to
+     * create some separation between the avatars.
+     * In case your background is not white, you might
+     * want to specify a different color.
+     *
+     * This color will be added to a Tailwind class in
+     * the form of `ui:outline-{outlineColor}`.
+     */
+    outlineColor?: "surface" | "slate-50" | "slate-100" | "white";
+    /**
+     * The maximum number of avatars to show in the group, before
+     * we render an extra element that shows there are more avatars.
+     *
+     * @default 3
+     */
+    maxAvatars?: number;
+    /**
+     * The label to show when there are more avatars than the
+     * `maxAvatars` prop.
+     * This function receives the amount of avatars that are not shown.
+     */
+    moreAvatarsLabel?: (avatarsNotShownCount: number) => React.ReactNode;
+};
+export declare const AvatarGroup: <C extends React.ElementType>(props: Props<C>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+import { type FC } from "react";
+type BadgeProps = {
+    /**
+     * @deprecated, use children instead
+     */
+    badgeCount?: number;
+    className?: string;
+    children: string | number;
+};
+declare const Badge: FC<BadgeProps>;
+export default Badge;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import type { BaseListItemProps, BaseListProps } from "./BaseList.types";
+declare const BaseListInner: <T extends BaseListItemProps>({ dataTestId, title, subtitle, headerButton, headerAccessory, emptyStateMessage, isLoading, items, headerTransparent, itemComponent, footer, withBorder, }: BaseListProps<T>, ref: React.ForwardedRef<HTMLUListElement>) => JSX.Element;
+export declare const BaseList: <T extends BaseListItemProps>(props: BaseListProps<T> & {
+    ref?: React.ForwardedRef<HTMLUListElement>;
+}) => ReturnType<typeof BaseListInner>;
+export {};

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

@@ -0,0 +1,88 @@
+import type { Ref, ReactNode, HTMLProps, FC } from "react";
+import { type PrimaryButtonProps, type ButtonDefinition } from "../ButtonV2/ButtonProps.type";
+import { type IconProps } from "../Icons/types/IconProps.type";
+import { type TitleProps } from "../Title/Title";
+export type BaseListItemProps = {
+    itemId: string | number;
+    title: React.ReactNode;
+    subtitle?: React.ReactNode;
+    icon?: ReactNode | React.FunctionComponent<IconProps>;
+    accessories?: JSX.Element[];
+    onlyShowAccessoriesOnHover?: boolean;
+    /**
+     * Provide a term to match against when filtering the list.
+     */
+    matchTerm?: string;
+    onClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
+    /** Same as onClick to be compatible with listItem */
+    handleItemClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
+    onAssetLoadError?: (payload: OnAssetLoadErrorPayload) => void;
+    tooltipId?: string;
+    isSelected?: boolean;
+    roundTop?: boolean;
+    roundBottom?: boolean;
+    withBorder?: boolean;
+    isDraggable?: boolean;
+    dataTestId?: string;
+    ref?: Ref<HTMLLIElement>;
+    renderDragHandle?: () => ReactNode;
+    htmlProps?: HTMLProps<HTMLLIElement>;
+    className?: string;
+    /**
+     * @private
+     * For internal use only: indicates this is a nested child row.
+     */
+    __isNested?: boolean;
+};
+export type OnAssetLoadErrorPayload = Pick<BaseListItemProps, "itemId" | "subtitle" | "title" | "icon">;
+export interface BaseListProps<T extends BaseListItemProps = BaseListItemProps> {
+    items: T[];
+    title?: string | TitleProps;
+    /**
+     * Optional subtitle to display under the main title in the header.
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * @deprecated props accepting props from other components should accept components instead.
+     *
+     * Use `headerAccessory` instead.
+     */
+    headerButton?: ButtonDefinition<PrimaryButtonProps>;
+    headerAccessory?: ReactNode;
+    headerTransparent?: boolean;
+    itemComponent?: FC<T>;
+    emptyStateMessage?: string;
+    isLoading?: boolean;
+    dataTestId?: string;
+    footer?: ReactNode;
+    /**
+     * This prop will surround the component with a 1px slate-300 border.
+     */
+    withBorder?: boolean;
+    ref?: Ref<HTMLUListElement>;
+}
+export type BaseListHeaderProps = {
+    title?: string | TitleProps;
+    /**
+     * Optional subtitle to display under the main title in the header.
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * @deprecated props are accepting props from other components should accept components instead.
+     *
+     * Use `headerAccessory` instead.
+     */
+    button?: ButtonDefinition<PrimaryButtonProps>;
+    headerAccessory?: ReactNode;
+    transparent?: boolean;
+    withBorder?: boolean;
+};
+export type DraggableBaseListProps = Omit<BaseListProps<DraggableBaseListItemProps>, "itemComponent">;
+export type DraggableBaseListItemProps = BaseListItemProps & {
+    draggableIdentifier: string;
+    draggableData?: Record<string, unknown>;
+};
+export type SortableBaseListProps = DraggableBaseListProps & {
+    draggableIdentifier: string;
+};
+export type SortableBaseListItemProps = DraggableBaseListItemProps;

package/dist/src/generated/components/BaseList/BaseListEmptyState.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from "react";
+export declare const BaseListEmptyState: FC<{
+    message: string;
+    roundTop?: boolean;
+    withBorder?: boolean;
+}>;
+export default BaseListEmptyState;

package/dist/src/generated/components/BaseList/BaseListHeader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BaseListHeaderProps } from "./BaseList.types";
+export declare const BaseListHeader: React.FC<BaseListHeaderProps>;
+export default BaseListHeader;

package/dist/src/generated/components/BaseList/BaseListIcon.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { type BaseListItemProps } from "./BaseList.types";
+export declare const BaseListIcon: React.FC<Pick<BaseListItemProps, "icon"> & {
+    onAssetLoadError?: () => void;
+}>;

package/dist/src/generated/components/BaseList/BaseListItem.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { BaseListItemProps } from "./BaseList.types";
+export declare const BaseListItem: React.ForwardRefExoticComponent<Omit<BaseListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export default BaseListItem;

package/dist/src/generated/components/BaseList/DraggableBaseList/DraggableBaseList.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+import type { DraggableBaseListProps } from "../BaseList.types";
+export declare const DraggableBaseList: FC<DraggableBaseListProps>;
+export default DraggableBaseList;

package/dist/src/generated/components/BaseList/DraggableBaseList/DraggableBaseListItem.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+import { type DraggableBaseListItemProps } from "../BaseList.types";
+export declare const DraggableBaseListItem: FC<DraggableBaseListItemProps>;

package/dist/src/generated/components/BaseList/DraggableBaseList/index.d.ts

@@ -0,0 +1,2 @@
+export { DraggableBaseList } from "./DraggableBaseList";
+export { DraggableBaseListItem } from "./DraggableBaseListItem";

package/dist/src/generated/components/BaseList/ListSkeleton/ListItemSkeleton.d.ts

@@ -0,0 +1 @@
+export declare const ListItemSkeleton: () => JSX.Element;

package/dist/src/generated/components/BaseList/ListSkeleton/ListSkeleton.d.ts

@@ -0,0 +1,7 @@
+import "./ListSkeleton.scss";
+type ListSkeletonProps = {
+    items: number;
+    dataTestId?: string;
+};
+export declare const ListSkeleton: ({ items, dataTestId, }: ListSkeletonProps) => JSX.Element;
+export {};

package/dist/src/generated/components/BaseList/SortableBaseList/SortableBaseList.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+import type { SortableBaseListProps } from "../BaseList.types";
+export declare const SortableBaseList: FC<SortableBaseListProps>;
+export default SortableBaseList;

package/dist/src/generated/components/BaseList/SortableBaseList/SortableBaseListItem.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+import { type SortableBaseListItemProps } from "../BaseList.types";
+export declare const SortableBaseListItem: FC<SortableBaseListItemProps>;

package/dist/src/generated/components/BaseList/SortableBaseList/index.d.ts

@@ -0,0 +1,2 @@
+export { SortableBaseList } from "./SortableBaseList";
+export { SortableBaseListItem } from "./SortableBaseListItem";

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

@@ -0,0 +1,6 @@
+export { BaseList } from "./BaseList";
+export { BaseListItem } from "./BaseListItem";
+export type { BaseListProps, BaseListItemProps, OnAssetLoadErrorPayload, DraggableBaseListProps, DraggableBaseListItemProps, } from "./BaseList.types";
+export { DraggableBaseList, DraggableBaseListItem } from "./DraggableBaseList";
+export { SortableBaseList, SortableBaseListItem } from "./SortableBaseList";
+export { getDndListItemProps } from "./utils";

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

@@ -0,0 +1,10 @@
+import { type Active, type Over } from "@dnd-kit/core";
+import { type ListItemProps } from "../List/List";
+declare const draggableListItemPropsPointer: {
+    readonly symbol: symbol;
+};
+type DraggableListItemProps = WeakMap<typeof draggableListItemPropsPointer, Pick<ListItemProps, "itemId" | "title" | "subtitle" | "icon" | "isDraggable" | "isSelected">>;
+export declare const createDraggableListProps: ({ itemId, title, subtitle, icon, isDraggable, isSelected, }: ListItemProps) => DraggableListItemProps;
+export declare const draggableListPropsKey: "listItem";
+export declare const getDndListItemProps: (subject: Active | Over) => ListItemProps | null;
+export {};

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

@@ -0,0 +1,39 @@
+import type { ComponentPropsWithoutRef, ElementType } from "react";
+import { type SIZES } from "../../../system/Sizes";
+import { type ELEVATION } from "../../../system/Elevation";
+import { type BackgroundColor, type CursorOption } from "../../../types/general.types";
+type Size = keyof typeof SIZES;
+declare const spacingKeys: readonly ["p", "pt", "pr", "pb", "pl", "px", "py", "m", "mt", "mr", "mb", "ml", "mx", "my"];
+type SpacingProps = Partial<Record<(typeof spacingKeys)[number], Size>>;
+type ElevationProp = keyof typeof ELEVATION;
+export type Props<C extends ElementType> = ComponentPropsWithoutRef<C> & SpacingProps & {
+    as?: C;
+    /**
+     * Adds a box-shadow to the element based on the design system
+     */
+    elevation?: ElevationProp;
+    /**
+     * Make the item fill up horizontal space
+     */
+    width?: "full" | "1/2" | "1/3" | "2/3" | "1/4" | "3/4" | keyof typeof SIZES;
+    backgroundColor?: BackgroundColor;
+    /**
+     * Will set a border radius based on the standard sizes scale.
+     * Check {@link SIZES} for reference.
+     */
+    borderRadius?: keyof typeof SIZES;
+    /**
+     * Will set a left border radius based on the standard sizes scale.
+     * Check {@link SIZES} for reference.
+     */
+    borderRadiusLeft?: keyof typeof SIZES;
+    /**
+     * Will set a right border radius based on the standard sizes scale.
+     * Check {@link SIZES} for reference.
+     */
+    borderRadiusRight?: keyof typeof SIZES;
+    hoverBackgroundColor?: BackgroundColor;
+    cursor?: CursorOption;
+};
+export declare const Box: <C extends ElementType = "div">(props: Props<C>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/generated/components/Breadcrumbs/BreadcrumbItem.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+import type { BreadcrumbDividerProps, Crumb, CrumbRenderProp } from "./Breadcrumbs.types";
+export declare const BreadcrumbItem: FC<Crumb & CrumbRenderProp>;
+export declare const BreadcrumbDividerItem: FC<BreadcrumbDividerProps>;

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

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+import type { BreadcrumbProps } from "./Breadcrumbs.types";
+export declare const Breadcrumbs: FC<BreadcrumbProps>;

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

@@ -0,0 +1,25 @@
+import type Text from "../Text/Text";
+export type RenderBreadcrumbProps = {
+    name: string;
+    link?: string;
+    textProps: React.ComponentProps<typeof Text>;
+};
+export type RenderBreadcrumb = (props: RenderBreadcrumbProps) => React.ReactNode;
+export type CrumbRenderProp = {
+    render: RenderBreadcrumb;
+};
+export type Crumb = {
+    name: string;
+    key?: string;
+    link?: string;
+};
+export interface BreadcrumbProps {
+    crumbs: Crumb[];
+    truncateAfter?: number;
+    renderItem: RenderBreadcrumb;
+}
+export type BreadcrumbDividerProps = {
+    onClick: () => void;
+    truncatedCrumbs: Crumb[];
+};
+export declare const isBreadcrumbDividerProps: (subject: unknown) => subject is BreadcrumbDividerProps;

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

@@ -0,0 +1,2 @@
+export type { BreadcrumbProps, Crumb } from "./Breadcrumbs.types";
+export { Breadcrumbs } from "./Breadcrumbs";

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

@@ -0,0 +1,104 @@
+import type { Attributes, ComponentPropsWithRef, FC, ReactNode } from "react";
+import type { IconKey, IconProps } from "../Icons/types/IconProps.type";
+import { type TextColor, type TextHoverColor } from "../Text/Text";
+/**
+ * Properties that are present in all variants of the button
+ *
+ */
+export interface BaseButtonProps extends ComponentPropsWithRef<"button"> {
+    size?: "medium" | "large";
+    children?: ReactNode;
+    /**
+     * @deprecated Use `children` instead.
+     */
+    text?: string;
+    /**
+     * @deprecated Use `leadingIcon` instead.
+     */
+    icon?: FC<IconProps> | IconKey;
+    /**
+     * Icon that will be rendered before the text. You need to
+     * pass in the rendered icon component, not the key.
+     *
+     * @example
+     * ```tsx
+     * <PrimaryButton leadingIcon={<AddIcon />} />
+     * ````
+     */
+    leadingIcon?: ReactNode;
+    /**
+     * Icon that will be rendered before the text. You need to
+     * pass in the rendered icon component, not the key.
+     *
+     * @example
+     * ```tsx
+     * <PrimaryButton trailingIcon={<AddIcon />} />
+     * ````
+     */
+    trailingIcon?: ReactNode;
+    /**
+     * @deprecated use `disabled` instead.
+     */
+    isDisabled?: boolean;
+    className?: string;
+    dataTestId?: string;
+    /**
+     * An optional element to which to render the tooltip in through a portal.
+     *
+     * When omitted the Tooltip will be rendered into the document.body.
+     */
+    titleTooltipContainer?: Element | DocumentFragment | null | undefined;
+}
+export type NonPrimaryButtonProps = BaseButtonProps;
+/**
+ * Extra properties that can be set when the variant of the button
+ * supports the pending state
+ *
+ */
+export interface ButtonWithPendingStateProps extends BaseButtonProps {
+    isPending?: boolean;
+}
+export type PrimaryButtonProps = ButtonWithPendingStateProps;
+/**
+ * Properties specific to the IconButtons
+ */
+export type IconButtonProps = ButtonWithPendingStateProps & {
+    /**
+     * The icon that will be rendered in the button.
+     */
+    children: ReactNode;
+    /**
+     * Accessible label for the button. This will only be visible to screen readers, and will also be used to target buttons in tests.
+     */
+    label: string;
+    /**
+     * Since this button only renders one icon, we don't need leading or trailing icons.
+     */
+    leadingIcon?: never;
+    trailingIcon?: never;
+};
+/**
+ * All properties of BaseButtonProps and ButtonWithPendingStateProps,
+ * plus other properties that are assigned internally by the button variants.
+ *
+ */
+export interface ButtonProps extends BaseButtonProps, ButtonWithPendingStateProps {
+    textColor?: TextColor;
+    textHoverColor?: TextHoverColor;
+}
+/**
+ * Interface for defining a button
+ */
+export interface ButtonDefinition<Props extends BaseButtonProps = BaseButtonProps> {
+    buttonType: FC<Props>;
+    buttonProps: Attributes & Props;
+}
+/**
+ * Interface for defining a button with mandatory key
+ */
+export interface ButtonDefinitionWithKey<Props extends BaseButtonProps = BaseButtonProps> {
+    buttonType: FC<Props>;
+    buttonProps: {
+        key: string | number;
+    } & Props;
+}

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { type ButtonProps } from "./ButtonProps.type";
+export declare const ButtonV2: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

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

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

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

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

@@ -0,0 +1,3 @@
+import React from "react";
+import { type ButtonProps } from "./ButtonProps.type";
+export declare const SecondaryButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

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

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

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