@evoke-platform/ui-components 1.2.0-dev.0 → 1.2.0-dev.2

package/dist/published/stories/FormHelperText.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
 import { FormHelperTextProps } from '../index';
-declare const _default: ComponentMeta<(props: FormHelperTextProps<"p", {}>) => JSX.Element>;
+declare const _default: ComponentMeta<(props: FormHelperTextProps<"p", {}>) => React.JSX.Element>;
 export default _default;
-export declare const FormHelperText: ComponentStory<(props: FormHelperTextProps<"p", {}>) => JSX.Element>;
+export declare const FormHelperText: ComponentStory<(props: FormHelperTextProps<"p", {}>) => React.JSX.Element>;

package/dist/published/stories/FormLabel.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { FormLabelProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: FormLabelProps<"label", {}>) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: FormLabelProps<"label", {}>) => React.JSX.Element>;
 export default _default;
-export declare const FormLabel: ComponentStory<(props: FormLabelProps<"label", {}>) => JSX.Element>;
+export declare const FormLabel: ComponentStory<(props: FormLabelProps<"label", {}>) => React.JSX.Element>;

package/dist/published/stories/Grid.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { GridProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: GridProps<"div", {}>) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: GridProps<"div", {}>) => React.JSX.Element>;
 export default _default;
-export declare const Grid: ComponentStory<(props: GridProps<"div", {}>) => JSX.Element>;
+export declare const Grid: ComponentStory<(props: GridProps<"div", {}>) => React.JSX.Element>;

package/dist/published/stories/HistoryLog.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { HistoryLogProps } from '../components/custom/HistoryLog';
-declare const _default: ComponentMeta<(props: HistoryLogProps) => JSX.Element>;
+declare const _default: ComponentMeta<(props: HistoryLogProps) => React.JSX.Element>;
 export default _default;
-export declare const HistoryLog: ComponentStory<(props: HistoryLogProps) => JSX.Element>;
+export declare const HistoryLog: ComponentStory<(props: HistoryLogProps) => React.JSX.Element>;

package/dist/published/stories/IconButton.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { IconButtonProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: IconButtonProps<"button", {}>) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: IconButtonProps<"button", {}>) => React.JSX.Element>;
 export default _default;
-export declare const IconButton: ComponentStory<(props: IconButtonProps<"button", {}>) => JSX.Element>;
+export declare const IconButton: ComponentStory<(props: IconButtonProps<"button", {}>) => React.JSX.Element>;

package/dist/published/stories/LinearProgress.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { LinearProgressProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: LinearProgressProps) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: LinearProgressProps) => React.JSX.Element>;
 export default _default;
-export declare const LinearProgress: ComponentStory<(props: LinearProgressProps) => JSX.Element>;
+export declare const LinearProgress: ComponentStory<(props: LinearProgressProps) => React.JSX.Element>;

package/dist/published/stories/Link.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { LinkProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: LinkProps<"a", {}>) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: LinkProps<"a", {}>) => React.JSX.Element>;
 export default _default;
-export declare const Link: ComponentStory<(props: LinkProps<"a", {}>) => JSX.Element>;
+export declare const Link: ComponentStory<(props: LinkProps<"a", {}>) => React.JSX.Element>;

package/dist/published/stories/List.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { ListProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: ListProps<"ul", {}>) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: ListProps<"ul", {}>) => React.JSX.Element>;
 export default _default;
-export declare const List: ComponentStory<(props: ListProps<"ul", {}>) => JSX.Element>;
+export declare const List: ComponentStory<(props: ListProps<"ul", {}>) => React.JSX.Element>;

package/dist/published/stories/Menu.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { MenuProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: MenuProps) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: MenuProps) => React.JSX.Element>;
 export default _default;
-export declare const Menu: ComponentStory<(props: MenuProps) => JSX.Element>;
+export declare const Menu: ComponentStory<(props: MenuProps) => React.JSX.Element>;

package/dist/published/stories/Palette.stories.d.ts

@@ -1,15 +1,15 @@
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
-declare const _default: ComponentMeta<(props: import("@mui/system").BoxOwnProps<import("@mui/material/styles/createTheme").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+declare const _default: ComponentMeta<(props: import("@mui/system").BoxOwnProps<import("@mui/material/styles/createTheme").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles/createTheme").Theme>> & {
     sx?: object | undefined;
-    component?: React.ElementType<any> | undefined;
-}) => JSX.Element>;
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}) => React.JSX.Element>;
 export default _default;
-export declare const Palette: ComponentStory<(props: import("@mui/system").BoxOwnProps<import("@mui/material/styles/createTheme").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+export declare const Palette: ComponentStory<(props: import("@mui/system").BoxOwnProps<import("@mui/material/styles/createTheme").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles/createTheme").Theme>> & {
     sx?: object | undefined;
-    component?: React.ElementType<any> | undefined;
-}) => JSX.Element>;
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}) => React.JSX.Element>;

package/dist/published/stories/Paper.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { PaperProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: PaperProps<"div", {}>) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: PaperProps<"div", {}>) => React.JSX.Element>;
 export default _default;
-export declare const Paper: ComponentStory<(props: PaperProps<"div", {}>) => JSX.Element>;
+export declare const Paper: ComponentStory<(props: PaperProps<"div", {}>) => React.JSX.Element>;

package/dist/published/stories/RadioGroup.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { RadioGroupProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: RadioGroupProps) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: RadioGroupProps) => React.JSX.Element>;
 export default _default;
-export declare const RadioGroup: ComponentStory<(props: RadioGroupProps) => JSX.Element>;
+export declare const RadioGroup: ComponentStory<(props: RadioGroupProps) => React.JSX.Element>;

package/dist/published/stories/RichTextViewer.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { RichTextViewerProps } from '../components/custom/RichTextViewer';
-declare const _default: ComponentMeta<(props: RichTextViewerProps) => JSX.Element>;
+declare const _default: ComponentMeta<(props: RichTextViewerProps) => React.JSX.Element>;
 export default _default;
-export declare const RichTextViewer: ComponentStory<(props: RichTextViewerProps) => JSX.Element>;
+export declare const RichTextViewer: ComponentStory<(props: RichTextViewerProps) => React.JSX.Element>;

package/dist/published/stories/Skeleton.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { SkeletonProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: SkeletonProps<"span", {}>) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: SkeletonProps<"span", {}>) => React.JSX.Element>;
 export default _default;
-export declare const Skeleton: ComponentStory<(props: SkeletonProps<"span", {}>) => JSX.Element>;
+export declare const Skeleton: ComponentStory<(props: SkeletonProps<"span", {}>) => React.JSX.Element>;

package/dist/published/stories/Snackbar.stories.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: import("../components/core/Snackbar/Snackbar").SnackbarAlertProps) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: import("../components/core/Snackbar/Snackbar").SnackbarAlertProps) => React.JSX.Element>;
 export default _default;
-export declare const Snackbar: ComponentStory<(props: import("../components/core/Snackbar/Snackbar").SnackbarAlertProps) => JSX.Element>;
+export declare const Snackbar: ComponentStory<(props: import("../components/core/Snackbar/Snackbar").SnackbarAlertProps) => React.JSX.Element>;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { StackProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: StackProps<"div", {}>) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: StackProps<"div", {}>) => React.JSX.Element>;
 export default _default;
-export declare const Stack: ComponentStory<(props: StackProps<"div", {}>) => JSX.Element>;
+export declare const Stack: ComponentStory<(props: StackProps<"div", {}>) => React.JSX.Element>;

package/dist/published/stories/StaticDatePicker.stories.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
 import { StaticDatePickerProps } from '../index';
-declare const _default: ComponentMeta<(props: StaticDatePickerProps) => JSX.Element>;
+declare const _default: ComponentMeta<(props: StaticDatePickerProps) => React.JSX.Element>;
 export default _default;
-export declare const Desktop: ComponentStory<(props: StaticDatePickerProps) => JSX.Element>;
-export declare const Mobile: ComponentStory<(props: StaticDatePickerProps) => JSX.Element>;
+export declare const Desktop: ComponentStory<(props: StaticDatePickerProps) => React.JSX.Element>;
+export declare const Mobile: ComponentStory<(props: StaticDatePickerProps) => React.JSX.Element>;

package/dist/published/stories/Stepper.stories.d.ts

@@ -2,9 +2,9 @@ import { StepperProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import React from 'react';
 declare const _default: ComponentMeta<(props: StepperProps<"div", {
-    component?: React.ElementType<any> | undefined;
-}>) => JSX.Element>;
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>) => React.JSX.Element>;
 export default _default;
 export declare const Stepper: ComponentStory<(props: StepperProps<"div", {
-    component?: React.ElementType<any> | undefined;
-}>) => JSX.Element>;
+    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+}>) => React.JSX.Element>;

package/dist/published/stories/Switch.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { SwitchProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: SwitchProps) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: SwitchProps) => React.JSX.Element>;
 export default _default;
-export declare const Switch: ComponentStory<(props: SwitchProps) => JSX.Element>;
+export declare const Switch: ComponentStory<(props: SwitchProps) => React.JSX.Element>;

package/dist/published/stories/Table.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { TableProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: TableProps<"table", {}>) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: TableProps<"table", {}>) => React.JSX.Element>;
 export default _default;
-export declare const Table: ComponentStory<(props: TableProps<"table", {}>) => JSX.Element>;
+export declare const Table: ComponentStory<(props: TableProps<"table", {}>) => React.JSX.Element>;

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { TabsProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: TabsProps<"div", {}>) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: TabsProps<"div", {}>) => React.JSX.Element>;
 export default _default;
-export declare const Tabs: ComponentStory<(props: TabsProps<"div", {}>) => JSX.Element>;
+export declare const Tabs: ComponentStory<(props: TabsProps<"div", {}>) => React.JSX.Element>;

package/dist/published/stories/TextField.stories.d.ts

@@ -1,21 +1,21 @@
-/// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
 declare const _default: ComponentMeta<(props: (import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;
     errorMessage?: string | undefined;
-}) => JSX.Element>;
+}) => React.JSX.Element>;
 export default _default;
 export declare const TextField: ComponentStory<(props: (import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;
     errorMessage?: string | undefined;
-}) => JSX.Element>;
+}) => React.JSX.Element>;
 export declare const TextFieldReadOnly: ComponentStory<(props: (import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps) & {
     labelPlacement?: string | undefined;
     readOnly?: boolean | undefined;
     instructionText?: string | undefined;
     errorMessage?: string | undefined;
-}) => JSX.Element>;
+}) => React.JSX.Element>;

package/dist/published/stories/TimePickerSelect.stories.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
+import React from 'react';
 declare const _default: ComponentMeta<(props: import("../components/custom/FormField/FormField").FormFieldProps & {
     id: string;
-}) => JSX.Element>;
+}) => React.JSX.Element>;
 export default _default;
 export declare const TimePicker: ComponentStory<(props: import("../components/custom/FormField/FormField").FormFieldProps & {
     id: string;
-}) => JSX.Element>;
+}) => React.JSX.Element>;

package/dist/published/stories/ToggleButton.stories.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { ToggleButtonProps } from '@mui/material';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: ToggleButtonProps<"button", {}>) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: ToggleButtonProps<"button", {}>) => React.JSX.Element>;
 export default _default;
-export declare const ToggleButton: ComponentStory<(props: ToggleButtonProps<"button", {}>) => JSX.Element>;
+export declare const ToggleButton: ComponentStory<(props: ToggleButtonProps<"button", {}>) => React.JSX.Element>;

package/dist/published/stories/Typography.stories.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ComponentMeta, ComponentStory } from '@storybook/react';
-declare const _default: ComponentMeta<(props: any) => JSX.Element>;
+import React from 'react';
+declare const _default: ComponentMeta<(props: any) => React.JSX.Element>;
 export default _default;
-export declare const Typography: ComponentStory<(props: any) => JSX.Element>;
+export declare const Typography: ComponentStory<(props: any) => React.JSX.Element>;

package/dist/published/theme/UIThemeProvider.d.ts

@@ -1,10 +1,10 @@
 import { Theme } from '@mui/material';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 type ThemeProviderPropType = {
     args?: {
         theme?: Theme;
     };
     children: ReactNode | string;
 };
-declare function UIThemeProvider(props: ThemeProviderPropType): JSX.Element;
+declare function UIThemeProvider(props: ThemeProviderPropType): React.JSX.Element;
 export default UIThemeProvider;

package/dist/published/theme/hooks.d.ts

@@ -0,0 +1,31 @@
+import { Breakpoint } from '@mui/material/styles';
+/**
+ * Custom hook for responsive design breakpoints using size terminology.
+ * Breakpoints based on MUI default theme:
+ * - xs: 0px to 599px
+ * - sm: 600px to 899px
+ * - md: 900px to 1199px
+ * - lg: 1200px to 1535px
+ * - xl: 1536px and up
+ * @returns Object with boolean flags for different breakpoints
+ */
+export declare function useResponsive(): {
+    /** Extra small screens (0px to 599px) */
+    isXs: boolean;
+    /** Small screens (600px to 899px) */
+    isSm: boolean;
+    /** Medium screens (900px to 1199px) */
+    isMd: boolean;
+    /** Large screens (1200px to 1535px) */
+    isLg: boolean;
+    /** Extra large screens (1536px and up) */
+    isXl: boolean;
+    /** Returns true if viewport width is smaller than the specified breakpoint */
+    smallerThan: (breakpoint: Breakpoint) => boolean;
+    /** Returns true if viewport width is larger than the specified breakpoint */
+    largerThan: (breakpoint: Breakpoint) => boolean;
+    /** Returns true if viewport width is exactly within the specified breakpoint range */
+    exactly: (breakpoint: Breakpoint) => boolean;
+    /** Returns true if viewport width is between the specified breakpoints */
+    between: (start: Breakpoint, end: Breakpoint) => boolean;
+};

package/dist/published/theme/hooks.js

@@ -0,0 +1,35 @@
+import { useTheme } from '@mui/material';
+import useMediaQuery from '@mui/material/useMediaQuery';
+/**
+ * Custom hook for responsive design breakpoints using size terminology.
+ * Breakpoints based on MUI default theme:
+ * - xs: 0px to 599px
+ * - sm: 600px to 899px
+ * - md: 900px to 1199px
+ * - lg: 1200px to 1535px
+ * - xl: 1536px and up
+ * @returns Object with boolean flags for different breakpoints
+ */
+export function useResponsive() {
+    const theme = useTheme();
+    return {
+        /** Extra small screens (0px to 599px) */
+        isXs: useMediaQuery(theme.breakpoints.only('xs')),
+        /** Small screens (600px to 899px) */
+        isSm: useMediaQuery(theme.breakpoints.only('sm')),
+        /** Medium screens (900px to 1199px) */
+        isMd: useMediaQuery(theme.breakpoints.only('md')),
+        /** Large screens (1200px to 1535px) */
+        isLg: useMediaQuery(theme.breakpoints.only('lg')),
+        /** Extra large screens (1536px and up) */
+        isXl: useMediaQuery(theme.breakpoints.only('xl')),
+        /** Returns true if viewport width is smaller than the specified breakpoint */
+        smallerThan: (breakpoint) => useMediaQuery(theme.breakpoints.down(breakpoint)),
+        /** Returns true if viewport width is larger than the specified breakpoint */
+        largerThan: (breakpoint) => useMediaQuery(theme.breakpoints.up(breakpoint)),
+        /** Returns true if viewport width is exactly within the specified breakpoint range */
+        exactly: (breakpoint) => useMediaQuery(theme.breakpoints.only(breakpoint)),
+        /** Returns true if viewport width is between the specified breakpoints */
+        between: (start, end) => useMediaQuery(theme.breakpoints.between(start, end)),
+    };
+}

package/dist/published/theme/index.d.ts

@@ -1,2 +1,5 @@
+import { useMediaQuery, useTheme } from '@mui/material';
 import UIThemeProvider from './UIThemeProvider';
+import { useResponsive } from './hooks';
+export { useMediaQuery, useResponsive, useTheme };
 export default UIThemeProvider;

package/dist/published/theme/index.js

@@ -1,2 +1,5 @@
+import { useMediaQuery, useTheme } from '@mui/material';
 import UIThemeProvider from './UIThemeProvider';
+import { useResponsive } from './hooks';
+export { useMediaQuery, useResponsive, useTheme };
 export default UIThemeProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.2.0-dev.0",
+    "version": "1.2.0-dev.2",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",
@@ -56,7 +56,7 @@
         "@types/luxon": "^3.4.2",
         "@types/nanoid-dictionary": "^4.2.3",
         "@types/node": "^17.0.41",
-        "@types/react": "^17.0.49",
+        "@types/react": "^18.0.17",
         "@types/react-dom": "^18.0.5",
         "@types/react-input-mask": "^3.0.2",
         "@typescript-eslint/eslint-plugin": "^5.52.0",
@@ -122,7 +122,7 @@
         "pluralize": "^8.0.0",
         "pretty-bytes": "^6.1.1",
         "react-dropzone": "^14.2.2",
-        "react-input-mask": "^2.0.4",
+        "react-input-mask": "3.0.0-alpha.2",
         "react-number-format": "^4.9.3",
         "react-querybuilder": "^6.0.2",
         "rtf.js": "^3.0.9",