@webpros/mui-theme 0.1.6 → 0.3.0

package/dist/src/components/navigation/Link/Link.theme.d.ts

@@ -1,7 +1,16 @@
-import { Theme, ComponentsOverrides, ComponentsVariants } from '@mui/material';
-declare module '@mui/material/Link' { }
+import { Theme, ComponentsOverrides, ComponentsVariants, ComponentsProps } from '@mui/material';
+import { TypescaleTypographyVariantsBooleans } from '../../../tokens/typography';
+declare module '@mui/material/Link' {
+    interface LinkPropsVariantOverrides extends TypescaleTypographyVariantsBooleans {
+    }
+    interface LinkOwnProps {
+        underlineInversed?: boolean;
+        visited?: boolean;
+    }
+}
 interface M3Link {
     MuiLink: {
+        defaultProps?: ComponentsProps['MuiLink'];
         styleOverrides?: ComponentsOverrides<Theme>['MuiLink'];
         variants?: ComponentsVariants<Theme>['MuiLink'];
     };

package/dist/src/components/navigation/Link/Link.theme.js

@@ -1,40 +1,97 @@
 // Copyright 2025 WebPros International GmbH. All rights reserved.
+import { typographyVariants, TypographyVariantsNames, } from '../../../tokens/typography';
 export const getLink = (theme) => {
-    const { palette } = theme;
+    const { colors } = theme;
     return {
         MuiLink: {
+            defaultProps: {
+                variant: 'BodyMedium',
+                color: 'textPrimary',
+                underlineInversed: false,
+                underline: 'hover',
+            },
             styleOverrides: {
                 root: {
-                    color: palette.primary.main,
                     cursor: 'pointer',
-                    textUnderlineOffset: '4px',
+                    textUnderlineOffset: '25%',
+                    textDecorationThickness: '0.5px',
                 },
             },
             variants: [
+                ...TypographyVariantsNames.map((variantName) => ({
+                    props: { variant: variantName },
+                    style: Object.assign({}, typographyVariants[variantName]),
+                })),
+                {
+                    props: { underlineInversed: false, underline: 'hover' },
+                    style: {
+                        textDecoration: 'underline',
+                        textDecorationThickness: '0.5px',
+                        textDecorationColor: 'currentColor',
+                        '&:hover': {
+                            textDecoration: 'none',
+                        },
+                    },
+                },
+                {
+                    props: { visited: true },
+                    style: {
+                        '&:hover': {
+                            textDecoration: 'none',
+                        },
+                    },
+                },
                 {
                     props: { color: 'primary' },
                     style: {
-                        color: palette.primary.main,
+                        color: colors.schemes.typography.primary,
                     },
                 },
                 {
-                    props: { color: 'supportive' },
+                    props: { color: 'textPrimary' },
                     style: {
-                        color: palette.supportive.main,
+                        color: colors.schemes.typography.onSurface,
                     },
                 },
                 {
-                    props: { color: 'onSurface' },
+                    props: { visited: true, color: 'primary' },
                     style: {
-                        color: palette.onSurface.main,
+                        '&:visited': {
+                            color: colors.schemes.typography.onSurfaceVisited,
+                        },
+                    },
+                },
+                {
+                    props: { visited: true, color: 'textPrimary' },
+                    style: {
+                        '&:visited': {
+                            color: colors.schemes.typography.onSurfaceVisited,
+                        },
                     },
                 },
                 {
                     props: { color: 'error' },
                     style: {
-                        color: palette.error.main,
+                        color: colors.schemes.typography.error,
+                    },
+                },
+                {
+                    props: { visited: true, color: 'error' },
+                    style: {
+                        '&:visited': {
+                            color: colors.schemes.typography.errorVisited,
+                        },
+                    },
+                },
+                {
+                    props: { visited: true, color: 'primary' },
+                    style: {
+                        '&:visited': {
+                            color: colors.schemes.typography.primaryVisited,
+                        },
                     },
                 },
+                // Underline variants
             ],
         },
     };

package/dist/src/components/navigation/Menu/Menu.theme.d.ts

@@ -5,6 +5,5 @@ interface M3Menu {
         styleOverrides?: ComponentsOverrides<Theme>['MuiMenu'];
     };
 }
-export declare const getMenu: (theme: Theme) => M3Menu;
-declare const _default: {};
-export default _default;
+export declare const getMenu: (_theme: Theme) => M3Menu;
+export {};

package/dist/src/components/navigation/Menu/Menu.theme.js

@@ -1,19 +1,14 @@
 // Copyright 2025 WebPros International GmbH. All rights reserved.
-export const getMenu = (theme) => {
-    const { palette } = theme;
+export const getMenu = (_theme) => {
     return {
         MuiMenu: {
-            defaultProps: { color: 'default' },
-            styleOverrides: {
-                root: {},
-                paper: {
-                    borderRadius: 16,
-                    backgroundColor: palette.surfaceContainerHigh.light,
-                    boxShadow: theme.shadows[2],
-                    color: palette.onSurface.main,
+            defaultProps: {
+                slotProps: {
+                    paper: {
+                        elevation: 3,
+                    },
                 },
             },
         },
     };
 };
-export default {};

package/dist/src/components/navigation/MenuItem/MenuItem.theme.d.ts

@@ -1,10 +1,8 @@
-import { Theme, ComponentsProps, ComponentsOverrides } from '@mui/material';
+import { Theme, ComponentsOverrides } from '@mui/material';
 interface M3MenuItem {
     MuiMenuItem: {
-        defaultProps?: ComponentsProps['MuiMenuItem'];
         styleOverrides?: ComponentsOverrides<Theme>['MuiMenuItem'];
     };
 }
 export declare const getMenuItem: (theme: Theme) => M3MenuItem;
-declare const _default: {};
-export default _default;
+export {};

package/dist/src/components/navigation/MenuItem/MenuItem.theme.js

@@ -1,22 +1,22 @@
 // Copyright 2025 WebPros International GmbH. All rights reserved.
-import { menuItemClasses } from '@mui/material';
-import { getStateLayerColor, StateLayer } from '../../../utils/getStateLayerColor';
+import { listItemButtonClasses } from '@mui/material';
 export const getMenuItem = (theme) => {
-    const { palette } = theme;
+    const { colors } = theme;
     return {
         MuiMenuItem: {
             styleOverrides: {
                 root: {
-                    padding: '8px 12px',
                     '&:hover': {
-                        backgroundColor: getStateLayerColor(StateLayer.Hover, palette.secondary.main),
+                        backgroundColor: colors.stateLayers.base.secondary.opacity08,
                     },
-                    [`&.${menuItemClasses.selected}`]: {
-                        backgroundColor: getStateLayerColor(StateLayer.Active, palette.secondary.main),
+                    [`&.${listItemButtonClasses.selected}`]: {
+                        backgroundColor: colors.schemes.base.secondaryContainer,
+                    },
+                    [`&.${listItemButtonClasses.focusVisible}`]: {
+                        backgroundColor: colors.stateLayers.base.secondary.opacity12,
                     },
                 },
             },
         },
     };
 };
-export default {};

package/dist/src/components/navigation/Pagination/Pagination.theme.d.ts

@@ -6,6 +6,6 @@ export interface M3Pagination {
         styleOverrides?: ComponentsOverrides<Theme>['MuiPagination'];
     };
 }
-export declare const getPagination: (theme: Theme) => M3Pagination;
+export declare const getPagination: (_theme: Theme) => M3Pagination;
 declare const _default: {};
 export default _default;

package/dist/src/components/navigation/Pagination/Pagination.theme.js

@@ -1,8 +1,16 @@
 // Copyright 2025 WebPros International GmbH. All rights reserved.
-export const getPagination = (theme) => {
-    const { palette: _ } = theme;
+export const getPagination = (_theme) => {
     return {
-        MuiPagination: {},
+        MuiPagination: {
+            defaultProps: {
+                shape: 'rounded',
+            },
+            styleOverrides: {
+                ul: {
+                    gap: 0,
+                },
+            },
+        },
     };
 };
 export default {};

package/dist/src/components/navigation/PaginationItem/PaginationItem.theme.js

@@ -1,25 +1,80 @@
 // Copyright 2025 WebPros International GmbH. All rights reserved.
-import { alpha } from '@mui/material';
+import { PaginationFirstIcon, PaginationLastIcon, PaginationPreviousIcon, PaginationNextIcon, } from './components';
+// Figma tokens
+const ITEM_SIZE = 34;
+const BORDER_RADIUS = 17;
 export const getPaginationItem = (theme) => {
-    const { palette } = theme;
+    const { colors } = theme;
+    // Reusable state styles
+    const hoverState = {
+        backgroundColor: colors.stateLayers.surfaces.onSurface.opacity08,
+    };
+    const focusActiveState = {
+        backgroundColor: colors.stateLayers.surfaces.onSurface.opacity12,
+    };
+    const disabledState = {
+        opacity: 0.38,
+        color: colors.schemes.surfaces.onSurfaceVariant,
+    };
+    // Navigation button styles (prev, next, first, last)
+    const navigationButtonStyles = {
+        color: colors.schemes.surfaces.onSurface,
+        '&:hover': hoverState,
+        '&.Mui-focusVisible': focusActiveState,
+        '&:active': focusActiveState,
+        '&.Mui-disabled': disabledState,
+    };
     return {
         MuiPaginationItem: {
-            styleOverrides: {
-                rounded: {
-                    borderRadius: 10,
+            defaultProps: {
+                slots: {
+                    first: PaginationFirstIcon,
+                    last: PaginationLastIcon,
+                    previous: PaginationPreviousIcon,
+                    next: PaginationNextIcon,
                 },
-                page: {
-                    fontWeight: 500,
+            },
+            styleOverrides: {
+                root: {
+                    minWidth: ITEM_SIZE,
+                    height: ITEM_SIZE,
+                    margin: '0 2px',
+                    padding: '7px 6px',
+                    borderRadius: BORDER_RADIUS,
+                    fontSize: 14,
+                    fontWeight: 400,
+                    lineHeight: '20px',
+                    letterSpacing: 0.5,
+                    color: colors.schemes.surfaces.onSurfaceVariant,
+                    '&:hover': hoverState,
+                    '&.Mui-focusVisible': focusActiveState,
+                    '&:active': focusActiveState,
                     '&.Mui-selected': {
-                        backgroundColor: alpha(palette.primary.main, 0.08),
+                        backgroundColor: colors.schemes.base.primaryContainer,
+                        color: colors.schemes.base.onPrimaryContainer,
                         '&:hover': {
-                            backgroundColor: alpha(palette.primary.main, 0.12),
+                            backgroundColor: colors.blendSchemaWithStateLayer('schemes.base.primaryContainer', 'stateLayers.base.onPrimaryContainer.opacity08'),
+                        },
+                        '&.Mui-focusVisible, &:active': {
+                            backgroundColor: colors.blendSchemaWithStateLayer('schemes.base.primaryContainer', 'stateLayers.base.onPrimaryContainer.opacity12'),
                         },
                     },
+                    '&.Mui-disabled': disabledState,
+                },
+                ellipsis: {
+                    minWidth: ITEM_SIZE,
+                    height: ITEM_SIZE,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    color: colors.schemes.surfaces.onSurfaceVariant,
+                    cursor: 'default',
                     '&:hover': {
-                        backgroundColor: alpha(palette.primary.main, 0.08),
+                        backgroundColor: 'transparent',
                     },
                 },
+                previousNext: navigationButtonStyles,
+                firstLast: navigationButtonStyles,
             },
         },
     };

package/dist/src/components/navigation/PaginationItem/components/PaginationIcons.d.ts

@@ -0,0 +1,4 @@
+export declare const PaginationFirstIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const PaginationLastIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const PaginationPreviousIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const PaginationNextIcon: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/navigation/PaginationItem/components/PaginationIcons.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+import { CaretLeftIcon, CaretRightIcon, SkipBackIcon, SkipForwardIcon, } from '@phosphor-icons/react';
+// Navigation icons for PaginationItem
+export const PaginationFirstIcon = () => _jsx(SkipBackIcon, { size: 20 });
+export const PaginationLastIcon = () => _jsx(SkipForwardIcon, { size: 20 });
+export const PaginationPreviousIcon = () => _jsx(CaretLeftIcon, { size: 20 });
+export const PaginationNextIcon = () => _jsx(CaretRightIcon, { size: 20 });

package/dist/src/components/navigation/PaginationItem/components/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationIcons';

package/dist/src/components/navigation/PaginationItem/components/index.js

@@ -0,0 +1,2 @@
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+export * from './PaginationIcons';

package/dist/src/components/navigation/Tab/Tab.theme.d.ts

@@ -1,8 +1,14 @@
-import { Theme, ComponentsOverrides, ComponentsProps } from '@mui/material';
+import { Theme, ComponentsOverrides, ComponentsProps, ComponentsVariants } from '@mui/material';
+import { ComponentWithViewContextOwnProps } from '../../../shared/viewContext';
+declare module '@mui/material/Tab' {
+    interface TabOwnProps extends ComponentWithViewContextOwnProps {
+    }
+}
 interface M3Tab {
     MuiTab: {
         defaultProps?: ComponentsProps['MuiTab'];
         styleOverrides?: ComponentsOverrides<Theme>['MuiTab'];
+        variants?: ComponentsVariants['MuiTab'];
     };
 }
 export declare const getTab: (theme: Theme) => M3Tab;

package/dist/src/components/navigation/Tab/Tab.theme.js

@@ -1,18 +1,57 @@
-export const getTab = (theme) => {
-    const { palette } = theme;
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+import { touchRippleClasses, tabClasses, } from '@mui/material';
+import { rippleEnterKeyframe } from '../../../shared/rippleEnterKeyframe';
+const getStylesByContext = (theme, viewContext) => {
+    const { colors, typography } = theme;
+    const isInverseView = viewContext === 'inverse';
+    const schemesPath = isInverseView ? 'inverseSchemes' : 'schemes';
+    const stateLayersPath = isInverseView ? 'inverseStateLayers' : 'stateLayers';
     return {
-        MuiTab: {
-            styleOverrides: {
-                root: {
-                    textTransform: 'capitalize',
-                    fontSize: '0.875rem',
-                    fontWeight: 500,
-                    lineHeight: '1.25rem',
-                    letterSpacing: '0.006rem',
-                    color: palette.onSurfaceVariant.main,
+        props: { viewContext },
+        style: Object.assign(Object.assign({}, typography.LabelMedium), { textTransform: 'none', color: colors[schemesPath].surfaces.onSurfaceVariant, opacity: 1, padding: '18px 12px', minHeight: 'auto', minWidth: 'auto', borderRadius: 10, '&:hover': {
+                backgroundColor: colors[stateLayersPath].surfaces.onSurface.opacity08,
+                color: colors[schemesPath].surfaces.onSurface,
+            }, '&:focus': {
+                backgroundColor: colors[stateLayersPath].surfaces.onSurface.opacity12,
+                color: colors[schemesPath].surfaces.onSurface,
+            }, '&:active': {
+                backgroundColor: colors[stateLayersPath].surfaces.onSurface.opacity12,
+                color: colors[schemesPath].surfaces.onSurface,
+            }, [`&.${tabClasses.selected}`]: {
+                color: colors[schemesPath].base.primary,
+                '&:hover': {
+                    backgroundColor: colors[stateLayersPath].base.primary.opacity08,
                 },
-            },
-        },
+                '&:focus': {
+                    backgroundColor: colors[stateLayersPath].base.primary.opacity12,
+                },
+                '&:active': {
+                    backgroundColor: colors[stateLayersPath].base.primary.opacity12,
+                },
+                [`& .${touchRippleClasses.ripple}.${touchRippleClasses.rippleVisible}`]: {
+                    color: colors[stateLayersPath].base.primary.opacity12,
+                },
+            }, [`&.${tabClasses.disabled}`]: {
+                color: colors[stateLayersPath].surfaces.onSurface.opacity38,
+                opacity: 1,
+            }, [`& .${touchRippleClasses.ripple}.${touchRippleClasses.rippleVisible}`]: {
+                color: colors[stateLayersPath].surfaces.onSurface.opacity12,
+                opacity: 1,
+                animationName: rippleEnterKeyframe,
+            } }),
     };
 };
+export const getTab = (theme) => ({
+    MuiTab: {
+        styleOverrides: {
+            root: {},
+            icon: {
+                width: 20,
+                height: 20,
+                marginBottom: 4,
+            },
+        },
+        variants: [getStylesByContext(theme), getStylesByContext(theme, 'inverse')],
+    },
+});
 export default {};

package/dist/src/components/navigation/Tabs/Tabs.d.ts

@@ -0,0 +1,3 @@
+import './Tabs.theme';
+export declare const Tabs: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TabsTypeMap<{}, "div">>;
+export type TabsComponentType = typeof Tabs;

package/dist/src/components/navigation/Tabs/Tabs.js

@@ -0,0 +1,4 @@
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+import { Tabs as MuiTabs } from '@mui/material';
+import './Tabs.theme';
+export const Tabs = MuiTabs;

package/dist/src/components/navigation/Tabs/Tabs.theme.d.ts

@@ -0,0 +1,16 @@
+import { Theme, ComponentsOverrides, ComponentsProps, ComponentsVariants } from '@mui/material';
+import { ComponentWithViewContextOwnProps } from '../../../shared/viewContext';
+declare module '@mui/material/Tabs' {
+    interface TabsOwnProps extends ComponentWithViewContextOwnProps {
+    }
+}
+interface M3Tabs {
+    MuiTabs: {
+        defaultProps?: ComponentsProps['MuiTabs'];
+        styleOverrides?: ComponentsOverrides<Theme>['MuiTabs'];
+        variants?: ComponentsVariants['MuiTabs'];
+    };
+}
+export declare const getTabs: (theme: Theme) => M3Tabs;
+declare const _default: {};
+export default _default;

package/dist/src/components/navigation/Tabs/Tabs.theme.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+import { tabsClasses, tabClasses, } from '@mui/material';
+const getStylesByContext = (theme, viewContext) => {
+    const { colors } = theme;
+    const isInverseView = viewContext === 'inverse';
+    const schemesPath = isInverseView ? 'inverseSchemes' : 'schemes';
+    return {
+        props: { viewContext },
+        style: {
+            [`& .${tabsClasses.indicator}Span`]: {
+                width: '100%',
+                backgroundColor: colors[schemesPath].base.primary,
+            },
+        },
+    };
+};
+export const getTabs = (theme) => ({
+    MuiTabs: {
+        defaultProps: {
+            slotProps: {
+                indicator: {
+                    children: _jsx("span", { className: `${tabsClasses.indicator}Span` }),
+                },
+            },
+        },
+        styleOverrides: {
+            root: {
+                [`&.${tabsClasses.vertical}`]: {
+                    [`& .${tabClasses.root}`]: {
+                        padding: '10px 52px 10px 10px',
+                        flexDirection: 'row',
+                        justifyContent: 'flex-start',
+                        textAlign: 'left',
+                        [`& .${tabClasses.icon}`]: {
+                            marginBottom: 0,
+                        },
+                    },
+                    [`& .${tabsClasses.indicator}`]: {
+                        width: 3,
+                        padding: '10px 0',
+                    },
+                },
+            },
+            indicator: {
+                display: 'flex',
+                height: 3,
+                padding: '0 12px',
+                backgroundColor: 'transparent',
+            },
+        },
+        variants: [getStylesByContext(theme), getStylesByContext(theme, 'inverse')],
+    },
+});
+export default {};

package/dist/src/components/navigation/Tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './Tabs.theme';

package/dist/src/components/navigation/Tabs/index.js

@@ -0,0 +1,2 @@
+// Copyright 2025 WebPros International GmbH. All rights reserved.
+export * from './Tabs.theme';

package/dist/src/components/surfaces/Accordion/Accordion.theme.js

@@ -1,39 +1,71 @@
 // Copyright 2025 WebPros International GmbH. All rights reserved.
+const BORDER_RADIUS = 6;
+const GAP = 8;
 export const getAccordion = (theme) => {
-    const { palette } = theme;
+    const { colors } = theme;
     return {
         MuiAccordion: {
+            defaultProps: {
+                disableGutters: true,
+                square: false,
+            },
             styleOverrides: {
                 root: {
                     boxShadow: 'none',
-                    borderTop: `1px solid ${palette.outlineVariant.main}`,
-                    borderBottom: `1px solid ${palette.outlineVariant.main}`,
-                    borderRadius: 0,
-                    color: palette.onBackground.main,
-                    backgroundColor: 'none',
+                    backgroundColor: 'transparent',
+                    color: colors.schemes.surfaces.onSurfaceVariant,
+                    '&:before': {
+                        display: 'none',
+                    },
+                    borderRadius: BORDER_RADIUS,
+                    '&:not(:last-of-type)': {
+                        borderBottom: `1px solid ${colors.schemes.surfaces.surfaceContainerLowest}`,
+                    },
                     '&:first-of-type': {
-                        borderRadius: 0,
+                        borderTopLeftRadius: BORDER_RADIUS,
+                        borderTopRightRadius: BORDER_RADIUS,
                     },
                     '&:last-of-type': {
+                        borderBottomLeftRadius: BORDER_RADIUS,
+                        borderBottomRightRadius: BORDER_RADIUS,
+                    },
+                    '&:not(:first-of-type):not(:last-of-type)': {
                         borderRadius: 0,
                     },
-                    '&:before': {
-                        backgroundColor: palette.surfaceBright.main,
-                        display: 'none',
+                    '&.Mui-expanded': {
+                        marginTop: GAP,
+                        marginBottom: GAP,
+                        borderBottom: 'none',
+                        '&:first-of-type': {
+                            marginTop: 0,
+                        },
+                        '&:last-of-type': {
+                            marginBottom: 0,
+                        },
+                    },
+                    '&.Mui-expanded + &': {
+                        borderTop: 'none',
                     },
                     '&.Mui-disabled': {
-                        backgroundColor: palette.inverseOnSurface.main,
-                        color: palette.inverseSurface.main,
-                        border: `0px solid ${palette.outlineVariant.main}`,
-                    },
-                    '& .MuiAccordionSummary-root': {
-                        fontSize: theme.typography.fontSize,
-                        fontWeight: 700,
-                        paddingLeft: 2,
-                        paddingRight: 2,
-                    },
-                    '& .MuiAccordionSummary-root > .MuiAccordionSummary-expandIconWrapper ': {
-                        color: palette.onBackground.main,
+                        backgroundColor: colors.schemes.surfaces.surfaceContainerLow,
+                    },
+                    '&:not(:first-of-type):not(:last-of-type) .MuiAccordionSummary-root': {
+                        borderRadius: 0,
+                    },
+                    '&:first-of-type .MuiAccordionSummary-root': {
+                        borderBottomLeftRadius: 0,
+                        borderBottomRightRadius: 0,
+                    },
+                    '&:last-of-type:not(.Mui-expanded) .MuiAccordionSummary-root': {
+                        borderTopLeftRadius: 0,
+                        borderTopRightRadius: 0,
+                    },
+                    '&:last-of-type.Mui-expanded .MuiAccordionSummary-root': {
+                        borderRadius: 0,
+                    },
+                    '&:not(:last-of-type) .MuiAccordionDetails-root': {
+                        borderBottomLeftRadius: 0,
+                        borderBottomRightRadius: 0,
                     },
                 },
             },

package/dist/src/components/surfaces/Accordion/AccordionDetails.theme.d.ts

@@ -0,0 +1,10 @@
+import { Theme, ComponentsProps, ComponentsOverrides } from '@mui/material';
+interface M3AccordionDetails {
+    MuiAccordionDetails: {
+        defaultProps?: ComponentsProps['MuiAccordionDetails'];
+        styleOverrides?: ComponentsOverrides<Theme>['MuiAccordionDetails'];
+    };
+}
+export declare const getAccordionDetails: (theme: Theme) => M3AccordionDetails;
+declare const _default: {};
+export default _default;