@junyiacademy/ui-test 1.7.0 → 1.7.2

package/dist/lib/chip/Chip.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Chip as MuiChip } from '@mui/material';
+import { chipClasses } from '@mui/material/Chip';
+export const Chip = ({ color = 'progressUpgraded', checked = false, ...props }) => {
+    const { sx: chipSx = [], ...otherChipProps } = props;
+    return (_jsx(MuiChip, { variant: "outlined", sx: [
+            (theme) => ({
+                ...(checked
+                    ? {
+                        backgroundColor: theme.palette[color].main,
+                        color: theme.palette[color].contrastText,
+                        [`.MuiChip-icon`]: {
+                            color: theme.palette[color].contrastText,
+                        },
+                    }
+                    : {
+                        backgroundColor: theme.palette[color].light,
+                        color: theme.palette.text.primary,
+                    }),
+                [`&.${chipClasses.clickable}:hover`]: {
+                    backgroundColor: theme.palette[color].dark,
+                    color: theme.palette[color].contrastText,
+                },
+                [`&.${chipClasses.clickable}:hover > .MuiChip-icon`]: {
+                    color: theme.palette[color].contrastText,
+                },
+            }),
+            ...(Array.isArray(chipSx) ? chipSx : [chipSx]),
+        ], ...otherChipProps }));
+};
+export default Chip;
+//# sourceMappingURL=Chip.js.map

package/dist/lib/chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/lib/chip/Chip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAA6B,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAcjD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACnB,KAAK,GAAG,kBAAkB,EAC1B,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACE,EAAE,EAAE;IACd,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAC;IACrD,OAAO,CACL,KAAC,OAAO,IACN,OAAO,EAAC,UAAU,EAClB,EAAE,EAAE;YACF,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACV,GAAG,CAAC,OAAO;oBACT,CAAC,CAAC;wBACE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI;wBAC1C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,YAAY;wBACxC,CAAC,eAAe,CAAC,EAAE;4BACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,YAAY;yBACzC;qBACF;oBACH,CAAC,CAAC;wBACE,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK;wBAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;qBAClC,CAAC;gBACN,CAAC,KAAK,WAAW,CAAC,SAAS,QAAQ,CAAC,EAAE;oBACpC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI;oBAC1C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,YAAY;iBACzC;gBACD,CAAC,KAAK,WAAW,CAAC,SAAS,wBAAwB,CAAC,EAAE;oBACpD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,YAAY;iBACzC;aACF,CAAC;YACF,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;SAC/C,KACG,cAAc,GAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/lib/icon/Icon.d.ts

@@ -0,0 +1,6 @@
+import { IconProps as MuiIconProps } from '@mui/material';
+export type IconProps = Pick<MuiIconProps, 'color' | 'children' | 'fontSize'>;
+export declare const Icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").IconTypeMap<{}, "span">> & {
+    muiName: string;
+};
+//# sourceMappingURL=Icon.d.ts.map

package/dist/lib/icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/lib/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAE3E,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAE9E,eAAO,MAAM,IAAI;;CAAU,CAAC"}

package/dist/lib/icon/Icon.js

@@ -0,0 +1,3 @@
+import { Icon as MuiIcon } from '@mui/material';
+export const Icon = MuiIcon;
+//# sourceMappingURL=Icon.js.map

package/dist/lib/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/lib/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,OAAO,EAA6B,MAAM,eAAe,CAAC;AAI3E,MAAM,CAAC,MAAM,IAAI,GAAG,OAAO,CAAC"}

package/dist/lib/menu-item/SelectMenuItem.d.ts

@@ -0,0 +1,7 @@
+import { MenuItemProps } from '@mui/material';
+export interface SelectMenuItemProps extends MenuItemProps {
+    value?: any;
+}
+declare const SelectMenuItem: import("react").ForwardRefExoticComponent<Omit<SelectMenuItemProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+export default SelectMenuItem;
+//# sourceMappingURL=SelectMenuItem.d.ts.map

package/dist/lib/menu-item/SelectMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenuItem.d.ts","sourceRoot":"","sources":["../../../src/lib/menu-item/SelectMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAC;AAKxD,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IAExD,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAED,QAAA,MAAM,cAAc,4HA2BnB,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/dist/lib/menu-item/SelectMenuItem.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { MenuItem } from '@mui/material';
+import { menuItemClasses } from '@mui/material/MenuItem';
+const SelectMenuItem = forwardRef((props, ref) => {
+    const { children, value = '', ...otherProps } = props;
+    const { sx: menuItemSx, ...otherMenuItemProps } = otherProps;
+    return (_jsx(MenuItem, { ref: ref, sx: [
+            (theme) => ({
+                whiteSpace: 'unset',
+                color: theme.palette.text.primary,
+                [`&.${menuItemClasses.selected}`]: {
+                    backgroundColor: theme.palette.grey[300],
+                    '&:hover': {
+                        backgroundColor: theme.palette.grey[200],
+                    },
+                },
+            }),
+            ...(Array.isArray(menuItemSx) ? menuItemSx : [menuItemSx]),
+        ], value: value, ...otherMenuItemProps, children: children }));
+});
+SelectMenuItem.displayName = 'SelectMenuItem';
+export default SelectMenuItem;
+//# sourceMappingURL=SelectMenuItem.js.map

package/dist/lib/menu-item/SelectMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenuItem.js","sourceRoot":"","sources":["../../../src/lib/menu-item/SelectMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAiB,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AASzD,MAAM,cAAc,GAAG,UAAU,CAC/B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,GAAG,UAAU,CAAC;IAC7D,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,EAAE,EAAE;YACF,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACV,UAAU,EAAE,OAAO;gBACnB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;gBACjC,CAAC,KAAK,eAAe,CAAC,QAAQ,EAAE,CAAC,EAAE;oBACjC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;oBACxC,SAAS,EAAE;wBACT,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;qBACzC;iBACF;aACF,CAAC;YACF,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;SAC3D,EACD,KAAK,EAAE,KAAK,KACR,kBAAkB,YAErB,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,eAAe,cAAc,CAAC"}

package/dist/lib/radio/Radio.d.ts

@@ -0,0 +1,14 @@
+import { FormControlLabelProps as MuiFormControlLabelProps, RadioProps as MuiRadioProps, TypographyProps as MuiTypographyProps } from '@mui/material';
+export interface RadioProps extends Omit<MuiFormControlLabelProps, 'control'> {
+    color?: 'primary' | 'secondary' | 'default';
+    size?: 'medium' | 'small';
+    caption?: string;
+    FormControlLabelProps?: Partial<MuiFormControlLabelProps>;
+    RadioProps?: Partial<MuiRadioProps> & {
+        'data-testid'?: string;
+    };
+    TypographyProps?: Partial<MuiTypographyProps>;
+}
+export declare const Radio: React.FC<RadioProps>;
+export default Radio;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/lib/radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/lib/radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,IAAI,wBAAwB,EAEjD,UAAU,IAAI,aAAa,EAC3B,eAAe,IAAI,kBAAkB,EAEtC,MAAM,eAAe,CAAC;AAiBvB,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC;IAC3E,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG;QAAE,aAAa,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjE,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAwDtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/lib/radio/Radio.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { FormControlLabel, Radio as MuiRadio, Typography, } from '@mui/material';
+import { formControlLabelClasses } from '@mui/material/FormControlLabel';
+import { radioClasses } from '@mui/material/Radio';
+// self-defined-components
+const StyledFormControlLabel = styled(FormControlLabel)(({ theme }) => ({
+    [`& .${formControlLabelClasses.label}`]: {
+        color: theme.palette.text.secondary,
+        [`&.${formControlLabelClasses.disabled}`]: {
+            color: theme.palette.text.disabled,
+        },
+    },
+    [`& .${radioClasses.checked} + .${formControlLabelClasses.label}`]: {
+        color: theme.palette.text.primary,
+    },
+}));
+export const Radio = ({ checked, disabled, label, labelPlacement, value, FormControlLabelProps = {}, RadioProps = {}, TypographyProps = {}, color = 'secondary', size = 'medium', caption = '', }) => {
+    const { sx: radioSx = [], ...otherRadioProps } = RadioProps;
+    const { sx: typographySx = [], ...otherTypographyProps } = TypographyProps;
+    return (_jsxs(_Fragment, { children: [_jsx(StyledFormControlLabel, { control: _jsx(MuiRadio, { sx: [
+                        (theme) => ({
+                            color: theme.palette.text.primary,
+                        }),
+                        ...(Array.isArray(radioSx) ? radioSx : [radioSx]),
+                    ], color: color, size: size, ...otherRadioProps }), checked: checked, disabled: disabled, label: label, labelPlacement: labelPlacement, value: value, ...FormControlLabelProps }), caption && (_jsx(Typography, { sx: [
+                    (theme) => ({
+                        color: theme.palette.text.disabled,
+                        margin: '0 0 0 30px',
+                    }),
+                    ...(Array.isArray(typographySx) ? typographySx : [typographySx]),
+                ], variant: "body2", ...otherTypographyProps, children: caption }))] }));
+};
+export default Radio;
+//# sourceMappingURL=Radio.js.map

package/dist/lib/radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/lib/radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EACL,gBAAgB,EAEhB,KAAK,IAAI,QAAQ,EAGjB,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,0BAA0B;AAC1B,MAAM,sBAAsB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtE,CAAC,MAAM,uBAAuB,CAAC,KAAK,EAAE,CAAC,EAAE;QACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,CAAC,KAAK,uBAAuB,CAAC,QAAQ,EAAE,CAAC,EAAE;YACzC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;SACnC;KACF;IACD,CAAC,MAAM,YAAY,CAAC,OAAO,OAAO,uBAAuB,CAAC,KAAK,EAAE,CAAC,EAAE;QAClE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;KAClC;CACF,CAAC,CAAC,CAAC;AAWJ,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,OAAO,EACP,QAAQ,EACR,KAAK,EACL,cAAc,EACd,KAAK,EACL,qBAAqB,GAAG,EAAE,EAC1B,UAAU,GAAG,EAAE,EACf,eAAe,GAAG,EAAE,EACpB,KAAK,GAAG,WAAW,EACnB,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,EAAE,GACb,EAAE,EAAE;IACH,MAAM,EAAE,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,eAAe,EAAE,GAAG,UAAU,CAAC;IAC5D,MAAM,EAAE,EAAE,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,oBAAoB,EAAE,GAAG,eAAe,CAAC;IAE3E,OAAO,CACL,8BACE,KAAC,sBAAsB,IACrB,OAAO,EACL,KAAC,QAAQ,IACP,EAAE,EAAE;wBACF,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;4BACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;yBAClC,CAAC;wBACF,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;qBAClD,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,KACN,eAAe,GACnB,EAEJ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,KACR,qBAAqB,GACzB,EACD,OAAO,IAAI,CACV,KAAC,UAAU,IACT,EAAE,EAAE;oBACF,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wBACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;wBAClC,MAAM,EAAE,YAAY;qBACrB,CAAC;oBACF,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;iBACjE,EACD,OAAO,EAAC,OAAO,KACX,oBAAoB,YAEvB,OAAO,GACG,CACd,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/lib/select/OutlinedSelect.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps as ISelectProps } from '../../interfaces';
+export declare const OutlinedSelect: React.FC<ISelectProps>;
+export default OutlinedSelect;
+//# sourceMappingURL=OutlinedSelect.d.ts.map

package/dist/lib/select/OutlinedSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutlinedSelect.d.ts","sourceRoot":"","sources":["../../../src/lib/select/OutlinedSelect.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AA+C/D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2GjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/lib/select/OutlinedSelect.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { FormControl, FormHelperText, InputLabel, OutlinedInput, Select, } from '@mui/material';
+import { formHelperTextClasses } from '@mui/material/FormHelperText';
+import { inputBaseClasses } from '@mui/material/InputBase';
+import { inputLabelClasses } from '@mui/material/InputLabel';
+import { outlinedInputClasses } from '@mui/material/OutlinedInput';
+// self-defined-components
+const StyledInputLabel = styled(InputLabel, {
+    shouldForwardProp: (prop) => prop !== 'color',
+})(({ color = 'primary', theme }) => ({
+    color: theme.palette.text.secondary,
+    [`&.${inputLabelClasses.outlined}`]: {
+        [`&:not(.${inputLabelClasses.disabled}) .${inputLabelClasses.focused}`]: {
+            color: theme.palette.action.active,
+        },
+        [`&.${inputLabelClasses.sizeSmall}:not(.${inputLabelClasses.shrink})`]: {
+            transform: 'translate(12px, 12px) scale(1)',
+        },
+    },
+    // eslint-disable-next-line
+    [`&.${inputLabelClasses.shrink}:not(.${inputLabelClasses.error}):not(.${inputLabelClasses.disabled}).${inputLabelClasses.focused}`]: {
+        color: theme.palette[color].main,
+    },
+    [`&.${inputLabelClasses.shrink}`]: {
+        backgroundColor: '#ffffff',
+        padding: '0 2px',
+    },
+}));
+const StyledOutlinedInput = styled(OutlinedInput)(({ theme }) => ({
+    [`&.${outlinedInputClasses.root}`]: {
+        [`&.${outlinedInputClasses.error}.${outlinedInputClasses.focused} .${outlinedInputClasses.notchedOutline}`]: {
+            borderColor: `${theme.palette.error.main}`,
+        },
+        [`&.${inputBaseClasses.sizeSmall} > .${inputBaseClasses.input}`]: {
+            padding: '12.5px 15px 12.5px 12px',
+        },
+    },
+    [`& .${outlinedInputClasses.input}`]: {
+        color: theme.palette.text.primary,
+        '&:focus': {
+            background: 'rgba(0,0,0,0)',
+        },
+    },
+}));
+export const OutlinedSelect = ({ label, helperText, FormControlProps = {}, InputLabelProps = {}, InputProps = {}, SelectProps = {}, MenuProps = {}, FormHelperTextProps = {}, className, children, color = 'primary', size = 'small', paperMaxHeight = 'auto', error = false, hasLabel = true, hasShrink = false, value = '', disabled = false, }) => {
+    const hasHelperText = !!helperText;
+    const { sx: formControlSx = [], ...otherFormControlProps } = FormControlProps;
+    const { sx: formHelperTextSx = [], ...otherFormHelperTextProps } = FormHelperTextProps;
+    return (_jsxs(FormControl, { sx: [
+            (theme) => ({
+                backgroundColor: 'white',
+                '&:hover': {
+                    // eslint-disable-next-line
+                    [`& :not(.${outlinedInputClasses.disabled}):not(.${outlinedInputClasses.error}) .${outlinedInputClasses.notchedOutline}`]: {
+                        borderColor: theme.palette[color].main,
+                    },
+                },
+            }),
+            ...(Array.isArray(formControlSx) ? formControlSx : [formControlSx]),
+        ], size: size, disabled: disabled, error: error, color: color, className: className, ...otherFormControlProps, children: [hasLabel && (_jsx(StyledInputLabel, { color: color, shrink: hasShrink ? true : undefined, ...InputLabelProps, children: label })), _jsx(Select, { value: value, label: hasLabel ? label : undefined, MenuProps: {
+                    PaperProps: {
+                        sx: {
+                            maxHeight: paperMaxHeight,
+                        },
+                    },
+                    disableAutoFocusItem: true,
+                    anchorOrigin: {
+                        vertical: 2,
+                        horizontal: 'left',
+                    },
+                    transformOrigin: {
+                        vertical: 'top',
+                        horizontal: 'left',
+                    },
+                    ...MenuProps,
+                }, input: _jsx(StyledOutlinedInput, { color: color, label: hasLabel ? label : undefined, disabled: disabled, ...InputProps }), ...SelectProps, children: children }), hasHelperText && (_jsx(FormHelperText, { sx: [
+                    {
+                        [`&.${formHelperTextClasses.root}`]: {
+                            marginLeft: 0,
+                        },
+                    },
+                    ...(Array.isArray(formHelperTextSx)
+                        ? formHelperTextSx
+                        : [formHelperTextSx]),
+                ], ...otherFormHelperTextProps, children: helperText }))] }));
+};
+export default OutlinedSelect;
+//# sourceMappingURL=OutlinedSelect.js.map

package/dist/lib/select/OutlinedSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OutlinedSelect.js","sourceRoot":"","sources":["../../../src/lib/select/OutlinedSelect.tsx"],"names":[],"mappings":"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"}

package/dist/lib/select/Select.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps } from '../../interfaces';
+export declare const Select: React.FC<SelectProps>;
+export default Select;
+//# sourceMappingURL=Select.d.ts.map

package/dist/lib/select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/lib/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI/C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAKxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/lib/select/Select.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { OutlinedSelect } from './OutlinedSelect';
+import { StandardSelect } from './StandardSelect';
+export const Select = ({ variant, ...props }) => {
+    if (variant === 'outlined') {
+        return _jsx(OutlinedSelect, { ...props });
+    }
+    return _jsx(StandardSelect, { ...props });
+};
+export default Select;
+//# sourceMappingURL=Select.js.map

package/dist/lib/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/lib/select/Select.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrE,IAAI,OAAO,KAAK,UAAU,EAAE,CAAC;QAC3B,OAAO,KAAC,cAAc,OAAK,KAAK,GAAI,CAAC;IACvC,CAAC;IACD,OAAO,KAAC,cAAc,OAAK,KAAK,GAAI,CAAC;AACvC,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/lib/select/StandardSelect.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps as ISelectProps } from '../../interfaces';
+export declare const StandardSelect: React.FC<ISelectProps>;
+export default StandardSelect;
+//# sourceMappingURL=StandardSelect.d.ts.map

package/dist/lib/select/StandardSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardSelect.d.ts","sourceRoot":"","sources":["../../../src/lib/select/StandardSelect.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,WAAW,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAwC/D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiEjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/lib/select/StandardSelect.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { FormControl, FormHelperText, Input, InputLabel, Select, } from '@mui/material';
+import { inputClasses } from '@mui/material/Input';
+import { inputLabelClasses } from '@mui/material/InputLabel';
+// self-defined-components
+const StyledInputLabel = styled(InputLabel, {
+    shouldForwardProp: (prop) => prop !== 'color',
+})(({ color = 'primary', theme }) => ({
+    [`&.${inputLabelClasses.root}`]: {
+        color: theme.palette.text.disabled,
+    },
+    [`&.${inputLabelClasses.focused}`]: {
+        color: theme.palette[color].main,
+    },
+    [`&.${inputLabelClasses.error}`]: {
+        color: theme.palette.error.main,
+    },
+}));
+const StyledInput = styled(Input, {
+    shouldForwardProp: (prop) => prop !== 'color',
+})(({ color = 'primary', theme }) => ({
+    color: theme.palette.text.primary,
+    [`& .${inputClasses.input}`]: {
+        '&:focus': {
+            background: 'rgba(0,0,0,0)',
+        },
+    },
+    [`&.${inputClasses.underline}:not(.${inputClasses.disabled}):not(.${inputClasses.error})`]: {
+        '&:after,&:hover:before': {
+            borderBottomColor: theme.palette[color].main,
+        },
+    },
+    [`&.${inputClasses.underline}.${inputClasses.error}:not(.${inputClasses.disabled})`]: {
+        '&:after,&:hover:before': {
+            borderBottomColor: theme.palette.error.main,
+        },
+    },
+}));
+export const StandardSelect = ({ label, helperText, FormControlProps = {}, InputLabelProps = {}, InputProps = {}, SelectProps = {}, FormHelperTextProps = {}, className, children, color = 'primary', size = 'small', paperMaxHeight = 'auto', error = false, hasLabel = true, hasShrink = false, value = '', disabled = false, }) => {
+    const hasHelperText = !!helperText;
+    return (_jsxs(FormControl, { variant: "standard", color: color, size: size, disabled: disabled, error: error, className: className, ...FormControlProps, children: [_jsx(StyledInputLabel, { color: color, shrink: hasShrink ? true : undefined, ...InputLabelProps, children: hasLabel ? label : undefined }), _jsx(Select, { value: value, MenuProps: {
+                    PaperProps: {
+                        sx: {
+                            maxHeight: paperMaxHeight,
+                        },
+                    },
+                    anchorOrigin: {
+                        vertical: 2,
+                        horizontal: 'left',
+                    },
+                    transformOrigin: {
+                        vertical: 'top',
+                        horizontal: 'left',
+                    },
+                }, input: _jsx(StyledInput, { color: color, ...InputProps }), ...SelectProps, children: children }), hasHelperText && (_jsx(FormHelperText, { ...FormHelperTextProps, children: helperText }))] }));
+};
+export default StandardSelect;
+//# sourceMappingURL=StandardSelect.js.map

package/dist/lib/select/StandardSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardSelect.js","sourceRoot":"","sources":["../../../src/lib/select/StandardSelect.tsx"],"names":[],"mappings":"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"}

package/dist/lib/text-field/TextField.d.ts

@@ -0,0 +1,4 @@
+import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
+export declare const TextField: React.FC<MuiTextFieldProps>;
+export default TextField;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/lib/text-field/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/lib/text-field/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,cAAc,IAAI,iBAAiB,EACpC,MAAM,eAAe,CAAC;AAoDvB,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwCjD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/lib/text-field/TextField.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { TextField as MuiTextField, } from '@mui/material';
+import { formHelperTextClasses } from '@mui/material/FormHelperText';
+import { inputClasses } from '@mui/material/Input';
+import { inputLabelClasses } from '@mui/material/InputLabel';
+import { outlinedInputClasses } from '@mui/material/OutlinedInput';
+import { textFieldClasses } from '@mui/material/TextField';
+import capitalize from '../../utils/capitalize';
+// self-defined-components
+const StyledTextField = styled(MuiTextField)(({ label, color = 'primary', theme }) => ({
+    [`& .${inputLabelClasses.error}`]: {
+        [`&:not(.${inputLabelClasses.shrink})`]: {
+            color: theme.palette.text.secondary,
+        },
+        [`&.${inputLabelClasses.disabled}`]: {
+            color: theme.palette.text.disabled,
+        },
+    },
+    [`& .${inputLabelClasses.error}.${inputLabelClasses.focused}`]: {
+        color: theme.palette.error.main,
+    },
+    // For variant: standard | filled
+    [`& .${inputClasses.underline}:not(.${inputClasses.disabled})`]: {
+        [`&.MuiInputBase-color${capitalize(color)}:hover:before`]: {
+            borderColor: theme.palette[color].main,
+        },
+    },
+    // For variant: outlined
+    [`& .${inputClasses.disabled} .${outlinedInputClasses.notchedOutline}`]: {
+        borderStyle: 'dotted',
+    },
+    [`& .${inputClasses.error}.${inputClasses.focused} .${outlinedInputClasses.notchedOutline}`]: {
+        borderColor: theme.palette.error.main,
+    },
+    [`&.${textFieldClasses.root} :not(.${inputClasses.disabled}):not(.${inputClasses.error})`]: {
+        [`&.MuiInputBase-color${capitalize(color)}:hover .${outlinedInputClasses.notchedOutline}`]: {
+            borderColor: theme.palette[color].main,
+        },
+    },
+    [`& .${outlinedInputClasses.notchedOutline}`]: {
+        '& > legend': {
+            maxWidth: label === '' && 0,
+        },
+    },
+}));
+export const TextField = (props) => {
+    const { slotProps = {}, ...otherProps } = props;
+    const { inputLabel: inputLabelProps = {}, input: inputProps = {}, formHelperText: formHelperTextProps = {}, ...otherSlotProps } = slotProps;
+    const hasEndAdornment = !!('endAdornment' in inputProps && inputProps?.endAdornment);
+    return (_jsx(StyledTextField, { slotProps: {
+            inputLabel: {
+                shrink: hasEndAdornment ? true : undefined,
+                ...inputLabelProps,
+            },
+            input: inputProps,
+            formHelperText: {
+                ...formHelperTextProps,
+                sx: [
+                    (theme) => ({
+                        [`&.${formHelperTextClasses.root}`]: {
+                            marginLeft: 0,
+                            [`&.${inputClasses.error}`]: {
+                                color: theme.palette.error.main,
+                            },
+                        },
+                    }),
+                ],
+            },
+            ...otherSlotProps,
+        }, ...otherProps }));
+};
+export default TextField;
+//# sourceMappingURL=TextField.js.map

package/dist/lib/text-field/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/lib/text-field/TextField.tsx"],"names":[],"mappings":"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"}

package/dist/lib/topic-filter/TopicFilter.d.ts

@@ -0,0 +1,14 @@
+import type { QueryTopicInfo } from '../../interfaces/shared-types';
+export interface TopicFilterProps {
+    topicList: QueryTopicInfo;
+    onTopicSelected: (selectedTopicId: string, selectedInfo: {
+        layerNumber: number;
+    }) => void;
+    hasArrow: boolean;
+    selectedTopicIds: string[];
+    onResetClick?: () => void;
+    hasResetOption?: boolean;
+}
+declare const TopicFilter: ({ topicList, onTopicSelected, hasArrow, selectedTopicIds, onResetClick, hasResetOption, }: TopicFilterProps) => import("react/jsx-runtime").JSX.Element;
+export default TopicFilter;
+//# sourceMappingURL=TopicFilter.d.ts.map

package/dist/lib/topic-filter/TopicFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopicFilter.d.ts","sourceRoot":"","sources":["../../../src/lib/topic-filter/TopicFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAW,MAAM,+BAA+B,CAAC;AAW7E,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,cAAc,CAAC;IAC1B,eAAe,EAAE,CACf,eAAe,EAAE,MAAM,EACvB,YAAY,EAAE;QAAE,WAAW,EAAE,MAAM,CAAA;KAAE,KAClC,IAAI,CAAC;IACV,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAYD,QAAA,MAAM,WAAW,GAAI,2FASlB,gBAAgB,4CAmJlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/lib/topic-filter/TopicFilter.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, useMediaQuery } from '@mui/material';
+import ArrowRightRoundedIcon from '@mui/icons-material/ArrowRightRounded';
+import SelectMenuItem from '../menu-item/SelectMenuItem';
+import Select from '../select/Select';
+// self-defined-configs
+const LABEL = '請選擇';
+const OPTION_FOR_RESET = 'option-for-reset';
+const NO_SELECT = '';
+const getTopicSelectValue = (layerNumber, selectedTopicIds, hasResetOption) => {
+    const defaultValue = hasResetOption && layerNumber === 0 ? OPTION_FOR_RESET : NO_SELECT;
+    return selectedTopicIds?.[layerNumber + 1] || defaultValue;
+};
+const TopicFilter = ({ topicList, onTopicSelected, hasArrow, selectedTopicIds, onResetClick = () => {
+    // do nothing.
+}, hasResetOption = false, }) => {
+    const isUpMd = useMediaQuery((theme) => theme.breakpoints.up('md'));
+    const [isFocusedList, setIsFocusedList] = useState([]);
+    const handleChange = (e, layerNumber) => {
+        if (e.target.value === OPTION_FOR_RESET) {
+            onResetClick();
+            return;
+        }
+        onTopicSelected(e.target.value, {
+            layerNumber,
+        });
+        setIsFocusedList((prevList) => [
+            ...prevList.slice(0, layerNumber + 1),
+            false,
+        ]);
+    };
+    return (_jsx(Box, { sx: {
+            display: 'flex',
+            alignItems: 'center',
+            flexWrap: 'wrap',
+        }, children: topicList.map((topic, layerNumber) => {
+            const hasLabel = isFocusedList[layerNumber] || !selectedTopicIds[layerNumber + 1];
+            if (topic.isError) {
+                return null;
+            }
+            return (_jsxs(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    width: isUpMd ? undefined : '100%',
+                }, children: [hasArrow && layerNumber !== 0 && (_jsx(ArrowRightRoundedIcon, { sx: (theme) => ({
+                            margin: theme.spacing(-1, -1.5),
+                            fontSize: theme.spacing(7),
+                            color: '#444',
+                        }), fontSize: "large", "data-testid": "topic-filter-arrow" })), (() => {
+                        if (topic.isLoading) {
+                            return (_jsx(Select, { variant: "outlined", size: "small", label: "\u8F09\u5165\u8CC7\u6599\u4E2D...", disabled: true, FormControlProps: {
+                                    sx: (theme) => ({
+                                        width: isUpMd ? 220 : '100%',
+                                        margin: theme.spacing(1),
+                                    }),
+                                } }));
+                        }
+                        return (_jsxs(Select, { variant: "outlined", size: "small", label: LABEL, paperMaxHeight: 412, hasLabel: hasLabel, value: getTopicSelectValue(layerNumber, selectedTopicIds, hasResetOption), SelectProps: {
+                                'data-testid': `layered-topic-${layerNumber}`,
+                            }, InputProps: {
+                                inputProps: {
+                                    'aria-label': `layered-topic-${layerNumber}`,
+                                },
+                                onChange: (e) => {
+                                    handleChange(e, layerNumber);
+                                },
+                                onFocus: () => {
+                                    setIsFocusedList((prevList) => {
+                                        const newList = [...prevList];
+                                        newList[layerNumber] = true;
+                                        return newList;
+                                    });
+                                },
+                                onBlur: () => {
+                                    setIsFocusedList((prevList) => {
+                                        const newList = [...prevList];
+                                        newList[layerNumber] = false;
+                                        return newList;
+                                    });
+                                },
+                            }, FormControlProps: {
+                                sx: (theme) => ({
+                                    width: isUpMd ? 220 : '100%',
+                                    margin: theme.spacing(1),
+                                }),
+                            }, children: [_jsx(SelectMenuItem, { disabled: true, value: "", children: LABEL }), hasResetOption && layerNumber === 0 && (_jsx(SelectMenuItem, { value: OPTION_FOR_RESET, children: "\u6240\u6709\u79D1\u76EE" })), topic.data.children.map((option) => (_jsx(SelectMenuItem, { value: option.id, "data-testid": `layered-menuitem-${layerNumber}`, "data-is-content-topic": option.hasContentChild, children: option.title }, option.id)))] }));
+                    })()] }, layerNumber));
+        }) }));
+};
+export default TopicFilter;
+//# sourceMappingURL=TopicFilter.js.map

package/dist/lib/topic-filter/TopicFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopicFilter.js","sourceRoot":"","sources":["../../../src/lib/topic-filter/TopicFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAc,aAAa,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,qBAAqB,MAAM,uCAAuC,CAAC;AAG1E,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,uBAAuB;AACvB,MAAM,KAAK,GAAG,KAAK,CAAC;AACpB,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAC5C,MAAM,SAAS,GAAG,EAAE,CAAC;AAgBrB,MAAM,mBAAmB,GAAG,CAC1B,WAAmB,EACnB,gBAA0B,EAC1B,cAAuB,EACvB,EAAE;IACF,MAAM,YAAY,GAChB,cAAc,IAAI,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;IACrE,OAAO,gBAAgB,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,YAAY,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EACnB,SAAS,EACT,eAAe,EACf,QAAQ,EACR,gBAAgB,EAChB,YAAY,GAAG,GAAG,EAAE;IAClB,cAAc;AAChB,CAAC,EACD,cAAc,GAAG,KAAK,GACL,EAAE,EAAE;IACrB,MAAM,MAAM,GAAG,aAAa,CAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAC;IAElE,MAAM,YAAY,GAAG,CACnB,CAAsC,EACtC,WAAmB,EACnB,EAAE;QACF,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,gBAAgB,EAAE,CAAC;YACxC,YAAY,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE;YAC9B,WAAW;SACZ,CAAC,CAAC;QAEH,gBAAgB,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC7B,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC;YACrC,KAAK;SACN,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,MAAM;SACjB,YAEA,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE;YACpC,MAAM,QAAQ,GACZ,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;YAEnE,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;gBAClB,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;oBACF,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;iBACnC,aAGA,QAAQ,IAAI,WAAW,KAAK,CAAC,IAAI,CAChC,KAAC,qBAAqB,IACpB,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;4BACd,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC;4BAC/B,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;4BAC1B,KAAK,EAAE,MAAM;yBACd,CAAC,EACF,QAAQ,EAAC,OAAO,iBACJ,oBAAoB,GACT,CAC1B,EACA,CAAC,GAAG,EAAE;wBACL,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC;4BACpB,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,mCAAU,EAChB,QAAQ,QACR,gBAAgB,EAAE;oCAChB,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;wCACd,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;wCAC5B,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;qCACzB,CAAC;iCACH,GACO,CACX,CAAC;wBACJ,CAAC;wBAED,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,GAAG,EACnB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,mBAAmB,CACxB,WAAW,EACX,gBAAgB,EAChB,cAAc,CACf,EACD,WAAW,EAAE;gCACX,aAAa,EAAE,iBAAiB,WAAW,EAAE;6BAC9C,EACD,UAAU,EAAE;gCACV,UAAU,EAAE;oCACV,YAAY,EAAE,iBAAiB,WAAW,EAAE;iCAC7C;gCACD,QAAQ,EAAE,CAAC,CAAsC,EAAE,EAAE;oCACnD,YAAY,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;gCAC/B,CAAC;gCACD,OAAO,EAAE,GAAG,EAAE;oCACZ,gBAAgB,CAAC,CAAC,QAAQ,EAAE,EAAE;wCAC5B,MAAM,OAAO,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;wCAC9B,OAAO,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;wCAC5B,OAAO,OAAO,CAAC;oCACjB,CAAC,CAAC,CAAC;gCACL,CAAC;gCACD,MAAM,EAAE,GAAG,EAAE;oCACX,gBAAgB,CAAC,CAAC,QAAQ,EAAE,EAAE;wCAC5B,MAAM,OAAO,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC;wCAC9B,OAAO,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;wCAC7B,OAAO,OAAO,CAAC;oCACjB,CAAC,CAAC,CAAC;gCACL,CAAC;6BACF,EACD,gBAAgB,EAAE;gCAChB,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oCACd,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM;oCAC5B,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;iCACzB,CAAC;6BACH,aAED,KAAC,cAAc,IAAC,QAAQ,QAAC,KAAK,EAAC,EAAE,YAC9B,KAAK,GACS,EAChB,cAAc,IAAI,WAAW,KAAK,CAAC,IAAI,CACtC,KAAC,cAAc,IAAC,KAAK,EAAE,gBAAgB,yCAEtB,CAClB,EACA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAe,EAAE,EAAE,CAAC,CAC5C,KAAC,cAAc,IAEb,KAAK,EAAE,MAAM,CAAC,EAAE,iBACH,oBAAoB,WAAW,EAAE,2BACvB,MAAM,CAAC,eAAe,YAE5C,MAAM,CAAC,KAAK,IALR,MAAM,CAAC,EAAE,CAMC,CAClB,CAAC,IACK,CACV,CAAC;oBACJ,CAAC,CAAC,EAAE,KA/FC,WAAW,CAgGZ,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/lib/tutorial/Tutorial.d.ts

@@ -0,0 +1,9 @@
+import { TutorialStepProps } from './TutorialStep';
+export interface TutorialProps {
+    steps?: TutorialStepProps[];
+    initialStep?: number;
+    onClose: () => void;
+}
+export declare const Tutorial: ({ steps, initialStep, onClose, }: TutorialProps) => import("react/jsx-runtime").JSX.Element;
+export default Tutorial;
+//# sourceMappingURL=Tutorial.d.ts.map

package/dist/lib/tutorial/Tutorial.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tutorial.d.ts","sourceRoot":"","sources":["../../../src/lib/tutorial/Tutorial.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,GAAI,kCAItB,aAAa,4CAoDf,CAAC;AACF,eAAe,QAAQ,CAAC"}