@popmenu/admin-ui 0.126.1 → 0.126.3

package/build/cjs/theme/customThemeProperties.d.ts

@@ -0,0 +1,63 @@
+/**
+ * These theme properties should be considered legacy. Make efforts to avoid new usage as well as refactor out existing
+ * usage.
+ */
+export declare const adminLightPlaceholder: {
+    placeholder: string;
+};
+export declare const adminDarkPlaceholder: {
+    placeholder: string;
+};
+export declare const adminThemeStatus: {
+    status: {
+        disabled: {
+            opacity: number;
+        };
+    };
+};
+export declare const BASE_Z_INDEX = 1100000;
+export declare const adminThemeZIndex: {
+    zIndex: {
+        mobileStepper: number;
+        appBar: number;
+        drawer: number;
+        modal: number;
+        snackbar: number;
+        tooltip: number;
+    };
+};
+/** The defaults for MuiInputBase and MuiInputLabel can be removed once the BasicForm & 'shared' inputs have either:
+ * 1. been refactored to use secondary color.
+ * 2. been replaced with new common components.
+ *
+ * props as imported from './props' are part updated design system.
+ */
+export declare const adminThemeDefaultProps: {
+    props: {
+        MuiCard: {
+            elevation: number;
+        };
+        MuiTooltip: {
+            title: string;
+            placement: string;
+        };
+        MuiPaper: {
+            elevation: number;
+        };
+        MuiAppBar: {
+            position: string;
+        };
+        MuiInputBase: {
+            color: string;
+        };
+        MuiInputLabel: {
+            color: string;
+        };
+        MuiSwitch: {
+            color: string;
+        };
+        MuiTextField: {
+            variant: string;
+        };
+    };
+};

package/build/cjs/theme/index.d.ts

@@ -0,0 +1,2 @@
+export { adminLight, adminLightOptions } from './adminLightTheme';
+export { adminDark, adminDarkOptions } from './adminDarkTheme';

package/build/cjs/theme/overrides.d.ts

@@ -0,0 +1,30 @@
+export declare const overrides: {
+    MuiCssBaseline: {
+        '@global': {
+            '*::-webkit-scrollbar': {
+                width: string;
+            };
+            '*::-webkit-scrollbar-thumb': {
+                backgroundColor: string;
+                border: string;
+                borderRadius: string;
+            };
+            '*::-webkit-scrollbar-track': {
+                backgroundColor: string;
+                borderRadius: string;
+            };
+        };
+    };
+    MuiSwitch: {
+        checked: {};
+        track: {};
+        switchBase: {
+            '&$checked': {
+                color: string;
+                '& + $track': {
+                    background: string;
+                };
+            };
+        };
+    };
+};

package/build/cjs/theme/palette.d.ts

@@ -0,0 +1,128 @@
+export declare const basePalette: {
+    /** Semantic Colors */
+    primary: {
+        light: string;
+        main: string;
+        dark: string;
+        contrastText: string;
+        gradientStart: string;
+        gradientEnd: string;
+    };
+    info: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    success: {
+        light: string;
+        main: string;
+        dark: string;
+        contrastText: string;
+    };
+    error: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    warning: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    /** Colors */
+    blue: {
+        light: string;
+        main: string;
+        dark: string;
+        darker: string;
+    };
+    green: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    purple: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    red: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    yellow: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    gray: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    white: {
+        main: string;
+    };
+};
+export declare const adminLightPalette: {
+    type: string;
+    /** Semantic Colors */
+    secondary: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+    surface: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+};
+export declare const adminDarkPalette: {
+    type: string;
+    /** Semantic Colors */
+    secondary: {
+        light: string;
+        main: string;
+    };
+    surface: {
+        light: string;
+        main: string;
+        dark: string;
+    };
+};
+export declare const dataVizPalette: {
+    data: {
+        blue: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        peach: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        pink: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        purple: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        marigold: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+        teal: {
+            light: string;
+            main: string;
+            dark: string;
+        };
+    };
+};

package/build/cjs/theme/props.d.ts

@@ -0,0 +1,8 @@
+export declare const props: {
+    MuiSwitch: {
+        color: string;
+    };
+    MuiTextField: {
+        variant: string;
+    };
+};

package/build/cjs/theme/typography.d.ts

@@ -0,0 +1,61 @@
+export declare const adminThemeTypography: {
+    htmlFontSize: number;
+    fontFamily: string;
+    h1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h2: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h3: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h4: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h5: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h6: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    h7: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    body1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    body2: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+    };
+    subtitle1: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        color: string;
+    };
+    button: {
+        fontWeight: number;
+        fontSize: string;
+        lineHeight: string;
+        textTransform: string;
+    };
+};

package/build/esm/components/Alert/AlertStyles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 
 var useAlertStyles = makeStyles(function (theme) { return ({
     root: {

package/build/esm/components/Alert/AlertStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertStyles.js","sources":["../../../../src/components/Alert/AlertStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { AlertProps } from './AlertProps'\n\nexport const useAlertStyles = makeStyles<Theme, AlertProps, 'root'>((theme) => ({\n  root: {\n    alignItems: 'center',\n    width: ({ fullWidth }) => (fullWidth ? '100%' : 'unset'),\n    background: 'white',\n    borderColor: (props) => theme.palette[props.severity || 'error'].main,\n    borderLeft: `${theme.spacing(1)}px solid`,\n    color: theme.palette.text.primary,\n  },\n  icon: {\n    alignSelf: 'start',\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,cAAc,GAAG,UAAU,CAA4B,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9E,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,UAAC,EAAa,EAAA;AAAX,YAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;YAAO,QAAC,SAAS,GAAG,MAAM,GAAG,OAAO;SAAC;AACxD,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,IAAI,GAAA;AACrE,QAAA,UAAU,EAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAU,UAAA;AACzC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,OAAO;AACnB,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"AlertStyles.js","sources":["../../../../src/components/Alert/AlertStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { AlertProps } from './AlertProps'\n\nexport const useAlertStyles = makeStyles<Theme, AlertProps, 'root'>((theme) => ({\n  root: {\n    alignItems: 'center',\n    width: ({ fullWidth }) => (fullWidth ? '100%' : 'unset'),\n    background: 'white',\n    borderColor: (props) => theme.palette[props.severity || 'error'].main,\n    borderLeft: `${theme.spacing(1)}px solid`,\n    color: theme.palette.text.primary,\n  },\n  icon: {\n    alignSelf: 'start',\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,cAAc,GAAG,UAAU,CAA4B,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9E,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,UAAC,EAAa,EAAA;AAAX,YAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;YAAO,QAAC,SAAS,GAAG,MAAM,GAAG,OAAO;SAAC;AACxD,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,IAAI,GAAA;AACrE,QAAA,UAAU,EAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAU,UAAA;AACzC,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AAClC,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,OAAO;AACnB,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/AlertDialog/AlertDialogStyles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 
 var useAlertDialogStyles = makeStyles(function (theme) { return ({
     cancelButton: {

package/build/esm/components/AlertDialog/AlertDialogStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogStyles.js","sources":["../../../../src/components/AlertDialog/AlertDialogStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { AlertDialogProps } from './AlertDialogProps'\n\nexport const useAlertDialogStyles = makeStyles<\n  Theme,\n  AlertDialogProps,\n  'cancelButton' | 'cancelIcon' | 'card' | 'cardActions' | 'icon' | 'root'\n>((theme) => ({\n  cancelButton: {\n    color: theme.palette.grey[700],\n  },\n  cancelIcon: {\n    position: 'absolute',\n    right: theme.spacing(1),\n    top: theme.spacing(2),\n  },\n  card: {\n    borderRadius: theme.spacing(0.75),\n    borderTop: (props) => `${theme.spacing(1.25)}px solid ${theme.palette[props.severity || 'info'].main}`,\n  },\n  cardActions: {\n    background: theme.palette.grey[100],\n    justifyContent: 'flex-end',\n  },\n  icon: {\n    fontSize: theme.spacing(5),\n  },\n  root: {\n    borderRadius: theme.spacing(0.75),\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,oBAAoB,GAAG,UAAU,CAI5C,UAAC,KAAK,EAAK,EAAA,QAAC;AACZ,IAAA,YAAY,EAAE;QACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACvB,QAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACtB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,SAAS,EAAE,UAAC,KAAK,EAAK,EAAA,OAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAA,WAAA,GAAY,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC,IAAM,CAAA,EAAA;AACvG,KAAA;AACD,IAAA,WAAW,EAAE;QACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,cAAc,EAAE,UAAU;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAClC,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"AlertDialogStyles.js","sources":["../../../../src/components/AlertDialog/AlertDialogStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { AlertDialogProps } from './AlertDialogProps'\n\nexport const useAlertDialogStyles = makeStyles<\n  Theme,\n  AlertDialogProps,\n  'cancelButton' | 'cancelIcon' | 'card' | 'cardActions' | 'icon' | 'root'\n>((theme) => ({\n  cancelButton: {\n    color: theme.palette.grey[700],\n  },\n  cancelIcon: {\n    position: 'absolute',\n    right: theme.spacing(1),\n    top: theme.spacing(2),\n  },\n  card: {\n    borderRadius: theme.spacing(0.75),\n    borderTop: (props) => `${theme.spacing(1.25)}px solid ${theme.palette[props.severity || 'info'].main}`,\n  },\n  cardActions: {\n    background: theme.palette.grey[100],\n    justifyContent: 'flex-end',\n  },\n  icon: {\n    fontSize: theme.spacing(5),\n  },\n  root: {\n    borderRadius: theme.spacing(0.75),\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,oBAAoB,GAAG,UAAU,CAI5C,UAAC,KAAK,EAAK,EAAA,QAAC;AACZ,IAAA,YAAY,EAAE;QACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACvB,QAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACtB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QACjC,SAAS,EAAE,UAAC,KAAK,EAAK,EAAA,OAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAA,WAAA,GAAY,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC,IAAM,CAAA,EAAA;AACvG,KAAA;AACD,IAAA,WAAW,EAAE;QACX,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,cAAc,EAAE,UAAU;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AAClC,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/AlertTitle/AlertTitle.d.ts

@@ -1,3 +1,3 @@
+import { AlertTitleProps } from '@material-ui/lab';
 import { FC } from 'react';
-import { AlertTitleProps } from '@material-ui/lab/AlertTitle';
 export declare const AlertTitle: FC<AlertTitleProps>;

package/build/esm/components/AlertTitle/AlertTitle.js

@@ -1,11 +1,11 @@
 import { __rest, __assign } from 'tslib';
+import { AlertTitle as AlertTitle$1 } from '@material-ui/lab';
 import React from 'react';
-import MuiAlertTitle from '@material-ui/lab/AlertTitle';
 import { Typography } from '@popmenu/common-ui';
 
 var AlertTitle = function (props) {
     var children = props.children, muiProps = __rest(props, ["children"]);
-    return (React.createElement(MuiAlertTitle, __assign({}, muiProps),
+    return (React.createElement(AlertTitle$1, __assign({}, muiProps),
         React.createElement(Typography, { variant: "h6" },
             " ",
             children,

package/build/esm/components/AlertTitle/AlertTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertTitle.js","sources":["../../../../src/components/AlertTitle/AlertTitle.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport MuiAlertTitle, { AlertTitleProps } from '@material-ui/lab/AlertTitle'\n\nimport { Typography } from '@popmenu/common-ui'\n\nexport const AlertTitle: FC<AlertTitleProps> = (props) => {\n  const { children, ...muiProps } = props\n  return (\n    <MuiAlertTitle {...muiProps}>\n      <Typography variant=\"h6\"> {children} </Typography>\n    </MuiAlertTitle>\n  )\n}\n\nAlertTitle.displayName = 'AlertTitle'\n"],"names":[],"mappings":";;;;;AAKO,IAAM,UAAU,GAAwB,UAAC,KAAK,EAAA;IAC3C,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAC7B,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,QAAA,CAAA,EAAA,EAAK,QAAQ,CAAA;AACzB,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA;;YAAG,QAAQ;AAAe,YAAA,GAAA,CAAA,CACpC;AAEpB;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"AlertTitle.js","sources":["../../../../src/components/AlertTitle/AlertTitle.tsx"],"sourcesContent":["import { AlertTitleProps, AlertTitle as MuiAlertTitle } from '@material-ui/lab'\nimport React, { FC } from 'react'\n\nimport { Typography } from '@popmenu/common-ui'\n\nexport const AlertTitle: FC<AlertTitleProps> = (props) => {\n  const { children, ...muiProps } = props\n  return (\n    <MuiAlertTitle {...muiProps}>\n      <Typography variant=\"h6\"> {children} </Typography>\n    </MuiAlertTitle>\n  )\n}\n\nAlertTitle.displayName = 'AlertTitle'\n"],"names":["MuiAlertTitle"],"mappings":";;;;;AAKO,IAAM,UAAU,GAAwB,UAAC,KAAK,EAAA;IAC3C,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAC7B,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,YAAa,EAAA,QAAA,CAAA,EAAA,EAAK,QAAQ,CAAA;AACzB,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA;;YAAG,QAAQ;AAAe,YAAA,GAAA,CAAA,CACpC;AAEpB;AAEA,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/build/esm/components/AlertTitle/index.d.ts

@@ -1,2 +1,2 @@
+export type { AlertTitleProps } from '@material-ui/lab';
 export { AlertTitle as default } from './AlertTitle';
-export { AlertTitleProps } from '@material-ui/lab/AlertTitle';

package/build/esm/components/ButtonGroup/ButtonGroup.js

@@ -1,9 +1,9 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
+import { useTheme } from '@material-ui/core';
 import { ButtonGroup as ButtonGroup$1 } from '@popmenu/common-ui';
 import { deriveButtonProps } from '../Button/util/deriveButtonProps.js';
 import { useButtonGroupStyles } from './ButtonGroupStyles.js';
-import { useTheme } from '@material-ui/core/styles';
 
 var ButtonGroup = forwardRef(function (props, ref) {
     var children = props.children, _a = props.variant, variant = _a === void 0 ? 'primary' : _a, muiProps = __rest(props, ["children", "variant"]);

package/build/esm/components/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { ButtonGroup as CommonButtonGroup } from '@popmenu/common-ui'\nimport { ButtonGroupProps } from './ButtonGroupProps'\nimport { deriveButtonProps } from '../Button/util/deriveButtonProps'\nimport { useButtonGroupStyles } from './ButtonGroupStyles'\nimport { useTheme } from '@material-ui/core/styles'\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>((props, ref) => {\n  const { children, variant = 'primary', ...muiProps } = props\n  const classes = useButtonGroupStyles(props)\n  const derivedProps = deriveButtonProps({ variant })\n  const { spacing } = useTheme()\n  const childrenWithProps = React.Children.map(children, (child, i) => {\n    const isFirst = i === 0 && props.orientation === 'vertical'\n    const isLast = i === React.Children.toArray(children).length - 1 && props.orientation === 'vertical'\n    const firstStyles = { style: { borderTopLeftRadius: spacing(2), borderTopRightRadius: spacing(2) } }\n    const lastStyles = { style: { borderBottomLeftRadius: spacing(2), borderBottomRightRadius: spacing(2) } }\n    if (!React.isValidElement(child)) {\n      return null\n    }\n    return React.cloneElement(child, { variant, ...(isFirst && firstStyles), ...(isLast && lastStyles) })\n  })\n  return (\n    <CommonButtonGroup ref={ref} classes={classes} {...derivedProps} {...muiProps}>\n      {childrenWithProps}\n    </CommonButtonGroup>\n  )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\n"],"names":["CommonButtonGroup"],"mappings":";;;;;;;IAQa,WAAW,GAAG,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG,EAAA;IACzE,IAAA,QAAQ,GAAuC,KAAK,CAAA,QAA5C,EAAE,EAAqC,GAAA,KAAK,QAAvB,EAAnB,OAAO,mBAAG,SAAS,GAAA,EAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAtD,CAAA,UAAA,EAAA,SAAA,CAA8C,CAAF;AAClD,IAAA,IAAM,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC;IAC3C,IAAM,YAAY,GAAG,iBAAiB,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;AAC3C,IAAA,IAAA,OAAO,GAAK,QAAQ,EAAE,QAAf;AACf,IAAA,IAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,CAAC,EAAA;QAC9D,IAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;QAC3D,IAAM,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;QACpG,IAAM,WAAW,GAAG,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACpG,IAAM,UAAU,GAAG,EAAE,KAAK,EAAE,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;AACzG,QAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAChC,YAAA,OAAO,IAAI;AACZ;QACD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAI,QAAA,CAAA,QAAA,CAAA,EAAA,OAAO,SAAA,EAAK,GAAC,OAAO,IAAI,WAAW,EAAM,GAAC,MAAM,IAAI,UAAU,EAAC,CAAG;AACvG,KAAC,CAAC;AACF,IAAA,QACE,KAAC,CAAA,aAAA,CAAAA,aAAiB,aAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAA,EAAM,YAAY,EAAM,QAAQ,GAC1E,iBAAiB,CACA;AAExB,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { useTheme } from '@material-ui/core'\nimport { ButtonGroup as CommonButtonGroup } from '@popmenu/common-ui'\nimport { deriveButtonProps } from '../Button/util/deriveButtonProps'\nimport { ButtonGroupProps } from './ButtonGroupProps'\nimport { useButtonGroupStyles } from './ButtonGroupStyles'\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>((props, ref) => {\n  const { children, variant = 'primary', ...muiProps } = props\n  const classes = useButtonGroupStyles(props)\n  const derivedProps = deriveButtonProps({ variant })\n  const { spacing } = useTheme()\n  const childrenWithProps = React.Children.map(children, (child, i) => {\n    const isFirst = i === 0 && props.orientation === 'vertical'\n    const isLast = i === React.Children.toArray(children).length - 1 && props.orientation === 'vertical'\n    const firstStyles = { style: { borderTopLeftRadius: spacing(2), borderTopRightRadius: spacing(2) } }\n    const lastStyles = { style: { borderBottomLeftRadius: spacing(2), borderBottomRightRadius: spacing(2) } }\n    if (!React.isValidElement(child)) {\n      return null\n    }\n    return React.cloneElement(child, { variant, ...(isFirst && firstStyles), ...(isLast && lastStyles) })\n  })\n  return (\n    <CommonButtonGroup ref={ref} classes={classes} {...derivedProps} {...muiProps}>\n      {childrenWithProps}\n    </CommonButtonGroup>\n  )\n})\n\nButtonGroup.displayName = 'ButtonGroup'\n"],"names":["CommonButtonGroup"],"mappings":";;;;;;;IAQa,WAAW,GAAG,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG,EAAA;IACzE,IAAA,QAAQ,GAAuC,KAAK,CAAA,QAA5C,EAAE,EAAqC,GAAA,KAAK,QAAvB,EAAnB,OAAO,mBAAG,SAAS,GAAA,EAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAtD,CAAA,UAAA,EAAA,SAAA,CAA8C,CAAF;AAClD,IAAA,IAAM,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC;IAC3C,IAAM,YAAY,GAAG,iBAAiB,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;AAC3C,IAAA,IAAA,OAAO,GAAK,QAAQ,EAAE,QAAf;AACf,IAAA,IAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,CAAC,EAAA;QAC9D,IAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;QAC3D,IAAM,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;QACpG,IAAM,WAAW,GAAG,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACpG,IAAM,UAAU,GAAG,EAAE,KAAK,EAAE,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;AACzG,QAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAChC,YAAA,OAAO,IAAI;AACZ;QACD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAI,QAAA,CAAA,QAAA,CAAA,EAAA,OAAO,SAAA,EAAK,GAAC,OAAO,IAAI,WAAW,EAAM,GAAC,MAAM,IAAI,UAAU,EAAC,CAAG;AACvG,KAAC,CAAC;AACF,IAAA,QACE,KAAC,CAAA,aAAA,CAAAA,aAAiB,aAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAA,EAAM,YAAY,EAAM,QAAQ,GAC1E,iBAAiB,CACA;AAExB,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/build/esm/components/ButtonGroup/ButtonGroupStyles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 
 var getBorderColor = function (palette, variant) {
     var borderColor = 'inherit';

package/build/esm/components/ButtonGroup/ButtonGroupStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupStyles.js","sources":["../../../../src/components/ButtonGroup/ButtonGroupStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { ButtonGroupProps } from './ButtonGroupProps'\n\nconst getBorderColor = (palette: Theme['palette'], variant: ButtonGroupProps['variant']): string => {\n  let borderColor = 'inherit'\n  if (['primary', 'secondary', 'info', 'success', 'warning', 'error'].includes(variant as string)) {\n    // @ts-expect-error - todo.\n    borderColor = palette[variant as string].light\n  }\n  return borderColor\n}\n\nexport const useButtonGroupStyles = makeStyles<Theme, ButtonGroupProps, 'groupedContained' | 'groupedText'>(\n  (theme) => ({\n    root: {\n      boxShadow: 'none',\n    },\n    groupedContained: {\n      '&&': {\n        borderColor: (props) => getBorderColor(theme.palette, props.variant),\n      },\n    },\n    groupedText: {\n      '&&': {\n        borderColor: theme.palette.info.main,\n      },\n    },\n  }),\n)\n"],"names":[],"mappings":";;AAIA,IAAM,cAAc,GAAG,UAAC,OAAyB,EAAE,OAAoC,EAAA;IACrF,IAAI,WAAW,GAAG,SAAS;AAC3B,IAAA,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,OAAiB,CAAC,EAAE;;AAE/F,QAAA,WAAW,GAAG,OAAO,CAAC,OAAiB,CAAC,CAAC,KAAK;AAC/C;AACD,IAAA,OAAO,WAAW;AACpB,CAAC;AAEY,IAAA,oBAAoB,GAAG,UAAU,CAC5C,UAAC,KAAK,EAAK,EAAA,QAAC;AACV,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,UAAC,KAAK,EAAK,EAAA,OAAA,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAA;AACrE,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AACrC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"ButtonGroupStyles.js","sources":["../../../../src/components/ButtonGroup/ButtonGroupStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ButtonGroupProps } from './ButtonGroupProps'\n\nconst getBorderColor = (palette: Theme['palette'], variant: ButtonGroupProps['variant']): string => {\n  let borderColor = 'inherit'\n  if (['primary', 'secondary', 'info', 'success', 'warning', 'error'].includes(variant as string)) {\n    // @ts-expect-error - todo.\n    borderColor = palette[variant as string].light\n  }\n  return borderColor\n}\n\nexport const useButtonGroupStyles = makeStyles<Theme, ButtonGroupProps, 'groupedContained' | 'groupedText'>(\n  (theme) => ({\n    root: {\n      boxShadow: 'none',\n    },\n    groupedContained: {\n      '&&': {\n        borderColor: (props) => getBorderColor(theme.palette, props.variant),\n      },\n    },\n    groupedText: {\n      '&&': {\n        borderColor: theme.palette.info.main,\n      },\n    },\n  }),\n)\n"],"names":[],"mappings":";;AAIA,IAAM,cAAc,GAAG,UAAC,OAAyB,EAAE,OAAoC,EAAA;IACrF,IAAI,WAAW,GAAG,SAAS;AAC3B,IAAA,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,OAAiB,CAAC,EAAE;;AAE/F,QAAA,WAAW,GAAG,OAAO,CAAC,OAAiB,CAAC,CAAC,KAAK;AAC/C;AACD,IAAA,OAAO,WAAW;AACpB,CAAC;AAEY,IAAA,oBAAoB,GAAG,UAAU,CAC5C,UAAC,KAAK,EAAK,EAAA,QAAC;AACV,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,MAAM;AAClB,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,UAAC,KAAK,EAAK,EAAA,OAAA,cAAc,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAA;AACrE,SAAA;AACF,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AACrC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/FeatureIntro/FeatureIntroStyles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 
 var useFeatureIntroStyles = makeStyles(function (_a) {
     var spacing = _a.spacing;

package/build/esm/components/FeatureIntro/FeatureIntroStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureIntroStyles.js","sources":["../../../../src/components/FeatureIntro/FeatureIntroStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { FeatureIntroProps } from './FeatureIntroProps'\n\nexport const useFeatureIntroStyles = makeStyles<Theme, FeatureIntroProps>(({ spacing }) => ({\n  root: {\n    gap: spacing(3),\n  },\n  actions: {\n    gap: spacing(3),\n  },\n  image: {\n    width: '100%',\n    objectFit: 'contain',\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,qBAAqB,GAAG,UAAU,CAA2B,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAC1F,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,SAAS,EAAE,SAAS;AACrB,SAAA;KACF;AAX0F,CAWzF;;;;"}
+{"version":3,"file":"FeatureIntroStyles.js","sources":["../../../../src/components/FeatureIntro/FeatureIntroStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FeatureIntroProps } from './FeatureIntroProps'\n\nexport const useFeatureIntroStyles = makeStyles<Theme, FeatureIntroProps>(({ spacing }) => ({\n  root: {\n    gap: spacing(3),\n  },\n  actions: {\n    gap: spacing(3),\n  },\n  image: {\n    width: '100%',\n    objectFit: 'contain',\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,qBAAqB,GAAG,UAAU,CAA2B,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAC1F,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AAChB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,SAAS,EAAE,SAAS;AACrB,SAAA;KACF;AAX0F,CAWzF;;;;"}

package/build/esm/components/FullScreenStepper/FullScreenStepper.js

@@ -1,7 +1,6 @@
 import { __rest, __assign, __awaiter, __generator } from 'tslib';
+import { Dialog, Box } from '@material-ui/core';
 import React, { useState } from 'react';
-import Box from '@material-ui/core/Box';
-import Dialog from '@material-ui/core/Dialog';
 import { FullScreenStepperActions } from '../FullScreenStepperActions/FullScreenStepperActions.js';
 import { FullScreenStepperHeader } from '../FullScreenStepperHeader/FullScreenStepperHeader.js';
 import { FullScreenStepperContext } from './FullScreenStepperContext.js';

package/build/esm/components/FullScreenStepper/FullScreenStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenStepper.js","sources":["../../../../src/components/FullScreenStepper/FullScreenStepper.tsx"],"sourcesContent":["import React, { FC, useState } from 'react'\nimport Box from '@material-ui/core/Box'\nimport Dialog from '@material-ui/core/Dialog'\n\nimport FullScreenStepperActions from '../FullScreenStepperActions'\nimport FullScreenStepperHeader from '../FullScreenStepperHeader'\nimport { FullScreenStepperContext } from './FullScreenStepperContext'\nimport { FullScreenStepperProps } from './FullScreenStepperProps'\n\n/**\n * TODO\n * - i18n?\n * - loading?\n */\n\nexport const FullScreenStepper: FC<FullScreenStepperProps> = (props) => {\n  const {\n    children,\n    context = {},\n    defaultStepCursor = 1,\n    displayActionBar = true,\n    displayCancelButton = true,\n    displayPreviousButton = true,\n    resetStepCursorOnCancel = true,\n    resetStepCursorOnClose = true,\n    steps,\n    onClose,\n    onFinish,\n    onNext,\n    onCancel,\n    onPrevious,\n    ...DialogProps\n  } = props\n  const [stepCursor, setStepCursor] = useState(defaultStepCursor)\n  const stepCount = steps.length\n  const stepIndex = stepCursor - 1\n  const step = steps[stepIndex]\n  const { displayActionBar: displayStepActionBar = true } = step\n  const isFinalStep = stepCursor / stepCount === 1\n  const callbackArgs = { setStepCursor, step, stepCount, stepIndex, steps }\n  const mergedContext = { ...context, ...callbackArgs }\n  const resetStepCursor = () => setTimeout(() => setStepCursor(1), 600)\n  const handleClose = () => {\n    if (typeof onClose === 'function') {\n      onClose(callbackArgs)\n    }\n    if (resetStepCursorOnClose) {\n      resetStepCursor()\n    }\n  }\n  const handleNextClick = async () => {\n    if (isFinalStep) {\n      if (typeof onFinish === 'function') {\n        await onFinish(callbackArgs)\n      }\n      if (typeof onClose === 'function') {\n        onClose(callbackArgs)\n      }\n      resetStepCursor()\n    } else {\n      if (typeof onNext === 'function') {\n        await onNext(callbackArgs)\n      }\n      setStepCursor(stepCursor + 1)\n    }\n  }\n  const handlePreviousClick = async () => {\n    if (typeof onPrevious === 'function') {\n      await onPrevious(callbackArgs)\n    }\n    setStepCursor(stepCursor - 1)\n  }\n  const handleCancelClick = async () => {\n    if (typeof onCancel === 'function') {\n      await onCancel(callbackArgs)\n    }\n    if (resetStepCursorOnCancel) {\n      resetStepCursor()\n    }\n  }\n  const content = React.Children.toArray(children).find(\n    (child) => React.isValidElement(child) && child.props.name === step.name,\n  )\n\n  return (\n    <Dialog fullScreen {...DialogProps}>\n      <FullScreenStepperContext.Provider value={mergedContext}>\n        <Box display=\"flex\" flexDirection=\"column\" flexGrow={1}>\n          <FullScreenStepperHeader stepCount={stepCount} stepCursor={stepCursor} onClose={handleClose} step={step} />\n          <Box display=\"flex\" mx={6} flexGrow={1} alignItems=\"center\" flexDirection=\"column\">\n            {content}\n          </Box>\n          {displayActionBar && displayStepActionBar && (\n            <FullScreenStepperActions\n              {...step.actionBar}\n              callbackArgs={callbackArgs}\n              displayCancelButton={displayCancelButton}\n              displayPreviousButton={displayPreviousButton}\n              stepCount={stepCount}\n              stepCursor={stepCursor}\n              setStepCursor={setStepCursor}\n              handleCancelClick={handleCancelClick}\n              handleNextClick={handleNextClick}\n              handlePreviousClick={handlePreviousClick}\n            />\n          )}\n        </Box>\n      </FullScreenStepperContext.Provider>\n    </Dialog>\n  )\n}\n\nFullScreenStepper.displayName = 'FullScreenStepper'\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FullScreenStepper.js","sources":["../../../../src/components/FullScreenStepper/FullScreenStepper.tsx"],"sourcesContent":["import { Box, Dialog } from '@material-ui/core'\nimport React, { FC, useState } from 'react'\nimport FullScreenStepperActions from '../FullScreenStepperActions'\nimport FullScreenStepperHeader from '../FullScreenStepperHeader'\nimport { FullScreenStepperContext } from './FullScreenStepperContext'\nimport { FullScreenStepperProps } from './FullScreenStepperProps'\n\n/**\n * TODO\n * - i18n?\n * - loading?\n */\n\nexport const FullScreenStepper: FC<FullScreenStepperProps> = (props) => {\n  const {\n    children,\n    context = {},\n    defaultStepCursor = 1,\n    displayActionBar = true,\n    displayCancelButton = true,\n    displayPreviousButton = true,\n    resetStepCursorOnCancel = true,\n    resetStepCursorOnClose = true,\n    steps,\n    onClose,\n    onFinish,\n    onNext,\n    onCancel,\n    onPrevious,\n    ...DialogProps\n  } = props\n  const [stepCursor, setStepCursor] = useState(defaultStepCursor)\n  const stepCount = steps.length\n  const stepIndex = stepCursor - 1\n  const step = steps[stepIndex]\n  const { displayActionBar: displayStepActionBar = true } = step\n  const isFinalStep = stepCursor / stepCount === 1\n  const callbackArgs = { setStepCursor, step, stepCount, stepIndex, steps }\n  const mergedContext = { ...context, ...callbackArgs }\n  const resetStepCursor = () => setTimeout(() => setStepCursor(1), 600)\n  const handleClose = () => {\n    if (typeof onClose === 'function') {\n      onClose(callbackArgs)\n    }\n    if (resetStepCursorOnClose) {\n      resetStepCursor()\n    }\n  }\n  const handleNextClick = async () => {\n    if (isFinalStep) {\n      if (typeof onFinish === 'function') {\n        await onFinish(callbackArgs)\n      }\n      if (typeof onClose === 'function') {\n        onClose(callbackArgs)\n      }\n      resetStepCursor()\n    } else {\n      if (typeof onNext === 'function') {\n        await onNext(callbackArgs)\n      }\n      setStepCursor(stepCursor + 1)\n    }\n  }\n  const handlePreviousClick = async () => {\n    if (typeof onPrevious === 'function') {\n      await onPrevious(callbackArgs)\n    }\n    setStepCursor(stepCursor - 1)\n  }\n  const handleCancelClick = async () => {\n    if (typeof onCancel === 'function') {\n      await onCancel(callbackArgs)\n    }\n    if (resetStepCursorOnCancel) {\n      resetStepCursor()\n    }\n  }\n  const content = React.Children.toArray(children).find(\n    (child) => React.isValidElement(child) && child.props.name === step.name,\n  )\n\n  return (\n    <Dialog fullScreen {...DialogProps}>\n      <FullScreenStepperContext.Provider value={mergedContext}>\n        <Box display=\"flex\" flexDirection=\"column\" flexGrow={1}>\n          <FullScreenStepperHeader stepCount={stepCount} stepCursor={stepCursor} onClose={handleClose} step={step} />\n          <Box display=\"flex\" mx={6} flexGrow={1} alignItems=\"center\" flexDirection=\"column\">\n            {content}\n          </Box>\n          {displayActionBar && displayStepActionBar && (\n            <FullScreenStepperActions\n              {...step.actionBar}\n              callbackArgs={callbackArgs}\n              displayCancelButton={displayCancelButton}\n              displayPreviousButton={displayPreviousButton}\n              stepCount={stepCount}\n              stepCursor={stepCursor}\n              setStepCursor={setStepCursor}\n              handleCancelClick={handleCancelClick}\n              handleNextClick={handleNextClick}\n              handlePreviousClick={handlePreviousClick}\n            />\n          )}\n        </Box>\n      </FullScreenStepperContext.Provider>\n    </Dialog>\n  )\n}\n\nFullScreenStepper.displayName = 'FullScreenStepper'\n"],"names":[],"mappings":"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"}

package/build/esm/components/FullScreenStepper/FullScreenStepperContext.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { FullScreenStepperTypes } from './types';
-export interface FullScreenStepperContextValue extends FullScreenStepperTypes.EventCallbackArgs {
+import { ActionBarActionCallbackArgs } from './FullScreenStepperProps';
+export interface FullScreenStepperContextValue extends ActionBarActionCallbackArgs {
     [key: string]: unknown;
 }
 export declare const FullScreenStepperContext: import("react").Context<FullScreenStepperContextValue>;

package/build/esm/components/FullScreenStepper/FullScreenStepperContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenStepperContext.js","sources":["../../../../src/components/FullScreenStepper/FullScreenStepperContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { FullScreenStepperTypes } from './types'\n\nexport interface FullScreenStepperContextValue extends FullScreenStepperTypes.EventCallbackArgs {\n  [key: string]: unknown\n}\n\nexport const FullScreenStepperContext = createContext({} as FullScreenStepperContextValue)\n"],"names":[],"mappings":";;IAOa,wBAAwB,GAAG,aAAa,CAAC,EAAmC;;;;"}
+{"version":3,"file":"FullScreenStepperContext.js","sources":["../../../../src/components/FullScreenStepper/FullScreenStepperContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { ActionBarActionCallbackArgs } from './FullScreenStepperProps'\n\nexport interface FullScreenStepperContextValue extends ActionBarActionCallbackArgs {\n  [key: string]: unknown\n}\n\nexport const FullScreenStepperContext = createContext({} as FullScreenStepperContextValue)\n"],"names":[],"mappings":";;IAOa,wBAAwB,GAAG,aAAa,CAAC,EAAmC;;;;"}

package/build/esm/components/FullScreenStepper/FullScreenStepperProps.d.ts

@@ -1,46 +1,66 @@
 /// <reference types="react" />
-import { DialogProps } from '@material-ui/core/Dialog';
+import { DialogProps } from '@material-ui/core';
 import { ButtonProps } from '../Button';
-import { FullScreenStepperTypes } from './types';
-export declare namespace FullScreenStepperSubProps {
-    interface ActionBar {
-        /** Custom actions for a given step. Will appear as additional Button components. */
-        actions?: Array<{
-            onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, callbackArgs: FullScreenStepperTypes.EventCallbackArgs) => void;
-            props: ButtonProps;
-            text: string;
-        }>;
-        /** Override for "Cancel" button. */
-        cancelButtonProps?: ButtonProps;
-        /** Custom text for "Cancel" button. */
-        cancelButtonText?: string;
-        /** Custom text for "Finish" button. */
-        finishButtonText?: string;
-        /** Override for "Next" button. */
-        nextButtonProps?: ButtonProps;
-        /** Custom text for "Next" button. */
-        nextButtonText?: string;
-        /** Override for "Previous" button. */
-        previousButtonProps?: ButtonProps;
-        /** Custom text for "Previous" button. */
-        previousButtonText?: string;
-        /** Text for the optional "Status Text" region. */
-        statusText?: string;
-    }
-    interface Step {
-        /** Group of props for modifying the ActionBar region of FullScreenStepper. */
-        actionBar?: ActionBar;
-        /** When false; disables the ActionBar of a step */
-        displayActionBar?: boolean;
-        /** The name of a given step. Used to match with a provided content component. */
-        name: string;
-        /** Text displayed as the title of a step. */
-        title: string;
-    }
-}
-export interface FullScreenStepperProps extends DialogProps {
+/** The current active step. Counts up from 1. */
+export declare type StepCursor = number;
+/** An updater function the state controlling which step is active. */
+export declare type SetStepCursor = (step: number) => void;
+/** The total number of steps. */
+export declare type StepCount = number;
+/** The index of the current step in the steps array. */
+export declare type StepIndex = number;
+/** Indicates that the FullScreenStepper is showing the last step in the steps array. */
+export declare type IsFinalStep = boolean;
+export declare type ActionBarActionCallbackArgs = {
+    /** The current step object. */
+    step: StepperStep;
+    /** The total number of steps. */
+    stepCount: number;
+    /** The index of the current step in the steps array. */
+    stepIndex: number;
+    /** An updater function the state controlling which step is active. */
+    setStepCursor: (cursor: number) => void;
+    /** The steps prop that is passed into the FullScreenStepper */
+    steps: Array<StepperStep>;
+};
+export declare type ActionBarAction = {
+    onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, callbackArgs: ActionBarActionCallbackArgs) => void;
+    props: ButtonProps;
+    text: string;
+};
+export declare type StepperActionBar = {
+    /** Custom actions for a given step. Will appear as additional Button components. */
+    actions?: Array<ActionBarAction>;
+    /** Override for "Cancel" button. */
+    cancelButtonProps?: ButtonProps;
+    /** Custom text for "Cancel" button. */
+    cancelButtonText?: string;
+    /** Custom text for "Finish" button. */
+    finishButtonText?: string;
+    /** Override for "Next" button. */
+    nextButtonProps?: ButtonProps;
+    /** Custom text for "Next" button. */
+    nextButtonText?: string;
+    /** Override for "Previous" button. */
+    previousButtonProps?: ButtonProps;
+    /** Custom text for "Previous" button. */
+    previousButtonText?: string;
+    /** Text for the optional "Status Text" region. */
+    statusText?: string;
+};
+export declare type StepperStep = {
+    /** Group of props for modifying the ActionBar region of FullScreenStepper. */
+    actionBar?: StepperActionBar;
+    /** When false; disables the ActionBar of a step */
+    displayActionBar?: boolean;
+    /** The name of a given step. Used to match with a provided content component. */
+    name: string;
+    /** Text displayed as the title of a step. */
+    title: string;
+};
+export declare type FullScreenStepperProps = DialogProps & {
     /** Configurations for each step. Modifies elements outside the FullScreenStepper content area. */
-    steps: Array<FullScreenStepperSubProps.Step>;
+    steps: Array<StepperStep>;
     /** Will be used to initialize a React context which can be accessed with the useFullScreenStepperHook. */
     context?: Record<string, unknown>;
     /** Specifies which step the dialog will initialize at. */
@@ -56,13 +76,13 @@ export interface FullScreenStepperProps extends DialogProps {
     /** When true; the stepper will update it's internal state to render the first step after a user closes the stepper. */
     resetStepCursorOnClose?: boolean;
     /** Callback triggered when the "Cancel" button is clicked. Called with `step`, `steps`, and `stepIndex`. */
-    onCancel?: (args: FullScreenStepperTypes.EventCallbackArgs) => void;
+    onCancel?: (args: ActionBarActionCallbackArgs) => void;
     /** Callback triggered when the close icon button is clicked. Called with `step`, `steps`, and `stepIndex`. */
-    onClose?: (args: FullScreenStepperTypes.EventCallbackArgs) => void;
+    onClose?: (args: ActionBarActionCallbackArgs) => void;
     /** Callback triggered when the "Finish" button is clicked. Called with `step`, `steps`, and `stepIndex`. */
-    onFinish?: (args: FullScreenStepperTypes.EventCallbackArgs) => void;
+    onFinish?: (args: ActionBarActionCallbackArgs) => void;
     /** Callback triggered when the "Next" button is clicked. Called with `step`, `steps`, and `stepIndex`. */
-    onNext?: (args: FullScreenStepperTypes.EventCallbackArgs) => void;
+    onNext?: (args: ActionBarActionCallbackArgs) => void;
     /** Callback triggered when the "Previous" button is clicked. Called with `step`, `steps`, and `stepIndex`. */
-    onPrevious?: (args: FullScreenStepperTypes.EventCallbackArgs) => void;
-}
+    onPrevious?: (args: ActionBarActionCallbackArgs) => void;
+};

package/build/esm/components/FullScreenStepper/index.d.ts

@@ -1,3 +1,3 @@
-export { FullScreenStepper as default } from './FullScreenStepper';
+export { FullScreenStepper } from './FullScreenStepper';
 export { FullScreenStepperContext, FullScreenStepperContextValue } from './FullScreenStepperContext';
-export { FullScreenStepperProps } from './FullScreenStepperProps';
+export * from './FullScreenStepperProps';