@popmenu/admin-ui 0.125.0 → 0.126.1

package/build/{components → esm/components}/Button/index.d.ts

@@ -1,2 +1,2 @@
-export { Button as default } from './Button';
-export { ButtonProps } from './ButtonProps';
+export { Button as default } from './Button';
+export { ButtonProps } from './ButtonProps';

package/build/{components → esm/components}/Button/util/deriveButtonProps.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from '../ButtonProps';
-import { ButtonProps as CommonButtonProps } from '@popmenu/common-ui';
-declare type DerivedProps = Partial<Pick<CommonButtonProps, 'variant' | 'color'>>;
-export declare const deriveButtonProps: (props: ButtonProps) => DerivedProps;
-export {};
+import { ButtonProps } from '../ButtonProps';
+import { ButtonProps as CommonButtonProps } from '@popmenu/common-ui';
+declare type DerivedProps = Partial<Pick<CommonButtonProps, 'variant' | 'color'>>;
+export declare const deriveButtonProps: (props: ButtonProps) => DerivedProps;
+export {};

package/build/esm/components/Button/util/deriveButtonProps.js

@@ -0,0 +1,42 @@
+var deriveButtonProps = function (buttonProps) {
+    var variant = buttonProps.variant;
+    var derived = {};
+    switch (variant) {
+        case 'primary':
+            derived.variant = 'contained';
+            derived.color = 'primary';
+            break;
+        case 'secondary':
+            derived.variant = 'outlined';
+            derived.color = 'secondary';
+            break;
+        case 'tertiary':
+            derived.variant = 'contained';
+            derived.color = 'secondary';
+            break;
+        case 'text':
+            derived.variant = 'text';
+        case 'ghost':
+            derived.variant = 'text';
+            break;
+        case 'success':
+            derived.variant = 'contained';
+            break;
+        case 'info':
+            derived.variant = 'contained';
+            break;
+        case 'warning':
+            derived.variant = 'contained';
+            break;
+        case 'error':
+            derived.variant = 'contained';
+            break;
+        default:
+            derived.variant = variant;
+            break;
+    }
+    return derived;
+};
+
+export { deriveButtonProps };
+//# sourceMappingURL=deriveButtonProps.js.map

package/build/esm/components/Button/util/deriveButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deriveButtonProps.js","sources":["../../../../../src/components/Button/util/deriveButtonProps.ts"],"sourcesContent":["import { ButtonProps } from '../ButtonProps'\nimport { ButtonProps as CommonButtonProps } from '@popmenu/common-ui'\n\ntype DerivedProps = Partial<Pick<CommonButtonProps, 'variant' | 'color'>>\nexport const deriveButtonProps: (props: ButtonProps) => DerivedProps = (buttonProps) => {\n  const { variant } = buttonProps\n  const derived: DerivedProps = {}\n  switch (variant) {\n    case 'primary':\n      derived.variant = 'contained'\n      derived.color = 'primary'\n      break\n    case 'secondary':\n      derived.variant = 'outlined'\n      derived.color = 'secondary'\n      break\n    case 'tertiary':\n      derived.variant = 'contained'\n      derived.color = 'secondary'\n      break\n    case 'text':\n      derived.variant = 'text'\n    case 'ghost':\n      derived.variant = 'text'\n      break\n    case 'success':\n      derived.variant = 'contained'\n      break\n    case 'info':\n      derived.variant = 'contained'\n      break\n    case 'warning':\n      derived.variant = 'contained'\n      break\n    case 'error':\n      derived.variant = 'contained'\n      break\n    default:\n      derived.variant = variant\n      break\n  }\n  return derived\n}\n"],"names":[],"mappings":"AAIO,IAAM,iBAAiB,GAAyC,UAAC,WAAW,EAAA;AACzE,IAAA,IAAA,OAAO,GAAK,WAAW,CAAA,OAAhB;IACf,IAAM,OAAO,GAAiB,EAAE;AAChC,IAAA,QAAQ,OAAO;AACb,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,CAAC,OAAO,GAAG,WAAW;AAC7B,YAAA,OAAO,CAAC,KAAK,GAAG,SAAS;YACzB;AACF,QAAA,KAAK,WAAW;AACd,YAAA,OAAO,CAAC,OAAO,GAAG,UAAU;AAC5B,YAAA,OAAO,CAAC,KAAK,GAAG,WAAW;YAC3B;AACF,QAAA,KAAK,UAAU;AACb,YAAA,OAAO,CAAC,OAAO,GAAG,WAAW;AAC7B,YAAA,OAAO,CAAC,KAAK,GAAG,WAAW;YAC3B;AACF,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,CAAC,OAAO,GAAG,MAAM;AAC1B,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,CAAC,OAAO,GAAG,MAAM;YACxB;AACF,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,CAAC,OAAO,GAAG,WAAW;YAC7B;AACF,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,CAAC,OAAO,GAAG,WAAW;YAC7B;AACF,QAAA,KAAK,SAAS;AACZ,YAAA,OAAO,CAAC,OAAO,GAAG,WAAW;YAC7B;AACF,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,CAAC,OAAO,GAAG,WAAW;YAC7B;AACF,QAAA;AACE,YAAA,OAAO,CAAC,OAAO,GAAG,OAAO;YACzB;AACH;AACD,IAAA,OAAO,OAAO;AAChB;;;;"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ButtonGroupProps } from './ButtonGroupProps';
+export declare const ButtonGroup: React.ForwardRefExoticComponent<Pick<ButtonGroupProps, "classes" | "variant" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef" | "textTransform" | "size" | "disabled" | "fullWidth" | "key" | "orientation" | "disableFocusRipple" | "disableRipple" | "disableElevation"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,28 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+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"]);
+    var classes = useButtonGroupStyles(props);
+    var derivedProps = deriveButtonProps({ variant: variant });
+    var spacing = useTheme().spacing;
+    var childrenWithProps = React.Children.map(children, function (child, i) {
+        var isFirst = i === 0 && props.orientation === 'vertical';
+        var isLast = i === React.Children.toArray(children).length - 1 && props.orientation === 'vertical';
+        var firstStyles = { style: { borderTopLeftRadius: spacing(2), borderTopRightRadius: spacing(2) } };
+        var lastStyles = { style: { borderBottomLeftRadius: spacing(2), borderBottomRightRadius: spacing(2) } };
+        if (!React.isValidElement(child)) {
+            return null;
+        }
+        return React.cloneElement(child, __assign(__assign({ variant: variant }, (isFirst && firstStyles)), (isLast && lastStyles)));
+    });
+    return (React.createElement(ButtonGroup$1, __assign({ ref: ref, classes: classes }, derivedProps, muiProps), childrenWithProps));
+});
+ButtonGroup.displayName = 'ButtonGroup';
+
+export { ButtonGroup };
+//# sourceMappingURL=ButtonGroup.js.map

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

@@ -0,0 +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;;;;"}

package/build/{components → esm/components}/ButtonGroup/ButtonGroupProps.d.ts

@@ -1,8 +1,8 @@
-import { ButtonGroupProps as CommonButtonGroupProps } from '@popmenu/common-ui';
-export interface ButtonGroupProps extends Omit<CommonButtonGroupProps, 'variant'> {
-    /** Sets the text transformation property of a button. */
-    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
-    /** Sets the overall visual of a button according the the design system button variants. Accepts MUI variants and
-     * pre-defined design system variants */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'ghost' | 'success' | 'info' | 'warning' | 'error' | 'outlined' | 'contained';
-}
+import { ButtonGroupProps as CommonButtonGroupProps } from '@popmenu/common-ui';
+export interface ButtonGroupProps extends Omit<CommonButtonGroupProps, 'variant'> {
+    /** Sets the text transformation property of a button. */
+    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+    /** Sets the overall visual of a button according the the design system button variants. Accepts MUI variants and
+     * pre-defined design system variants */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'text' | 'ghost' | 'success' | 'info' | 'warning' | 'error' | 'outlined' | 'contained';
+}

package/build/{components → esm/components}/ButtonGroup/ButtonGroupStyles.d.ts

@@ -1,2 +1,2 @@
-import { ButtonGroupProps } from './ButtonGroupProps';
-export declare const useButtonGroupStyles: (props: ButtonGroupProps) => import("@material-ui/styles").ClassNameMap<"groupedText" | "groupedContained">;
+import { ButtonGroupProps } from './ButtonGroupProps';
+export declare const useButtonGroupStyles: (props: ButtonGroupProps) => import("@material-ui/styles").ClassNameMap<"groupedText" | "groupedContained">;

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

@@ -0,0 +1,28 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+var getBorderColor = function (palette, variant) {
+    var borderColor = 'inherit';
+    if (['primary', 'secondary', 'info', 'success', 'warning', 'error'].includes(variant)) {
+        // @ts-expect-error - todo.
+        borderColor = palette[variant].light;
+    }
+    return borderColor;
+};
+var useButtonGroupStyles = makeStyles(function (theme) { return ({
+    root: {
+        boxShadow: 'none',
+    },
+    groupedContained: {
+        '&&': {
+            borderColor: function (props) { return getBorderColor(theme.palette, props.variant); },
+        },
+    },
+    groupedText: {
+        '&&': {
+            borderColor: theme.palette.info.main,
+        },
+    },
+}); });
+
+export { useButtonGroupStyles };
+//# sourceMappingURL=ButtonGroupStyles.js.map

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

@@ -0,0 +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;;;;"}

package/build/{components → esm/components}/ButtonGroup/index.d.ts

@@ -1,2 +1,2 @@
-export { ButtonGroup as default } from './ButtonGroup';
-export { ButtonGroupProps } from './ButtonGroupProps';
+export { ButtonGroup as default } from './ButtonGroup';
+export { ButtonGroupProps } from './ButtonGroupProps';

package/build/{components → esm/components}/Dialog/index.d.ts

@@ -1 +1 @@
-export { Dialog, DialogProps } from '@popmenu/common-ui';
+export { Dialog, DialogProps } from '@popmenu/common-ui';

package/build/{components → esm/components}/DialogActions/DialogActions.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { DialogActionsProps } from '@popmenu/common-ui';
-export declare const DialogActions: FC<DialogActionsProps>;
+import { FC } from 'react';
+import { DialogActionsProps } from '@popmenu/common-ui';
+export declare const DialogActions: FC<DialogActionsProps>;

package/build/esm/components/DialogActions/DialogActions.js

@@ -0,0 +1,20 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import { DialogActions as DialogActions$1 } from '@popmenu/common-ui';
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (_a) {
+    var palette = _a.palette;
+    return ({
+        root: {
+            background: palette.grey['100'],
+        },
+    });
+});
+var DialogActions = function (props) {
+    var classes = useStyles(props);
+    return React.createElement(DialogActions$1, __assign({ classes: classes }, props));
+};
+
+export { DialogActions };
+//# sourceMappingURL=DialogActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DialogActions.js","sources":["../../../../src/components/DialogActions/DialogActions.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport { DialogActions as CommonDialogActions, DialogActionsProps } from '@popmenu/common-ui'\nimport { makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles(({ palette }) => ({\n  root: {\n    background: palette.grey['100'],\n  },\n}))\nexport const DialogActions: FC<DialogActionsProps> = (props) => {\n  const classes = useStyles(props)\n  return <CommonDialogActions classes={classes} {...props} />\n}\n"],"names":["CommonDialogActions"],"mappings":";;;;;AAIA,IAAM,SAAS,GAAG,UAAU,CAAC,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AAC7C,QAAA,IAAI,EAAE;AACJ,YAAA,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AAChC,SAAA;KACF;AAJ6C,CAI5C,CAAC;AACI,IAAM,aAAa,GAA2B,UAAC,KAAK,EAAA;AACzD,IAAA,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;IAChC,OAAO,KAAA,CAAA,aAAA,CAACA,eAAmB,EAAC,QAAA,CAAA,EAAA,OAAO,EAAE,OAAO,EAAA,EAAM,KAAK,CAAA,CAAI;AAC7D;;;;"}

package/build/{components → esm/components}/DialogActions/index.d.ts

@@ -1,2 +1,2 @@
-export { DialogActions } from './DialogActions';
-export { DialogActionsProps } from '@popmenu/common-ui';
+export { DialogActions } from './DialogActions';
+export { DialogActionsProps } from '@popmenu/common-ui';

package/build/{components → esm/components}/DialogContent/index.d.ts

@@ -1 +1 @@
-export { DialogContent, DialogContentProps } from '@popmenu/common-ui';
+export { DialogContent, DialogContentProps } from '@popmenu/common-ui';

package/build/{components → esm/components}/DialogTitle/index.d.ts

@@ -1 +1 @@
-export { DialogTitle, DialogTitleProps } from '@popmenu/common-ui';
+export { DialogTitle, DialogTitleProps } from '@popmenu/common-ui';

package/build/{components → esm/components}/FeatureIntro/FeatureIntro.d.ts

@@ -1,3 +1,3 @@
-import { FC } from 'react';
-import { FeatureIntroProps } from './FeatureIntroProps';
-export declare const FeatureIntro: FC<FeatureIntroProps>;
+import { FC } from 'react';
+import { FeatureIntroProps } from './FeatureIntroProps';
+export declare const FeatureIntro: FC<FeatureIntroProps>;

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

@@ -0,0 +1,27 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { Button } from '../Button/Button.js';
+import { Box, Typography } from '@popmenu/common-ui';
+import { useFeatureIntroStyles } from './FeatureIntroStyles.js';
+
+var FeatureIntro = function (props) {
+    var title = props.title, body = props.body, primaryAction = props.primaryAction, secondaryAction = props.secondaryAction, image = props.image;
+    var primaryActionLabel = primaryAction.label, primaryActionProps = __rest(primaryAction, ["label"]);
+    var _a = secondaryAction || {}, secondaryActionLabel = _a.label, secondaryActionProps = __rest(_a, ["label"]);
+    var classes = useFeatureIntroStyles(props);
+    var validImage = (image === null || image === void 0 ? void 0 : image.src) && (image === null || image === void 0 ? void 0 : image.alt);
+    return (React.createElement(Box, { className: classes.root, padding: { xs: 4, sm: 8 }, flexDirection: { xs: 'column-reverse', sm: 'row' }, display: "flex", justifyContent: "center", alignItems: "center" },
+        React.createElement(Box, { display: "flex", flexDirection: "column", width: { xs: '100%', sm: '50%' }, alignItems: { xs: 'center', sm: 'unset' } },
+            React.createElement(Box, { textAlign: { xs: 'center', sm: 'start' }, marginBottom: 2 },
+                React.createElement(Typography, { align: "inherit", variant: "h4" }, title)),
+            React.createElement(Box, { textAlign: { xs: 'center', sm: 'start' }, marginBottom: 6 }, body),
+            React.createElement(Box, { className: classes.actions, display: "flex", flexDirection: "column", width: "fit-content" },
+                primaryAction && React.createElement(Button, __assign({}, primaryActionProps), primaryActionLabel),
+                secondaryAction && (React.createElement(Button, __assign({ variant: "tertiary" }, secondaryActionProps), secondaryActionLabel)))),
+        React.createElement(Box, { display: "flex", width: { xs: '100%', sm: '50%' }, alignItems: "center", justifyContent: "center" },
+            React.createElement(Box, { display: "flex", maxWidth: 450, maxHeight: 450 }, validImage && React.createElement("img", { src: image.src, alt: image.alt, className: classes.image })))));
+};
+FeatureIntro.displayName = 'FeatureIntro';
+
+export { FeatureIntro };
+//# sourceMappingURL=FeatureIntro.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureIntro.js","sources":["../../../../src/components/FeatureIntro/FeatureIntro.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport Button from '../Button'\nimport { Box, Typography } from '@popmenu/common-ui'\n\nimport { useFeatureIntroStyles } from './FeatureIntroStyles'\nimport { FeatureIntroProps } from './FeatureIntroProps'\n\nexport const FeatureIntro: FC<FeatureIntroProps> = (props) => {\n  const { title, body, primaryAction, secondaryAction, image } = props\n  const { label: primaryActionLabel, ...primaryActionProps } = primaryAction\n  const { label: secondaryActionLabel, ...secondaryActionProps } = secondaryAction || {}\n  const classes = useFeatureIntroStyles(props)\n  const validImage = image?.src && image?.alt\n  return (\n    <Box\n      className={classes.root}\n      padding={{ xs: 4, sm: 8 }}\n      flexDirection={{ xs: 'column-reverse', sm: 'row' }}\n      display=\"flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n    >\n      <Box\n        display=\"flex\"\n        flexDirection=\"column\"\n        width={{ xs: '100%', sm: '50%' }}\n        alignItems={{ xs: 'center', sm: 'unset' }}\n      >\n        <Box textAlign={{ xs: 'center', sm: 'start' }} marginBottom={2}>\n          <Typography align=\"inherit\" variant=\"h4\">\n            {title}\n          </Typography>\n        </Box>\n        <Box textAlign={{ xs: 'center', sm: 'start' }} marginBottom={6}>\n          {body}\n        </Box>\n        <Box className={classes.actions} display=\"flex\" flexDirection=\"column\" width=\"fit-content\">\n          {primaryAction && <Button {...primaryActionProps}>{primaryActionLabel}</Button>}\n          {secondaryAction && (\n            <Button variant=\"tertiary\" {...secondaryActionProps}>\n              {secondaryActionLabel}\n            </Button>\n          )}\n        </Box>\n      </Box>\n      <Box display=\"flex\" width={{ xs: '100%', sm: '50%' }} alignItems=\"center\" justifyContent=\"center\">\n        <Box display=\"flex\" maxWidth={450} maxHeight={450}>\n          {validImage && <img src={image.src} alt={image.alt} className={classes.image} />}\n        </Box>\n      </Box>\n    </Box>\n  )\n}\n\nFeatureIntro.displayName = 'FeatureIntro'\n"],"names":[],"mappings":"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"}

package/build/{components → esm/components}/FeatureIntro/FeatureIntroProps.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-export interface FeatureIntroProps {
-    /** The headline for a FeatureIntro. */
-    title: string;
-    /** Text to be used for the main messaging of the FeatureIntro. */
-    body: string;
-    /** The image to be displayed. */
-    image: {
-        alt: string;
-        src: string;
-    };
-    /** The primary CTA. */
-    primaryAction: {
-        label: string;
-        onClick: (event: React.SyntheticEvent) => void;
-    };
-    /** The secondary CTA. */
-    secondaryAction: {
-        label: string;
-        onClick: (event: React.SyntheticEvent) => void;
-    };
-}
+/// <reference types="react" />
+export interface FeatureIntroProps {
+    /** The headline for a FeatureIntro. */
+    title: string;
+    /** Text to be used for the main messaging of the FeatureIntro. */
+    body: string;
+    /** The image to be displayed. */
+    image: {
+        alt: string;
+        src: string;
+    };
+    /** The primary CTA. */
+    primaryAction: {
+        label: string;
+        onClick: (event: React.SyntheticEvent) => void;
+    };
+    /** The secondary CTA. */
+    secondaryAction: {
+        label: string;
+        onClick: (event: React.SyntheticEvent) => void;
+    };
+}

package/build/{components → esm/components}/FeatureIntro/FeatureIntroStyles.d.ts

@@ -1,2 +1,2 @@
-import { FeatureIntroProps } from './FeatureIntroProps';
-export declare const useFeatureIntroStyles: (props: FeatureIntroProps) => import("@material-ui/styles").ClassNameMap<string>;
+import { FeatureIntroProps } from './FeatureIntroProps';
+export declare const useFeatureIntroStyles: (props: FeatureIntroProps) => import("@material-ui/styles").ClassNameMap<string>;

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

@@ -0,0 +1,20 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+var useFeatureIntroStyles = makeStyles(function (_a) {
+    var spacing = _a.spacing;
+    return ({
+        root: {
+            gap: spacing(3),
+        },
+        actions: {
+            gap: spacing(3),
+        },
+        image: {
+            width: '100%',
+            objectFit: 'contain',
+        },
+    });
+});
+
+export { useFeatureIntroStyles };
+//# sourceMappingURL=FeatureIntroStyles.js.map

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

@@ -0,0 +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;;;;"}

package/build/{components → esm/components}/FeatureIntro/index.d.ts

@@ -1,2 +1,2 @@
-export { FeatureIntro as default } from './FeatureIntro';
-export { FeatureIntroProps } from './FeatureIntroProps';
+export { FeatureIntro as default } from './FeatureIntro';
+export { FeatureIntroProps } from './FeatureIntroProps';

package/build/{components → esm/components}/FullScreenStepper/FullScreenStepper.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
-import { FullScreenStepperProps } from './FullScreenStepperProps';
-/**
- * TODO
- * - i18n?
- * - loading?
- */
-export declare const FullScreenStepper: FC<FullScreenStepperProps>;
+import { FC } from 'react';
+import { FullScreenStepperProps } from './FullScreenStepperProps';
+/**
+ * TODO
+ * - i18n?
+ * - loading?
+ */
+export declare const FullScreenStepper: FC<FullScreenStepperProps>;

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

@@ -0,0 +1,105 @@
+import { __rest, __assign, __awaiter, __generator } from 'tslib';
+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';
+
+/**
+ * TODO
+ * - i18n?
+ * - loading?
+ */
+var FullScreenStepper = function (props) {
+    var children = props.children, _a = props.context, context = _a === void 0 ? {} : _a, _b = props.defaultStepCursor, defaultStepCursor = _b === void 0 ? 1 : _b, _c = props.displayActionBar, displayActionBar = _c === void 0 ? true : _c, _d = props.displayCancelButton, displayCancelButton = _d === void 0 ? true : _d, _e = props.displayPreviousButton, displayPreviousButton = _e === void 0 ? true : _e, _f = props.resetStepCursorOnCancel, resetStepCursorOnCancel = _f === void 0 ? true : _f, _g = props.resetStepCursorOnClose, resetStepCursorOnClose = _g === void 0 ? true : _g, steps = props.steps, onClose = props.onClose, onFinish = props.onFinish, onNext = props.onNext, onCancel = props.onCancel, onPrevious = props.onPrevious, DialogProps = __rest(props, ["children", "context", "defaultStepCursor", "displayActionBar", "displayCancelButton", "displayPreviousButton", "resetStepCursorOnCancel", "resetStepCursorOnClose", "steps", "onClose", "onFinish", "onNext", "onCancel", "onPrevious"]);
+    var _h = useState(defaultStepCursor), stepCursor = _h[0], setStepCursor = _h[1];
+    var stepCount = steps.length;
+    var stepIndex = stepCursor - 1;
+    var step = steps[stepIndex];
+    var _j = step.displayActionBar, displayStepActionBar = _j === void 0 ? true : _j;
+    var isFinalStep = stepCursor / stepCount === 1;
+    var callbackArgs = { setStepCursor: setStepCursor, step: step, stepCount: stepCount, stepIndex: stepIndex, steps: steps };
+    var mergedContext = __assign(__assign({}, context), callbackArgs);
+    var resetStepCursor = function () { return setTimeout(function () { return setStepCursor(1); }, 600); };
+    var handleClose = function () {
+        if (typeof onClose === 'function') {
+            onClose(callbackArgs);
+        }
+        if (resetStepCursorOnClose) {
+            resetStepCursor();
+        }
+    };
+    var handleNextClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!isFinalStep) return [3 /*break*/, 3];
+                    if (!(typeof onFinish === 'function')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, onFinish(callbackArgs)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    if (typeof onClose === 'function') {
+                        onClose(callbackArgs);
+                    }
+                    resetStepCursor();
+                    return [3 /*break*/, 6];
+                case 3:
+                    if (!(typeof onNext === 'function')) return [3 /*break*/, 5];
+                    return [4 /*yield*/, onNext(callbackArgs)];
+                case 4:
+                    _a.sent();
+                    _a.label = 5;
+                case 5:
+                    setStepCursor(stepCursor + 1);
+                    _a.label = 6;
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handlePreviousClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(typeof onPrevious === 'function')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, onPrevious(callbackArgs)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    setStepCursor(stepCursor - 1);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleCancelClick = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(typeof onCancel === 'function')) return [3 /*break*/, 2];
+                    return [4 /*yield*/, onCancel(callbackArgs)];
+                case 1:
+                    _a.sent();
+                    _a.label = 2;
+                case 2:
+                    if (resetStepCursorOnCancel) {
+                        resetStepCursor();
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var content = React.Children.toArray(children).find(function (child) { return React.isValidElement(child) && child.props.name === step.name; });
+    return (React.createElement(Dialog, __assign({ fullScreen: true }, DialogProps),
+        React.createElement(FullScreenStepperContext.Provider, { value: mergedContext },
+            React.createElement(Box, { display: "flex", flexDirection: "column", flexGrow: 1 },
+                React.createElement(FullScreenStepperHeader, { stepCount: stepCount, stepCursor: stepCursor, onClose: handleClose, step: step }),
+                React.createElement(Box, { display: "flex", mx: 6, flexGrow: 1, alignItems: "center", flexDirection: "column" }, content),
+                displayActionBar && displayStepActionBar && (React.createElement(FullScreenStepperActions, __assign({}, step.actionBar, { callbackArgs: callbackArgs, displayCancelButton: displayCancelButton, displayPreviousButton: displayPreviousButton, stepCount: stepCount, stepCursor: stepCursor, setStepCursor: setStepCursor, handleCancelClick: handleCancelClick, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick })))))));
+};
+FullScreenStepper.displayName = 'FullScreenStepper';
+
+export { FullScreenStepper };
+//# sourceMappingURL=FullScreenStepper.js.map

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

@@ -0,0 +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":";;;;;;;;AASA;;;;AAIG;AAEI,IAAM,iBAAiB,GAA+B,UAAC,KAAK,EAAA;IAE/D,IAAA,QAAQ,GAeN,KAAK,CAAA,QAfC,EACR,EAcE,GAAA,KAAK,CAdK,OAAA,EAAZ,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACZ,EAaE,GAAA,KAAK,CAbc,iBAAA,EAArB,iBAAiB,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,EACrB,EAYE,GAAA,KAAK,iBAZgB,EAAvB,gBAAgB,mBAAG,IAAI,GAAA,EAAA,EACvB,EAWE,GAAA,KAAK,CAXmB,mBAAA,EAA1B,mBAAmB,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAC1B,EAUE,GAAA,KAAK,CAVqB,qBAAA,EAA5B,qBAAqB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EAC5B,EASE,GAAA,KAAK,wBATuB,EAA9B,uBAAuB,mBAAG,IAAI,GAAA,EAAA,EAC9B,EAQE,GAAA,KAAK,CARsB,sBAAA,EAA7B,sBAAsB,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAC7B,KAAK,GAOH,KAAK,CAAA,KAPF,EACL,OAAO,GAML,KAAK,CAAA,OANA,EACP,QAAQ,GAKN,KAAK,CAAA,QALC,EACR,MAAM,GAIJ,KAAK,CAJD,MAAA,EACN,QAAQ,GAGN,KAAK,CAAA,QAHC,EACR,UAAU,GAER,KAAK,CAAA,UAFG,EACP,WAAW,UACZ,KAAK,EAhBH,CAgBL,UAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,yBAAA,EAAA,wBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CADe;IAEV,IAAA,EAAA,GAA8B,QAAQ,CAAC,iBAAiB,CAAC,EAAxD,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAA+B;AAC/D,IAAA,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM;AAC9B,IAAA,IAAM,SAAS,GAAG,UAAU,GAAG,CAAC;AAChC,IAAA,IAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC;IACrB,IAAA,EAAA,GAAkD,IAAI,CAAT,gBAAA,EAA3B,oBAAoB,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA;AACrD,IAAA,IAAM,WAAW,GAAG,UAAU,GAAG,SAAS,KAAK,CAAC;AAChD,IAAA,IAAM,YAAY,GAAG,EAAE,aAAa,EAAA,aAAA,EAAE,IAAI,EAAA,IAAA,EAAE,SAAS,EAAA,SAAA,EAAE,SAAS,EAAA,SAAA,EAAE,KAAK,EAAA,KAAA,EAAE;AACzE,IAAA,IAAM,aAAa,GAAQ,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,OAAO,CAAK,EAAA,YAAY,CAAE;AACrD,IAAA,IAAM,eAAe,GAAG,YAAA,EAAM,OAAA,UAAU,CAAC,cAAM,OAAA,aAAa,CAAC,CAAC,CAAC,GAAA,EAAE,GAAG,CAAC,CAAA,EAAA;AACrE,IAAA,IAAM,WAAW,GAAG,YAAA;AAClB,QAAA,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;YACjC,OAAO,CAAC,YAAY,CAAC;AACtB;AACD,QAAA,IAAI,sBAAsB,EAAE;AAC1B,YAAA,eAAe,EAAE;AAClB;AACH,KAAC;AACD,IAAA,IAAM,eAAe,GAAG,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;AAClB,oBAAA,IAAA,CAAA,WAAW,EAAX,OAAW,CAAA,CAAA,YAAA,CAAA,CAAA;AACT,oBAAA,IAAA,EAAA,OAAO,QAAQ,KAAK,UAAU,CAAA,EAA9B,OAA8B,CAAA,CAAA,YAAA,CAAA,CAAA;AAChC,oBAAA,OAAA,CAAA,CAAA,YAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;;AAA5B,oBAAA,EAAA,CAAA,IAAA,EAA4B;;;AAE9B,oBAAA,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;wBACjC,OAAO,CAAC,YAAY,CAAC;AACtB;AACD,oBAAA,eAAe,EAAE;;;AAEb,oBAAA,IAAA,EAAA,OAAO,MAAM,KAAK,UAAU,CAAA,EAA5B,OAA4B,CAAA,CAAA,YAAA,CAAA,CAAA;AAC9B,oBAAA,OAAA,CAAA,CAAA,YAAM,MAAM,CAAC,YAAY,CAAC,CAAA;;AAA1B,oBAAA,EAAA,CAAA,IAAA,EAA0B;;;AAE5B,oBAAA,aAAa,CAAC,UAAU,GAAG,CAAC,CAAC;;;;;SAEhC;AACD,IAAA,IAAM,mBAAmB,GAAG,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;AACtB,oBAAA,IAAA,EAAA,OAAO,UAAU,KAAK,UAAU,CAAA,EAAhC,OAAgC,CAAA,CAAA,YAAA,CAAA,CAAA;AAClC,oBAAA,OAAA,CAAA,CAAA,YAAM,UAAU,CAAC,YAAY,CAAC,CAAA;;AAA9B,oBAAA,EAAA,CAAA,IAAA,EAA8B;;;AAEhC,oBAAA,aAAa,CAAC,UAAU,GAAG,CAAC,CAAC;;;;SAC9B;AACD,IAAA,IAAM,iBAAiB,GAAG,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;AACpB,oBAAA,IAAA,EAAA,OAAO,QAAQ,KAAK,UAAU,CAAA,EAA9B,OAA8B,CAAA,CAAA,YAAA,CAAA,CAAA;AAChC,oBAAA,OAAA,CAAA,CAAA,YAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;;AAA5B,oBAAA,EAAA,CAAA,IAAA,EAA4B;;;AAE9B,oBAAA,IAAI,uBAAuB,EAAE;AAC3B,wBAAA,eAAe,EAAE;AAClB;;;;SACF;AACD,IAAA,IAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACnD,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAA7D,EAA6D,CACzE;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,QAAA,CAAA,EAAA,UAAU,UAAK,WAAW,CAAA;AAChC,QAAA,KAAA,CAAA,aAAA,CAAC,wBAAwB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,aAAa,EAAA;AACrD,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAA;AACpD,gBAAA,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAI,CAAA;gBAC3G,KAAC,CAAA,aAAA,CAAA,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAC/E,EAAA,OAAO,CACJ;gBACL,gBAAgB,IAAI,oBAAoB,KACvC,KAAA,CAAA,aAAA,CAAC,wBAAwB,EACnB,QAAA,CAAA,EAAA,EAAA,IAAI,CAAC,SAAS,EAClB,EAAA,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE,mBAAmB,EACxC,qBAAqB,EAAE,qBAAqB,EAC5C,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,mBAAmB,EAAE,mBAAmB,EAAA,CAAA,CACxC,CACH,CACG,CAC4B,CAC7B;AAEb;AAEA,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/build/{components → esm/components}/FullScreenStepper/FullScreenStepperContext.d.ts

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

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

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+var FullScreenStepperContext = createContext({});
+
+export { FullScreenStepperContext };
+//# sourceMappingURL=FullScreenStepperContext.js.map

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

@@ -0,0 +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;;;;"}