@popmenu/admin-ui 0.126.0 → 0.126.2

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { ButtonBase, Card, CardContent, Box, Icon, Typography } from '@popmenu/common-ui';
+import { Help } from '@popmenu/web-icons';
+import { useSettingsIndexCardStyles } from './SettingsIndexCardStyles.js';
+
+// eslint-disable-next-line react/display-name -- false positive
+var SettingsIndexCard = forwardRef(function (props, ref) {
+    var title = props.title, description = props.description, Icon$1 = props.Icon, onClick = props.onClick, statusLabel = props.statusLabel, restProps = __rest(props, ["title", "description", "Icon", "onClick", "statusLabel"]);
+    var classes = useSettingsIndexCardStyles(props);
+    var showStatusLabel = (statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.text) && (statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.color);
+    return (React.createElement(ButtonBase, __assign({ onClick: onClick, ref: ref }, restProps),
+        React.createElement(Card, { classes: { root: classes.cardRoot } },
+            React.createElement(CardContent, { classes: { root: classes.cardContentRoot } },
+                React.createElement(Box, { fontSize: "32px", display: "flex", justifyContent: 'space-between', alignItems: "center", paddingBottom: 2 },
+                    React.createElement(Icon, { icon: Icon$1 || Help, size: "inherit" }),
+                    showStatusLabel && (React.createElement(Typography, { weight: "semi-bold", variant: "body2", color: statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.color }, statusLabel === null || statusLabel === void 0 ? void 0 : statusLabel.text))),
+                React.createElement(Typography, { align: "left", variant: "h6", gutterBottom: true }, title),
+                description && (React.createElement(Typography, { align: "left", variant: "body2", color: "grey.700" }, description))))));
+});
+SettingsIndexCard.displayName = 'SettingsIndexCard';
+
+export { SettingsIndexCard };
+//# sourceMappingURL=SettingsIndexCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIndexCard.js","sources":["../../../../src/components/SettingsIndexCard/SettingsIndexCard.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { ButtonBase, Card, CardContent, Typography } from '@popmenu/common-ui'\nimport { SettingsIndexCardProps } from './SettingsIndexCardProps'\nimport { Icon as CommonIcon, Box } from '@popmenu/common-ui'\nimport { Help } from '@popmenu/web-icons'\nimport { useSettingsIndexCardStyles } from './SettingsIndexCardStyles'\n\ninterface SettingsIndexCardType {\n  <C extends React.ElementType = 'a'>(props: SettingsIndexCardProps<C> & { component?: C }): React.ReactElement\n  defaultProps?: Partial<SettingsIndexCardProps>\n  displayName?: string\n}\n\n// eslint-disable-next-line react/display-name -- false positive\nexport const SettingsIndexCard = forwardRef<HTMLButtonElement, SettingsIndexCardProps>((props, ref) => {\n  const { title, description, Icon, onClick, statusLabel, ...restProps } = props\n  const classes = useSettingsIndexCardStyles(props)\n  const showStatusLabel = statusLabel?.text && statusLabel?.color\n  return (\n    <ButtonBase onClick={onClick} ref={ref} {...restProps}>\n      <Card classes={{ root: classes.cardRoot }}>\n        <CardContent classes={{ root: classes.cardContentRoot }}>\n          <Box fontSize=\"32px\" display=\"flex\" justifyContent={'space-between'} alignItems=\"center\" paddingBottom={2}>\n            <CommonIcon icon={Icon || Help} size=\"inherit\" />\n            {showStatusLabel && (\n              <Typography weight=\"semi-bold\" variant=\"body2\" color={statusLabel?.color}>\n                {statusLabel?.text}\n              </Typography>\n            )}\n          </Box>\n          <Typography align=\"left\" variant=\"h6\" gutterBottom>\n            {title}\n          </Typography>\n          {description && (\n            <Typography align=\"left\" variant=\"body2\" color=\"grey.700\">\n              {description}\n            </Typography>\n          )}\n        </CardContent>\n      </Card>\n    </ButtonBase>\n  )\n}) as SettingsIndexCardType\n\nSettingsIndexCard.displayName = 'SettingsIndexCard'\n"],"names":["Icon","CommonIcon"],"mappings":";;;;;;AAaA;IACa,iBAAiB,GAAG,UAAU,CAA4C,UAAC,KAAK,EAAE,GAAG,EAAA;AACxF,IAAA,IAAA,KAAK,GAA4D,KAAK,CAAA,KAAjE,EAAE,WAAW,GAA+C,KAAK,CAApD,WAAA,EAAEA,MAAI,GAAyC,KAAK,CAA9C,IAAA,EAAE,OAAO,GAAgC,KAAK,CAAA,OAArC,EAAE,WAAW,GAAmB,KAAK,CAAA,WAAxB,EAAK,SAAS,GAAK,MAAA,CAAA,KAAK,EAAxE,CAAA,OAAA,EAAA,aAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,CAAgE,CAAF;AACpE,IAAA,IAAM,OAAO,GAAG,0BAA0B,CAAC,KAAK,CAAC;AACjD,IAAA,IAAM,eAAe,GAAG,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,uBAAX,WAAW,CAAE,IAAI,MAAI,WAAW,aAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,KAAK,CAAA;AAC/D,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,EAAA,EAAM,SAAS,CAAA;QACnD,KAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAA;YACvC,KAAC,CAAA,aAAA,CAAA,WAAW,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,eAAe,EAAE,EAAA;gBACrD,KAAC,CAAA,aAAA,CAAA,GAAG,IAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAE,eAAe,EAAE,UAAU,EAAC,QAAQ,EAAC,aAAa,EAAE,CAAC,EAAA;oBACvG,KAAC,CAAA,aAAA,CAAAC,IAAU,EAAC,EAAA,IAAI,EAAED,MAAI,IAAI,IAAI,EAAE,IAAI,EAAC,SAAS,EAAG,CAAA;AAChD,oBAAA,eAAe,KACd,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,MAAM,EAAC,WAAW,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,MAAA,GAAA,MAAA,GAAA,WAAW,CAAE,KAAK,IACrE,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,IAAI,CACP,CACd,CACG;AACN,gBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAC,YAAY,EAAA,IAAA,EAAA,EAC/C,KAAK,CACK;gBACZ,WAAW,KACV,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,UAAU,EAAA,EACtD,WAAW,CACD,CACd,CACW,CACT,CACI;AAEjB,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/build/esm/components/SettingsIndexCard/SettingsIndexCardProps.d.ts

@@ -0,0 +1,20 @@
+import { ButtonBaseProps } from '@material-ui/core';
+import { ThemeColors } from '@popmenu/common-ui';
+import React from 'react';
+export declare type SettingsIndexCardProps<C extends React.ElementType = 'button'> = ButtonBaseProps<C, {
+    component?: C;
+}> & {
+    /** The icon from @popmenu/web-icons to be rendered */
+    Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    /** Sets the title of the card */
+    title: string;
+    /** Displays the given card description */
+    description?: string;
+    /** Event callback for the Card click event  */
+    onClick?: (event: any) => void;
+    /** Sets the text and color of the label  */
+    statusLabel?: {
+        text: string;
+        color: ThemeColors;
+    };
+};

package/build/esm/components/SettingsIndexCard/SettingsIndexCardStyles.d.ts

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

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

@@ -0,0 +1,21 @@
+import { makeStyles } from '@material-ui/core';
+
+var useSettingsIndexCardStyles = makeStyles(function (theme) { return ({
+    cardRoot: {
+        border: "1px solid " + theme.palette.grey[300],
+        alignSelf: 'stretch',
+        flexGrow: 1,
+        '&:hover': {
+            backgroundColor: '#52B7FF1A',
+        },
+    },
+    cardContentRoot: {
+        padding: theme.spacing(4),
+        '&:last-child': {
+            paddingBottom: theme.spacing(4),
+        },
+    },
+}); });
+
+export { useSettingsIndexCardStyles };
+//# sourceMappingURL=SettingsIndexCardStyles.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { SettingsIndexCard } from './SettingsIndexCard';
+export { SettingsIndexCardProps } from './SettingsIndexCardProps';

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BoxProps } from '@popmenu/common-ui';
+export declare const SettingsIndexCardGroup: (props: BoxProps) => JSX.Element;

package/build/esm/components/SettingsIndexCardGroup/SettingsIndexCardGroup.js

@@ -0,0 +1,11 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { Box } from '@popmenu/common-ui';
+
+var SettingsIndexCardGroup = function (props) {
+    var children = props.children, restProps = __rest(props, ["children"]);
+    return (React.createElement(Box, __assign({ display: "grid", gridGap: 16, gridTemplateColumns: "repeat(auto-fill, minmax(250px, 1fr))" }, restProps), children));
+};
+
+export { SettingsIndexCardGroup };
+//# sourceMappingURL=SettingsIndexCardGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIndexCardGroup.js","sources":["../../../../src/components/SettingsIndexCardGroup/SettingsIndexCardGroup.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, BoxProps } from '@popmenu/common-ui'\n\nexport const SettingsIndexCardGroup = (props: BoxProps) => {\n  const { children, ...restProps } = props\n  return (\n    <Box display=\"grid\" gridGap={16} gridTemplateColumns=\"repeat(auto-fill, minmax(250px, 1fr))\" {...restProps}>\n      {children}\n    </Box>\n  )\n}\n"],"names":[],"mappings":";;;;AAGO,IAAM,sBAAsB,GAAG,UAAC,KAAe,EAAA;IAC5C,IAAA,QAAQ,GAAmB,KAAK,CAAxB,QAAA,EAAK,SAAS,GAAA,MAAA,CAAK,KAAK,EAAlC,CAA0B,UAAA,CAAA,CAAF;IAC9B,QACE,oBAAC,GAAG,EAAA,QAAA,CAAA,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,EAAE,mBAAmB,EAAC,uCAAuC,EAAA,EAAK,SAAS,CACvG,EAAA,QAAQ,CACL;AAEV;;;;"}

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

@@ -0,0 +1 @@
+export { SettingsIndexCardGroup } from './SettingsIndexCardGroup';

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { StandardListItemProps } from './StandardListItemProps';
+/**
+ * TODO
+ * - clean props util
+ * - Avatar size and shape
+ */
+export declare const StandardListItem: (props: StandardListItemProps) => JSX.Element;
+export declare const Test: () => JSX.Element;

package/build/esm/components/StandardListItem/StandardListItem.js

@@ -0,0 +1,40 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { makeStyles, ListItem, ListItemAvatar, ListItemText, Chip, ListItemSecondaryAction, IconButton } from '@material-ui/core';
+import { Avatar, Icon, Typography } from '@popmenu/common-ui';
+
+var useStyles = makeStyles(function (theme) { return ({
+    chipRoot: {
+        marginRight: theme.spacing(4),
+        cursor: 'pointer',
+    },
+    body: {
+        paddingTop: '4px',
+    },
+    listItemText: {
+        marginRight: '32px',
+    },
+}); });
+/**
+ * TODO
+ * - clean props util
+ * - Avatar size and shape
+ */
+var StandardListItem = function (props) {
+    props.itemId; var title = props.title, meta = props.meta, body = props.body, image = props.image, status = props.status, secondaryAction = props.secondaryAction, onClick = props.onClick, restProps = __rest(props, ["itemId", "title", "meta", "body", "image", "status", "secondaryAction", "onClick"]);
+    var classes = useStyles(props);
+    return (React.createElement(ListItem, __assign({ button: Boolean(onClick), onClick: function (e) { return onClick && onClick(e, props); } }, restProps),
+        image && (React.createElement(ListItemAvatar, null,
+            React.createElement(Avatar, { src: image.src, alt: image.alt }, image.Icon && React.createElement(Icon, { icon: image.Icon })))),
+        React.createElement(ListItemText, { disableTypography: true, className: classes.listItemText },
+            React.createElement(Typography, { variant: "h6" }, title),
+            meta && (React.createElement(Typography, { variant: "body2", color: "secondary.light" }, meta)),
+            body && (React.createElement(Typography, { variant: "body2", color: "grey.700", className: classes.body }, body))),
+        status && (React.createElement(Chip, { classes: { root: classes.chipRoot }, icon: status.Icon && React.createElement(Icon, { icon: status.Icon }), label: status.text })),
+        secondaryAction && (React.createElement(ListItemSecondaryAction, null,
+            React.createElement(IconButton, { style: { color: 'black' }, "aria-label": secondaryAction['aria-label'], onClick: function (e) { return secondaryAction.onClick(e, props); } },
+                React.createElement(Icon, { icon: secondaryAction.Icon }))))));
+};
+
+export { StandardListItem };
+//# sourceMappingURL=StandardListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StandardListItem.js","sources":["../../../../src/components/StandardListItem/StandardListItem.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Chip,\n  IconButton,\n  ListItem as MuiListItem,\n  ListItemAvatar,\n  ListItemSecondaryAction,\n  ListItemText,\n  makeStyles,\n} from '@material-ui/core'\nimport { Avatar, Icon, Typography } from '@popmenu/common-ui'\nimport { StandardListItemProps } from './StandardListItemProps'\n\nconst useStyles = makeStyles((theme) => ({\n  chipRoot: {\n    marginRight: theme.spacing(4),\n    cursor: 'pointer',\n  },\n  body: {\n    paddingTop: '4px',\n  },\n  listItemText: {\n    marginRight: '32px',\n  },\n}))\n\n/**\n * TODO\n * - clean props util\n * - Avatar size and shape\n */\n\nexport const StandardListItem = (props: StandardListItemProps) => {\n  const { itemId, title, meta, body, image, status, secondaryAction, onClick, ...restProps } = props\n  const classes = useStyles(props)\n  return (\n    <MuiListItem button={Boolean(onClick) as any} onClick={(e) => onClick && onClick(e, props)} {...restProps}>\n      {image && (\n        <ListItemAvatar>\n          <Avatar src={image.src} alt={image.alt}>\n            {image.Icon && <Icon icon={image.Icon} />}\n          </Avatar>\n        </ListItemAvatar>\n      )}\n      <ListItemText disableTypography className={classes.listItemText}>\n        <Typography variant=\"h6\">{title}</Typography>\n        {meta && (\n          <Typography variant=\"body2\" color=\"secondary.light\">\n            {meta}\n          </Typography>\n        )}\n        {body && (\n          <Typography variant=\"body2\" color=\"grey.700\" className={classes.body}>\n            {body}\n          </Typography>\n        )}\n      </ListItemText>\n      {status && (\n        <Chip\n          classes={{ root: classes.chipRoot }}\n          icon={status.Icon && <Icon icon={status.Icon} />}\n          label={status.text}\n        />\n      )}\n      {secondaryAction && (\n        <ListItemSecondaryAction>\n          <IconButton\n            style={{ color: 'black' }}\n            aria-label={secondaryAction['aria-label']}\n            onClick={(e) => secondaryAction.onClick(e, props)}\n          >\n            <Icon icon={secondaryAction.Icon} />\n          </IconButton>\n        </ListItemSecondaryAction>\n      )}\n    </MuiListItem>\n  )\n}\n\nexport const Test = () => <MuiListItem button={undefined} />\n"],"names":["MuiListItem"],"mappings":"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"}

package/build/esm/components/StandardListItem/StandardListItemProps.d.ts

@@ -0,0 +1,25 @@
+import { FC, MouseEvent as ReactMouseEvent, SVGProps } from 'react';
+import { ListItemProps } from '@material-ui/core';
+export interface StandardListItemProps extends Omit<ListItemProps, 'onClick'> {
+    title: string;
+    itemId?: string | number;
+    meta?: string;
+    body?: string;
+    image?: {
+        src?: string;
+        alt?: string;
+        Icon?: FC<SVGProps<SVGSVGElement>>;
+        shape?: 'circle' | 'square';
+    };
+    status?: {
+        text: string;
+        severity?: string;
+        Icon?: FC<SVGProps<SVGSVGElement>>;
+    };
+    secondaryAction?: {
+        Icon: FC<SVGProps<SVGSVGElement>>;
+        'aria-label': string;
+        onClick: (event: ReactMouseEvent<HTMLButtonElement, MouseEvent>, listItem: StandardListItemProps) => void;
+    };
+    onClick?: (event: ReactMouseEvent<HTMLButtonElement | HTMLLIElement, MouseEvent>, listItem: StandardListItemProps) => void;
+}

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

@@ -0,0 +1,2 @@
+export { StandardListItem } from './StandardListItem';
+export { StandardListItemProps } from './StandardListItemProps';

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { SnackbarProps } from '@material-ui/core';
+import { AlertProps as MuiAlertProps } from '@material-ui/lab';
+export interface ToastProps extends SnackbarProps {
+    /** Applied to the built in [Alert](?path=/docs/admin-ui-alert--props) Component. */
+    AlertProps?: Omit<MuiAlertProps, 'ref'>;
+    /** The severity of the Alert. */
+    severity: 'error' | 'warning' | 'info' | 'success';
+    /** @ignore */
+    ref?: SnackbarProps['ref'];
+}

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

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

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

@@ -0,0 +1,16 @@
+import { makeStyles } from '@material-ui/core';
+
+var useToastStyles = makeStyles(function (theme) { return ({
+    root: {
+        boxSizing: 'border-box',
+        padding: theme.spacing(0, 1.5),
+        /** TODO: design to define responsive width value. */
+        width: '350px',
+        '& > div:first-child': {
+            alignItems: 'center',
+        },
+    },
+}); });
+
+export { useToastStyles };
+//# sourceMappingURL=ToastStyles.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+export { useFullScreenStepperContext } from './useFullScreenStepperContext';
+export { useSelectableCard } from './useSelectableCard';
+export { useDialog } from './useDialog';

package/build/esm/hooks/useDialog.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const useDialog: () => ({
+    onClick: () => void;
+} | {
+    open: boolean;
+    onClose: () => void;
+} | {
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    toggle: () => void;
+    close: () => void;
+})[];

package/build/esm/hooks/useDialog.js

@@ -0,0 +1,13 @@
+import { useState } from 'react';
+
+var useDialog = function () {
+    var _a = useState(false), open = _a[0], setOpen = _a[1];
+    var toggle = function () { return setOpen(function (current) { return !current; }); };
+    var close = function () { return setOpen(false); };
+    var triggerProps = { onClick: toggle };
+    var dialogProps = { open: open, onClose: close };
+    return [triggerProps, dialogProps, { open: open, setOpen: setOpen, toggle: toggle, close: close }];
+};
+
+export { useDialog };
+//# sourceMappingURL=useDialog.js.map

package/build/esm/hooks/useDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.js","sources":["../../../src/hooks/useDialog.ts"],"sourcesContent":["import { useState } from 'react'\n\nexport const useDialog = () => {\n  const [open, setOpen] = useState(false)\n  const toggle = () => setOpen((current) => !current)\n  const close = () => setOpen(false)\n  const triggerProps = { onClick: toggle }\n  const dialogProps = { open, onClose: close }\n  return [triggerProps, dialogProps, { open, setOpen, toggle, close }]\n}\n"],"names":[],"mappings":";;AAEa,IAAA,SAAS,GAAG,YAAA;IACjB,IAAA,EAAA,GAAkB,QAAQ,CAAC,KAAK,CAAC,EAAhC,IAAI,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,CAAA,CAAmB;AACvC,IAAA,IAAM,MAAM,GAAG,YAAA,EAAM,OAAA,OAAO,CAAC,UAAC,OAAO,EAAK,EAAA,OAAA,CAAC,OAAO,CAAA,EAAA,CAAC,CAAA,EAAA;IACnD,IAAM,KAAK,GAAG,YAAA,EAAM,OAAA,OAAO,CAAC,KAAK,CAAC,CAAd,EAAc;AAClC,IAAA,IAAM,YAAY,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE;IACxC,IAAM,WAAW,GAAG,EAAE,IAAI,EAAA,IAAA,EAAE,OAAO,EAAE,KAAK,EAAE;AAC5C,IAAA,OAAO,CAAC,YAAY,EAAE,WAAW,EAAE,EAAE,IAAI,EAAA,IAAA,EAAE,OAAO,EAAA,OAAA,EAAE,MAAM,EAAA,MAAA,EAAE,KAAK,EAAA,KAAA,EAAE,CAAC;AACtE;;;;"}

package/build/esm/hooks/useFullScreenStepperContext.d.ts

@@ -0,0 +1,2 @@
+import { FullScreenStepperContextValue } from '../components/FullScreenStepper';
+export declare const useFullScreenStepperContext: () => FullScreenStepperContextValue;

package/build/esm/hooks/useFullScreenStepperContext.js

@@ -0,0 +1,8 @@
+import { useContext } from 'react';
+import '../components/FullScreenStepper/FullScreenStepper.js';
+import { FullScreenStepperContext } from '../components/FullScreenStepper/FullScreenStepperContext.js';
+
+var useFullScreenStepperContext = function () { return useContext(FullScreenStepperContext); };
+
+export { useFullScreenStepperContext };
+//# sourceMappingURL=useFullScreenStepperContext.js.map

package/build/esm/hooks/useFullScreenStepperContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFullScreenStepperContext.js","sources":["../../../src/hooks/useFullScreenStepperContext.ts"],"sourcesContent":["import { useContext } from 'react'\nimport { FullScreenStepperContext, FullScreenStepperContextValue } from '../components/FullScreenStepper'\n\nexport const useFullScreenStepperContext = (): FullScreenStepperContextValue => useContext(FullScreenStepperContext)\n"],"names":[],"mappings":";;;;AAGO,IAAM,2BAA2B,GAAG,YAAqC,EAAA,OAAA,UAAU,CAAC,wBAAwB,CAAC,CAApC;;;;"}

package/build/esm/hooks/useSelectableCard.d.ts

@@ -0,0 +1,24 @@
+interface Config {
+    defaultSelected?: Array<string>;
+    selectionMode?: 'single' | 'multi';
+    maxSelectionCount?: number;
+}
+interface Result {
+    card: {
+        onClick: (value: string) => void;
+        selection: Array<string>;
+    };
+    selection: Array<string>;
+    setSelection: (selection: Array<string>) => void;
+}
+/**
+ * Manages state for SelectableCards.
+ * @param {Config} config - Configures the hook behavior.
+ * @param {string|string[]} [config.defaultSelected = []] - Initializes state with the provided value.
+ * @param {string} [config.selectionMode = 'single'] - Determines selection behavior. 'single' provides radio style
+ * selection. 'multi' provides checkbox style selection.
+ * @param {number} [config.maxSelectionCount] - A number to determine the maximum amount of cards to be selected.
+ * @returns {HookResult} An object with click handler and current state. Spread into a SelectableCard to use.
+ */
+export declare const useSelectableCard: (config?: Config) => Result;
+export {};

package/build/esm/hooks/useSelectableCard.js

@@ -0,0 +1,50 @@
+import { __spreadArray } from 'tslib';
+import { useState } from 'react';
+
+/**
+ * Manages state for SelectableCards.
+ * @param {Config} config - Configures the hook behavior.
+ * @param {string|string[]} [config.defaultSelected = []] - Initializes state with the provided value.
+ * @param {string} [config.selectionMode = 'single'] - Determines selection behavior. 'single' provides radio style
+ * selection. 'multi' provides checkbox style selection.
+ * @param {number} [config.maxSelectionCount] - A number to determine the maximum amount of cards to be selected.
+ * @returns {HookResult} An object with click handler and current state. Spread into a SelectableCard to use.
+ */
+var useSelectableCard = function (config) {
+    if (config === void 0) { config = {}; }
+    var _a = config.defaultSelected, defaultSelected = _a === void 0 ? [] : _a, _b = config.selectionMode, selectionMode = _b === void 0 ? 'single' : _b, maxSelectionCount = config.maxSelectionCount;
+    var initialState = Array.isArray(defaultSelected) ? defaultSelected : [defaultSelected];
+    var _c = useState(initialState), selection = _c[0], setSelection = _c[1];
+    var onClick;
+    var handleSingleSelectionMode = function (value) {
+        setSelection([value]);
+    };
+    var handleMultiSelectionMode = function (value) {
+        var newSelection = __spreadArray([], selection);
+        if (!selection.includes(value)) {
+            if (selection.length === maxSelectionCount) {
+                newSelection.shift();
+            }
+            newSelection = __spreadArray(__spreadArray([], newSelection), [value]);
+            setSelection(newSelection);
+        }
+        else {
+            newSelection = newSelection.filter(function (selected) { return selected !== value; });
+            setSelection(newSelection);
+        }
+    };
+    switch (selectionMode) {
+        case 'single':
+            onClick = handleSingleSelectionMode;
+            break;
+        case 'multi':
+            onClick = handleMultiSelectionMode;
+            break;
+        default:
+            onClick = handleSingleSelectionMode;
+    }
+    return { card: { onClick: onClick, selection: selection }, selection: selection, setSelection: setSelection };
+};
+
+export { useSelectableCard };
+//# sourceMappingURL=useSelectableCard.js.map

package/build/esm/hooks/useSelectableCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectableCard.js","sources":["../../../src/hooks/useSelectableCard.ts"],"sourcesContent":["import { useState } from 'react'\n\ninterface Config {\n  defaultSelected?: Array<string>\n  selectionMode?: 'single' | 'multi'\n  maxSelectionCount?: number\n}\ninterface Result {\n  card: {\n    onClick: (value: string) => void\n    selection: Array<string>\n  }\n  selection: Array<string>\n  setSelection: (selection: Array<string>) => void\n}\n\n/**\n * Manages state for SelectableCards.\n * @param {Config} config - Configures the hook behavior.\n * @param {string|string[]} [config.defaultSelected = []] - Initializes state with the provided value.\n * @param {string} [config.selectionMode = 'single'] - Determines selection behavior. 'single' provides radio style\n * selection. 'multi' provides checkbox style selection.\n * @param {number} [config.maxSelectionCount] - A number to determine the maximum amount of cards to be selected.\n * @returns {HookResult} An object with click handler and current state. Spread into a SelectableCard to use.\n */\n\nexport const useSelectableCard: (config?: Config) => Result = (config = {}) => {\n  const { defaultSelected = [], selectionMode = 'single', maxSelectionCount } = config\n  const initialState = Array.isArray(defaultSelected) ? defaultSelected : [defaultSelected]\n  const [selection, setSelection] = useState(initialState)\n  let onClick\n  const handleSingleSelectionMode = (value: string) => {\n    setSelection([value])\n  }\n  const handleMultiSelectionMode = (value: string) => {\n    let newSelection = [...selection]\n    if (!selection.includes(value)) {\n      if (selection.length === maxSelectionCount) {\n        newSelection.shift()\n      }\n      newSelection = [...newSelection, value]\n      setSelection(newSelection)\n    } else {\n      newSelection = newSelection.filter((selected) => selected !== value)\n      setSelection(newSelection)\n    }\n  }\n  switch (selectionMode) {\n    case 'single':\n      onClick = handleSingleSelectionMode\n      break\n    case 'multi':\n      onClick = handleMultiSelectionMode\n      break\n    default:\n      onClick = handleSingleSelectionMode\n  }\n  return { card: { onClick, selection }, selection, setSelection }\n}\n"],"names":[],"mappings":";;;AAgBA;;;;;;;;AAQG;AAEI,IAAM,iBAAiB,GAAgC,UAAC,MAAW,EAAA;AAAX,IAAA,IAAA,MAAA,KAAA,MAAA,EAAA,EAAA,MAAW,GAAA,EAAA,CAAA;IAChE,IAAA,EAAA,GAAsE,MAAM,CAAxD,eAAA,EAApB,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EAAE,EAAgD,GAAA,MAAM,cAA9B,EAAxB,aAAa,mBAAG,QAAQ,GAAA,EAAA,EAAE,iBAAiB,GAAK,MAAM,CAAA,iBAAX;AACzE,IAAA,IAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,CAAC,eAAe,CAAC;IACnF,IAAA,EAAA,GAA4B,QAAQ,CAAC,YAAY,CAAC,EAAjD,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAA0B;AACxD,IAAA,IAAI,OAAO;IACX,IAAM,yBAAyB,GAAG,UAAC,KAAa,EAAA;AAC9C,QAAA,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC;AACvB,KAAC;IACD,IAAM,wBAAwB,GAAG,UAAC,KAAa,EAAA;AAC7C,QAAA,IAAI,YAAY,GAAA,aAAA,CAAA,EAAA,EAAO,SAAS,CAAC;AACjC,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC9B,YAAA,IAAI,SAAS,CAAC,MAAM,KAAK,iBAAiB,EAAE;gBAC1C,YAAY,CAAC,KAAK,EAAE;AACrB;AACD,YAAA,YAAY,GAAO,aAAA,CAAA,aAAA,CAAA,EAAA,EAAA,YAAY,CAAE,EAAA,CAAA,KAAK,EAAC;YACvC,YAAY,CAAC,YAAY,CAAC;AAC3B;AAAM,aAAA;AACL,YAAA,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,UAAC,QAAQ,EAAK,EAAA,OAAA,QAAQ,KAAK,KAAK,CAAlB,EAAkB,CAAC;YACpE,YAAY,CAAC,YAAY,CAAC;AAC3B;AACH,KAAC;AACD,IAAA,QAAQ,aAAa;AACnB,QAAA,KAAK,QAAQ;YACX,OAAO,GAAG,yBAAyB;YACnC;AACF,QAAA,KAAK,OAAO;YACV,OAAO,GAAG,wBAAwB;YAClC;AACF,QAAA;YACE,OAAO,GAAG,yBAAyB;AACtC;AACD,IAAA,OAAO,EAAE,IAAI,EAAE,EAAE,OAAO,SAAA,EAAE,SAAS,EAAA,SAAA,EAAE,EAAE,SAAS,EAAA,SAAA,EAAE,YAAY,EAAA,YAAA,EAAE;AAClE;;;;"}

package/build/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks';
+export * from './theme';

package/build/esm/index.js

@@ -0,0 +1,32 @@
+export { Alert } from './components/Alert/Alert.js';
+export { AlertDialog } from './components/AlertDialog/AlertDialog.js';
+export { AlertDialogHeader } from './components/AlertDialogHeader/AlertDialogHeader.js';
+export { AlertTitle } from './components/AlertTitle/AlertTitle.js';
+export { Button } from './components/Button/Button.js';
+export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
+export { FeatureIntro } from './components/FeatureIntro/FeatureIntro.js';
+export { FullScreenStepper } from './components/FullScreenStepper/FullScreenStepper.js';
+export { FullScreenStepperContext } from './components/FullScreenStepper/FullScreenStepperContext.js';
+export { FullScreenStepperActions } from './components/FullScreenStepperActions/FullScreenStepperActions.js';
+export { FullScreenStepperContent } from './components/FullScreenStepperContent/FullScreenStepperContent.js';
+export { SelectableCard } from './components/SelectableCard/SelectableCard.js';
+export { Toast } from './components/Toast/Toast.js';
+export { Dialog, DialogContent, DialogTitle } from '@popmenu/common-ui';
+export { DialogActions } from './components/DialogActions/DialogActions.js';
+export { Page } from './components/Page/Page.js';
+export { PageBody } from './components/PageBody/PageBody.js';
+export { PageSection } from './components/PageSection/PageSection.js';
+export { PageSections } from './components/PageSections/PageSections.js';
+export { PageSectionHead } from './components/PageSectionHead/PageSectionHead.js';
+export { PageSectionTitle } from './components/PageSectionTitle/PageSectionTitle.js';
+export { SettingsIndexCardGroup } from './components/SettingsIndexCardGroup/SettingsIndexCardGroup.js';
+export { SettingsIndexCard } from './components/SettingsIndexCard/SettingsIndexCard.js';
+export { List } from './components/List/List.js';
+export { StandardListItem } from './components/StandardListItem/StandardListItem.js';
+export { CircularProgress, MenuItem, Switch, TextField } from '@material-ui/core';
+export { useFullScreenStepperContext } from './hooks/useFullScreenStepperContext.js';
+export { useSelectableCard } from './hooks/useSelectableCard.js';
+export { useDialog } from './hooks/useDialog.js';
+export { adminLight, adminLightOptions } from './theme/adminLightTheme.js';
+export { adminDark, adminDarkOptions } from './theme/adminDarkTheme.js';
+//# sourceMappingURL=index.js.map

package/build/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}