@popmenu/admin-ui 0.126.1 → 0.126.3

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActionsProps.d.ts

@@ -1,18 +1,17 @@
-import { FullScreenStepperSubProps } from '../FullScreenStepper/FullScreenStepperProps';
-import { FullScreenStepperTypes } from '../FullScreenStepper/types';
-export interface FullScreenStepperActionsProps extends Partial<FullScreenStepperSubProps.ActionBar> {
+import { ActionBarActionCallbackArgs, SetStepCursor, StepCount, StepCursor, StepperActionBar } from '../FullScreenStepper/FullScreenStepperProps';
+export interface FullScreenStepperActionsProps extends Partial<StepperActionBar> {
     /** The callback args for custom actions */
-    callbackArgs: FullScreenStepperTypes.EventCallbackArgs;
+    callbackArgs: ActionBarActionCallbackArgs;
     /** When false; hides the "Cancel" button */
     displayCancelButton: boolean;
     /** When false; hides the "Previous" button */
     displayPreviousButton: boolean;
     /** The total number of steps */
-    stepCount: FullScreenStepperTypes.StepCount;
+    stepCount: StepCount;
     /** The current value of step cursor */
-    stepCursor: FullScreenStepperTypes.StepCursor;
+    stepCursor: StepCursor;
     /** The setter for value of step cursor */
-    setStepCursor: FullScreenStepperTypes.SetStepCursor;
+    setStepCursor: SetStepCursor;
     /** Callback triggered when the "Cancel" button is clicked. */
     handleCancelClick?: () => Promise<void>;
     /** Callback triggered when the "Next" button is clicked. */

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActionsStyles.js

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

package/build/esm/components/FullScreenStepperActions/FullScreenStepperActionsStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenStepperActionsStyles.js","sources":["../../../../src/components/FullScreenStepperActions/FullScreenStepperActionsStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps'\n\nexport const useFullScreenStepperActionsStyles = makeStyles<Theme, FullScreenStepperActionsProps>((theme) => ({\n  root: {\n    position: 'sticky',\n    background: 'white',\n    bottom: 0,\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: `${theme.spacing(1.5)}px ${theme.spacing(3)}px`,\n    borderTop: `${theme.spacing(0.5)}px solid ${theme.palette.grey[100]}`,\n    zIndex: 3,\n  },\n  inlineEndActions: {\n    '& > *': {\n      marginInlineStart: theme.spacing(2),\n    },\n  },\n  inlineStartActions: {\n    display: 'flex',\n    alignItems: 'center',\n    '& > *': {\n      marginInlineEnd: theme.spacing(2),\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,iCAAiC,GAAG,UAAU,CAAuC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC5G,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,OAAO,EAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAM,KAAA,GAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAI,IAAA;AACxD,QAAA,SAAS,EAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAY,WAAA,GAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;AACrE,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,OAAO,EAAE;AACP,YAAA,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,kBAAkB,EAAE;AAClB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,OAAO,EAAE;AACP,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAClC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"FullScreenStepperActionsStyles.js","sources":["../../../../src/components/FullScreenStepperActions/FullScreenStepperActionsStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FullScreenStepperActionsProps } from './FullScreenStepperActionsProps'\n\nexport const useFullScreenStepperActionsStyles = makeStyles<Theme, FullScreenStepperActionsProps>((theme) => ({\n  root: {\n    position: 'sticky',\n    background: 'white',\n    bottom: 0,\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: `${theme.spacing(1.5)}px ${theme.spacing(3)}px`,\n    borderTop: `${theme.spacing(0.5)}px solid ${theme.palette.grey[100]}`,\n    zIndex: 3,\n  },\n  inlineEndActions: {\n    '& > *': {\n      marginInlineStart: theme.spacing(2),\n    },\n  },\n  inlineStartActions: {\n    display: 'flex',\n    alignItems: 'center',\n    '& > *': {\n      marginInlineEnd: theme.spacing(2),\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,iCAAiC,GAAG,UAAU,CAAuC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC5G,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,OAAO,EAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAM,KAAA,GAAA,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAI,IAAA;AACxD,QAAA,SAAS,EAAK,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAY,WAAA,GAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;AACrE,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,OAAO,EAAE;AACP,YAAA,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,kBAAkB,EAAE;AAClB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,OAAO,EAAE;AACP,YAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAClC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/FullScreenStepperActions/util/StepperActionsCancelButton.d.ts

@@ -1,9 +1,9 @@
-import { FullScreenStepperTypes } from '../../FullScreenStepper/types';
 import { FC } from 'react';
 import { ButtonProps } from '../../Button';
+import { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps';
 export declare const StepperActionsCancelButton: FC<{
-    setStepCursor: FullScreenStepperTypes.SetStepCursor;
-    stepCursor: FullScreenStepperTypes.StepCursor;
+    setStepCursor: SetStepCursor;
+    stepCursor: StepCursor;
     cancelButtonText?: string;
     cancelButtonProps?: ButtonProps;
     handleCancelClick?: () => Promise<void>;

package/build/esm/components/FullScreenStepperActions/util/StepperActionsCancelButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperActionsCancelButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsCancelButton.tsx"],"sourcesContent":["import { FullScreenStepperTypes } from '../../FullScreenStepper/types'\nimport React, { FC } from 'react'\n\nimport Button, { ButtonProps } from '../../Button'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsCancelButton: FC<{\n  setStepCursor: FullScreenStepperTypes.SetStepCursor\n  stepCursor: FullScreenStepperTypes.StepCursor\n  cancelButtonText?: string\n  cancelButtonProps?: ButtonProps\n  handleCancelClick?: () => Promise<void>\n  displayCancelButton: boolean\n}> = (props) => {\n  const { setStepCursor, stepCursor, cancelButtonText, cancelButtonProps, handleCancelClick, displayCancelButton } =\n    props\n  const augmentedCancelButtonProps = augmentButtonProps(\n    { onClick: handleCancelClick },\n    cancelButtonProps,\n    setStepCursor,\n    stepCursor,\n    0,\n  )\n\n  return displayCancelButton ? (\n    <Button variant=\"ghost\" {...augmentedCancelButtonProps}>\n      {cancelButtonText || 'cancel'}\n    </Button>\n  ) : null\n}\n"],"names":[],"mappings":";;;;;AAMO,IAAM,0BAA0B,GAOlC,UAAC,KAAK,EAAA;AACD,IAAA,IAAA,aAAa,GACnB,KAAK,CAAA,aADc,EAAE,UAAU,GAC/B,KAAK,CAD0B,UAAA,EAAE,gBAAgB,GACjD,KAAK,CAAA,gBAD4C,EAAE,iBAAiB,GACpE,KAAK,CAD+D,iBAAA,EAAE,iBAAiB,GACvF,KAAK,CAAA,iBADkF,EAAE,mBAAmB,GAC5G,KAAK,oBADuG;AAE9G,IAAA,IAAM,0BAA0B,GAAG,kBAAkB,CACnD,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAC9B,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,CAAC,CACF;IAED,OAAO,mBAAmB,IACxB,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,OAAO,IAAK,0BAA0B,CAAA,EACnD,gBAAgB,IAAI,QAAQ,CACtB,IACP,IAAI;AACV;;;;"}
+{"version":3,"file":"StepperActionsCancelButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsCancelButton.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport Button, { ButtonProps } from '../../Button'\nimport { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsCancelButton: FC<{\n  setStepCursor: SetStepCursor\n  stepCursor: StepCursor\n  cancelButtonText?: string\n  cancelButtonProps?: ButtonProps\n  handleCancelClick?: () => Promise<void>\n  displayCancelButton: boolean\n}> = (props) => {\n  const { setStepCursor, stepCursor, cancelButtonText, cancelButtonProps, handleCancelClick, displayCancelButton } =\n    props\n  const augmentedCancelButtonProps = augmentButtonProps(\n    { onClick: handleCancelClick },\n    cancelButtonProps,\n    setStepCursor,\n    stepCursor,\n    0,\n  )\n\n  return displayCancelButton ? (\n    <Button variant=\"ghost\" {...augmentedCancelButtonProps}>\n      {cancelButtonText || 'cancel'}\n    </Button>\n  ) : null\n}\n"],"names":[],"mappings":";;;;;AAMO,IAAM,0BAA0B,GAOlC,UAAC,KAAK,EAAA;AACD,IAAA,IAAA,aAAa,GACnB,KAAK,CAAA,aADc,EAAE,UAAU,GAC/B,KAAK,CAD0B,UAAA,EAAE,gBAAgB,GACjD,KAAK,CAAA,gBAD4C,EAAE,iBAAiB,GACpE,KAAK,CAD+D,iBAAA,EAAE,iBAAiB,GACvF,KAAK,CAAA,iBADkF,EAAE,mBAAmB,GAC5G,KAAK,oBADuG;AAE9G,IAAA,IAAM,0BAA0B,GAAG,kBAAkB,CACnD,EAAE,OAAO,EAAE,iBAAiB,EAAE,EAC9B,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,CAAC,CACF;IAED,OAAO,mBAAmB,IACxB,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,OAAO,IAAK,0BAA0B,CAAA,EACnD,gBAAgB,IAAI,QAAQ,CACtB,IACP,IAAI;AACV;;;;"}

package/build/esm/components/FullScreenStepperActions/util/StepperActionsNextButton.d.ts

@@ -1,12 +1,12 @@
-import { FullScreenStepperTypes } from '../../FullScreenStepper/types';
 import { FC } from 'react';
 import { ButtonProps } from '../../Button';
+import { SetStepCursor, StepCount, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps';
 export declare const StepperActionsNextButton: FC<{
     handleNextClick: () => Promise<void>;
     nextButtonProps?: ButtonProps;
-    setStepCursor: FullScreenStepperTypes.SetStepCursor;
-    stepCursor: FullScreenStepperTypes.StepCursor;
-    stepCount: FullScreenStepperTypes.StepCount;
+    setStepCursor: SetStepCursor;
+    stepCursor: StepCursor;
+    stepCount: StepCount;
     finishButtonText?: string;
     nextButtonText?: string;
 }>;

package/build/esm/components/FullScreenStepperActions/util/StepperActionsNextButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperActionsNextButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsNextButton.tsx"],"sourcesContent":["import { FullScreenStepperTypes } from '../../FullScreenStepper/types'\nimport React, { FC } from 'react'\n\nimport Button, { ButtonProps } from '../../Button'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsNextButton: FC<{\n  handleNextClick: () => Promise<void>\n  nextButtonProps?: ButtonProps\n  setStepCursor: FullScreenStepperTypes.SetStepCursor\n  stepCursor: FullScreenStepperTypes.StepCursor\n  stepCount: FullScreenStepperTypes.StepCount\n  finishButtonText?: string\n  nextButtonText?: string\n}> = (props) => {\n  const { handleNextClick, nextButtonProps, setStepCursor, stepCursor, stepCount, finishButtonText, nextButtonText } =\n    props\n  const augmentedNextButtonProps = augmentButtonProps(\n    { onClick: handleNextClick },\n    nextButtonProps,\n    setStepCursor,\n    stepCursor,\n    1,\n  )\n  const finalStep = stepCursor / stepCount === 1\n  const finishText = finishButtonText || 'finish'\n  const nextText = nextButtonText || 'next'\n  const buttonText = finalStep ? finishText : nextText\n\n  return <Button {...augmentedNextButtonProps}>{buttonText}</Button>\n}\n"],"names":[],"mappings":";;;;;AAMO,IAAM,wBAAwB,GAQhC,UAAC,KAAK,EAAA;AACD,IAAA,IAAA,eAAe,GACrB,KAAK,CAAA,eADgB,EAAE,eAAe,GACtC,KAAK,CAAA,eADiC,EAAE,aAAa,GACrD,KAAK,CAAA,aADgD,EAAE,UAAU,GACjE,KAAK,CAAA,UAD4D,EAAE,SAAS,GAC5E,KAAK,UADuE,EAAE,gBAAgB,GAC9F,KAAK,iBADyF,EAAE,cAAc,GAC9G,KAAK,eADyG;AAEhH,IAAA,IAAM,wBAAwB,GAAG,kBAAkB,CACjD,EAAE,OAAO,EAAE,eAAe,EAAE,EAC5B,eAAe,EACf,aAAa,EACb,UAAU,EACV,CAAC,CACF;AACD,IAAA,IAAM,SAAS,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;AAC9C,IAAA,IAAM,UAAU,GAAG,gBAAgB,IAAI,QAAQ;AAC/C,IAAA,IAAM,QAAQ,GAAG,cAAc,IAAI,MAAM;IACzC,IAAM,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ;AAEpD,IAAA,OAAO,oBAAC,MAAM,EAAA,QAAA,CAAA,EAAA,EAAK,wBAAwB,CAAG,EAAA,UAAU,CAAU;AACpE;;;;"}
+{"version":3,"file":"StepperActionsNextButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsNextButton.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport Button, { ButtonProps } from '../../Button'\nimport { SetStepCursor, StepCount, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsNextButton: FC<{\n  handleNextClick: () => Promise<void>\n  nextButtonProps?: ButtonProps\n  setStepCursor: SetStepCursor\n  stepCursor: StepCursor\n  stepCount: StepCount\n  finishButtonText?: string\n  nextButtonText?: string\n}> = (props) => {\n  const { handleNextClick, nextButtonProps, setStepCursor, stepCursor, stepCount, finishButtonText, nextButtonText } =\n    props\n  const augmentedNextButtonProps = augmentButtonProps(\n    { onClick: handleNextClick },\n    nextButtonProps,\n    setStepCursor,\n    stepCursor,\n    1,\n  )\n  const finalStep = stepCursor / stepCount === 1\n  const finishText = finishButtonText || 'finish'\n  const nextText = nextButtonText || 'next'\n  const buttonText = finalStep ? finishText : nextText\n\n  return <Button {...augmentedNextButtonProps}>{buttonText}</Button>\n}\n"],"names":[],"mappings":";;;;;AAMO,IAAM,wBAAwB,GAQhC,UAAC,KAAK,EAAA;AACD,IAAA,IAAA,eAAe,GACrB,KAAK,CAAA,eADgB,EAAE,eAAe,GACtC,KAAK,CAAA,eADiC,EAAE,aAAa,GACrD,KAAK,CAAA,aADgD,EAAE,UAAU,GACjE,KAAK,CAAA,UAD4D,EAAE,SAAS,GAC5E,KAAK,UADuE,EAAE,gBAAgB,GAC9F,KAAK,iBADyF,EAAE,cAAc,GAC9G,KAAK,eADyG;AAEhH,IAAA,IAAM,wBAAwB,GAAG,kBAAkB,CACjD,EAAE,OAAO,EAAE,eAAe,EAAE,EAC5B,eAAe,EACf,aAAa,EACb,UAAU,EACV,CAAC,CACF;AACD,IAAA,IAAM,SAAS,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;AAC9C,IAAA,IAAM,UAAU,GAAG,gBAAgB,IAAI,QAAQ;AAC/C,IAAA,IAAM,QAAQ,GAAG,cAAc,IAAI,MAAM;IACzC,IAAM,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ;AAEpD,IAAA,OAAO,oBAAC,MAAM,EAAA,QAAA,CAAA,EAAA,EAAK,wBAAwB,CAAG,EAAA,UAAU,CAAU;AACpE;;;;"}

package/build/esm/components/FullScreenStepperActions/util/StepperActionsPreviousButton.d.ts

@@ -1,11 +1,11 @@
-import { FullScreenStepperTypes } from '../../FullScreenStepper/types';
 import { FC } from 'react';
 import { ButtonProps } from '../../Button';
+import { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps';
 export declare const StepperActionsPreviousButton: FC<{
     previousButtonText?: string;
-    stepCursor: FullScreenStepperTypes.StepCursor;
+    stepCursor: StepCursor;
     handlePreviousClick: () => Promise<void>;
     previousButtonProps?: ButtonProps;
-    setStepCursor: FullScreenStepperTypes.SetStepCursor;
+    setStepCursor: SetStepCursor;
     displayPreviousButton: boolean;
 }>;

package/build/esm/components/FullScreenStepperActions/util/StepperActionsPreviousButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperActionsPreviousButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsPreviousButton.tsx"],"sourcesContent":["import { FullScreenStepperTypes } from '../../FullScreenStepper/types'\nimport React, { FC } from 'react'\n\nimport Button, { ButtonProps } from '../../Button'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsPreviousButton: FC<{\n  previousButtonText?: string\n  stepCursor: FullScreenStepperTypes.StepCursor\n  handlePreviousClick: () => Promise<void>\n  previousButtonProps?: ButtonProps\n  setStepCursor: FullScreenStepperTypes.SetStepCursor\n  displayPreviousButton: boolean\n}> = (props) => {\n  const {\n    previousButtonText,\n    stepCursor,\n    handlePreviousClick,\n    previousButtonProps,\n    setStepCursor,\n    displayPreviousButton,\n  } = props\n\n  const augmentedPreviousButtonProps = augmentButtonProps(\n    { onClick: handlePreviousClick },\n    previousButtonProps,\n    setStepCursor,\n    stepCursor,\n    -1,\n  )\n\n  return displayPreviousButton ? (\n    <Button variant=\"tertiary\" disabled={stepCursor === 1} {...augmentedPreviousButtonProps}>\n      {previousButtonText || 'previous'}\n    </Button>\n  ) : null\n}\n"],"names":[],"mappings":";;;;;AAMO,IAAM,4BAA4B,GAOpC,UAAC,KAAK,EAAA;AAEP,IAAA,IAAA,kBAAkB,GAMhB,KAAK,CAAA,kBANW,EAClB,UAAU,GAKR,KAAK,CALG,UAAA,EACV,mBAAmB,GAIjB,KAAK,CAAA,mBAJY,EACnB,mBAAmB,GAGjB,KAAK,CAHY,mBAAA,EACnB,aAAa,GAEX,KAAK,CAAA,aAFM,EACb,qBAAqB,GACnB,KAAK,sBADc;AAGvB,IAAA,IAAM,4BAA4B,GAAG,kBAAkB,CACrD,EAAE,OAAO,EAAE,mBAAmB,EAAE,EAChC,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,EAAE,CACH;AAED,IAAA,OAAO,qBAAqB,IAC1B,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,QAAA,CAAA,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAA,EAAM,4BAA4B,CAAA,EACpF,kBAAkB,IAAI,UAAU,CAC1B,IACP,IAAI;AACV;;;;"}
+{"version":3,"file":"StepperActionsPreviousButton.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsPreviousButton.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport Button, { ButtonProps } from '../../Button'\nimport { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps'\nimport { augmentButtonProps } from './augmentButtonProps'\n\nexport const StepperActionsPreviousButton: FC<{\n  previousButtonText?: string\n  stepCursor: StepCursor\n  handlePreviousClick: () => Promise<void>\n  previousButtonProps?: ButtonProps\n  setStepCursor: SetStepCursor\n  displayPreviousButton: boolean\n}> = (props) => {\n  const {\n    previousButtonText,\n    stepCursor,\n    handlePreviousClick,\n    previousButtonProps,\n    setStepCursor,\n    displayPreviousButton,\n  } = props\n\n  const augmentedPreviousButtonProps = augmentButtonProps(\n    { onClick: handlePreviousClick },\n    previousButtonProps,\n    setStepCursor,\n    stepCursor,\n    -1,\n  )\n\n  return displayPreviousButton ? (\n    <Button variant=\"tertiary\" disabled={stepCursor === 1} {...augmentedPreviousButtonProps}>\n      {previousButtonText || 'previous'}\n    </Button>\n  ) : null\n}\n"],"names":[],"mappings":";;;;;AAMO,IAAM,4BAA4B,GAOpC,UAAC,KAAK,EAAA;AAEP,IAAA,IAAA,kBAAkB,GAMhB,KAAK,CAAA,kBANW,EAClB,UAAU,GAKR,KAAK,CALG,UAAA,EACV,mBAAmB,GAIjB,KAAK,CAAA,mBAJY,EACnB,mBAAmB,GAGjB,KAAK,CAHY,mBAAA,EACnB,aAAa,GAEX,KAAK,CAAA,aAFM,EACb,qBAAqB,GACnB,KAAK,sBADc;AAGvB,IAAA,IAAM,4BAA4B,GAAG,kBAAkB,CACrD,EAAE,OAAO,EAAE,mBAAmB,EAAE,EAChC,mBAAmB,EACnB,aAAa,EACb,UAAU,EACV,EAAE,CACH;AAED,IAAA,OAAO,qBAAqB,IAC1B,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,QAAA,CAAA,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,EAAE,UAAU,KAAK,CAAC,EAAA,EAAM,4BAA4B,CAAA,EACpF,kBAAkB,IAAI,UAAU,CAC1B,IACP,IAAI;AACV;;;;"}

package/build/esm/components/FullScreenStepperActions/util/StepperActionsStatusText.js

@@ -1,5 +1,5 @@
+import { makeStyles } from '@material-ui/core';
 import React from 'react';
-import { makeStyles } from '@material-ui/core/styles';
 import { Typography } from '@popmenu/common-ui';
 
 var useStyles = makeStyles({

package/build/esm/components/FullScreenStepperActions/util/StepperActionsStatusText.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperActionsStatusText.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsStatusText.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\n\nimport { Typography } from '@popmenu/common-ui'\n\nconst useStyles = makeStyles({\n  root: {\n    fontStyle: 'italic',\n  },\n})\n\nexport const StepperActionsStatusText: FC<{\n  statusText?: string\n}> = (props) => {\n  const { statusText } = props\n  const classes = useStyles(props)\n  return statusText ? (\n    <Typography classes={{ root: classes.root }} variant=\"body2\">\n      {statusText}\n    </Typography>\n  ) : null\n}\n"],"names":[],"mappings":";;;;AAKA,IAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACF,CAAA,CAAC;AAEK,IAAM,wBAAwB,GAEhC,UAAC,KAAK,EAAA;AACD,IAAA,IAAA,UAAU,GAAK,KAAK,CAAA,UAAV;AAClB,IAAA,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,IAAA,OAAO,UAAU,IACf,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,OAAO,EAAC,OAAO,EAAA,EACzD,UAAU,CACA,IACX,IAAI;AACV;;;;"}
+{"version":3,"file":"StepperActionsStatusText.js","sources":["../../../../../src/components/FullScreenStepperActions/util/StepperActionsStatusText.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core'\nimport React, { FC } from 'react'\n\nimport { Typography } from '@popmenu/common-ui'\n\nconst useStyles = makeStyles({\n  root: {\n    fontStyle: 'italic',\n  },\n})\n\nexport const StepperActionsStatusText: FC<{\n  statusText?: string\n}> = (props) => {\n  const { statusText } = props\n  const classes = useStyles(props)\n  return statusText ? (\n    <Typography classes={{ root: classes.root }} variant=\"body2\">\n      {statusText}\n    </Typography>\n  ) : null\n}\n"],"names":[],"mappings":";;;;AAKA,IAAM,SAAS,GAAG,UAAU,CAAC;AAC3B,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,QAAQ;AACpB,KAAA;AACF,CAAA,CAAC;AAEK,IAAM,wBAAwB,GAEhC,UAAC,KAAK,EAAA;AACD,IAAA,IAAA,UAAU,GAAK,KAAK,CAAA,UAAV;AAClB,IAAA,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,IAAA,OAAO,UAAU,IACf,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,OAAO,EAAC,OAAO,EAAA,EACzD,UAAU,CACA,IACX,IAAI;AACV;;;;"}

package/build/esm/components/FullScreenStepperActions/util/augmentButtonProps.d.ts

@@ -1,5 +1,5 @@
-import { FullScreenStepperTypes } from '../../FullScreenStepper/types';
 import { ButtonProps } from '../../Button';
+import { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps';
 export declare const augmentButtonProps: (internalProps: {
     onClick?: () => Promise<void>;
-}, externalProps: ButtonProps<"button"> | undefined, setStepCursor: FullScreenStepperTypes.SetStepCursor, stepCursor: FullScreenStepperTypes.StepCursor, incrementor: number) => ButtonProps;
+}, externalProps: ButtonProps<"button"> | undefined, setStepCursor: SetStepCursor, stepCursor: StepCursor, incrementor: number) => ButtonProps;

package/build/esm/components/FullScreenStepperActions/util/augmentButtonProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"augmentButtonProps.js","sources":["../../../../../src/components/FullScreenStepperActions/util/augmentButtonProps.ts"],"sourcesContent":["import React from 'react'\n\nimport { FullScreenStepperTypes } from '../../FullScreenStepper/types'\nimport { ButtonProps } from '../../Button'\n\nexport const augmentButtonProps = (\n  internalProps: { onClick?: () => Promise<void> },\n  externalProps: ButtonProps = {},\n  setStepCursor: FullScreenStepperTypes.SetStepCursor,\n  stepCursor: FullScreenStepperTypes.StepCursor,\n  incrementor: number,\n): ButtonProps => {\n  const mergedProps = { ...internalProps, ...externalProps }\n  mergedProps.onClick = async () => {\n    if (typeof externalProps.onClick === 'function') {\n      await externalProps.onClick({} as React.MouseEvent<HTMLButtonElement, MouseEvent>)\n      setStepCursor(stepCursor + incrementor)\n    } else if (typeof internalProps.onClick === 'function') {\n      internalProps.onClick()\n    }\n  }\n  return mergedProps\n}\n"],"names":[],"mappings":";;AAKO,IAAM,kBAAkB,GAAG,UAChC,aAAgD,EAChD,aAA+B,EAC/B,aAAmD,EACnD,UAA6C,EAC7C,WAAmB,EAAA;AAHnB,IAAA,IAAA,aAAA,KAAA,MAAA,EAAA,EAAA,aAA+B,GAAA,EAAA,CAAA;AAK/B,IAAA,IAAM,WAAW,GAAQ,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,aAAa,CAAK,EAAA,aAAa,CAAE;IAC1D,WAAW,CAAC,OAAO,GAAG,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;0BAChB,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,CAAA,EAA3C,OAA2C,CAAA,CAAA,YAAA,CAAA,CAAA;AAC7C,oBAAA,OAAA,CAAA,CAAA,YAAM,aAAa,CAAC,OAAO,CAAC,EAAqD,CAAC,CAAA;;AAAlF,oBAAA,EAAA,CAAA,IAAA,EAAkF;AAClF,oBAAA,aAAa,CAAC,UAAU,GAAG,WAAW,CAAC;;;AAClC,oBAAA,IAAI,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,EAAE;wBACtD,aAAa,CAAC,OAAO,EAAE;AACxB;;;;;SACF;AACD,IAAA,OAAO,WAAW;AACpB;;;;"}
+{"version":3,"file":"augmentButtonProps.js","sources":["../../../../../src/components/FullScreenStepperActions/util/augmentButtonProps.ts"],"sourcesContent":["import React from 'react'\n\nimport { ButtonProps } from '../../Button'\nimport { SetStepCursor, StepCursor } from '../../FullScreenStepper/FullScreenStepperProps'\n\nexport const augmentButtonProps = (\n  internalProps: { onClick?: () => Promise<void> },\n  externalProps: ButtonProps = {},\n  setStepCursor: SetStepCursor,\n  stepCursor: StepCursor,\n  incrementor: number,\n): ButtonProps => {\n  const mergedProps = { ...internalProps, ...externalProps }\n  mergedProps.onClick = async () => {\n    if (typeof externalProps.onClick === 'function') {\n      await externalProps.onClick({} as React.MouseEvent<HTMLButtonElement, MouseEvent>)\n      setStepCursor(stepCursor + incrementor)\n    } else if (typeof internalProps.onClick === 'function') {\n      internalProps.onClick()\n    }\n  }\n  return mergedProps\n}\n"],"names":[],"mappings":";;AAKO,IAAM,kBAAkB,GAAG,UAChC,aAAgD,EAChD,aAA+B,EAC/B,aAA4B,EAC5B,UAAsB,EACtB,WAAmB,EAAA;AAHnB,IAAA,IAAA,aAAA,KAAA,MAAA,EAAA,EAAA,aAA+B,GAAA,EAAA,CAAA;AAK/B,IAAA,IAAM,WAAW,GAAQ,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,aAAa,CAAK,EAAA,aAAa,CAAE;IAC1D,WAAW,CAAC,OAAO,GAAG,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;0BAChB,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,CAAA,EAA3C,OAA2C,CAAA,CAAA,YAAA,CAAA,CAAA;AAC7C,oBAAA,OAAA,CAAA,CAAA,YAAM,aAAa,CAAC,OAAO,CAAC,EAAqD,CAAC,CAAA;;AAAlF,oBAAA,EAAA,CAAA,IAAA,EAAkF;AAClF,oBAAA,aAAa,CAAC,UAAU,GAAG,WAAW,CAAC;;;AAClC,oBAAA,IAAI,OAAO,aAAa,CAAC,OAAO,KAAK,UAAU,EAAE;wBACtD,aAAa,CAAC,OAAO,EAAE;AACxB;;;;;SACF;AACD,IAAA,OAAO,WAAW;AACpB;;;;"}

package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeaderProps.d.ts

@@ -1,8 +1,7 @@
-import { FullScreenStepperTypes } from '../FullScreenStepper/types';
-import { FullScreenStepperSubProps } from '../FullScreenStepper/FullScreenStepperProps';
+import { StepCount, StepCursor, StepperStep } from '../FullScreenStepper/FullScreenStepperProps';
 export interface FullScreenStepperHeaderProps {
-    stepCursor: FullScreenStepperTypes.StepCursor;
-    stepCount: FullScreenStepperTypes.StepCount;
-    step: FullScreenStepperSubProps.Step;
+    stepCursor: StepCursor;
+    stepCount: StepCount;
+    step: StepperStep;
     onClose: () => void;
 }

package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.js

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

package/build/esm/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenStepperHeaderStyles.js","sources":["../../../../src/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { FullScreenStepperHeaderProps } from './FullScreenStepperHeaderProps'\n\nexport const useFullScreenStepperHeaderStyles = makeStyles<Theme, FullScreenStepperHeaderProps>(({ spacing }) => ({\n  closeButton: {\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  root: {\n    alignItems: 'center',\n    background: 'white',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    padding: spacing(1.5, 0),\n    position: 'sticky',\n    top: 0,\n    zIndex: 3,\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,gCAAgC,GAAG,UAAU,CAAsC,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAChH,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,GAAG,EAAE,CAAC;AACP,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,OAAO,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;AACxB,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,MAAM,EAAE,CAAC;AACV,SAAA;KACF;AAjBgH,CAiB/G;;;;"}
+{"version":3,"file":"FullScreenStepperHeaderStyles.js","sources":["../../../../src/components/FullScreenStepperHeader/FullScreenStepperHeaderStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { FullScreenStepperHeaderProps } from './FullScreenStepperHeaderProps'\n\nexport const useFullScreenStepperHeaderStyles = makeStyles<Theme, FullScreenStepperHeaderProps>(({ spacing }) => ({\n  closeButton: {\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  root: {\n    alignItems: 'center',\n    background: 'white',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    padding: spacing(1.5, 0),\n    position: 'sticky',\n    top: 0,\n    zIndex: 3,\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,gCAAgC,GAAG,UAAU,CAAsC,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAChH,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,KAAK,EAAE,CAAC;AACR,YAAA,GAAG,EAAE,CAAC;AACP,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,UAAU,EAAE,OAAO;AACnB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,OAAO,EAAE,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;AACxB,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,MAAM,EAAE,CAAC;AACV,SAAA;KACF;AAjBgH,CAiB/G;;;;"}

package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgressProps.d.ts

@@ -1,5 +1,5 @@
-import { FullScreenStepperTypes } from '../FullScreenStepper/types';
+import { StepCount, StepCursor } from '../FullScreenStepper/FullScreenStepperProps';
 export interface FullScreenStepperProgressProps {
-    stepCursor: FullScreenStepperTypes.StepCursor;
-    stepCount: FullScreenStepperTypes.StepCount;
+    stepCursor: StepCursor;
+    stepCount: StepCount;
 }

package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@material-ui/core';
 
 var getBorderRadius = function (theme, props) {
     var stepCursor = props.stepCursor, stepCount = props.stepCount;

package/build/esm/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenStepperProgressStyles.js","sources":["../../../../src/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\nimport { FullScreenStepperProgressProps } from './FullScreenStepperProgressProps'\n\nconst getBorderRadius = (theme: Theme, props: FullScreenStepperProgressProps) => {\n  const { stepCursor, stepCount } = props\n  const isFinalStep = stepCursor / stepCount === 1\n  if (isFinalStep) {\n    return 0\n  } else {\n    return theme.spacing(0.5)\n  }\n}\n\nexport const useFullScreenStepperProgressStyles = makeStyles<Theme, FullScreenStepperProgressProps>((theme) => ({\n  progress: {\n    width: (props) => `${(props.stepCursor / props.stepCount) * 100}%`,\n    transition: 'all 500ms',\n    height: theme.spacing(1),\n    // @ts-expect-error: Theme includes extended properties\n    background: `linear-gradient(45deg, ${theme.palette.primary.gradientStart}, ${theme.palette.primary.gradientEnd})`,\n    borderEndEndRadius: (props) => getBorderRadius(theme, props),\n    borderStartEndRadius: (props) => getBorderRadius(theme, props),\n  },\n  track: {\n    position: 'absolute',\n    bottom: 0,\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    height: theme.spacing(0.5),\n    background: theme.palette.grey[100],\n    zIndex: 2,\n  },\n}))\n"],"names":[],"mappings":";;AAGA,IAAM,eAAe,GAAG,UAAC,KAAY,EAAE,KAAqC,EAAA;IAClE,IAAA,UAAU,GAAgB,KAAK,CAAA,UAArB,EAAE,SAAS,GAAK,KAAK,CAAA,SAAV;AAC7B,IAAA,IAAM,WAAW,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;AAChD,IAAA,IAAI,WAAW,EAAE;AACf,QAAA,OAAO,CAAC;AACT;AAAM,SAAA;AACL,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC1B;AACH,CAAC;AAEY,IAAA,kCAAkC,GAAG,UAAU,CAAwC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9G,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,UAAC,KAAK,IAAK,OAAG,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,IAAI,GAAG,GAAA,GAAG,GAAA;AAClE,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;;AAExB,QAAA,UAAU,EAAE,yBAA0B,GAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,GAAA,IAAA,GAAK,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,GAAA;AAClH,QAAA,kBAAkB,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA,EAAA;AAC5D,QAAA,oBAAoB,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA,EAAA;AAC/D,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC1B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"FullScreenStepperProgressStyles.js","sources":["../../../../src/components/FullScreenStepperProgress/FullScreenStepperProgressStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { FullScreenStepperProgressProps } from './FullScreenStepperProgressProps'\n\nconst getBorderRadius = (theme: Theme, props: FullScreenStepperProgressProps) => {\n  const { stepCursor, stepCount } = props\n  const isFinalStep = stepCursor / stepCount === 1\n  if (isFinalStep) {\n    return 0\n  } else {\n    return theme.spacing(0.5)\n  }\n}\n\nexport const useFullScreenStepperProgressStyles = makeStyles<Theme, FullScreenStepperProgressProps>((theme) => ({\n  progress: {\n    width: (props) => `${(props.stepCursor / props.stepCount) * 100}%`,\n    transition: 'all 500ms',\n    height: theme.spacing(1),\n    // @ts-expect-error: Theme includes extended properties\n    background: `linear-gradient(45deg, ${theme.palette.primary.gradientStart}, ${theme.palette.primary.gradientEnd})`,\n    borderEndEndRadius: (props) => getBorderRadius(theme, props),\n    borderStartEndRadius: (props) => getBorderRadius(theme, props),\n  },\n  track: {\n    position: 'absolute',\n    bottom: 0,\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    height: theme.spacing(0.5),\n    background: theme.palette.grey[100],\n    zIndex: 2,\n  },\n}))\n"],"names":[],"mappings":";;AAGA,IAAM,eAAe,GAAG,UAAC,KAAY,EAAE,KAAqC,EAAA;IAClE,IAAA,UAAU,GAAgB,KAAK,CAAA,UAArB,EAAE,SAAS,GAAK,KAAK,CAAA,SAAV;AAC7B,IAAA,IAAM,WAAW,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;AAChD,IAAA,IAAI,WAAW,EAAE;AACf,QAAA,OAAO,CAAC;AACT;AAAM,SAAA;AACL,QAAA,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC1B;AACH,CAAC;AAEY,IAAA,kCAAkC,GAAG,UAAU,CAAwC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9G,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,UAAC,KAAK,IAAK,OAAG,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,IAAI,GAAG,GAAA,GAAG,GAAA;AAClE,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;;AAExB,QAAA,UAAU,EAAE,yBAA0B,GAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,GAAA,IAAA,GAAK,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,GAAA;AAClH,QAAA,kBAAkB,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA,EAAA;AAC5D,QAAA,oBAAoB,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA,EAAA;AAC/D,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC1B,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACnC,QAAA,MAAM,EAAE,CAAC;AACV,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/SelectableCard/SelectableCardProps.d.ts

@@ -1,6 +1,5 @@
+import { CardActionAreaProps, CardProps as MuiCardProps } from '@material-ui/core';
 import { Ref } from 'react';
-import { CardProps as MuiCardProps } from '@material-ui/core/Card';
-import { CardActionAreaProps } from '@material-ui/core';
 export interface SelectableCardProps extends Omit<MuiCardProps, 'onClick'> {
     /** Id of the DOM node serving as the label of the input. */
     labelId: string;

package/build/esm/components/SelectableCard/SelectableCardStyles.js

@@ -1,4 +1,4 @@
-import { makeStyles, lighten } from '@material-ui/core/styles';
+import { makeStyles, lighten } from '@material-ui/core';
 
 var useSelectableCardStyles = makeStyles(function (theme) {
     var _a = theme.palette, info = _a.info, grey = _a.grey, getContrastText = _a.getContrastText, spacing = theme.spacing;

package/build/esm/components/SelectableCard/SelectableCardStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableCardStyles.js","sources":["../../../../src/components/SelectableCard/SelectableCardStyles.ts"],"sourcesContent":["import { makeStyles, Theme, lighten } from '@material-ui/core/styles'\n\nimport { SelectableCardProps } from './SelectableCardProps'\n\nexport const useSelectableCardStyles = makeStyles<Theme, SelectableCardProps>((theme) => {\n  const {\n    palette: { info, grey, getContrastText },\n    spacing,\n  } = theme\n  const selectedBackgroundColor = lighten(theme.palette.info.light, 0.9)\n  const backgroundColor = theme.palette.surface.light\n  return {\n    root: {\n      position: 'relative',\n      border: ({ selected }) => (selected ? `1px solid ${info.light}` : `1px solid ${grey[700]}`),\n      backgroundColor: ({ selected }) => (selected ? selectedBackgroundColor : backgroundColor),\n      color: ({ selected }) => (selected ? getContrastText(selectedBackgroundColor) : getContrastText(backgroundColor)),\n      transition: 'none',\n    },\n    cardContent: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      marginTop: spacing(2.5),\n    },\n    icon: {\n      position: 'absolute',\n      top: spacing(2),\n      left: spacing(2),\n      color: ({ selected }) => (selected ? info.main : grey[700]),\n    },\n    focusHighlight: {\n      backgroundColor: 'inherit',\n    },\n  }\n})\n"],"names":[],"mappings":";;AAIa,IAAA,uBAAuB,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAA;AAEhF,IAAA,IAAA,KAEE,KAAK,CAAA,OAFiC,EAA7B,IAAI,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EACtC,OAAO,GACL,KAAK,QADA;AAET,IAAA,IAAM,uBAAuB,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;IACtE,IAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;IACnD,OAAO;AACL,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAa,IAAI,CAAC,KAAO,GAAG,YAAA,GAAa,IAAI,CAAC,GAAG,CAAG;aAAC;YAC3F,eAAe,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;gBAAO,QAAC,QAAQ,GAAG,uBAAuB,GAAG,eAAe;aAAC;YACzF,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,eAAe,CAAC,eAAe,CAAC;aAAC;AACjH,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC;AACxB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACf,YAAA,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAChB,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;aAAC;AAC5D,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,eAAe,EAAE,SAAS;AAC3B,SAAA;KACF;AACH,CAAC;;;;"}
+{"version":3,"file":"SelectableCardStyles.js","sources":["../../../../src/components/SelectableCard/SelectableCardStyles.ts"],"sourcesContent":["import { lighten, makeStyles, Theme } from '@material-ui/core'\n\nimport { SelectableCardProps } from './SelectableCardProps'\n\nexport const useSelectableCardStyles = makeStyles<Theme, SelectableCardProps>((theme) => {\n  const {\n    palette: { info, grey, getContrastText },\n    spacing,\n  } = theme\n  const selectedBackgroundColor = lighten(theme.palette.info.light, 0.9)\n  const backgroundColor = theme.palette.surface.light\n  return {\n    root: {\n      position: 'relative',\n      border: ({ selected }) => (selected ? `1px solid ${info.light}` : `1px solid ${grey[700]}`),\n      backgroundColor: ({ selected }) => (selected ? selectedBackgroundColor : backgroundColor),\n      color: ({ selected }) => (selected ? getContrastText(selectedBackgroundColor) : getContrastText(backgroundColor)),\n      transition: 'none',\n    },\n    cardContent: {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      marginTop: spacing(2.5),\n    },\n    icon: {\n      position: 'absolute',\n      top: spacing(2),\n      left: spacing(2),\n      color: ({ selected }) => (selected ? info.main : grey[700]),\n    },\n    focusHighlight: {\n      backgroundColor: 'inherit',\n    },\n  }\n})\n"],"names":[],"mappings":";;AAIa,IAAA,uBAAuB,GAAG,UAAU,CAA6B,UAAC,KAAK,EAAA;AAEhF,IAAA,IAAA,KAEE,KAAK,CAAA,OAFiC,EAA7B,IAAI,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EACtC,OAAO,GACL,KAAK,QADA;AAET,IAAA,IAAM,uBAAuB,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;IACtE,IAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;IACnD,OAAO;AACL,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAa,IAAI,CAAC,KAAO,GAAG,YAAA,GAAa,IAAI,CAAC,GAAG,CAAG;aAAC;YAC3F,eAAe,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;gBAAO,QAAC,QAAQ,GAAG,uBAAuB,GAAG,eAAe;aAAC;YACzF,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,eAAe,CAAC,uBAAuB,CAAC,GAAG,eAAe,CAAC,eAAe,CAAC;aAAC;AACjH,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC;AACxB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACf,YAAA,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAChB,KAAK,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;AAAO,gBAAA,QAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;aAAC;AAC5D,SAAA;AACD,QAAA,cAAc,EAAE;AACd,YAAA,eAAe,EAAE,SAAS;AAC3B,SAAA;KACF;AACH,CAAC;;;;"}

package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.js

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

package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsIndexCardStyles.js","sources":["../../../../src/components/SettingsIndexCard/SettingsIndexCardStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { SettingsIndexCardProps } from './SettingsIndexCardProps'\n\nexport const useSettingsIndexCardStyles = makeStyles<Theme, SettingsIndexCardProps>((theme) => ({\n  cardRoot: {\n    border: `1px solid ${theme.palette.grey[300]}`,\n    alignSelf: 'stretch',\n    flexGrow: 1,\n    '&:hover': {\n      backgroundColor: '#52B7FF1A',\n    },\n  },\n  cardContentRoot: {\n    padding: theme.spacing(4),\n    '&:last-child': {\n      paddingBottom: theme.spacing(4),\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,0BAA0B,GAAG,UAAU,CAAgC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9F,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;AAC9C,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,SAAS,EAAE;AACT,YAAA,eAAe,EAAE,WAAW;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,cAAc,EAAE;AACd,YAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAChC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"SettingsIndexCardStyles.js","sources":["../../../../src/components/SettingsIndexCard/SettingsIndexCardStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { SettingsIndexCardProps } from './SettingsIndexCardProps'\n\nexport const useSettingsIndexCardStyles = makeStyles<Theme, SettingsIndexCardProps>((theme) => ({\n  cardRoot: {\n    border: `1px solid ${theme.palette.grey[300]}`,\n    alignSelf: 'stretch',\n    flexGrow: 1,\n    '&:hover': {\n      backgroundColor: '#52B7FF1A',\n    },\n  },\n  cardContentRoot: {\n    padding: theme.spacing(4),\n    '&:last-child': {\n      paddingBottom: theme.spacing(4),\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,0BAA0B,GAAG,UAAU,CAAgC,UAAC,KAAK,EAAK,EAAA,QAAC;AAC9F,IAAA,QAAQ,EAAE;QACR,MAAM,EAAE,eAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAG;AAC9C,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,SAAS,EAAE;AACT,YAAA,eAAe,EAAE,WAAW;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,cAAc,EAAE;AACd,YAAA,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAChC,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/esm/components/Toast/Toast.js

@@ -1,13 +1,13 @@
 import { __rest, __assign } from 'tslib';
+import { Snackbar } from '@material-ui/core';
 import React from 'react';
-import MuiSnackbar from '@material-ui/core/Snackbar';
 import { Alert } from '../Alert/Alert.js';
 import { useToastStyles } from './ToastStyles.js';
 
 var Toast = function (props) {
     var children = props.children, AlertProps = props.AlertProps, severity = props.severity, muiProps = __rest(props, ["children", "AlertProps", "severity"]);
     var classes = useToastStyles(props);
-    return (React.createElement(MuiSnackbar, __assign({ ClickAwayListenerProps: { mouseEvent: false } }, muiProps),
+    return (React.createElement(Snackbar, __assign({ ClickAwayListenerProps: { mouseEvent: false } }, muiProps),
         React.createElement(Alert, __assign({ className: classes.root, action: null, severity: severity }, AlertProps), children)));
 };
 Toast.defaultProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport MuiSnackbar from '@material-ui/core/Snackbar'\n\nimport Alert from '../Alert'\nimport { useToastStyles } from './ToastStyles'\nimport { ToastProps } from './ToastProps'\n\nexport const Toast: FC<ToastProps> = (props) => {\n  const { children, AlertProps, severity, ...muiProps } = props\n  const classes = useToastStyles(props)\n  return (\n    <MuiSnackbar ClickAwayListenerProps={{ mouseEvent: false }} {...muiProps}>\n      <Alert className={classes.root} action={null} severity={severity} {...AlertProps}>\n        {children}\n      </Alert>\n    </MuiSnackbar>\n  )\n}\n\nToast.defaultProps = {\n  AlertProps: {},\n  autoHideDuration: 5000,\n}\n\nToast.displayName = 'Toast'\n"],"names":[],"mappings":";;;;;;AAOO,IAAM,KAAK,GAAmB,UAAC,KAAK,EAAA;IACjC,IAAA,QAAQ,GAAwC,KAAK,CAAA,QAA7C,EAAE,UAAU,GAA4B,KAAK,CAAjC,UAAA,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAK,QAAQ,UAAK,KAAK,EAAvD,CAA+C,UAAA,EAAA,YAAA,EAAA,UAAA,CAAA,CAAF;AACnD,IAAA,IAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC;AACrC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,QAAA,CAAA,EAAC,sBAAsB,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA,EAAM,QAAQ,CAAA;QACtE,KAAC,CAAA,aAAA,CAAA,KAAK,aAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAM,EAAA,UAAU,GAC7E,QAAQ,CACH,CACI;AAElB;AAEA,KAAK,CAAC,YAAY,GAAG;AACnB,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,gBAAgB,EAAE,IAAI;CACvB;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { Snackbar as MuiSnackbar } from '@material-ui/core'\nimport React, { FC } from 'react'\n\nimport Alert from '../Alert'\nimport { ToastProps } from './ToastProps'\nimport { useToastStyles } from './ToastStyles'\n\nexport const Toast: FC<ToastProps> = (props) => {\n  const { children, AlertProps, severity, ...muiProps } = props\n  const classes = useToastStyles(props)\n  return (\n    <MuiSnackbar ClickAwayListenerProps={{ mouseEvent: false }} {...muiProps}>\n      <Alert className={classes.root} action={null} severity={severity} {...AlertProps}>\n        {children}\n      </Alert>\n    </MuiSnackbar>\n  )\n}\n\nToast.defaultProps = {\n  AlertProps: {},\n  autoHideDuration: 5000,\n}\n\nToast.displayName = 'Toast'\n"],"names":["MuiSnackbar"],"mappings":";;;;;;AAOO,IAAM,KAAK,GAAmB,UAAC,KAAK,EAAA;IACjC,IAAA,QAAQ,GAAwC,KAAK,CAAA,QAA7C,EAAE,UAAU,GAA4B,KAAK,CAAjC,UAAA,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAK,QAAQ,UAAK,KAAK,EAAvD,CAA+C,UAAA,EAAA,YAAA,EAAA,UAAA,CAAA,CAAF;AACnD,IAAA,IAAM,OAAO,GAAG,cAAc,CAAC,KAAK,CAAC;AACrC,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,QAAW,EAAA,QAAA,CAAA,EAAC,sBAAsB,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAA,EAAM,QAAQ,CAAA;QACtE,KAAC,CAAA,aAAA,CAAA,KAAK,aAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAM,EAAA,UAAU,GAC7E,QAAQ,CACH,CACI;AAElB;AAEA,KAAK,CAAC,YAAY,GAAG;AACnB,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,gBAAgB,EAAE,IAAI;CACvB;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/build/esm/components/Toast/ToastProps.d.ts

@@ -1,5 +1,5 @@
-import { SnackbarProps } from '@material-ui/core/Snackbar';
-import { AlertProps as MuiAlertProps } from '@material-ui/lab/Alert';
+import { SnackbarProps } from '@material-ui/core';
+import { AlertProps as MuiAlertProps } from '@material-ui/lab';
 export interface ToastProps extends SnackbarProps {
     /** Applied to the built in [Alert](?path=/docs/admin-ui-alert--props) Component. */
     AlertProps?: Omit<MuiAlertProps, 'ref'>;

package/build/esm/components/Toast/ToastStyles.js

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

package/build/esm/components/Toast/ToastStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastStyles.js","sources":["../../../../src/components/Toast/ToastStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\n\nimport { ToastProps } from './ToastProps'\n\nexport const useToastStyles = makeStyles<Theme, ToastProps>((theme) => ({\n  root: {\n    boxSizing: 'border-box',\n    padding: theme.spacing(0, 1.5),\n    /** TODO: design to define responsive width value. */\n    width: '350px',\n    '& > div:first-child': {\n      alignItems: 'center',\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,cAAc,GAAG,UAAU,CAAoB,UAAC,KAAK,EAAK,EAAA,QAAC;AACtE,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;;AAE9B,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,qBAAqB,EAAE;AACrB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}
+{"version":3,"file":"ToastStyles.js","sources":["../../../../src/components/Toast/ToastStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ToastProps } from './ToastProps'\n\nexport const useToastStyles = makeStyles<Theme, ToastProps>((theme) => ({\n  root: {\n    boxSizing: 'border-box',\n    padding: theme.spacing(0, 1.5),\n    /** TODO: design to define responsive width value. */\n    width: '350px',\n    '& > div:first-child': {\n      alignItems: 'center',\n    },\n  },\n}))\n"],"names":[],"mappings":";;AAIa,IAAA,cAAc,GAAG,UAAU,CAAoB,UAAC,KAAK,EAAK,EAAA,QAAC;AACtE,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC;;AAE9B,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,qBAAqB,EAAE;AACrB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA;AACF,KAAA;CACF,EAAC,EAAA;;;;"}

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

@@ -4,24 +4,24 @@ export { default as AlertDialogHeader } from './AlertDialogHeader';
 export { default as AlertTitle, AlertTitleProps } from './AlertTitle';
 export { default as Button, ButtonProps } from './Button';
 export { default as ButtonGroup, ButtonGroupProps } from './ButtonGroup';
+export { Dialog, DialogProps } from './Dialog';
+export { DialogActions, DialogActionsProps } from './DialogActions';
+export { DialogContent, DialogContentProps } from './DialogContent';
+export { DialogTitle, DialogTitleProps } from './DialogTitle';
 export { default as FeatureIntro, FeatureIntroProps } from './FeatureIntro';
-export { default as FullScreenStepper, FullScreenStepperProps, FullScreenStepperContext } from './FullScreenStepper';
+export * from './FullScreenStepper';
 export { default as FullScreenStepperActions, FullScreenStepperActionsProps } from './FullScreenStepperActions';
 export { default as FullScreenStepperContent } from './FullScreenStepperContent';
-export { default as SelectableCard, SelectableCardProps } from './SelectableCard';
-export { default as Toast, ToastProps } from './Toast';
-export { DialogTitle, DialogTitleProps } from './DialogTitle';
-export { DialogActions, DialogActionsProps } from './DialogActions';
-export { Dialog, DialogProps } from './Dialog';
-export { DialogContent, DialogContentProps } from './DialogContent';
+export { List, ListProps } from './List';
 export { Page } from './Page';
 export { PageBody } from './PageBody';
 export { PageSection } from './PageSection';
-export { PageSections } from './PageSections';
 export { PageSectionHead } from './PageSectionHead';
+export { PageSections } from './PageSections';
 export { PageSectionTitle } from './PageSectionTitle';
-export { SettingsIndexCardGroup } from './SettingsIndexCardGroup';
+export { default as SelectableCard, SelectableCardProps } from './SelectableCard';
 export { SettingsIndexCard, SettingsIndexCardProps } from './SettingsIndexCard';
-export { List, ListProps } from './List';
+export { SettingsIndexCardGroup } from './SettingsIndexCardGroup';
 export { StandardListItem, StandardListItemProps } from './StandardListItem';
-export { Switch, SwitchProps, TextField, TextFieldProps, MenuItem, MenuItemProps, CircularProgress, CircularProgressProps, } from '@material-ui/core';
+export { default as Toast, ToastProps } from './Toast';
+export { CircularProgress, CircularProgressProps, MenuItem, MenuItemProps, Switch, SwitchProps, TextField, TextFieldProps, } from '@material-ui/core';

package/build/esm/index.js

@@ -4,25 +4,25 @@ export { AlertDialogHeader } from './components/AlertDialogHeader/AlertDialogHea
 export { AlertTitle } from './components/AlertTitle/AlertTitle.js';
 export { Button } from './components/Button/Button.js';
 export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
+export { Dialog, DialogContent, DialogTitle } from '@popmenu/common-ui';
+export { DialogActions } from './components/DialogActions/DialogActions.js';
 export { FeatureIntro } from './components/FeatureIntro/FeatureIntro.js';
 export { FullScreenStepper } from './components/FullScreenStepper/FullScreenStepper.js';
 export { FullScreenStepperContext } from './components/FullScreenStepper/FullScreenStepperContext.js';
 export { FullScreenStepperActions } from './components/FullScreenStepperActions/FullScreenStepperActions.js';
 export { FullScreenStepperContent } from './components/FullScreenStepperContent/FullScreenStepperContent.js';
-export { SelectableCard } from './components/SelectableCard/SelectableCard.js';
-export { Toast } from './components/Toast/Toast.js';
-export { Dialog, DialogContent, DialogTitle } from '@popmenu/common-ui';
-export { DialogActions } from './components/DialogActions/DialogActions.js';
+export { List } from './components/List/List.js';
 export { Page } from './components/Page/Page.js';
 export { PageBody } from './components/PageBody/PageBody.js';
 export { PageSection } from './components/PageSection/PageSection.js';
-export { PageSections } from './components/PageSections/PageSections.js';
 export { PageSectionHead } from './components/PageSectionHead/PageSectionHead.js';
+export { PageSections } from './components/PageSections/PageSections.js';
 export { PageSectionTitle } from './components/PageSectionTitle/PageSectionTitle.js';
-export { SettingsIndexCardGroup } from './components/SettingsIndexCardGroup/SettingsIndexCardGroup.js';
+export { SelectableCard } from './components/SelectableCard/SelectableCard.js';
 export { SettingsIndexCard } from './components/SettingsIndexCard/SettingsIndexCard.js';
-export { List } from './components/List/List.js';
+export { SettingsIndexCardGroup } from './components/SettingsIndexCardGroup/SettingsIndexCardGroup.js';
 export { StandardListItem } from './components/StandardListItem/StandardListItem.js';
+export { Toast } from './components/Toast/Toast.js';
 export { CircularProgress, MenuItem, Switch, TextField } from '@material-ui/core';
 export { useFullScreenStepperContext } from './hooks/useFullScreenStepperContext.js';
 export { useSelectableCard } from './hooks/useSelectableCard.js';

package/build/esm/theme/adminDarkTheme.d.ts

@@ -36,7 +36,7 @@ export declare const adminDarkOptions: {
         appBar: number;
         drawer: number;
         modal: number;
-        snackbar: number; /** Legacy Properties. Avoid new usage. */
+        snackbar: number;
         tooltip: number;
     };
     placeholder: string;
@@ -116,7 +116,7 @@ export declare const adminDarkOptions: {
         blue: {
             light: string;
             main: string;
-            dark: string;
+            dark: string; /** Legacy Properties. Avoid new usage. */
             darker: string;
         };
         green: {
@@ -242,11 +242,11 @@ export declare const adminDarkOptions: {
                 '&$checked': {
                     color: string;
                     '& + $track': {
-                        background: string; /** Legacy Properties. Avoid new usage. */
+                        background: string;
                     };
                 };
             };
         };
     };
 };
-export declare const adminDark: import("@material-ui/core/styles/createTheme").Theme;
+export declare const adminDark: import("@material-ui/core").Theme;

package/build/esm/theme/adminDarkTheme.js

@@ -1,10 +1,10 @@
 import { __assign } from 'tslib';
-import createTheme from '@material-ui/core/styles/createTheme';
-import { adminThemeTypography } from './typography.js';
+import { createTheme } from '@material-ui/core';
 import { adminThemeBreakpoints } from './breakpoints.js';
-import { basePalette, adminDarkPalette, dataVizPalette } from './palette.js';
 import { adminDarkPlaceholder, adminThemeZIndex, adminThemeStatus, adminThemeDefaultProps } from './customThemeProperties.js';
 import { overrides } from './overrides.js';
+import { basePalette, adminDarkPalette, dataVizPalette } from './palette.js';
+import { adminThemeTypography } from './typography.js';
 
 var adminDarkOptions = __assign(__assign(__assign(__assign({ themeName: 'Admin Dark', palette: __assign(__assign(__assign({}, basePalette), adminDarkPalette), dataVizPalette), breakpoints: adminThemeBreakpoints, typography: adminThemeTypography, overrides: overrides }, adminDarkPlaceholder), adminThemeZIndex), adminThemeStatus), adminThemeDefaultProps);
 var adminDark = createTheme(adminDarkOptions);

package/build/esm/theme/adminDarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"adminDarkTheme.js","sources":["../../../src/theme/adminDarkTheme.ts"],"sourcesContent":["import createTheme, { ThemeOptions } from '@material-ui/core/styles/createTheme'\n\nimport { adminThemeTypography } from './typography'\nimport { adminThemeBreakpoints } from './breakpoints'\nimport { adminDarkPalette, basePalette, dataVizPalette } from './palette'\nimport {\n  adminDarkPlaceholder,\n  adminThemeZIndex,\n  adminThemeStatus,\n  adminThemeDefaultProps,\n} from './customThemeProperties'\nimport { overrides } from './overrides'\n\nexport const adminDarkOptions = {\n  themeName: 'Admin Dark',\n  palette: {\n    ...basePalette,\n    ...adminDarkPalette,\n    ...dataVizPalette,\n  },\n  breakpoints: adminThemeBreakpoints,\n  typography: adminThemeTypography,\n  overrides: overrides,\n  /** Legacy Properties. Avoid new usage. */\n  ...adminDarkPlaceholder,\n  ...adminThemeZIndex,\n  ...adminThemeStatus,\n  ...adminThemeDefaultProps,\n}\n\nexport const adminDark = createTheme(adminDarkOptions as ThemeOptions)\n"],"names":[],"mappings":";;;;;;;;AAaa,IAAA,gBAAgB,GAC3B,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,SAAS,EAAE,YAAY,EACvB,OAAO,EAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACF,WAAW,CACX,EAAA,gBAAgB,CAChB,EAAA,cAAc,GAEnB,WAAW,EAAE,qBAAqB,EAClC,UAAU,EAAE,oBAAoB,EAChC,SAAS,EAAE,SAAS,EAAA,EAEjB,oBAAoB,CAAA,EACpB,gBAAgB,CAChB,EAAA,gBAAgB,CAChB,EAAA,sBAAsB;IAGd,SAAS,GAAG,WAAW,CAAC,gBAAgC;;;;"}
+{"version":3,"file":"adminDarkTheme.js","sources":["../../../src/theme/adminDarkTheme.ts"],"sourcesContent":["import { createTheme, ThemeOptions } from '@material-ui/core'\n\nimport { adminThemeBreakpoints } from './breakpoints'\nimport {\n  adminDarkPlaceholder,\n  adminThemeDefaultProps,\n  adminThemeStatus,\n  adminThemeZIndex,\n} from './customThemeProperties'\nimport { overrides } from './overrides'\nimport { adminDarkPalette, basePalette, dataVizPalette } from './palette'\nimport { adminThemeTypography } from './typography'\n\nexport const adminDarkOptions = {\n  themeName: 'Admin Dark',\n  palette: {\n    ...basePalette,\n    ...adminDarkPalette,\n    ...dataVizPalette,\n  },\n  breakpoints: adminThemeBreakpoints,\n  typography: adminThemeTypography,\n  overrides: overrides,\n  /** Legacy Properties. Avoid new usage. */\n  ...adminDarkPlaceholder,\n  ...adminThemeZIndex,\n  ...adminThemeStatus,\n  ...adminThemeDefaultProps,\n}\n\nexport const adminDark = createTheme(adminDarkOptions as ThemeOptions)\n"],"names":[],"mappings":";;;;;;;;AAaa,IAAA,gBAAgB,GAC3B,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,SAAS,EAAE,YAAY,EACvB,OAAO,EAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACF,WAAW,CACX,EAAA,gBAAgB,CAChB,EAAA,cAAc,GAEnB,WAAW,EAAE,qBAAqB,EAClC,UAAU,EAAE,oBAAoB,EAChC,SAAS,EAAE,SAAS,EAAA,EAEjB,oBAAoB,CAAA,EACpB,gBAAgB,CAChB,EAAA,gBAAgB,CAChB,EAAA,sBAAsB;IAGd,SAAS,GAAG,WAAW,CAAC,gBAAgC;;;;"}

package/build/esm/theme/adminLightTheme.d.ts

@@ -118,7 +118,7 @@ export declare const adminLightOptions: {
             light: string;
             main: string;
             dark: string;
-            darker: string; /** Legacy Properties. Avoid new usage. */
+            darker: string;
         };
         green: {
             light: string;
@@ -250,4 +250,4 @@ export declare const adminLightOptions: {
         };
     };
 };
-export declare const adminLight: import("@material-ui/core/styles/createTheme").Theme;
+export declare const adminLight: import("@material-ui/core").Theme;

package/build/esm/theme/adminLightTheme.js

@@ -1,10 +1,10 @@
 import { __assign } from 'tslib';
-import createTheme from '@material-ui/core/styles/createTheme';
-import { adminThemeTypography } from './typography.js';
+import { createTheme } from '@material-ui/core';
 import { adminThemeBreakpoints } from './breakpoints.js';
-import { basePalette, adminLightPalette, dataVizPalette } from './palette.js';
 import { adminLightPlaceholder, adminThemeZIndex, adminThemeStatus, adminThemeDefaultProps } from './customThemeProperties.js';
 import { overrides } from './overrides.js';
+import { basePalette, adminLightPalette, dataVizPalette } from './palette.js';
+import { adminThemeTypography } from './typography.js';
 
 var adminLightOptions = __assign(__assign(__assign(__assign({ themeName: 'Admin Light', palette: __assign(__assign(__assign({}, basePalette), adminLightPalette), dataVizPalette), breakpoints: adminThemeBreakpoints, typography: adminThemeTypography, overrides: overrides }, adminLightPlaceholder), adminThemeZIndex), adminThemeStatus), adminThemeDefaultProps);
 var adminLight = createTheme(adminLightOptions);

package/build/esm/theme/adminLightTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"adminLightTheme.js","sources":["../../../src/theme/adminLightTheme.ts"],"sourcesContent":["import createTheme, { ThemeOptions } from '@material-ui/core/styles/createTheme'\n\nimport { adminThemeTypography } from './typography'\nimport { adminThemeBreakpoints } from './breakpoints'\nimport { basePalette, adminLightPalette, dataVizPalette } from './palette'\nimport {\n  adminLightPlaceholder,\n  adminThemeZIndex,\n  adminThemeStatus,\n  adminThemeDefaultProps,\n} from './customThemeProperties'\nimport { overrides } from './overrides'\n\nexport const adminLightOptions = {\n  themeName: 'Admin Light',\n  palette: {\n    ...basePalette,\n    ...adminLightPalette,\n    ...dataVizPalette,\n  },\n  breakpoints: adminThemeBreakpoints,\n  typography: adminThemeTypography,\n  overrides: overrides,\n  /** Legacy Properties. Avoid new usage. */\n  ...adminLightPlaceholder,\n  ...adminThemeZIndex,\n  ...adminThemeStatus,\n  ...adminThemeDefaultProps,\n}\n\nexport const adminLight = createTheme(adminLightOptions as ThemeOptions)\n"],"names":[],"mappings":";;;;;;;;AAaa,IAAA,iBAAiB,GAC5B,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,SAAS,EAAE,aAAa,EACxB,OAAO,EAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACF,WAAW,CACX,EAAA,iBAAiB,CACjB,EAAA,cAAc,GAEnB,WAAW,EAAE,qBAAqB,EAClC,UAAU,EAAE,oBAAoB,EAChC,SAAS,EAAE,SAAS,EAAA,EAEjB,qBAAqB,CAAA,EACrB,gBAAgB,CAChB,EAAA,gBAAgB,CAChB,EAAA,sBAAsB;IAGd,UAAU,GAAG,WAAW,CAAC,iBAAiC;;;;"}
+{"version":3,"file":"adminLightTheme.js","sources":["../../../src/theme/adminLightTheme.ts"],"sourcesContent":["import { createTheme, ThemeOptions } from '@material-ui/core'\n\nimport { adminThemeBreakpoints } from './breakpoints'\nimport {\n  adminLightPlaceholder,\n  adminThemeDefaultProps,\n  adminThemeStatus,\n  adminThemeZIndex,\n} from './customThemeProperties'\nimport { overrides } from './overrides'\nimport { adminLightPalette, basePalette, dataVizPalette } from './palette'\nimport { adminThemeTypography } from './typography'\n\nexport const adminLightOptions = {\n  themeName: 'Admin Light',\n  palette: {\n    ...basePalette,\n    ...adminLightPalette,\n    ...dataVizPalette,\n  },\n  breakpoints: adminThemeBreakpoints,\n  typography: adminThemeTypography,\n  overrides: overrides,\n  /** Legacy Properties. Avoid new usage. */\n  ...adminLightPlaceholder,\n  ...adminThemeZIndex,\n  ...adminThemeStatus,\n  ...adminThemeDefaultProps,\n}\n\nexport const adminLight = createTheme(adminLightOptions as ThemeOptions)\n"],"names":[],"mappings":";;;;;;;;AAaa,IAAA,iBAAiB,GAC5B,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,SAAS,EAAE,aAAa,EACxB,OAAO,EAAA,QAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,EACF,WAAW,CACX,EAAA,iBAAiB,CACjB,EAAA,cAAc,GAEnB,WAAW,EAAE,qBAAqB,EAClC,UAAU,EAAE,oBAAoB,EAChC,SAAS,EAAE,SAAS,EAAA,EAEjB,qBAAqB,CAAA,EACrB,gBAAgB,CAChB,EAAA,gBAAgB,CAChB,EAAA,sBAAsB;IAGd,UAAU,GAAG,WAAW,CAAC,iBAAiC;;;;"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@popmenu/admin-ui",
-  "version": "0.126.1",
+  "version": "0.126.3",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components specifically for the MyPop web app.",
-  "main": "./build/index.js",
+  "main": "./build/cjs/index.js",
   "module": "./build/esm/index.js",
   "types": "./build/esm/index.d.ts",
   "type": "module",
@@ -32,5 +32,5 @@
     "react-table": "^7.7.0"
   },
   "sideEffects": false,
-  "gitHead": "0c346e293dc09a195a490762b321f9c1e9a65f5b"
+  "gitHead": "fad12917e894fb081b35141e0de8b95f054ed860"
 }

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

@@ -1,25 +0,0 @@
-import { FullScreenStepperSubProps } from '../FullScreenStepperProps';
-export declare namespace FullScreenStepperTypes {
-    /** The current active step. Counts up from 1. */
-    type StepCursor = number;
-    /** An updater function the state controlling which step is active. */
-    type SetStepCursor = (step: number) => void;
-    /** The total number of steps. */
-    type StepCount = number;
-    /** The index of the current step in the steps array. */
-    type StepIndex = number;
-    /** Indicates that the FullScreenStepper is showing the last step in the steps array. */
-    type IsFinalStep = boolean;
-    interface EventCallbackArgs {
-        /** The current step object. */
-        step: FullScreenStepperSubProps.Step;
-        /** 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<FullScreenStepperSubProps.Step>;
-    }
-}