@popmenu/admin-ui 0.126.0 → 0.126.2

package/build/esm/components/AlertDialog/AlertDialogProps.d.ts

@@ -0,0 +1,26 @@
+import { Ref } from 'react';
+import { DialogProps } from '@popmenu/common-ui';
+export interface AlertDialogProps extends DialogProps {
+    /** Sets the text within the cancel button. */
+    cancelButtonText?: string;
+    /** Hides the cancel button. */
+    hideCancelButton?: boolean;
+    /** The id of the DOM node serving as the description for the AlertDialog. Required for accessibility standards. */
+    descriptionId: string;
+    /** The id of the DOM node serving as the label for the AlertDialog. Required for accessibility standards. */
+    labelId: string;
+    /** Callback for when the cancel button in the dialog is clicked. */
+    onClose?: (event: React.SyntheticEvent) => void;
+    /** Callback for when the cancel button in the dialog is clicked. */
+    onCancel?: () => void;
+    /** Callback for when the proceed button in the dialog is clicked. */
+    onProceed?: () => void;
+    /** Sets the text within the proceed button. */
+    proceedButtonText?: string;
+    /** Sets disabled state on the buttons */
+    disabled?: boolean;
+    /** Sets the type of dialog that will be shown. */
+    severity?: 'info' | 'error' | 'warning' | 'success';
+    /** @ignore */
+    ref?: (instance: HTMLDivElement) => void | Ref<HTMLDivElement> | null;
+}

package/build/esm/components/AlertDialog/AlertDialogStyles.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialogProps } from './AlertDialogProps';
+export declare const useAlertDialogStyles: (props: AlertDialogProps) => import("@material-ui/styles").ClassNameMap<"root" | "icon" | "cancelButton" | "cancelIcon" | "card" | "cardActions">;

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

@@ -0,0 +1,29 @@
+import { makeStyles } from '@material-ui/core';
+
+var useAlertDialogStyles = makeStyles(function (theme) { return ({
+    cancelButton: {
+        color: theme.palette.grey[700],
+    },
+    cancelIcon: {
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(2),
+    },
+    card: {
+        borderRadius: theme.spacing(0.75),
+        borderTop: function (props) { return theme.spacing(1.25) + "px solid " + theme.palette[props.severity || 'info'].main; },
+    },
+    cardActions: {
+        background: theme.palette.grey[100],
+        justifyContent: 'flex-end',
+    },
+    icon: {
+        fontSize: theme.spacing(5),
+    },
+    root: {
+        borderRadius: theme.spacing(0.75),
+    },
+}); });
+
+export { useAlertDialogStyles };
+//# sourceMappingURL=AlertDialogStyles.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { AlertDialog as default } from './AlertDialog';
+export { AlertDialogProps } from './AlertDialogProps';

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

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

package/build/esm/components/AlertDialogHeader/AlertDialogHeader.js

@@ -0,0 +1,13 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { Box, Typography } from '@popmenu/common-ui';
+
+var AlertDialogHeader = function (props) {
+    var children = props.children, muiProps = __rest(props, ["children"]);
+    return (React.createElement(Box, __assign({ display: "flex", height: 40, alignItems: "center" }, muiProps),
+        React.createElement(Typography, { variant: "h6" }, children)));
+};
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+
+export { AlertDialogHeader };
+//# sourceMappingURL=AlertDialogHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogHeader.js","sources":["../../../../src/components/AlertDialogHeader/AlertDialogHeader.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box, BoxProps, Typography } from '@popmenu/common-ui'\n\nexport const AlertDialogHeader: FC<BoxProps> = (props) => {\n  const { children, ...muiProps } = props\n  return (\n    <Box display=\"flex\" height={40} alignItems=\"center\" {...muiProps}>\n      <Typography variant=\"h6\">{children}</Typography>\n    </Box>\n  )\n}\n\nAlertDialogHeader.displayName = 'AlertDialogHeader'\n"],"names":[],"mappings":";;;;AAIO,IAAM,iBAAiB,GAAiB,UAAC,KAAK,EAAA;IAC3C,IAAA,QAAQ,GAAkB,KAAK,CAAvB,QAAA,EAAK,QAAQ,GAAA,MAAA,CAAK,KAAK,EAAjC,CAAyB,UAAA,CAAA,CAAF;AAC7B,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,QAAA,CAAA,EAAA,OAAO,EAAC,MAAM,EAAC,MAAM,EAAE,EAAE,EAAE,UAAU,EAAC,QAAQ,IAAK,QAAQ,CAAA;QAC9D,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,OAAO,EAAC,IAAI,IAAE,QAAQ,CAAc,CAC5C;AAEV;AAEA,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

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

@@ -0,0 +1 @@
+export { AlertDialogHeader as default } from './AlertDialogHeader';

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ButtonProps } from './ButtonProps';
+interface ButtonType {
+    <C extends React.ElementType = 'a'>(props: ButtonProps<C> & {
+        component?: C;
+    }): React.ReactElement;
+    defaultProps?: Partial<ButtonProps>;
+    displayName?: string;
+}
+export declare const Button: ButtonType;
+export {};

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

@@ -0,0 +1,22 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { Button as Button$1 } from '@popmenu/common-ui';
+import { useButtonStyles } from './ButtonStyles.js';
+import { deriveButtonProps } from './util/deriveButtonProps.js';
+
+// eslint-disable-next-line react/display-name -- false positive
+var Button = forwardRef(function (props, ref) {
+    var children = props.children; props.variant; var classesOverride = props.classes, commonProps = __rest(props, ["children", "variant", "classes"]);
+    var classes = useButtonStyles(props);
+    var derivedProps = deriveButtonProps(props);
+    var mergedProps = __assign(__assign({}, derivedProps), commonProps);
+    return (React.createElement(Button$1, __assign({ ref: ref, classes: __assign(__assign({}, classes), classesOverride), disableElevation: true }, mergedProps), children));
+});
+Button.defaultProps = {
+    textTransform: 'uppercase',
+    variant: 'primary',
+};
+Button.displayName = 'Button';
+
+export { Button };
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Button as CommonButton } from '@popmenu/common-ui'\n\nimport { ButtonProps } from './ButtonProps'\nimport { useButtonStyles } from './ButtonStyles'\nimport { deriveButtonProps } from './util/deriveButtonProps'\n\ninterface ButtonType {\n  <C extends React.ElementType = 'a'>(props: ButtonProps<C> & { component?: C }): React.ReactElement\n  defaultProps?: Partial<ButtonProps>\n  displayName?: string\n}\n\n// eslint-disable-next-line react/display-name -- false positive\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n  const { children, variant: remove, classes: classesOverride, ...commonProps } = props\n  const classes = useButtonStyles(props)\n  const derivedProps = deriveButtonProps(props)\n  const mergedProps = {\n    ...derivedProps,\n    ...commonProps,\n  }\n\n  return (\n    <CommonButton\n      ref={ref}\n      classes={{\n        ...classes,\n        ...classesOverride,\n      }}\n      disableElevation={true}\n      {...mergedProps}\n    >\n      {children}\n    </CommonButton>\n  )\n}) as ButtonType\n\nButton.defaultProps = {\n  textTransform: 'uppercase',\n  variant: 'primary',\n}\n\nButton.displayName = 'Button'\n"],"names":["CommonButton"],"mappings":";;;;;;AAaA;IACa,MAAM,GAAG,UAAU,CAAiC,UAAC,KAAK,EAAE,GAAG,EAAA;IAClE,IAAA,QAAQ,GAAgE,KAAK,CAAA,QAArE,EAAgE,KAAK,CAApD,OAAA,CAAA,KAAW,eAAe,GAAqB,KAAK,QAA1B,CAAK,CAAA,WAAW,UAAK,KAAK,EAA/E,CAAuE,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA;AAC7E,IAAA,IAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC;AACtC,IAAA,IAAM,YAAY,GAAG,iBAAiB,CAAC,KAAK,CAAC;AAC7C,IAAA,IAAM,WAAW,GACZ,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,YAAY,CACZ,EAAA,WAAW,CACf;IAED,QACE,oBAACA,QAAY,EAAA,QAAA,CAAA,EACX,GAAG,EAAE,GAAG,EACR,OAAO,EACF,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,OAAO,GACP,eAAe,CAAA,EAEpB,gBAAgB,EAAE,IAAI,EAAA,EAClB,WAAW,CAEd,EAAA,QAAQ,CACI;AAEnB,CAAC;AAED,MAAM,CAAC,YAAY,GAAG;AACpB,IAAA,aAAa,EAAE,WAAW;AAC1B,IAAA,OAAO,EAAE,SAAS;CACnB;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/build/esm/components/Button/ButtonProps.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonProps as CommonButtonProps } from '@popmenu/common-ui';
+export declare type ButtonProps<C extends React.ElementType = 'button'> = Omit<CommonButtonProps<C>, 'variant'> & {
+    loading?: boolean;
+    /** 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' | 'ghost' | 'success' | 'info' | 'warning' | 'error' | 'outlined' | 'contained' | 'text';
+};

package/build/esm/components/Button/ButtonStyles.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from './ButtonProps';
+export declare const buttonTypography: {
+    fontWeight: number;
+    fontSize: string;
+    lineHeight: string;
+};
+export declare const useButtonStyles: (props: ButtonProps<"button">) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/Button/ButtonStyles.js

@@ -0,0 +1,123 @@
+import { __assign } from 'tslib';
+import { makeStyles } from '@material-ui/core';
+
+var borderWidth = 1;
+var getColor = function (palette, props) {
+    var variant = props.variant;
+    var color = 'inherit';
+    if (['primary', 'info', 'success', 'warning', 'error'].includes(variant)) {
+        // @ts-expect-error - todo.
+        color = palette[variant].contrastText;
+    }
+    if (variant === 'secondary') {
+        color = palette[variant].main;
+        /**
+         * Temporary fix for dark theme buttons.
+         * Dark theme will be addressed in ch-11596 and the following if block should be removed
+         */
+        if (palette.type === 'dark') {
+            color = 'black';
+        }
+    }
+    if (variant === 'tertiary') {
+        color = palette.secondary.contrastText;
+    }
+    if (variant === 'text') {
+        color = palette.info.main;
+    }
+    return color;
+};
+var getColorHover = function (palette, props) {
+    var color;
+    if (props.variant === 'secondary') {
+        color = palette.secondary.contrastText;
+    }
+    return color;
+};
+var getBackground = function (palette, props) {
+    var backgroundColor = 'inherit';
+    if (['info', 'success', 'warning', 'error'].includes(props.variant)) {
+        // @ts-expect-error - todo.
+        backgroundColor = palette[props.variant].main;
+    }
+    if (props.variant === 'primary') {
+        // @ts-expect-error gradient colors are included in the extended palette.
+        backgroundColor = "linear-gradient(97.36deg, " + palette.primary.gradientStart + " 17.03%, " + palette.primary.gradientEnd + " 72.96%)";
+    }
+    if (props.variant === 'secondary') {
+        backgroundColor = 'white';
+    }
+    if (props.variant === 'tertiary') {
+        backgroundColor = palette.secondary.main;
+    }
+    return backgroundColor;
+};
+var getBackgroundHover = function (palette, props) {
+    var backgroundHoverColor = 'inherit';
+    if (['primary', 'info', 'success', 'warning', 'error'].includes(props.variant)) {
+        // @ts-expect-error - todo.
+        backgroundHoverColor = palette[props.variant].dark;
+    }
+    if (props.variant === 'secondary') {
+        backgroundHoverColor = palette.secondary.main;
+    }
+    if (props.variant === 'tertiary') {
+        backgroundHoverColor = palette.secondary.light;
+    }
+    if (props.variant === 'text' || props.variant === 'ghost') {
+        backgroundHoverColor = palette.action.hover;
+    }
+    return backgroundHoverColor;
+};
+var buttonTypography = {
+    fontWeight: 500,
+    fontSize: '0.875rem',
+    lineHeight: '1.25rem',
+};
+var useButtonStyles = makeStyles(function (_a) {
+    var palette = _a.palette, spacing = _a.spacing;
+    return ({
+        root: function (props) { return ({
+            minWidth: 'unset',
+            color: getColor(palette, props),
+            background: getBackground(palette, props),
+            backgroundColor: props.variant === 'primary' ? palette.primary.dark : getBackground(palette, props),
+            borderRadius: spacing(6),
+            transition: 'all 200ms ease-in-out',
+            '&:hover': {
+                color: getColorHover(palette, props),
+                background: getBackgroundHover(palette, props),
+            },
+        }); },
+        disabled: {
+            '&$root': {
+                background: palette.action.disabled,
+            },
+        },
+        contained: {
+            padding: spacing(1, 2),
+        },
+        outlined: {
+            padding: "calc(" + spacing(1) + "px - " + borderWidth + "px) calc(" + spacing(2) + "px - " + borderWidth + "px)",
+            '&$sizeSmall': {
+                padding: "calc(" + spacing(0.5) + "px - " + borderWidth + "px) calc(" + spacing(2) + "px - " + borderWidth + "px)",
+            },
+            '&$sizeLarge': {
+                padding: "calc(" + spacing(1.5) + "px - " + borderWidth + "px) calc(" + spacing(2) + "px - " + borderWidth + "px)",
+            },
+        },
+        text: {
+            padding: spacing(1, 2),
+        },
+        label: __assign(__assign({}, buttonTypography), { textTransform: function (props) { return props.textTransform; } }),
+        sizeSmall: {
+            padding: spacing(0.5, 2),
+        },
+        sizeLarge: {
+            padding: spacing(1.5, 2),
+        },
+    });
+});
+
+export { buttonTypography, useButtonStyles };
+//# sourceMappingURL=ButtonStyles.js.map

package/build/esm/components/Button/ButtonStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonStyles.js","sources":["../../../../src/components/Button/ButtonStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nimport { ButtonProps } from './ButtonProps'\n\nconst borderWidth = 1\n\nconst getColor = (palette: Theme['palette'], props: ButtonProps): string => {\n  const variant = props.variant as string\n  let color = 'inherit'\n  if (['primary', 'info', 'success', 'warning', 'error'].includes(variant)) {\n    // @ts-expect-error - todo.\n    color = palette[variant].contrastText\n  }\n  if (variant === 'secondary') {\n    color = palette[variant].main\n    /**\n     * Temporary fix for dark theme buttons.\n     * Dark theme will be addressed in ch-11596 and the following if block should be removed\n     */\n    if (palette.type === 'dark') {\n      color = 'black'\n    }\n  }\n  if (variant === 'tertiary') {\n    color = palette.secondary.contrastText\n  }\n  if (variant === 'text') {\n    color = palette.info.main\n  }\n  return color\n}\n\nconst getColorHover = (palette: Theme['palette'], props: ButtonProps): string | undefined => {\n  let color\n  if (props.variant === 'secondary') {\n    color = palette.secondary.contrastText\n  }\n  return color\n}\n\nconst getBackground = (palette: Theme['palette'], props: ButtonProps): string => {\n  let backgroundColor = 'inherit'\n  if (['info', 'success', 'warning', 'error'].includes(props.variant as string)) {\n    // @ts-expect-error - todo.\n    backgroundColor = palette[props.variant as string].main\n  }\n  if (props.variant === 'primary') {\n    // @ts-expect-error gradient colors are included in the extended palette.\n    backgroundColor = `linear-gradient(97.36deg, ${palette.primary.gradientStart} 17.03%, ${palette.primary.gradientEnd} 72.96%)`\n  }\n  if (props.variant === 'secondary') {\n    backgroundColor = 'white'\n  }\n  if (props.variant === 'tertiary') {\n    backgroundColor = palette.secondary.main\n  }\n  return backgroundColor\n}\n\nconst getBackgroundHover = (palette: Theme['palette'], props: ButtonProps): string => {\n  let backgroundHoverColor = 'inherit'\n  if (['primary', 'info', 'success', 'warning', 'error'].includes(props.variant as string)) {\n    // @ts-expect-error - todo.\n    backgroundHoverColor = palette[props.variant as string].dark\n  }\n  if (props.variant === 'secondary') {\n    backgroundHoverColor = palette.secondary.main\n  }\n  if (props.variant === 'tertiary') {\n    backgroundHoverColor = palette.secondary.light\n  }\n  if (props.variant === 'text' || props.variant === 'ghost') {\n    backgroundHoverColor = palette.action.hover\n  }\n  return backgroundHoverColor\n}\n\nexport const buttonTypography = {\n  fontWeight: 500,\n  fontSize: '0.875rem',\n  lineHeight: '1.25rem',\n}\n\nexport const useButtonStyles = makeStyles<Theme, ButtonProps>(({ palette, spacing }) => ({\n  root: (props) => ({\n    minWidth: 'unset',\n    color: getColor(palette, props),\n    background: getBackground(palette, props),\n    backgroundColor: props.variant === 'primary' ? palette.primary.dark : getBackground(palette, props),\n    borderRadius: spacing(6),\n    transition: 'all 200ms ease-in-out',\n    '&:hover': {\n      color: getColorHover(palette, props),\n      background: getBackgroundHover(palette, props),\n    },\n  }),\n  disabled: {\n    '&$root': {\n      background: palette.action.disabled,\n    },\n  },\n  contained: {\n    padding: spacing(1, 2),\n  },\n  outlined: {\n    padding: `calc(${spacing(1)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    '&$sizeSmall': {\n      padding: `calc(${spacing(0.5)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    },\n    '&$sizeLarge': {\n      padding: `calc(${spacing(1.5)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,\n    },\n  },\n  text: {\n    padding: spacing(1, 2),\n  },\n  label: {\n    ...buttonTypography,\n    textTransform: (props) => props.textTransform,\n  },\n  sizeSmall: {\n    padding: spacing(0.5, 2),\n  },\n  sizeLarge: {\n    padding: spacing(1.5, 2),\n  },\n}))\n"],"names":[],"mappings":"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"}

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

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

package/build/esm/components/Button/util/deriveButtonProps.d.ts

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+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/esm/components/DialogActions/index.d.ts

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

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

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

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

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

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

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