@veritone-ce/design-system 2.0.0-next.2 → 2.0.0

package/dist/esm-next/Toast/hook.js

@@ -1,5 +1,6 @@
 'use strict';
 'use client';
+import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import { useSnackbar, SnackbarContent, SnackbarProvider } from 'notistack';
 import ToastContent from './content.js';
@@ -18,7 +19,7 @@ const NotiToastOverride = React__default.forwardRef(function InnerNotiToastOverr
   const handleDismiss = React__default.useCallback(() => {
     closeSnackbar(id);
   }, [id, closeSnackbar]);
-  return /* @__PURE__ */ React__default.createElement(SnackbarContent, { ref, style: props.style, className: props.className }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(SnackbarContent, { ref, style: props.style, className: props.className, children: /* @__PURE__ */ jsx(
     ToastContent,
     {
       label,
@@ -26,19 +27,19 @@ const NotiToastOverride = React__default.forwardRef(function InnerNotiToastOverr
       severity,
       onClose: handleDismiss
     }
-  ));
+  ) });
 });
 const ToastProvider = (props) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     SnackbarProvider,
     {
       anchorOrigin: {
         vertical: "top",
         horizontal: "right"
       },
-      Components: { veritone: NotiToastOverride }
-    },
-    props.children
+      Components: { veritone: NotiToastOverride },
+      children: props.children
+    }
   );
 };
 function useToast() {

package/dist/esm-next/Toast/index.js

@@ -1,10 +1,11 @@
 'use strict';
 'use client';
+import { jsx } from 'react/jsx-runtime';
 import { Snackbar, Box } from '@mui/material';
 import ToastContent from './content.js';
 
 const Toast = ({ open, onClose, className, ...alertProps }) => {
-  return /* @__PURE__ */ React.createElement(Snackbar, { open, onClose, className }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(ToastContent, { onClose, ...alertProps })));
+  return /* @__PURE__ */ jsx(Snackbar, { open, onClose, className, children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(ToastContent, { onClose, ...alertProps }) }) });
 };
 
 export { Toast as default };

package/dist/esm-next/Tooltip/index.js

@@ -1,5 +1,6 @@
 'use strict';
 'use client';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useFloating, shift, flip, arrow, useRole, useHover, safePolygon, useFocus, useDismiss, useInteractions, FloatingArrow } from '@floating-ui/react';
 import React__default from 'react';
 import modules_efc4e723 from './styles.module.scss.js';
@@ -36,29 +37,34 @@ function Tooltip(props) {
     hover,
     dismiss
   ]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("span", { role: "tooltip", ref: refs.setReference, ...getReferenceProps() }, props.children), isOpen && /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      ref: refs.setFloating,
-      style: {
-        ...floatingStyles,
-        ...props.style
-      },
-      ...getFloatingProps(),
-      className: modules_efc4e723["tooltip-body"]
-    },
-    /* @__PURE__ */ React__default.createElement(
-      FloatingArrow,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { role: "tooltip", ref: refs.setReference, ...getReferenceProps(), children: props.children }),
+    isOpen && /* @__PURE__ */ jsxs(
+      "div",
       {
-        ref: arrowRef,
-        context,
-        fill: defaultThemeCssVariableUsages.palette.background,
-        stroke: defaultThemeCssVariableUsages.palette.backgroundAlt,
-        strokeWidth: 1
+        ref: refs.setFloating,
+        style: {
+          ...floatingStyles,
+          ...props.style
+        },
+        ...getFloatingProps(),
+        className: modules_efc4e723["tooltip-body"],
+        children: [
+          /* @__PURE__ */ jsx(
+            FloatingArrow,
+            {
+              ref: arrowRef,
+              context,
+              fill: defaultThemeCssVariableUsages.palette.background,
+              stroke: defaultThemeCssVariableUsages.palette.backgroundAlt,
+              strokeWidth: 1
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { children: props.tooltip })
+        ]
       }
-    ),
-    /* @__PURE__ */ React__default.createElement("div", null, props.tooltip)
-  ));
+    )
+  ] });
 }
 
 export { Tooltip as default };

package/dist/esm-next/Typography/index.js

@@ -4,6 +4,7 @@ import { cx } from '../styles/cx.js';
 import '../styles/defaultTheme.js';
 import '@mui/system';
 import '../styles/styled.js';
+import 'react/jsx-runtime';
 import modules_b5c3b63b from './variants.module.scss.js';
 
 const Typography = forwardRef(

package/dist/esm-next/styles/provider.client.js

@@ -1,6 +1,6 @@
 'use strict';
 'use client';
-import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { ThemeProvider } from '@mui/system';
 import THEME_ID from './identifier.js';
 import { ThemeCssVarsProvider } from './provider.css-vars.js';
@@ -10,14 +10,14 @@ function ThemeContextProvider({
   includeCssVarWrapper,
   children
 }) {
-  return /* @__PURE__ */ React.createElement(ThemeProvider, { themeId: THEME_ID, theme: themeInput }, includeCssVarWrapper ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(ThemeProvider, { themeId: THEME_ID, theme: themeInput, children: includeCssVarWrapper ? /* @__PURE__ */ jsx(
     ThemeCssVarsProvider,
     {
       theme: themeInput,
-      style: { display: "contents" }
-    },
-    children
-  ) : children);
+      style: { display: "contents" },
+      children
+    }
+  ) : children });
 }
 
 export { ThemeContextProvider };

package/dist/esm-next/styles/provider.css-vars.js

@@ -1,5 +1,5 @@
 'use strict';
-import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { createThemeCssVariableDefinitions } from './css-vars.js';
 
 function ThemeCssVarsProvider({
@@ -9,16 +9,16 @@ function ThemeCssVarsProvider({
   className,
   children
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Component,
     {
       style: {
         ...createThemeCssVariableDefinitions(themeInput),
         ...style
       },
-      className
-    },
-    children
+      className,
+      children
+    }
   );
 }
 

package/dist/types/src/components/AudioSlider/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type AudioSliderProps = {
     'data-testid'?: string;
     value: number;
@@ -9,5 +8,5 @@ export type AudioSliderProps = {
     step?: number;
     className?: string;
 };
-declare const AudioSlider: (props: AudioSliderProps) => import("react").JSX.Element;
+declare const AudioSlider: (props: AudioSliderProps) => import("react/jsx-runtime").JSX.Element;
 export default AudioSlider;

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

@@ -21,5 +21,5 @@ export type BreadcrumbsLinkComponent = React.ComponentType<BreadcrumbsLinkCompon
  * - The last link is not clickable
  * - The last link is styled differently
  **/
-declare const Breadcrumbs: (props: BreadcrumbsProps) => React.JSX.Element;
+declare const Breadcrumbs: (props: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
 export default Breadcrumbs;

package/dist/types/src/components/Drawer/index.d.ts

@@ -10,5 +10,5 @@ export type DrawerProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Drawer: (props: DrawerProps) => React.JSX.Element;
+declare const Drawer: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 export default Drawer;

package/dist/types/src/components/ErrorMessage/index.d.ts

@@ -5,4 +5,4 @@ export type ErrorMessageProps = {
     typographySx?: SxProps<Theme>;
     sx?: SxProps<Theme>;
 };
-export default function ErrorMessage(props: ErrorMessageProps): React.JSX.Element;
+export default function ErrorMessage(props: ErrorMessageProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/FileUploader/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps, Theme } from '@mui/material/styles';
 import { Accept } from 'react-dropzone';
 export interface FileState {
@@ -20,7 +19,7 @@ export type FileUploaderProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-export default function FileUploader(props: FileUploaderProps): import("react").JSX.Element;
+export default function FileUploader(props: FileUploaderProps): import("react/jsx-runtime").JSX.Element;
 type FileUploadFn = (f: File) => AsyncGenerator<number>;
 export type UseFileUploaderOptions = {
     uploadFile: FileUploadFn;

package/dist/types/src/components/FormControlLabel/index.d.ts

@@ -7,5 +7,5 @@ export type FormControlLabelProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const FormControlLabel: (props: FormControlLabelProps) => React.JSX.Element;
+declare const FormControlLabel: (props: FormControlLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default FormControlLabel;

package/dist/types/src/components/LinearProgress/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SxProps, Theme } from '@mui/material/styles';
 export type LinearProgressProps = {
     'data-testid'?: string;
@@ -29,5 +28,5 @@ export type LinearProgressProps = {
 - Use a Linear Progress Bar to show the user that an operation is in progress.
   This is currently being used in conjuction with the uploader tool
 **/
-declare const LinearProgress: (props: LinearProgressProps) => import("react").JSX.Element;
+declare const LinearProgress: (props: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;
 export default LinearProgress;

package/dist/types/src/components/Link/index.d.ts

@@ -5,5 +5,5 @@ export type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'col
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Link: ({ sx, className, ...restProps }: LinkProps) => React.JSX.Element;
+declare const Link: ({ sx, className, ...restProps }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 export default Link;

package/dist/types/src/components/List/index.d.ts

@@ -6,5 +6,5 @@ export type ListProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const List: (props: ListProps) => React.JSX.Element;
+declare const List: (props: ListProps) => import("react/jsx-runtime").JSX.Element;
 export default List;

package/dist/types/src/components/ListItem/index.d.ts

@@ -6,5 +6,5 @@ export type ListItemProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const ListItem: (props: ListItemProps) => React.JSX.Element;
+declare const ListItem: (props: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItem;

package/dist/types/src/components/ListItemButton/index.d.ts

@@ -8,5 +8,5 @@ export type ListItemButtonProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const ListItemButton: (props: ListItemButtonProps) => React.JSX.Element;
+declare const ListItemButton: (props: ListItemButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItemButton;

package/dist/types/src/components/ListItemText/index.d.ts

@@ -6,5 +6,5 @@ export type ListItemTextProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const ListItemText: (props: ListItemTextProps) => React.JSX.Element;
+declare const ListItemText: (props: ListItemTextProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItemText;

package/dist/types/src/components/Panel/index.d.ts

@@ -8,10 +8,10 @@ export type PanelProps = {
     onClose?(): void;
     className?: string;
 };
-declare const Panel: (props: PanelProps) => React.JSX.Element;
+declare const Panel: (props: PanelProps) => import("react/jsx-runtime").JSX.Element;
 export default Panel;
 export type PanelContentProps = {
     content: React.ReactNode;
     actions?: ReactNode;
 };
-export declare function PanelContent(props: PanelContentProps): React.JSX.Element;
+export declare function PanelContent(props: PanelContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/ProgressIndicator/DefaultProgress.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { SharedProgressIndicatorProps } from './index.js';
-declare const DefaultProgress: (props: SharedProgressIndicatorProps) => import("react").JSX.Element;
+declare const DefaultProgress: (props: SharedProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
 export default DefaultProgress;

package/dist/types/src/components/ProgressIndicator/MLProgress.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { SharedProgressIndicatorProps } from './index.js';
 type MLProgressProps = SharedProgressIndicatorProps & {
     type: 'medium' | 'large';
 };
-declare const MLProgress: (props: MLProgressProps) => import("react").JSX.Element;
+declare const MLProgress: (props: MLProgressProps) => import("react/jsx-runtime").JSX.Element;
 export default MLProgress;

package/dist/types/src/components/ProgressIndicator/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type SharedProgressIndicatorProps = {
     'data-testid'?: string;
     itemLoading?: string;
@@ -17,5 +16,5 @@ export type ProgressIndicatorProps = SharedProgressIndicatorProps & {
 /**
 - Use a progress indicator to show the user that an operation is in progress.
 **/
-declare const ProgressIndicator: ({ type, ...props }: ProgressIndicatorProps) => import("react").JSX.Element;
+declare const ProgressIndicator: ({ type, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
 export default ProgressIndicator;

package/dist/types/src/components/Select/index.d.ts

@@ -37,5 +37,5 @@ export type SelectChangeEvent<V = string> = (Event & {
         name: string;
     };
 }) | React.ChangeEvent<HTMLInputElement>;
-declare function Select<V extends SelectValue>(props: SelectProps<V>): React.JSX.Element;
+declare function Select<V extends SelectValue>(props: SelectProps<V>): import("react/jsx-runtime").JSX.Element;
 export default Select;

package/dist/types/src/components/StatusChip/index.d.ts

@@ -26,5 +26,5 @@ export type StatusChipProps = {
     - Pass your custom string to `label` prop;
     - Pass an MUI stock color option to `color` prop **OR** pass a custom color Hex Value to `coloroverride` prop.
 **/
-declare const StatusChip: (props: StatusChipProps) => React.JSX.Element;
+declare const StatusChip: (props: StatusChipProps) => import("react/jsx-runtime").JSX.Element;
 export default StatusChip;

package/dist/types/src/components/Step/index.d.ts

@@ -19,5 +19,5 @@ export type StepProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Step: (props: StepProps) => React.JSX.Element;
+declare const Step: (props: StepProps) => import("react/jsx-runtime").JSX.Element;
 export default Step;

package/dist/types/src/components/StepLabel/index.d.ts

@@ -9,5 +9,5 @@ export type StepLabelProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const StepLabel: (props: StepLabelProps) => React.JSX.Element;
+declare const StepLabel: (props: StepLabelProps) => import("react/jsx-runtime").JSX.Element;
 export default StepLabel;

package/dist/types/src/components/Stepper/index.d.ts

@@ -18,5 +18,5 @@ export type StepperProps = {
 /**
   The Stepper is used for highlighting where a user is in a progression of steps.
 **/
-declare const Stepper: (props: StepperProps) => React.JSX.Element;
+declare const Stepper: (props: StepperProps) => import("react/jsx-runtime").JSX.Element;
 export default Stepper;

package/dist/types/src/components/Table/AutoTable/controlled.d.ts

@@ -12,4 +12,4 @@ export type ControlledAutoTableProps<TData, TMeta = unknown> = AutoTableHookOpti
     sx?: SxProps<Theme>;
     className?: string;
 };
-export default function ControlledAutoTable<TData, TMeta = unknown>({ stickyHeader, loading, zeroStateMessage, error, ErrorContainer, sx, className, ...options }: ControlledAutoTableProps<TData, TMeta>): React.JSX.Element;
+export default function ControlledAutoTable<TData, TMeta = unknown>({ stickyHeader, loading, zeroStateMessage, error, ErrorContainer, sx, className, ...options }: ControlledAutoTableProps<TData, TMeta>): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Table/AutoTable/index.d.ts

@@ -43,5 +43,5 @@ export type AutoTableProps<TData, TMeta = unknown> = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare function AutoTable<TData, TMeta = unknown>(props: AutoTableProps<TData, TMeta>): React.JSX.Element;
+declare function AutoTable<TData, TMeta = unknown>(props: AutoTableProps<TData, TMeta>): import("react/jsx-runtime").JSX.Element;
 export default AutoTable;

package/dist/types/src/components/Table/AutoTable/virtual.d.ts

@@ -20,4 +20,4 @@ export type VirtualControlledAutoTableProps<TData, TMeta = unknown> = AutoTableH
     className?: string;
 };
 export declare const TableMessageMaxHeight = 100;
-export default function VirtualControlledAutoTable<TData, TMeta = unknown>({ stickyHeader, loading, zeroStateMessage, error, ErrorContainer, scrollOffset, getScrollElement, renderWhenNotVisible, rowSize, headerSize, overscan, debug, sx, className, ...options }: VirtualControlledAutoTableProps<TData, TMeta>): React.JSX.Element;
+export default function VirtualControlledAutoTable<TData, TMeta = unknown>({ stickyHeader, loading, zeroStateMessage, error, ErrorContainer, scrollOffset, getScrollElement, renderWhenNotVisible, rowSize, headerSize, overscan, debug, sx, className, ...options }: VirtualControlledAutoTableProps<TData, TMeta>): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Table/index.d.ts

@@ -13,14 +13,14 @@ export type TableProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const Table: (props: TableProps) => React.JSX.Element;
+export declare const Table: (props: TableProps) => import("react/jsx-runtime").JSX.Element;
 export type TableBodyProps = {
     'data-testid'?: string;
     children?: React.ReactNode;
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableBody: (props: TableBodyProps) => React.JSX.Element;
+export declare const TableBody: (props: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
 type CommonTableCellProps = {
     variant?: 'header' | 'data';
     align?: 'left' | 'center' | 'right' | 'justify' | 'inherit';
@@ -38,7 +38,7 @@ export type TableCellProps = CommonTableCellProps & {
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableCell: ({ variant, ...props }: TableCellProps) => React.JSX.Element;
+export declare const TableCell: ({ variant, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
 export type SelectionTableCellProps = CommonTableCellProps & {
     'data-testid'?: string;
     checked?: boolean;
@@ -50,21 +50,21 @@ export type SelectionTableCellProps = CommonTableCellProps & {
     checkboxSx?: SxProps<Theme>;
     checkboxClassName?: string;
 };
-export declare const SelectionTableCell: ({ checked, indeterminate, disabled, onChange, sx, className, checkboxSx, checkboxClassName, ...cellProps }: SelectionTableCellProps) => React.JSX.Element;
+export declare const SelectionTableCell: ({ checked, indeterminate, disabled, onChange, sx, className, checkboxSx, checkboxClassName, ...cellProps }: SelectionTableCellProps) => import("react/jsx-runtime").JSX.Element;
 export type TableFooterProps = {
     'data-testid'?: string;
     children?: React.ReactNode;
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableFooter: (props: TableFooterProps) => React.JSX.Element;
+export declare const TableFooter: (props: TableFooterProps) => import("react/jsx-runtime").JSX.Element;
 export type TableHeadProps = {
     'data-testid'?: string;
     children?: React.ReactNode;
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableHead: (props: TableHeadProps) => React.JSX.Element;
+export declare const TableHead: (props: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
 export type TablePaginationProps = {
     'data-testid'?: string;
     /**
@@ -96,7 +96,7 @@ export type TablePaginationProps = {
     rowsPerPageOptions: number[];
     onRowsPerPageChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
 };
-export declare const TablePagination: (props: TablePaginationProps) => React.JSX.Element;
+export declare const TablePagination: (props: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
 export type TableRowProps = {
     'data-testid'?: string;
     children?: React.ReactNode;
@@ -113,7 +113,7 @@ export type TableRowProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableRow: (props: TableRowProps) => React.JSX.Element;
+export declare const TableRow: (props: TableRowProps) => import("react/jsx-runtime").JSX.Element;
 export type TableSortLabelProps = {
     'data-testid'?: string;
     /**
@@ -140,11 +140,11 @@ export type TableSortLabelProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableSortLabel: (props: TableSortLabelProps) => React.JSX.Element;
+export declare const TableSortLabel: (props: TableSortLabelProps) => import("react/jsx-runtime").JSX.Element;
 export type TableZeroStateProps = {
     children: React.ReactNode;
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableMessage: (props: TableZeroStateProps) => React.JSX.Element;
+export declare const TableMessage: (props: TableZeroStateProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/src/components/Tabs/index.d.ts

@@ -12,5 +12,5 @@ export type BasicTabsProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare function Tabs(props: BasicTabsProps): React.JSX.Element;
+declare function Tabs(props: BasicTabsProps): import("react/jsx-runtime").JSX.Element;
 export default Tabs;

package/dist/types/src/components/ThemeProvider/index.d.ts

@@ -5,5 +5,5 @@ export type ThemeProviderProps = {
     theme?: Theme;
     children?: React.ReactNode;
 };
-declare const ThemeProvider: (props: ThemeProviderProps) => React.JSX.Element;
+declare const ThemeProvider: (props: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export default ThemeProvider;

package/dist/types/src/components/UtilityRail/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Item = {
     title: string;
     subtitle: string;
@@ -9,5 +8,5 @@ export type UtilityRailProps = {
     items: Item[];
     className?: string;
 };
-declare const UtilityRail: (props: UtilityRailProps) => import("react").JSX.Element;
+declare const UtilityRail: (props: UtilityRailProps) => import("react/jsx-runtime").JSX.Element;
 export default UtilityRail;

package/dist/types/src/components/ZeroState/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare function ZeroState(): import("react").JSX.Element;
+declare function ZeroState(): import("react/jsx-runtime").JSX.Element;
 export default ZeroState;

package/dist/types/src/components/_Alert/index.d.ts

@@ -14,5 +14,5 @@ export type AlertProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Alert: (props: AlertProps) => React.JSX.Element;
+declare const Alert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
 export default Alert;

package/dist/types/src/components/_Autocomplete/index.d.ts

@@ -20,5 +20,5 @@ export type AutocompleteProps = {
     sx?: SxProps<Theme>;
     fullWidth?: boolean;
 };
-declare function Autocomplete(props: AutocompleteProps): React.JSX.Element;
+declare function Autocomplete(props: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
 export default Autocomplete;

package/dist/types/src/components/_Button/Indicator.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Indicator: () => import("react").JSX.Element;
+declare const Indicator: () => import("react/jsx-runtime").JSX.Element;
 export default Indicator;

package/dist/types/src/components/_Button/index.d.ts

@@ -20,5 +20,5 @@ export type ButtonProps = {
 /**
 - Use a button for common user click actions. Several variations available.
 **/
-declare const Button: (props: ButtonProps) => React.JSX.Element;
+declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/types/src/components/_Checkbox/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ChangeEvent } from 'react';
+import { ChangeEvent } from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 export type CheckboxProps = {
     'data-testid'?: string;
@@ -10,5 +10,5 @@ export type CheckboxProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Checkbox: (props: CheckboxProps) => React.JSX.Element;
+declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/types/src/components/_IconButton/index.d.ts

@@ -12,5 +12,5 @@ export type IconButtonProps = {
 /**
 - Use a button for common user click actions. Several variations available.
 **/
-declare const IconButton: (props: IconButtonProps) => React.JSX.Element;
+declare const IconButton: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default IconButton;

package/dist/types/src/components/_Input/index.d.ts

@@ -21,5 +21,5 @@ export type InputProps = {
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     size?: 'small' | 'medium';
 };
-declare const Input: (props: InputProps) => React.JSX.Element;
+declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
 export default Input;

package/dist/types/src/components/_MenuFlyout/index.d.ts

@@ -17,5 +17,5 @@ export type MenuFlyoutProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const MenuFlyout: (props: MenuFlyoutProps) => React.JSX.Element;
+declare const MenuFlyout: (props: MenuFlyoutProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuFlyout;

package/dist/types/src/components/_Modal/index.d.ts

@@ -10,5 +10,5 @@ export type ModalProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Modal: (props: ModalProps) => React.JSX.Element;
+declare const Modal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/dist/types/src/components/_RadioButton/index.d.ts

@@ -13,5 +13,5 @@ export type RadioButtonProps = {
     onChange?(event: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;
     className?: string;
 };
-declare const RadioButton: (props: RadioButtonProps) => React.JSX.Element;
+declare const RadioButton: (props: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioButton;

package/dist/types/src/components/_RadioGroup/index.d.ts

@@ -26,5 +26,5 @@ export type RadioGroupProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const RadioGroup: (props: RadioGroupProps) => React.JSX.Element;
+declare const RadioGroup: (props: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioGroup;

package/dist/types/src/components/_Typography/index.d.ts

@@ -8,5 +8,5 @@ export type TypographyProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Typography: (props: TypographyProps) => React.JSX.Element;
+declare const Typography: (props: TypographyProps) => import("react/jsx-runtime").JSX.Element;
 export default Typography;