@popmenu/admin-ui 0.126.4 → 0.127.1

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

@@ -1,16 +1,21 @@
-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));
+const Button = forwardRef((props, ref) => {
+    const { children, variant: remove, classes: classesOverride, ...commonProps } = props;
+    const classes = useButtonStyles(props);
+    const derivedProps = deriveButtonProps(props);
+    const mergedProps = {
+        ...derivedProps,
+        ...commonProps,
+    };
+    return (React.createElement(Button$1, { ref: ref, classes: {
+            ...classes,
+            ...classesOverride,
+        }, disableElevation: true, ...mergedProps }, children));
 });
 Button.defaultProps = {
     textTransform: 'uppercase',

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

@@ -1 +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;;;;"}
+{"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;AACa,MAAA,MAAM,GAAG,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC9E,IAAA,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,WAAW,EAAE,GAAG,KAAK;AACrF,IAAA,MAAM,OAAO,GAAG,eAAe,CAAC,KAAK,CAAC;AACtC,IAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,KAAK,CAAC;AAC7C,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,GAAG,YAAY;AACf,QAAA,GAAG,WAAW;KACf;IAED,QACE,oBAACA,QAAY,EAAA,EACX,GAAG,EAAE,GAAG,EACR,OAAO,EAAE;AACP,YAAA,GAAG,OAAO;AACV,YAAA,GAAG,eAAe;SACnB,EACD,gBAAgB,EAAE,IAAI,EAAA,GAClB,WAAW,EAEd,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

@@ -1,6 +1,6 @@
 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'> & {
+export 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 */

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

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

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

@@ -1,10 +1,9 @@
-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';
+const borderWidth = 1;
+const getColor = (palette, props) => {
+    const variant = props.variant;
+    let color = 'inherit';
     if (['primary', 'info', 'success', 'warning', 'error'].includes(variant)) {
         // @ts-expect-error - todo.
         color = palette[variant].contrastText;
@@ -27,22 +26,22 @@ var getColor = function (palette, props) {
     }
     return color;
 };
-var getColorHover = function (palette, props) {
-    var color;
+const getColorHover = (palette, props) => {
+    let color;
     if (props.variant === 'secondary') {
         color = palette.secondary.contrastText;
     }
     return color;
 };
-var getBackground = function (palette, props) {
-    var backgroundColor = 'inherit';
+const getBackground = (palette, props) => {
+    let 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%)";
+        backgroundColor = `linear-gradient(97.36deg, ${palette.primary.gradientStart} 17.03%, ${palette.primary.gradientEnd} 72.96%)`;
     }
     if (props.variant === 'secondary') {
         backgroundColor = 'white';
@@ -52,8 +51,8 @@ var getBackground = function (palette, props) {
     }
     return backgroundColor;
 };
-var getBackgroundHover = function (palette, props) {
-    var backgroundHoverColor = 'inherit';
+const getBackgroundHover = (palette, props) => {
+    let backgroundHoverColor = 'inherit';
     if (['primary', 'info', 'success', 'warning', 'error'].includes(props.variant)) {
         // @ts-expect-error - todo.
         backgroundHoverColor = palette[props.variant].dark;
@@ -69,55 +68,55 @@ var getBackgroundHover = function (palette, props) {
     }
     return backgroundHoverColor;
 };
-var buttonTypography = {
+const 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,
-            },
+const useButtonStyles = makeStyles(({ palette, spacing }) => ({
+    root: (props) => ({
+        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),
         },
-        contained: {
-            padding: spacing(1, 2),
+    }),
+    disabled: {
+        '&$root': {
+            background: palette.action.disabled,
         },
-        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)",
-            },
+    },
+    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)`,
         },
-        text: {
-            padding: spacing(1, 2),
+        '&$sizeLarge': {
+            padding: `calc(${spacing(1.5)}px - ${borderWidth}px) calc(${spacing(2)}px - ${borderWidth}px)`,
         },
-        label: __assign(__assign({}, buttonTypography), { textTransform: function (props) { return props.textTransform; } }),
-        sizeSmall: {
-            padding: spacing(0.5, 2),
-        },
-        sizeLarge: {
-            padding: spacing(1.5, 2),
-        },
-    });
-});
+    },
+    text: {
+        padding: spacing(1, 2),
+    },
+    label: {
+        ...buttonTypography,
+        textTransform: (props) => 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

@@ -1 +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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"}
+{"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

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

package/build/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'>>;
+type DerivedProps = Partial<Pick<CommonButtonProps, 'variant' | 'color'>>;
 export declare const deriveButtonProps: (props: ButtonProps) => DerivedProps;
 export {};

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

@@ -1,6 +1,6 @@
-var deriveButtonProps = function (buttonProps) {
-    var variant = buttonProps.variant;
-    var derived = {};
+const deriveButtonProps = (buttonProps) => {
+    const { variant } = buttonProps;
+    const derived = {};
     switch (variant) {
         case 'primary':
             derived.variant = 'contained';

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

@@ -1 +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;;;;"}
+{"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":"AAIa,MAAA,iBAAiB,GAAyC,CAAC,WAAW,KAAI;AACrF,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,WAAW;IAC/B,MAAM,OAAO,GAAiB,EAAE;IAChC,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;;AAEJ,IAAA,OAAO,OAAO;AAChB;;;;"}

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

@@ -1,3 +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>>;
+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" | "fullWidth" | "textTransform" | "size" | "disabled" | "key" | "orientation" | "disableFocusRipple" | "disableRipple" | "disableElevation"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,26 +1,29 @@
-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) } };
+const ButtonGroup = forwardRef((props, ref) => {
+    const { children, variant = 'primary', ...muiProps } = props;
+    const classes = useButtonGroupStyles(props);
+    const derivedProps = deriveButtonProps({ variant });
+    const { spacing } = useTheme();
+    const childrenWithProps = React.Children.map(children, (child, i) => {
+        const isFirst = i === 0 && props.orientation === 'vertical';
+        const isLast = i === React.Children.toArray(children).length - 1 && props.orientation === 'vertical';
+        const firstStyles = { style: { borderTopLeftRadius: spacing(2), borderTopRightRadius: spacing(2) } };
+        const 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.cloneElement(child, {
+            variant,
+            ...(isFirst && firstStyles),
+            ...(isLast && lastStyles),
+        });
     });
-    return (React.createElement(ButtonGroup$1, __assign({ ref: ref, classes: classes }, derivedProps, muiProps), childrenWithProps));
+    return (React.createElement(ButtonGroup$1, { ref: ref, classes: classes, ...derivedProps, ...muiProps }, childrenWithProps));
 });
 ButtonGroup.displayName = 'ButtonGroup';
 

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { 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;;;;"}
+{"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 { ButtonProps } from '../Button/ButtonProps'\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 as React.ReactElement<ButtonProps>, {\n      variant,\n      ...(isFirst && firstStyles),\n      ...(isLast && lastStyles),\n    })\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":";;;;;;AASa,MAAA,WAAW,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,KAAI;AACrF,IAAA,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK;AAC5D,IAAA,MAAM,OAAO,GAAG,oBAAoB,CAAC,KAAK,CAAC;IAC3C,MAAM,YAAY,GAAG,iBAAiB,CAAC,EAAE,OAAO,EAAE,CAAC;AACnD,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE;AAC9B,IAAA,MAAM,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAI;QAClE,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;QAC3D,MAAM,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,WAAW,KAAK,UAAU;QACpG,MAAM,WAAW,GAAG,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACpG,MAAM,UAAU,GAAG,EAAE,KAAK,EAAE,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;QACzG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAChC,YAAA,OAAO,IAAI;;AAEb,QAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAwC,EAAE;YAClE,OAAO;AACP,YAAA,IAAI,OAAO,IAAI,WAAW,CAAC;AAC3B,YAAA,IAAI,MAAM,IAAI,UAAU,CAAC;AAC1B,SAAA,CAAC;AACJ,KAAC,CAAC;AACF,IAAA,QACE,KAAC,CAAA,aAAA,CAAAA,aAAiB,IAAC,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAA,GAAM,YAAY,EAAM,GAAA,QAAQ,IAC1E,iBAAiB,CACA;AAExB,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

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

@@ -1,20 +1,20 @@
 import { makeStyles } from '@material-ui/core';
 
-var getBorderColor = function (palette, variant) {
-    var borderColor = 'inherit';
+const getBorderColor = (palette, variant) => {
+    let 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 ({
+const useButtonGroupStyles = makeStyles((theme) => ({
     root: {
         boxShadow: 'none',
     },
     groupedContained: {
         '&&': {
-            borderColor: function (props) { return getBorderColor(theme.palette, props.variant); },
+            borderColor: (props) => getBorderColor(theme.palette, props.variant),
         },
     },
     groupedText: {
@@ -22,7 +22,7 @@ var useButtonGroupStyles = makeStyles(function (theme) { return ({
             borderColor: theme.palette.info.main,
         },
     },
-}); });
+}));
 
 export { useButtonGroupStyles };
 //# sourceMappingURL=ButtonGroupStyles.js.map

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

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

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

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

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

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

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

@@ -1,19 +1,15 @@
-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));
+const useStyles = makeStyles(({ palette }) => ({
+    root: {
+        background: palette.grey['100'],
+    },
+}));
+const DialogActions = (props) => {
+    const classes = useStyles(props);
+    return React.createElement(DialogActions$1, { classes: classes, ...props });
 };
 
 export { DialogActions };

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

@@ -1 +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;;;;"}
+{"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,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM;AAC7C,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AAChC,KAAA;AACF,CAAA,CAAC,CAAC;AACU,MAAA,aAAa,GAA2B,CAAC,KAAK,KAAI;AAC7D,IAAA,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;IAChC,OAAO,KAAA,CAAA,aAAA,CAACA,eAAmB,EAAC,EAAA,OAAO,EAAE,OAAO,EAAA,GAAM,KAAK,EAAA,CAAI;AAC7D;;;;"}

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

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

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

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

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

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

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

@@ -1,23 +1,22 @@
-import { __rest, __assign } from 'tslib';
 import React from 'react';
-import { Button } from '../Button/Button.js';
 import { Box, Typography } from '@popmenu/common-ui';
+import { Button } from '../Button/Button.js';
 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);
+const FeatureIntro = (props) => {
+    const { title, body, primaryAction, secondaryAction, image } = props;
+    const { label: primaryActionLabel, ...primaryActionProps } = primaryAction;
+    const { label: secondaryActionLabel, ...secondaryActionProps } = secondaryAction || {};
+    const classes = useFeatureIntroStyles(props);
+    const validImage = image?.src && 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)))),
+                primaryAction && React.createElement(Button, { ...primaryActionProps }, primaryActionLabel),
+                secondaryAction && (React.createElement(Button, { 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 })))));
 };

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

@@ -1 +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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"}
+{"version":3,"file":"FeatureIntro.js","sources":["../../../../src/components/FeatureIntro/FeatureIntro.tsx"],"sourcesContent":["import React, { FC } from 'react'\n\nimport { Box, Typography } from '@popmenu/common-ui'\nimport { Button } from '../Button'\nimport { FeatureIntroProps } from './FeatureIntroProps'\nimport { useFeatureIntroStyles } from './FeatureIntroStyles'\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":";;;;;AAOa,MAAA,YAAY,GAA0B,CAAC,KAAK,KAAI;AAC3D,IAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,KAAK;IACpE,MAAM,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,kBAAkB,EAAE,GAAG,aAAa;AAC1E,IAAA,MAAM,EAAE,KAAK,EAAE,oBAAoB,EAAE,GAAG,oBAAoB,EAAE,GAAG,eAAe,IAAI,EAAE;AACtF,IAAA,MAAM,OAAO,GAAG,qBAAqB,CAAC,KAAK,CAAC;IAC5C,MAAM,UAAU,GAAG,KAAK,EAAE,GAAG,IAAI,KAAK,EAAE,GAAG;IAC3C,QACE,oBAAC,GAAG,EAAA,EACF,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EACzB,aAAa,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,KAAK,EAAE,EAClD,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EAAA;AAEnB,QAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAChC,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAA;AAEzC,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,SAAS,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAA;AAC5D,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,IAAI,EAAA,EACrC,KAAK,CACK,CACT;AACN,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,SAAS,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAA,EAC3D,IAAI,CACD;AACN,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,aAAa,EAAA;AACvF,gBAAA,aAAa,IAAI,KAAC,CAAA,aAAA,CAAA,MAAM,OAAK,kBAAkB,EAAA,EAAG,kBAAkB,CAAU;AAC9E,gBAAA,eAAe,KACd,KAAC,CAAA,aAAA,CAAA,MAAM,IAAC,OAAO,EAAC,UAAU,EAAA,GAAK,oBAAoB,EAChD,EAAA,oBAAoB,CACd,CACV,CACG,CACF;QACN,KAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAA;AAC/F,YAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,IAC9C,UAAU,IAAI,6BAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,KAAK,EAAA,CAAI,CAC5E,CACF,CACF;AAEV;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FeatureIntroProps {
     /** The headline for a FeatureIntro. */
     title: string;