@databiosphere/findable-ui 10.2.0 → 12.0.0

package/lib/components/Table/components/TableRows/components/CollapsableRows/collapsableRows.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { RowData, Table } from "@tanstack/react-table";
 import { Virtualizer } from "@tanstack/react-virtual";
 export interface CollapsableRowsProps<T extends RowData> {
     tableInstance: Table<T>;
     virtualizer: Virtualizer<Window, Element>;
 }
-export declare const CollapsableRows: <T extends unknown>({ tableInstance, virtualizer, }: CollapsableRowsProps<T>) => JSX.Element;
+export declare const CollapsableRows: <T extends RowData>({ tableInstance, virtualizer, }: CollapsableRowsProps<T>) => JSX.Element;

package/lib/components/Table/components/TableRows/components/VirtualizedRow/virtualizedRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Virtualizer } from "@tanstack/react-virtual";
 export interface VirtualizedRowProps {
     isUpperRow: boolean;

package/lib/components/Table/components/TableRows/tableRows.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { RowData, Table } from "@tanstack/react-table";
 import { Virtualizer } from "@tanstack/react-virtual";
 export interface TableRowsProps<T extends RowData> {
     tableInstance: Table<T>;
     virtualizer: Virtualizer<Window, Element>;
 }
-export declare const TableRows: <T extends unknown>({ tableInstance, virtualizer, }: TableRowsProps<T>) => JSX.Element;
+export declare const TableRows: <T extends RowData>({ tableInstance, virtualizer, }: TableRowsProps<T>) => JSX.Element;

package/lib/components/Table/components/TableToolbar/components/RowPreview/components/RowDrawer/rowDrawer.d.ts

@@ -6,4 +6,4 @@ export interface RowDrawerProps<T extends RowData> extends Omit<MDrawerProps, "c
     tableInstance?: Table<T>;
     title: ReactNode;
 }
-export declare const RowDrawer: <T extends unknown>({ children, className, tableInstance, title, ...props }: RowDrawerProps<T>) => JSX.Element;
+export declare const RowDrawer: <T extends RowData>({ children, className, tableInstance, title, ...props }: RowDrawerProps<T>) => JSX.Element;

package/lib/components/Table/components/TableToolbar/components/RowPreview/components/RowDrawer/rowDrawer.styles.d.ts

@@ -1,6 +1,6 @@
 export declare const Drawer: import("@emotion/styled").StyledComponent<import("../../../../../../../common/Drawer/drawer").DrawerProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const DrawerTitle: import("@emotion/styled").StyledComponent<import("../../../../../../../common/Drawer/components/DrawerTitle/drawerTitle").DrawerTitleProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/Table/components/TableToolbar/components/RowPreview/components/Section/components/RowDetail/rowDetail.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RowData } from "@tanstack/react-table";
 import { ListConfig } from "../../../../../../../../../../config/entities";
 interface RowDetailProps<T extends RowData> {
@@ -8,5 +7,5 @@ interface RowDetailProps<T extends RowData> {
     minColumns?: number;
     rowData: T;
 }
-export declare const RowDetail: <T extends unknown>({ className, columns, expanded, minColumns, rowData, }: RowDetailProps<T>) => JSX.Element | null;
+export declare const RowDetail: <T extends RowData>({ className, columns, expanded, minColumns, rowData, }: RowDetailProps<T>) => JSX.Element | null;
 export {};

package/lib/components/Table/components/TableToolbar/components/RowPreview/components/Section/components/RowDetail/rowDetail.styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const Section: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Table/components/TableToolbar/components/RowPreview/components/Section/section.styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const Section: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Table/components/TableToolbar/components/RowPreview/rowPreview.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { RowData, Table } from "@tanstack/react-table";
 import { ComponentsConfig } from "../../../../../../config/entities";
 export interface RowPreviewProps<T extends RowData> {
     rowPreviewView?: ComponentsConfig;
     tableInstance: Table<T>;
 }
-export declare const RowPreview: <T extends unknown>({ rowPreviewView, tableInstance, }: RowPreviewProps<T>) => JSX.Element | null;
+export declare const RowPreview: <T extends RowData>({ rowPreviewView, tableInstance, }: RowPreviewProps<T>) => JSX.Element | null;

package/lib/components/Table/components/TableToolbar/components/RowSelection/components/DropdownMenu/dropdownMenu.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownMenuItemProps } from "../../../../../../../common/DropdownMenu/common/entities";
 import { DropdownMenuProps as DXDropdownMenuProps } from "../../../../../../../common/DropdownMenu/dropdownMenu";
 export interface DropdownMenuProps {

package/lib/components/Table/components/TableToolbar/components/RowSelection/components/DropdownMenu/dropdownMenu.styles.d.ts

@@ -1,3 +1,3 @@
 export declare const DropdownMenu: import("@emotion/styled").StyledComponent<import("../../../../../../../common/DropdownMenu/dropdownMenu").DropdownMenuProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/Table/components/TableToolbar/components/RowSelection/rowSelection.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Row, RowData } from "@tanstack/react-table";
 import { ComponentsConfig } from "../../../../../../config/entities";
 export interface RowSelectionProps<T extends RowData> {
@@ -6,4 +5,4 @@ export interface RowSelectionProps<T extends RowData> {
     rows: Row<T>[];
     rowSelectionView?: ComponentsConfig;
 }
-export declare const RowSelection: <T extends unknown>({ className, rows, rowSelectionView, }: RowSelectionProps<T>) => JSX.Element | null;
+export declare const RowSelection: <T extends RowData>({ className, rows, rowSelectionView, }: RowSelectionProps<T>) => JSX.Element | null;

package/lib/components/Table/components/TableToolbar/components/RowSelection/rowSelection.styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const RowSelection: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Table/components/TableToolbar/tableToolbar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RowData, Table } from "@tanstack/react-table";
 import { ListViewConfig } from "../../../../config/entities";
 import { ROW_DIRECTION } from "../../common/entities";
@@ -7,4 +6,4 @@ export interface TableToolbarProps<T extends RowData> {
     rowDirection: ROW_DIRECTION;
     tableInstance: Table<T>;
 }
-export declare const TableToolbar: <T extends unknown>({ listView, rowDirection, tableInstance, }: TableToolbarProps<T>) => JSX.Element;
+export declare const TableToolbar: <T extends RowData>({ listView, rowDirection, tableInstance, }: TableToolbarProps<T>) => JSX.Element;

package/lib/components/Table/components/TableToolbar/tableToolbar.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const Toolbar: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ToolbarTypeMap<{}, "div">>;
+import { Toolbar as MToolbar } from "@mui/material";
+export declare const Toolbar: typeof MToolbar;
 export declare const ToolbarActions: import("@emotion/styled").StyledComponent<import("../../../common/Grid/grid").GridProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/Table/features/RowPreview/entities.d.ts

@@ -14,7 +14,7 @@ export interface RowPreviewRow {
     getIsPreview: () => boolean;
     togglePreview: () => void;
 }
-export declare type RowPreviewState = {
+export type RowPreviewState = {
     [id: string]: boolean;
 } | undefined;
 export interface RowPreviewTableState {

package/lib/components/Table/features/entities.d.ts

@@ -1,7 +1,7 @@
 import { RowData } from "@tanstack/react-table";
 import { RowPreviewInstance, RowPreviewOptions, RowPreviewRow, RowPreviewTableState } from "./RowPreview/entities";
-export declare type CustomFeatureInitialTableState = Partial<RowPreviewTableState>;
-export declare type CustomFeatureInstance<T extends RowData> = RowPreviewInstance<T>;
-export declare type CustomFeatureOptions = RowPreviewOptions;
-export declare type CustomFeatureRow = RowPreviewRow;
-export declare type CustomFeatureTableState = RowPreviewTableState;
+export type CustomFeatureInitialTableState = Partial<RowPreviewTableState>;
+export type CustomFeatureInstance<T extends RowData> = RowPreviewInstance<T>;
+export type CustomFeatureOptions = RowPreviewOptions;
+export type CustomFeatureRow = RowPreviewRow;
+export type CustomFeatureTableState = RowPreviewTableState;

package/lib/components/Table/table.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ColumnDef, CoreOptions, InitialTableState, RowData } from "@tanstack/react-table";
 import { ListViewConfig } from "../../config/entities";
 export interface TableProps<T extends RowData> {
@@ -21,5 +20,5 @@ export interface TableProps<T extends RowData> {
  * @param tableProps.listView - List view configuration.
  * @returns Configured table element for display.
  */
-export declare const TableComponent: <T extends unknown>({ columns, getRowId, initialState, items, listView, }: TableProps<T>) => JSX.Element;
-export declare const Table: <T extends unknown>({ columns, getRowId, initialState, items, listView, }: TableProps<T>) => JSX.Element;
+export declare const TableComponent: <T extends RowData>({ columns, getRowId, initialState, items, listView, }: TableProps<T>) => JSX.Element;
+export declare const Table: typeof TableComponent;

package/lib/components/Table/table.js

@@ -88,13 +88,13 @@ export const TableComponent = ({ columns, getRowId, initialState, items, listVie
         _features: [ROW_PREVIEW],
         columns,
         data: items,
-        enableColumnFilters: true,
-        enableFilters: true,
+        enableColumnFilters: true, // client-side filtering.
+        enableFilters: true, // client-side filtering.
         enableMultiSort: clientFiltering,
         enableRowPreview,
         enableRowSelection,
-        enableSorting: true,
-        enableSortingRemoval: false,
+        enableSorting: true, // client-side filtering.
+        enableSortingRemoval: false, // client-side filtering.
         getCoreRowModel: getCoreRowModel(),
         getFacetedRowModel: clientFiltering ? getFacetedRowModel() : undefined,
         getFacetedUniqueValues: clientFiltering

package/lib/components/Table/table.styles.d.ts

@@ -1,17 +1,9 @@
-/// <reference types="react" />
 interface Props {
     collapsable?: boolean;
 }
-export declare const GridTable: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").TableClasses> | undefined;
-    padding?: "normal" | "none" | "checkbox" | undefined;
-    size?: "medium" | "small" | undefined;
-    stickyHeader?: boolean | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
-    ref?: ((instance: HTMLTableElement | null) => void) | import("react").RefObject<HTMLTableElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "padding" | "sx" | "size" | "stickyHeader"> & {
-    theme?: import("@emotion/react").Theme | undefined;
+export declare const GridTable: import("@emotion/styled").StyledComponent<import("@mui/material").TableOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
+    ref?: ((instance: HTMLTableElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLTableElement> | null | undefined;
+}, "style" | "className" | "classes" | "children" | "padding" | "sx" | "size" | "stickyHeader"> & {
+    theme?: import("@emotion/react").Theme;
 } & import("./common/gridTable.styles").GridTableProps & Props, {}, {}>;
 export {};

package/lib/components/TableCreator/tableCreator.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ColumnSort, CoreOptions } from "@tanstack/react-table";
+import { ColumnSort, CoreOptions, RowData } from "@tanstack/react-table";
 import { ColumnConfig, ListViewConfig } from "../../config/entities";
 export interface TableCreatorProps<T> {
     columns: ColumnConfig<T>[];
@@ -9,4 +8,4 @@ export interface TableCreatorProps<T> {
     listView?: ListViewConfig;
     loading?: boolean;
 }
-export declare const TableCreator: <T extends unknown>({ columns, defaultSort, getRowId, items, listView, loading, }: TableCreatorProps<T>) => JSX.Element;
+export declare const TableCreator: <T extends RowData>({ columns, defaultSort, getRowId, items, listView, loading, }: TableCreatorProps<T>) => JSX.Element;

package/lib/components/TableCreator/tableCreator.styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const TableCreator: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/TempError/components/errorBox.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ErrorBoxProps {
     message: string;
     title: string;

package/lib/components/TempError/tempError.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AxiosError } from "axios";
 interface TempErrorProps {
     error: Error | AxiosError;

package/lib/components/common/Accordion/accordion.js

@@ -1,4 +1,4 @@
-import { Accordion as MAccordion, AccordionDetails, AccordionSummary, Typography, } from "@mui/material";
+import { AccordionDetails, AccordionSummary, Accordion as MAccordion, Typography, } from "@mui/material";
 import React, { useState } from "react";
 import { TEXT_BODY_LARGE_500 } from "../../../theme/common/typography";
 import { AddIcon } from "../CustomIcon/components/AddIcon/addIcon";

package/lib/components/common/Accordion/accordion.stories.d.ts

@@ -1,7 +1,7 @@
-import { StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import { Accordion } from "./accordion";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./accordion").AccordionProps>;
+declare const _default: Meta<typeof Accordion>;
 export default _default;
-declare type Story = StoryObj<typeof Accordion>;
+type Story = StoryObj<typeof Accordion>;
 export declare const AccordionStory: Story;
 export declare const AccordionsStory: Story;

package/lib/components/common/Alert/alert.js

@@ -1,4 +1,4 @@
-import { Alert as MAlert, AlertTitle, } from "@mui/material";
+import { AlertTitle, Alert as MAlert, } from "@mui/material";
 import React from "react";
 export const Alert = ({ children, className, color, icon, severity, title, variant = "standard", }) => {
     return (React.createElement(MAlert, { className: className, color: color, icon: icon, severity: severity, variant: variant },

package/lib/components/common/Alert/alert.stories.d.ts

@@ -1,6 +1,6 @@
-import { StoryObj } from "@storybook/react";
+import { Meta, StoryObj } from "@storybook/react";
 import { Alert } from "./alert";
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./alert").AlertProps>;
+declare const _default: Meta<typeof Alert>;
 export default _default;
-declare type Story = StoryObj<typeof Alert>;
+type Story = StoryObj<typeof Alert>;
 export declare const AlertStory: Story;

package/lib/components/common/Alert/alert.styles.d.ts

@@ -3,11 +3,11 @@
  * e.g. the entire width of mobile viewports.
  */
 export declare const FlatAlert: import("@emotion/styled").StyledComponent<import("./alert").AlertProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 /**
  * Fluid alert - typically used to transition between flat paper (mobile) and rounded paper (tablet or desktop).
  */
 export declare const FluidAlert: import("@emotion/styled").StyledComponent<import("./alert").AlertProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/common/Alert/components/AlertText/alertText.styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare const AlertText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/common/AnchorLink/anchorLink.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface AnchorLinkProps {
     anchorLink: string;
     className?: string;

package/lib/components/common/AnchorLink/anchorLink.styles.d.ts

@@ -1,33 +1,31 @@
-/// <reference types="react" />
-/// <reference types="node" />
 export declare const AnchorLink: import("@emotion/styled").StyledComponent<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, keyof {
     href: string | import("url").UrlObject;
-    as?: (string | import("url").UrlObject) | undefined;
-    replace?: boolean | undefined;
-    scroll?: boolean | undefined;
-    shallow?: boolean | undefined;
-    passHref?: boolean | undefined;
-    prefetch?: boolean | undefined;
-    locale?: string | false | undefined;
-    legacyBehavior?: boolean | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+    as?: string | import("url").UrlObject;
+    replace?: boolean;
+    scroll?: boolean;
+    shallow?: boolean;
+    passHref?: boolean;
+    prefetch?: boolean | null;
+    locale?: string | false;
+    legacyBehavior?: boolean;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLAnchorElement>;
+    onTouchStart?: import("react").TouchEventHandler<HTMLAnchorElement>;
+    onClick?: import("react").MouseEventHandler<HTMLAnchorElement>;
 }> & {
     href: string | import("url").UrlObject;
-    as?: (string | import("url").UrlObject) | undefined;
-    replace?: boolean | undefined;
-    scroll?: boolean | undefined;
-    shallow?: boolean | undefined;
-    passHref?: boolean | undefined;
-    prefetch?: boolean | undefined;
-    locale?: string | false | undefined;
-    legacyBehavior?: boolean | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLAnchorElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+    as?: string | import("url").UrlObject;
+    replace?: boolean;
+    scroll?: boolean;
+    shallow?: boolean;
+    passHref?: boolean;
+    prefetch?: boolean | null;
+    locale?: string | false;
+    legacyBehavior?: boolean;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLAnchorElement>;
+    onTouchStart?: import("react").TouchEventHandler<HTMLAnchorElement>;
+    onClick?: import("react").MouseEventHandler<HTMLAnchorElement>;
 } & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLAnchorElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/common/Banner/components/BannerPrimary/bannerPrimary.styles.d.ts

@@ -1,3 +1,3 @@
 export declare const Alert: import("@emotion/styled").StyledComponent<import("@mui/material").AlertProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/common/Banner/components/CookieBanner/cookieBanner.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const CookieBanner: import("@emotion/styled").StyledComponent<Omit<import("../../banner").BannerProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/common/Banner/components/DismissibleBanner/dismissibleBanner.js

@@ -1,4 +1,4 @@
-import { Alert as MAlert, Fade, } from "@mui/material";
+import { Fade, Alert as MAlert, } from "@mui/material";
 import React, { useEffect, useState } from "react";
 export const DismissibleBanner = ({ Alert = MAlert /* Requires forwardRef to be used as a child of Fade. */, className, children, onDismiss, open, ...props /* Spread props to allow for Mui AlertProps specific prop overrides. */ }) => {
     const [isIn, setIsIn] = useState(false);

package/lib/components/common/Banner/components/SessionTimeout/sessionTimeout.styles.d.ts

@@ -1,3 +1,3 @@
 export declare const Banner: import("@emotion/styled").StyledComponent<import("../BannerPrimary/bannerPrimary").BannerPrimaryProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/common/Breadcrumbs/breadcrumbs.js

@@ -1,5 +1,5 @@
 import ChevronRightRoundedIcon from "@mui/icons-material/ChevronRightRounded";
-import { Breadcrumbs as MBreadcrumbs, Link as BreadcrumbLink, Typography, } from "@mui/material";
+import { Link as BreadcrumbLink, Breadcrumbs as MBreadcrumbs, Typography, } from "@mui/material";
 import Link from "next/link";
 import React from "react";
 export const Breadcrumbs = ({ breadcrumbs, className, Separator = React.createElement(ChevronRightRoundedIcon, { fontSize: "xxsmall" }), }) => {

package/lib/components/common/Breadcrumbs/breadcrumbs.stories.d.ts

@@ -1,5 +1,7 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./breadcrumbs").BreadcrumbsProps>;
+import { ComponentMeta } from "@storybook/react";
+import { Breadcrumbs } from "./breadcrumbs";
+declare const _default: ComponentMeta<typeof Breadcrumbs>;
 export default _default;
-export declare const BreadcrumbDefaultStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./breadcrumbs").BreadcrumbsProps>;
-export declare const BreadcrumbCustomSeparatorStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./breadcrumbs").BreadcrumbsProps>;
-export declare const BreadcrumbWithLongerTitleStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./breadcrumbs").BreadcrumbsProps>;
+export declare const BreadcrumbDefaultStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./breadcrumbs").BreadcrumbsProps>;
+export declare const BreadcrumbCustomSeparatorStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./breadcrumbs").BreadcrumbsProps>;
+export declare const BreadcrumbWithLongerTitleStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./breadcrumbs").BreadcrumbsProps>;

package/lib/components/common/Button/components/ButtonOutline/buttonOutline.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ButtonOutline: import("@emotion/styled").StyledComponent<Omit<import("../../button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/common/Button/components/ButtonText/buttonText.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ButtonText: ({ ...props }: {
     [x: string]: any;
 }) => JSX.Element;

package/lib/components/common/Button/components/ButtonText/buttonText.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Button: import("@emotion/styled").StyledComponent<Omit<import("../../button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/common/Button/components/ButtonTextPrimary/buttonTextPrimary.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ButtonTextPrimary: ({ ...props }: {
     [x: string]: any;
 }) => JSX.Element;

package/lib/components/common/Button/components/ButtonTextPrimary/buttonTextPrimary.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Button: import("@emotion/styled").StyledComponent<Omit<import("../../button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/common/Button/components/ButtonTextUnderline/buttonTextUnderline.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ButtonTextUnderline: ({ ...props }: {
     [x: string]: any;
 }) => JSX.Element;

package/lib/components/common/Button/components/ButtonTextUnderline/buttonTextUnderline.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Button: import("@emotion/styled").StyledComponent<Omit<import("../../button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;

package/lib/components/common/Button/components/CallToActionButton/callToActionButton.d.ts

@@ -1,3 +1,4 @@
+import { ButtonProps } from "@mui/material";
 import { ElementType } from "react";
 import { ANCHOR_TARGET } from "../../../../Links/common/entities";
 export interface CallToAction {
@@ -7,8 +8,9 @@ export interface CallToAction {
 }
 export interface CallToActionButtonProps {
     ButtonElType?: ElementType;
+    buttonProps?: Partial<ButtonProps>;
     callToAction: CallToAction;
     className?: string;
     disabled?: boolean;
 }
-export declare const CallToActionButton: ({ ButtonElType: Button, callToAction, className, disabled, }: CallToActionButtonProps) => JSX.Element;
+export declare const CallToActionButton: ({ ButtonElType: Button, buttonProps, callToAction, className, disabled, }: CallToActionButtonProps) => JSX.Element;

package/lib/components/common/Button/components/CallToActionButton/callToActionButton.js

@@ -3,9 +3,9 @@ import React from "react";
 import { ANCHOR_TARGET, REL_ATTRIBUTE, } from "../../../../Links/common/entities";
 import { isClientSideNavigation } from "../../../../Links/common/utils";
 import { ButtonPrimary } from "../ButtonPrimary/buttonPrimary";
-export const CallToActionButton = ({ ButtonElType: Button = ButtonPrimary, callToAction, className, disabled = false, }) => {
+export const CallToActionButton = ({ ButtonElType: Button = ButtonPrimary, buttonProps, callToAction, className, disabled = false, }) => {
     const { label, target, url } = callToAction;
     const isInternal = isClientSideNavigation(url);
     return isInternal ? (React.createElement(NLink, { href: url, legacyBehavior: true, passHref: true },
-        React.createElement(Button, { className: className, disabled: disabled, href: "passHref", rel: REL_ATTRIBUTE.NO_OPENER, target: target || ANCHOR_TARGET.SELF }, label))) : (React.createElement(Button, { className: className, disabled: disabled, href: url, rel: REL_ATTRIBUTE.NO_OPENER_NO_REFERRER, target: target || ANCHOR_TARGET.BLANK }, label));
+        React.createElement(Button, { className: className, disabled: disabled, href: "passHref", rel: REL_ATTRIBUTE.NO_OPENER, target: target || ANCHOR_TARGET.SELF, ...buttonProps }, label))) : (React.createElement(Button, { className: className, disabled: disabled, href: url, rel: REL_ATTRIBUTE.NO_OPENER_NO_REFERRER, target: target || ANCHOR_TARGET.BLANK, ...buttonProps }, label));
 };

package/lib/components/common/Button/components/CallToActionButton/callToActionButton.stories.d.ts

@@ -1,4 +1,6 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./callToActionButton").CallToActionButtonProps>;
+import { ComponentMeta } from "@storybook/react";
+import { CallToActionButton } from "./callToActionButton";
+declare const _default: ComponentMeta<typeof CallToActionButton>;
 export default _default;
-export declare const CallToActionButtonStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./callToActionButton").CallToActionButtonProps>;
-export declare const CallToActionButtonWithCustomComponentStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./callToActionButton").CallToActionButtonProps>;
+export declare const CallToActionButtonStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./callToActionButton").CallToActionButtonProps>;
+export declare const CallToActionButtonWithCustomComponentStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("./callToActionButton").CallToActionButtonProps>;

package/lib/components/common/Button/components/DropdownButton/dropdownButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "../../button";
 export interface DropdownButtonProps extends Exclude<ButtonProps, "StartIcon"> {
     open?: boolean;

package/lib/components/common/Button/components/DropdownButton/dropdownButton.styles.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 interface Props {
     open: boolean;
 }
 export declare const DropdownButton: import("@emotion/styled").StyledComponent<Omit<import("../../button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 } & Props, {}, {}>;
 export {};

package/lib/components/common/Button/components/FileDownloadButton/fileDownloadButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FileDownloadButtonProps {
     fileName?: string;
     fileUrl?: string;

package/lib/components/common/Button/components/HelpIconButton/helpIconButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SvgIconProps } from "@mui/material";
 import { ANCHOR_TARGET } from "../../../../Links/common/entities";
 export interface HelpIconButtonProps {

package/lib/components/common/Button/components/HelpIconButton/helpIconButton.stories.d.ts

@@ -2,5 +2,5 @@ import { Meta, StoryObj } from "@storybook/react";
 import { HelpIconButton } from "./helpIconButton";
 declare const meta: Meta<typeof HelpIconButton>;
 export default meta;
-declare type Story = StoryObj<typeof HelpIconButton>;
+type Story = StoryObj<typeof HelpIconButton>;
 export declare const HelpIconButtonStory: Story;

package/lib/components/common/Button/components/HelpIconButton/helpIconButton.styles.d.ts

@@ -1 +1,2 @@
-export declare const HelpIconButton: import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>;
+import { ButtonBase } from "@mui/material";
+export declare const HelpIconButton: typeof ButtonBase;

package/lib/components/common/Button/components/LoginButton/loginButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "../../button";
-export declare type LoginButtonProps = Exclude<ButtonProps, "StartIcon">;
+export type LoginButtonProps = Exclude<ButtonProps, "StartIcon">;
 export declare const LoginButton: ({ children, ...props }: LoginButtonProps) => JSX.Element;