@verdaccio/ui-components 5.0.0-next-9.8 → 5.0.0-next-9.10

package/build/components/Icons/License.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const License: {
     ({ ref, ...props }: {
         [x: string]: any;

package/build/components/Icons/Managers/Npm.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare function Npm(): React.JSX.Element;

package/build/components/Icons/Managers/Pnpm.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare function Pnpm(): React.JSX.Element;

package/build/components/Icons/Managers/Yarn.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare function Yarn(): React.JSX.Element;

package/build/components/Icons/Managers/npm.svg

@@ -0,0 +1,15 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 256 256" enable-background="new 0 0 256 256" xml:space="preserve">
+<polygon fill="#CC0000" points="23,65.6 130,3.3 237,65.6 237,190.1 130,252.4 23,190.1 "/>
+<polygon fill="#FFFFFF" points="133,127.8 232.5,70.5 236.5,186 133,248.5 "/>
+<g>
+	<path fill="#CC0000" d="M234,67l-0.3,122.4l-103.8,60.2l-0.5-120.3L234,67z M146.7,139.3l0.3,80.4l34.5-20.1l-0.1-60.6l17.4-10.3
+		l0,60.8l17.4-10.2l0.1-81.4L146.7,139.3z"/>
+</g>
+<path fill="#910505" d="M136.8,4.2c-4.8-2.7-12.5-2.7-17.3,0L24.7,58.7c-4.8,2.7-8.6,9.5-8.6,14.9v109c0,5.5,3.9,12.2,8.6,14.9
+	l94.8,54.5c4.8,2.7,12.5,2.7,17.3,0l94.8-54.5c4.8-2.7,8.6-9.5,8.6-14.9v-109c0-5.5-3.9-12.2-8.6-14.9L136.8,4.2z M220.9,61.2
+	c4.8,2.7,4.8,7.2,0,9.9l-83,47.7c-4.8,2.7-12.5,2.7-17.3,0L36.4,70.4c-4.8-2.7-4.8-7.2,0-9.9l83-47.7c4.8-2.7,12.5-2.7,17.3,0
+	L220.9,61.2z M23.5,81.5c0-5.5,3.9-7.7,8.6-5l84.9,48.8c4.8,2.7,8.6,9.5,8.6,14.9V237c0,5.5-3.9,7.7-8.6,5l-84.9-48.8
+	c-4.8-2.7-8.6-9.5-8.6-14.9V81.5z M141.8,240.5c-4.8,2.7-8.6,0.5-8.6-5v-95.3c0-5.5,3.9-12.2,8.6-14.9L224.2,78
+	c4.8-2.7,8.6-0.5,8.6,5v95.3c0,5.5-3.9,12.2-8.6,14.9L141.8,240.5z"/>
+</svg>

package/build/components/Icons/Managers/pnpm.svg

@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="66.09157809474142 33.5 184.5 184.49999999999997" width="180" height="180"><defs><path d="M67.59 35L247.59 35L247.59 215L67.59 215L67.59 35Z" id="b2JZZcA3fT"></path><path d="M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z" id="bj0tb0Y8q"></path><path d="M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z" id="dkDSTzPj3"></path><path d="M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z" id="a4vNdcNLpF"></path><path d="M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z" id="h2t4Zj1jSU"></path><path d="M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z" id="b4t5pngwvT"></path><path d="M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z" id="b9s1gd5m2"></path><path d="M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z" id="cmt9WLvz7"></path><path d="M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z" id="bJUNqgFSg"></path></defs><g><g><use xlink:href="#b2JZZcA3fT" opacity="1" fill="#ffffff" fill-opacity="1"></use></g><g><use xlink:href="#bj0tb0Y8q" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#dkDSTzPj3" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#a4vNdcNLpF" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#h2t4Zj1jSU" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#b4t5pngwvT" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#b9s1gd5m2" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#cmt9WLvz7" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#bJUNqgFSg" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g></g></svg>

package/build/components/Icons/Managers/yarn.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 518 518"><style>.st0{fill:#2c8ebb}.st1{fill:#fff}</style><path class="st0" d="M259 0c143 0 259 116 259 259S402 518 259 518 0 402 0 259 116 0 259 0z"/><path class="st1" d="M435.2 337.5c-1.8-14.2-13.8-24-29.2-23.8-23 .3-42.3 12.2-55.1 20.1-5 3.1-9.3 5.4-13 7.1.8-11.6.1-26.8-5.9-43.5-7.3-20-17.1-32.3-24.1-39.4 8.1-11.8 19.2-29 24.4-55.6 4.5-22.7 3.1-58-7.2-77.8-2.1-4-5.6-6.9-10-8.1-1.8-.5-5.2-1.5-11.9.4C293.1 96 289.6 93.8 286.9 92c-5.6-3.6-12.2-4.4-18.4-2.1-8.3 3-15.4 11-22.1 25.2-1 2.1-1.9 4.1-2.7 6.1-12.7.9-32.7 5.5-49.6 23.8-2.1 2.3-6.2 4-10.5 5.6h.1c-8.8 3.1-12.8 10.3-17.7 23.3-6.8 18.2.2 36.1 7.1 47.7-9.4 8.4-21.9 21.8-28.5 37.5-8.2 19.4-9.1 38.4-8.8 48.7-7 7.4-17.8 21.3-19 36.9-1.6 21.8 6.3 36.6 9.8 42 1 1.6 2.1 2.9 3.3 4.2-.4 2.7-.5 5.6.1 8.6 1.3 7 5.7 12.7 12.4 16.3 13.2 7 31.6 10 45.8 2.9 5.1 5.4 14.4 10.6 31.3 10.6h1c4.3 0 58.9-2.9 74.8-6.8 7.1-1.7 12-4.7 15.2-7.4 10.2-3.2 38.4-12.8 65-30 18.8-12.2 25.3-14.8 39.3-18.2 13.6-3.3 22.1-15.7 20.4-29.4zm-23.8 14.7c-16 3.8-24.1 7.3-43.9 20.2-30.9 20-64.7 29.3-64.7 29.3s-2.8 4.2-10.9 6.1c-14 3.4-66.7 6.3-71.5 6.4-12.9.1-20.8-3.3-23-8.6-6.7-16 9.6-23 9.6-23s-3.6-2.2-5.7-4.2c-1.9-1.9-3.9-5.7-4.5-4.3-2.5 6.1-3.8 21-10.5 27.7-9.2 9.3-26.6 6.2-36.9.8-11.3-6 .8-20.1.8-20.1s-6.1 3.6-11-3.8c-4.4-6.8-8.5-18.4-7.4-32.7 1.2-16.3 19.4-32.1 19.4-32.1s-3.2-24.1 7.3-48.8c9.5-22.5 35.1-40.6 35.1-40.6s-21.5-23.8-13.5-45.2c5.2-14 7.3-13.9 9-14.5 6-2.3 11.8-4.8 16.1-9.5 21.5-23.2 48.9-18.8 48.9-18.8s13-39.5 25-31.8c3.7 2.4 17 32 17 32s14.2-8.3 15.8-5.2c8.6 16.7 9.6 48.6 5.8 68-6.4 32-22.4 49.2-28.8 60-1.5 2.5 17.2 10.4 29 43.1 10.9 29.9 1.2 55 2.9 57.8.3.5.4.7.4.7s12.5 1 37.6-14.5c13.4-8.3 29.3-17.6 47.4-17.8 17.5-.3 18.4 20.2 5.2 23.4z"/></svg>

package/build/components/Icons/SvgIcon.d.ts

@@ -1,5 +1,5 @@
-import type { SvgIconProps } from '@mui/material/SvgIcon';
-import React from 'react';
+import { SvgIconProps } from '@mui/material/SvgIcon';
+import { default as React } from 'react';
 type Size = 'sm' | 'md';
 type Props = Omit<SvgIconProps, 'color' | 'fontsize' | 'name'> & {
     size?: Size;

package/build/components/Icons/Time.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SvgIcon } from './SvgIcon';
 declare const Time: {
     ({ ref, ...props }: React.ComponentProps<typeof SvgIcon>): React.JSX.Element;

package/build/components/Icons/Version.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SvgIcon } from './SvgIcon';
 declare const Version: {
     ({ ref, ...props }: React.ComponentProps<typeof SvgIcon>): React.JSX.Element;

package/build/components/Install/Install.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { TemplateUIOptions } from '@verdaccio/types';
-import type { PackageMetaInterface } from '../../types/packageMeta';
+import { default as React } from 'react';
+import { TemplateUIOptions } from '@verdaccio/types';
+import { PackageMetaInterface } from '../../types/packageMeta';
 export type Props = {
     packageMeta: PackageMetaInterface;
     packageName: string;

package/build/components/Install/InstallListItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare enum DependencyManager {
     NPM = "npm",
     YARN = "yarn",

package/build/components/Keywords/KeywordListItems.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const KeywordListItems: React.FC<{
     keywords: undefined | string | string[];
 }>;

package/build/components/Keywords/Keywords.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { PackageMetaInterface } from '../../types/packageMeta';
+import { default as React } from 'react';
+import { PackageMetaInterface } from '../../types/packageMeta';
 declare const Keywords: React.FC<{
     packageMeta: PackageMetaInterface;
 }>;

package/build/components/Keywords/Keywords.mjs

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import { useTheme } from "@mui/material/styles";
 import { useTranslation } from "react-i18next";
 import List from "@mui/material/List";
-import MaterialUITypography from "@mui/material/Typography";
+import Typography from "@mui/material/Typography";
 //#region src/components/Keywords/Keywords.tsx
 var Keywords = ({ packageMeta }) => {
 	const { t } = useTranslation();
@@ -12,7 +12,7 @@ var Keywords = ({ packageMeta }) => {
 	if (!packageMeta?.latest?.keywords) return null;
 	return /* @__PURE__ */ jsx(List, {
 		"data-testid": "keyword-list",
-		subheader: /* @__PURE__ */ jsx(MaterialUITypography, {
+		subheader: /* @__PURE__ */ jsx(Typography, {
 			sx: {
 				fontWeight: theme.fontWeight.bold,
 				textTransform: "capitalize"

package/build/components/Keywords/Keywords.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Keywords.mjs","names":[],"sources":["../../../src/components/Keywords/Keywords.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport KeywordListItems from './KeywordListItems';\n\nconst Keywords: React.FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n  const theme: Theme = useTheme();\n\n  if (!packageMeta?.latest?.keywords) {\n    return null;\n  }\n\n  return (\n    <List\n      data-testid=\"keyword-list\"\n      subheader={\n        <Typography\n          sx={{ fontWeight: theme.fontWeight.bold, textTransform: 'capitalize' }}\n          variant=\"subtitle1\"\n        >\n          {t('sidebar.keywords.title')}\n        </Typography>\n      }\n    >\n      <KeywordListItems keywords={packageMeta?.latest?.keywords} />\n    </List>\n  );\n};\n\nexport default Keywords;\n"],"mappings":";;;;;;;;AAUA,IAAM,YAA6D,EAAE,kBAAkB;CACrF,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,QAAe,UAAU;AAE/B,KAAI,CAAC,aAAa,QAAQ,SACxB,QAAO;AAGT,QACE,oBAAC,MAAD;EACE,eAAY;EACZ,WACE,oBAAC,sBAAD;GACE,IAAI;IAAE,YAAY,MAAM,WAAW;IAAM,eAAe;IAAc;GACtE,SAAQ;aAEP,EAAE,yBAAyB;GACjB,CAAA;YAGf,oBAAC,kBAAD,EAAkB,UAAU,aAAa,QAAQ,UAAY,CAAA;EACxD,CAAA"}
+{"version":3,"file":"Keywords.mjs","names":[],"sources":["../../../src/components/Keywords/Keywords.tsx"],"sourcesContent":["import List from '@mui/material/List';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport KeywordListItems from './KeywordListItems';\n\nconst Keywords: React.FC<{ packageMeta: PackageMetaInterface }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n  const theme: Theme = useTheme();\n\n  if (!packageMeta?.latest?.keywords) {\n    return null;\n  }\n\n  return (\n    <List\n      data-testid=\"keyword-list\"\n      subheader={\n        <Typography\n          sx={{ fontWeight: theme.fontWeight.bold, textTransform: 'capitalize' }}\n          variant=\"subtitle1\"\n        >\n          {t('sidebar.keywords.title')}\n        </Typography>\n      }\n    >\n      <KeywordListItems keywords={packageMeta?.latest?.keywords} />\n    </List>\n  );\n};\n\nexport default Keywords;\n"],"mappings":";;;;;;;;AAUA,IAAM,YAA6D,EAAE,kBAAkB;CACrF,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,QAAe,UAAU;AAE/B,KAAI,CAAC,aAAa,QAAQ,SACxB,QAAO;AAGT,QACE,oBAAC,MAAD;EACE,eAAY;EACZ,WACE,oBAAC,YAAD;GACE,IAAI;IAAE,YAAY,MAAM,WAAW;IAAM,eAAe;IAAc;GACtE,SAAQ;aAEP,EAAE,yBAAyB;GACjB,CAAA;YAGf,oBAAC,kBAAD,EAAkB,UAAU,aAAa,QAAQ,UAAY,CAAA;EACxD,CAAA"}

package/build/components/Label/Label.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { FontWeight } from '../../';
+import { default as React } from 'react';
+import { FontWeight } from '../../';
 interface Props {
     text: string;
     capitalize?: boolean;

package/build/components/Link/Link.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Link: ({ ref, to, children, variant, className, onClick, }: any & {
     ref?: React.RefObject<HTMLAnchorElement | null>;
 }) => React.JSX.Element;

package/build/components/Link/Link.mjs

@@ -2,7 +2,7 @@ import styled from "@emotion/styled";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Link } from "react-router";
-import MaterialUITypography from "@mui/material/Typography";
+import Typography from "@mui/material/Typography";
 //#region src/components/Link/Link.tsx
 var CustomRouterLink = styled(Link)`
   text-decoration: none;
@@ -17,7 +17,7 @@ var Link$1 = function LinkFunction({ ref, to, children, variant, className, onCl
 		onClick,
 		ref,
 		to,
-		children: /* @__PURE__ */ jsx(MaterialUITypography, {
+		children: /* @__PURE__ */ jsx(Typography, {
 			color: "primary",
 			variant,
 			children

package/build/components/Link/Link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","names":[],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\nimport { Link as RouterLink } from 'react-router';\n\nconst CustomRouterLink = styled(RouterLink)`\n  text-decoration: none;\n  &:hover,\n  &:focus {\n    text-decoration: underline;\n  }\n`;\n\nconst Link = function LinkFunction({\n  ref,\n  to,\n  children,\n  variant,\n  className,\n  onClick,\n}: any & { ref?: React.RefObject<HTMLAnchorElement | null> }) {\n  return (\n    <CustomRouterLink className={className} onClick={onClick} ref={ref} to={to}>\n      <Typography color=\"primary\" variant={variant}>\n        {children}\n      </Typography>\n    </CustomRouterLink>\n  );\n};\n\nexport default Link;\n"],"mappings":";;;;;;AAKA,IAAM,mBAAmB,OAAO,KAAW;;;;;;;AAQ3C,IAAM,SAAO,SAAS,aAAa,EACjC,KACA,IACA,UACA,SACA,WACA,WAC4D;AAC5D,QACE,oBAAC,kBAAD;EAA6B;EAAoB;EAAc;EAAS;YACtE,oBAAC,sBAAD;GAAY,OAAM;GAAmB;GAClC;GACU,CAAA;EACI,CAAA"}
+{"version":3,"file":"Link.mjs","names":[],"sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\nimport { Link as RouterLink } from 'react-router';\n\nconst CustomRouterLink = styled(RouterLink)`\n  text-decoration: none;\n  &:hover,\n  &:focus {\n    text-decoration: underline;\n  }\n`;\n\nconst Link = function LinkFunction({\n  ref,\n  to,\n  children,\n  variant,\n  className,\n  onClick,\n}: any & { ref?: React.RefObject<HTMLAnchorElement | null> }) {\n  return (\n    <CustomRouterLink className={className} onClick={onClick} ref={ref} to={to}>\n      <Typography color=\"primary\" variant={variant}>\n        {children}\n      </Typography>\n    </CustomRouterLink>\n  );\n};\n\nexport default Link;\n"],"mappings":";;;;;;AAKA,IAAM,mBAAmB,OAAO,KAAW;;;;;;;AAQ3C,IAAM,SAAO,SAAS,aAAa,EACjC,KACA,IACA,UACA,SACA,WACA,WAC4D;AAC5D,QACE,oBAAC,kBAAD;EAA6B;EAAoB;EAAc;EAAS;YACtE,oBAAC,YAAD;GAAY,OAAM;GAAmB;GAClC;GACU,CAAA;EACI,CAAA"}

package/build/components/LinkExternal/LinkExternal.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const LinkExternal: ({ ref, ...props }: any & {
     ref?: React.RefObject<HTMLAnchorElement | null>;
 }) => React.JSX.Element;

package/build/components/Loading/Loading.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Loading: React.FC;
 export default Loading;

package/build/components/Loading/Spinner/Spinner.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     size?: number;
     centered?: boolean;

package/build/components/Loading/styles.d.ts

@@ -1,11 +1,11 @@
-import type { Theme } from '../../';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { Theme } from '../../';
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Badge: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Badge: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/LoginDialog/LoginDialog.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     open?: boolean;
     onClose: () => void;

package/build/components/LoginDialog/LoginDialogCloseButton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     onClose: () => void;
 }

package/build/components/LoginDialog/LoginDialogCloseButton.js

@@ -14,8 +14,8 @@ let react_i18next = require("react-i18next");
 //#region src/components/LoginDialog/LoginDialogCloseButton.tsx
 var StyledIconButton = (0, _emotion_styled.default)(_mui_material_IconButton.default)(({ theme }) => ({
 	position: "absolute",
-	right: theme.spacing() / 2,
-	top: theme.spacing() / 2,
+	right: theme.spacing(.5),
+	top: theme.spacing(.5),
 	color: theme.palette.grey[500],
 	zIndex: 99
 }));

package/build/components/LoginDialog/LoginDialogCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginDialogCloseButton.js","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogCloseButton.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n  position: 'absolute',\n  right: theme.spacing() / 2,\n  top: theme.spacing() / 2,\n  color: theme.palette.grey[500],\n  zIndex: 99,\n}));\n\ninterface Props {\n  onClose: () => void;\n}\n\nconst LoginDialogCloseButton: React.FC<Props> = ({ onClose }) => {\n  const { t } = useTranslation();\n  return (\n    <DialogTitle>\n      <StyledIconButton data-testid=\"close-login-dialog-button\" onClick={onClose}>\n        <CloseIcon titleAccess={t('button.close')} />\n      </StyledIconButton>\n    </DialogTitle>\n  );\n};\n\nexport default LoginDialogCloseButton;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAM,oBAAA,GAAA,gBAAA,SAA0B,yBAAA,QAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,SAAS,GAAG;CACzB,KAAK,MAAM,SAAS,GAAG;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC1B,QAAQ;CACT,EAAE;AAMH,IAAM,0BAA2C,EAAE,cAAc;CAC/D,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EAAkB,eAAY;EAA4B,SAAS;YACjE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAW,aAAa,EAAE,eAAe,EAAI,CAAA;EAC5B,CAAA,EACP,CAAA"}
+{"version":3,"file":"LoginDialogCloseButton.js","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogCloseButton.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n  position: 'absolute',\n  right: theme.spacing(0.5),\n  top: theme.spacing(0.5),\n  color: theme.palette.grey[500],\n  zIndex: 99,\n}));\n\ninterface Props {\n  onClose: () => void;\n}\n\nconst LoginDialogCloseButton: React.FC<Props> = ({ onClose }) => {\n  const { t } = useTranslation();\n  return (\n    <DialogTitle>\n      <StyledIconButton data-testid=\"close-login-dialog-button\" onClick={onClose}>\n        <CloseIcon titleAccess={t('button.close')} />\n      </StyledIconButton>\n    </DialogTitle>\n  );\n};\n\nexport default LoginDialogCloseButton;\n"],"mappings":";;;;;;;;;;;;;;AASA,IAAM,oBAAA,GAAA,gBAAA,SAA0B,yBAAA,QAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,QAAQ,GAAI;CACzB,KAAK,MAAM,QAAQ,GAAI;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC1B,QAAQ;CACT,EAAE;AAMH,IAAM,0BAA2C,EAAE,cAAc;CAC/D,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAC9B,QACE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,kBAAD;EAAkB,eAAY;EAA4B,SAAS;YACjE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAW,aAAa,EAAE,eAAe,EAAI,CAAA;EAC5B,CAAA,EACP,CAAA"}

package/build/components/LoginDialog/LoginDialogCloseButton.mjs

@@ -8,8 +8,8 @@ import { useTranslation } from "react-i18next";
 //#region src/components/LoginDialog/LoginDialogCloseButton.tsx
 var StyledIconButton = styled(IconButton)(({ theme }) => ({
 	position: "absolute",
-	right: theme.spacing() / 2,
-	top: theme.spacing() / 2,
+	right: theme.spacing(.5),
+	top: theme.spacing(.5),
 	color: theme.palette.grey[500],
 	zIndex: 99
 }));

package/build/components/LoginDialog/LoginDialogCloseButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoginDialogCloseButton.mjs","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogCloseButton.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n  position: 'absolute',\n  right: theme.spacing() / 2,\n  top: theme.spacing() / 2,\n  color: theme.palette.grey[500],\n  zIndex: 99,\n}));\n\ninterface Props {\n  onClose: () => void;\n}\n\nconst LoginDialogCloseButton: React.FC<Props> = ({ onClose }) => {\n  const { t } = useTranslation();\n  return (\n    <DialogTitle>\n      <StyledIconButton data-testid=\"close-login-dialog-button\" onClick={onClose}>\n        <CloseIcon titleAccess={t('button.close')} />\n      </StyledIconButton>\n    </DialogTitle>\n  );\n};\n\nexport default LoginDialogCloseButton;\n"],"mappings":";;;;;;;;AASA,IAAM,mBAAmB,OAAO,WAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,SAAS,GAAG;CACzB,KAAK,MAAM,SAAS,GAAG;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC1B,QAAQ;CACT,EAAE;AAMH,IAAM,0BAA2C,EAAE,cAAc;CAC/D,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,oBAAC,aAAD,EAAA,UACE,oBAAC,kBAAD;EAAkB,eAAY;EAA4B,SAAS;YACjE,oBAAC,WAAD,EAAW,aAAa,EAAE,eAAe,EAAI,CAAA;EAC5B,CAAA,EACP,CAAA"}
+{"version":3,"file":"LoginDialogCloseButton.mjs","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogCloseButton.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n  position: 'absolute',\n  right: theme.spacing(0.5),\n  top: theme.spacing(0.5),\n  color: theme.palette.grey[500],\n  zIndex: 99,\n}));\n\ninterface Props {\n  onClose: () => void;\n}\n\nconst LoginDialogCloseButton: React.FC<Props> = ({ onClose }) => {\n  const { t } = useTranslation();\n  return (\n    <DialogTitle>\n      <StyledIconButton data-testid=\"close-login-dialog-button\" onClick={onClose}>\n        <CloseIcon titleAccess={t('button.close')} />\n      </StyledIconButton>\n    </DialogTitle>\n  );\n};\n\nexport default LoginDialogCloseButton;\n"],"mappings":";;;;;;;;AASA,IAAM,mBAAmB,OAAO,WAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,QAAQ,GAAI;CACzB,KAAK,MAAM,QAAQ,GAAI;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC1B,QAAQ;CACT,EAAE;AAMH,IAAM,0BAA2C,EAAE,cAAc;CAC/D,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,oBAAC,aAAD,EAAA,UACE,oBAAC,kBAAD;EAAkB,eAAY;EAA4B,SAAS;YACjE,oBAAC,WAAD,EAAW,aAAa,EAAE,eAAe,EAAI,CAAA;EAC5B,CAAA,EACP,CAAA"}

package/build/components/LoginDialog/LoginDialogForm.d.ts

@@ -1,3 +1,3 @@
-import type { FC } from 'react';
+import { FC } from 'react';
 declare const LoginDialogForm: FC;
 export default LoginDialogForm;

package/build/components/LoginDialog/LoginDialogFormError.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     error: any;
 }

package/build/components/LoginForm/Login.d.ts

@@ -1,5 +1,5 @@
-import type { FC } from 'react';
-import type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';
+import { FC } from 'react';
+import { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';
 export interface LoginFormValues {
     username: string;
     password: string;

package/build/components/LoginForm/Login.mjs

@@ -9,7 +9,7 @@ import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import Link from "@mui/material/Link";
-import MaterialUITypography from "@mui/material/Typography";
+import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 //#region src/components/LoginForm/Login.tsx
 var StyledForm = styled("form")(({ theme }) => ({ marginTop: theme.spacing(1) }));
@@ -41,7 +41,7 @@ var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
 				variant: "contained",
 				children: t("button.login")
 			}),
-			changePasswordEnabled && /* @__PURE__ */ jsx(MaterialUITypography, {
+			changePasswordEnabled && /* @__PURE__ */ jsx(Typography, {
 				align: "center",
 				sx: {
 					mt: 2,

package/build/components/LoginForm/Login.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Login.mjs","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n  username: string;\n  password: string;\n}\n\ninterface Props {\n  register: UseFormRegister<LoginFormValues>;\n  handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n  onSubmit: (data: LoginFormValues) => void;\n  errors: FieldErrors<LoginFormValues>;\n  isValid: boolean;\n}\n\nconst LoginForm: FC<Props> = ({ register, handleSubmit, onSubmit, errors, isValid }) => {\n  const { t } = useTranslation();\n  const configuration = getConfiguration();\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  return (\n    <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n      <UsernameField errors={errors} register={register} />\n      <PasswordField errors={errors} register={register} />\n\n      {errors.root && <LoginDialogFormError error={errors.root} />}\n\n      <StyledButton\n        color=\"primary\"\n        data-testid=\"login-dialog-form-login-button\"\n        disabled={!isValid}\n        fullWidth={true}\n        id=\"login--dialog-button-submit\"\n        size=\"large\"\n        type=\"submit\"\n        variant=\"contained\"\n      >\n        {t('button.login')}\n      </StyledButton>\n      {changePasswordEnabled && (\n        <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n          <Link href={Route.CHANGE_PASSWORD} sx={{ ml: 1 }}>\n            {t('security.changePassword.title')}\n          </Link>\n        </Typography>\n      )}\n    </StyledForm>\n  );\n};\n\nexport default LoginForm;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,aAAa,OAAO,OAAO,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,EAAE,EAC5B,EAAE;AAEH,IAAM,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,EAAE,EAC/B,EAAE;AAeH,IAAM,aAAwB,EAAE,UAAU,cAAc,UAAU,QAAQ,cAAc;CACtF,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,wBADgB,kBAAkB,EACK,OAAO;AAEpD,QACE,qBAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,SAAS;YAA9D;GACE,oBAAC,eAAD;IAAuB;IAAkB;IAAY,CAAA;GACrD,oBAAC,eAAD;IAAuB;IAAkB;IAAY,CAAA;GAEpD,OAAO,QAAQ,oBAAC,sBAAD,EAAsB,OAAO,OAAO,MAAQ,CAAA;GAE5D,oBAAC,cAAD;IACE,OAAM;IACN,eAAY;IACZ,UAAU,CAAC;IACX,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;cAEP,EAAE,eAAe;IACL,CAAA;GACd,yBACC,oBAAC,sBAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;KAAI;IAAE,SAAQ;cAC9D,oBAAC,MAAD;KAAM,MAAM,MAAM;KAAiB,IAAI,EAAE,IAAI,GAAG;eAC7C,EAAE,gCAAgC;KAC9B,CAAA;IACI,CAAA;GAEJ"}
+{"version":3,"file":"Login.mjs","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n  username: string;\n  password: string;\n}\n\ninterface Props {\n  register: UseFormRegister<LoginFormValues>;\n  handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n  onSubmit: (data: LoginFormValues) => void;\n  errors: FieldErrors<LoginFormValues>;\n  isValid: boolean;\n}\n\nconst LoginForm: FC<Props> = ({ register, handleSubmit, onSubmit, errors, isValid }) => {\n  const { t } = useTranslation();\n  const configuration = getConfiguration();\n  const changePasswordEnabled = configuration?.flags?.changePassword;\n\n  return (\n    <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n      <UsernameField errors={errors} register={register} />\n      <PasswordField errors={errors} register={register} />\n\n      {errors.root && <LoginDialogFormError error={errors.root} />}\n\n      <StyledButton\n        color=\"primary\"\n        data-testid=\"login-dialog-form-login-button\"\n        disabled={!isValid}\n        fullWidth={true}\n        id=\"login--dialog-button-submit\"\n        size=\"large\"\n        type=\"submit\"\n        variant=\"contained\"\n      >\n        {t('button.login')}\n      </StyledButton>\n      {changePasswordEnabled && (\n        <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n          <Link href={Route.CHANGE_PASSWORD} sx={{ ml: 1 }}>\n            {t('security.changePassword.title')}\n          </Link>\n        </Typography>\n      )}\n    </StyledForm>\n  );\n};\n\nexport default LoginForm;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,aAAa,OAAO,OAAO,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,EAAE,EAC5B,EAAE;AAEH,IAAM,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,EAAE,EAC/B,EAAE;AAeH,IAAM,aAAwB,EAAE,UAAU,cAAc,UAAU,QAAQ,cAAc;CACtF,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,wBADgB,kBAAkB,EACK,OAAO;AAEpD,QACE,qBAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,SAAS;YAA9D;GACE,oBAAC,eAAD;IAAuB;IAAkB;IAAY,CAAA;GACrD,oBAAC,eAAD;IAAuB;IAAkB;IAAY,CAAA;GAEpD,OAAO,QAAQ,oBAAC,sBAAD,EAAsB,OAAO,OAAO,MAAQ,CAAA;GAE5D,oBAAC,cAAD;IACE,OAAM;IACN,eAAY;IACZ,UAAU,CAAC;IACX,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;cAEP,EAAE,eAAe;IACL,CAAA;GACd,yBACC,oBAAC,YAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;KAAI;IAAE,SAAQ;cAC9D,oBAAC,MAAD;KAAM,MAAM,MAAM;KAAiB,IAAI,EAAE,IAAI,GAAG;eAC7C,EAAE,gCAAgC;KAC9B,CAAA;IACI,CAAA;GAEJ"}

package/build/components/LoginForm/PasswordField.d.ts

@@ -1,6 +1,6 @@
-import type { FC } from 'react';
-import type { FieldErrors } from 'react-hook-form';
-import type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';
+import { FC } from 'react';
+import { FieldErrors } from 'react-hook-form';
+import { AddUserFormValues, LoginFormValues } from '../../utils/schemas';
 interface Props {
     register: any;
     errors: FieldErrors<LoginFormValues | AddUserFormValues>;

package/build/components/LoginForm/UsernameField.d.ts

@@ -1,6 +1,6 @@
-import type { FC } from 'react';
-import type { FieldErrors } from 'react-hook-form';
-import type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';
+import { FC } from 'react';
+import { FieldErrors } from 'react-hook-form';
+import { AddUserFormValues, LoginFormValues } from '../../utils/schemas';
 interface Props {
     register: any;
     errors: FieldErrors<LoginFormValues | AddUserFormValues>;

package/build/components/LoginForm/styles.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     onClose?: () => void;
 }

package/build/components/LoginForm/styles.js

@@ -44,8 +44,8 @@ var StyledAvatar = (0, _emotion_styled.default)(_mui_material_Avatar.default)(({
 }));
 var StyledIconButton = (0, _emotion_styled.default)(_mui_material_IconButton.default)(({ theme }) => ({
 	position: "absolute",
-	right: theme.spacing() / 2,
-	top: theme.spacing() / 2,
+	right: theme.spacing(.5),
+	top: theme.spacing(.5),
 	color: theme.palette.grey[500]
 }));
 //#endregion

package/build/components/LoginForm/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":[],"sources":["../../../src/components/LoginForm/styles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport LockOutlined from '@mui/icons-material/LockOutlined';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Heading } from '../../';\n\ninterface Props {\n  onClose?: () => void;\n}\n\nconst LoginFormHeader: React.FC<Props> = ({ onClose }) => {\n  const { t } = useTranslation();\n\n  return (\n    <Box alignItems=\"center\" display=\"flex\" flexDirection=\"column\" position=\"relative\">\n      {onClose && (\n        <StyledIconButton aria-label={t('button.close')} onClick={onClose}>\n          <CloseIcon />\n        </StyledIconButton>\n      )}\n      <StyledAvatar>\n        <LockOutlined />\n      </StyledAvatar>\n      <Heading>{t('button.login')}</Heading>\n    </Box>\n  );\n};\n\nconst StyledAvatar = styled(Avatar)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme.spacing(1),\n  backgroundColor:\n    theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,\n  color: common.white,\n}));\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n  position: 'absolute',\n  right: theme.spacing() / 2,\n  top: theme.spacing() / 2,\n  color: theme.palette.grey[500],\n}));\n\nexport default LoginFormHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,mBAAoC,EAAE,cAAc;CACxD,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAE9B,QACE,iBAAA,GAAA,kBAAA,MAAC,kBAAA,SAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,eAAc;EAAS,UAAS;YAAxE;GACG,WACC,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAkB,cAAY,EAAE,eAAe;IAAE,SAAS;cACxD,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAa,CAAA;IACI,CAAA;GAErB,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iCAAA,SAAD,EAAgB,CAAA,EACH,CAAA;GACf,iBAAA,GAAA,kBAAA,KAAC,gBAAA,SAAD,EAAA,UAAU,EAAE,eAAe,EAAW,CAAA;GAClC;;;AAIV,IAAM,gBAAA,GAAA,gBAAA,SAAsB,qBAAA,QAAO,EAAqB,EAAE,aAAa;CACrE,QAAQ,MAAM,QAAQ,EAAE;CACxB,iBACE,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ;CAC9E,OAAO,qBAAA,OAAO;CACf,EAAE;AAEH,IAAM,oBAAA,GAAA,gBAAA,SAA0B,yBAAA,QAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,SAAS,GAAG;CACzB,KAAK,MAAM,SAAS,GAAG;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC3B,EAAE"}
+{"version":3,"file":"styles.js","names":[],"sources":["../../../src/components/LoginForm/styles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport LockOutlined from '@mui/icons-material/LockOutlined';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Heading } from '../../';\n\ninterface Props {\n  onClose?: () => void;\n}\n\nconst LoginFormHeader: React.FC<Props> = ({ onClose }) => {\n  const { t } = useTranslation();\n\n  return (\n    <Box alignItems=\"center\" display=\"flex\" flexDirection=\"column\" position=\"relative\">\n      {onClose && (\n        <StyledIconButton aria-label={t('button.close')} onClick={onClose}>\n          <CloseIcon />\n        </StyledIconButton>\n      )}\n      <StyledAvatar>\n        <LockOutlined />\n      </StyledAvatar>\n      <Heading>{t('button.login')}</Heading>\n    </Box>\n  );\n};\n\nconst StyledAvatar = styled(Avatar)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme.spacing(1),\n  backgroundColor:\n    theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,\n  color: common.white,\n}));\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n  position: 'absolute',\n  right: theme.spacing(0.5),\n  top: theme.spacing(0.5),\n  color: theme.palette.grey[500],\n}));\n\nexport default LoginFormHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,mBAAoC,EAAE,cAAc;CACxD,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAE9B,QACE,iBAAA,GAAA,kBAAA,MAAC,kBAAA,SAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,eAAc;EAAS,UAAS;YAAxE;GACG,WACC,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAkB,cAAY,EAAE,eAAe;IAAE,SAAS;cACxD,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAa,CAAA;IACI,CAAA;GAErB,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iCAAA,SAAD,EAAgB,CAAA,EACH,CAAA;GACf,iBAAA,GAAA,kBAAA,KAAC,gBAAA,SAAD,EAAA,UAAU,EAAE,eAAe,EAAW,CAAA;GAClC;;;AAIV,IAAM,gBAAA,GAAA,gBAAA,SAAsB,qBAAA,QAAO,EAAqB,EAAE,aAAa;CACrE,QAAQ,MAAM,QAAQ,EAAE;CACxB,iBACE,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ;CAC9E,OAAO,qBAAA,OAAO;CACf,EAAE;AAEH,IAAM,oBAAA,GAAA,gBAAA,SAA0B,yBAAA,QAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,QAAQ,GAAI;CACzB,KAAK,MAAM,QAAQ,GAAI;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC3B,EAAE"}

package/build/components/LoginForm/styles.mjs

@@ -36,8 +36,8 @@ var StyledAvatar = styled(Avatar)(({ theme }) => ({
 }));
 var StyledIconButton = styled(IconButton)(({ theme }) => ({
 	position: "absolute",
-	right: theme.spacing() / 2,
-	top: theme.spacing() / 2,
+	right: theme.spacing(.5),
+	top: theme.spacing(.5),
 	color: theme.palette.grey[500]
 }));
 //#endregion

package/build/components/LoginForm/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/LoginForm/styles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport LockOutlined from '@mui/icons-material/LockOutlined';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Heading } from '../../';\n\ninterface Props {\n  onClose?: () => void;\n}\n\nconst LoginFormHeader: React.FC<Props> = ({ onClose }) => {\n  const { t } = useTranslation();\n\n  return (\n    <Box alignItems=\"center\" display=\"flex\" flexDirection=\"column\" position=\"relative\">\n      {onClose && (\n        <StyledIconButton aria-label={t('button.close')} onClick={onClose}>\n          <CloseIcon />\n        </StyledIconButton>\n      )}\n      <StyledAvatar>\n        <LockOutlined />\n      </StyledAvatar>\n      <Heading>{t('button.login')}</Heading>\n    </Box>\n  );\n};\n\nconst StyledAvatar = styled(Avatar)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme.spacing(1),\n  backgroundColor:\n    theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,\n  color: common.white,\n}));\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n  position: 'absolute',\n  right: theme.spacing() / 2,\n  top: theme.spacing() / 2,\n  color: theme.palette.grey[500],\n}));\n\nexport default LoginFormHeader;\n"],"mappings":";;;;;;;;;;;;;AAiBA,IAAM,mBAAoC,EAAE,cAAc;CACxD,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,qBAAC,KAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,eAAc;EAAS,UAAS;YAAxE;GACG,WACC,oBAAC,kBAAD;IAAkB,cAAY,EAAE,eAAe;IAAE,SAAS;cACxD,oBAAC,WAAD,EAAa,CAAA;IACI,CAAA;GAErB,oBAAC,cAAD,EAAA,UACE,oBAAC,cAAD,EAAgB,CAAA,EACH,CAAA;GACf,oBAAC,SAAD,EAAA,UAAU,EAAE,eAAe,EAAW,CAAA;GAClC;;;AAIV,IAAM,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CACrE,QAAQ,MAAM,QAAQ,EAAE;CACxB,iBACE,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ;CAC9E,OAAO,OAAO;CACf,EAAE;AAEH,IAAM,mBAAmB,OAAO,WAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,SAAS,GAAG;CACzB,KAAK,MAAM,SAAS,GAAG;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC3B,EAAE"}
+{"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/LoginForm/styles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport LockOutlined from '@mui/icons-material/LockOutlined';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Heading } from '../../';\n\ninterface Props {\n  onClose?: () => void;\n}\n\nconst LoginFormHeader: React.FC<Props> = ({ onClose }) => {\n  const { t } = useTranslation();\n\n  return (\n    <Box alignItems=\"center\" display=\"flex\" flexDirection=\"column\" position=\"relative\">\n      {onClose && (\n        <StyledIconButton aria-label={t('button.close')} onClick={onClose}>\n          <CloseIcon />\n        </StyledIconButton>\n      )}\n      <StyledAvatar>\n        <LockOutlined />\n      </StyledAvatar>\n      <Heading>{t('button.login')}</Heading>\n    </Box>\n  );\n};\n\nconst StyledAvatar = styled(Avatar)<{ theme?: Theme }>(({ theme }) => ({\n  margin: theme.spacing(1),\n  backgroundColor:\n    theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,\n  color: common.white,\n}));\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n  position: 'absolute',\n  right: theme.spacing(0.5),\n  top: theme.spacing(0.5),\n  color: theme.palette.grey[500],\n}));\n\nexport default LoginFormHeader;\n"],"mappings":";;;;;;;;;;;;;AAiBA,IAAM,mBAAoC,EAAE,cAAc;CACxD,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,qBAAC,KAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,eAAc;EAAS,UAAS;YAAxE;GACG,WACC,oBAAC,kBAAD;IAAkB,cAAY,EAAE,eAAe;IAAE,SAAS;cACxD,oBAAC,WAAD,EAAa,CAAA;IACI,CAAA;GAErB,oBAAC,cAAD,EAAA,UACE,oBAAC,cAAD,EAAgB,CAAA,EACH,CAAA;GACf,oBAAC,SAAD,EAAA,UAAU,EAAE,eAAe,EAAW,CAAA;GAClC;;;AAIV,IAAM,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CACrE,QAAQ,MAAM,QAAQ,EAAE;CACxB,iBACE,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ;CAC9E,OAAO,OAAO;CACf,EAAE;AAEH,IAAM,mBAAmB,OAAO,WAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,QAAQ,GAAI;CACzB,KAAK,MAAM,QAAQ,GAAI;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC3B,EAAE"}

package/build/components/LoginForm/useLoginForm.d.ts

@@ -1,76 +1,76 @@
-import type { LoginFormValues } from '../../utils/schemas';
+import { LoginFormValues } from '../../utils/schemas';
 type Options = {
     onSuccess?: () => void;
 };
 export declare function useLoginForm({ onSuccess }?: Options): {
     onSubmit: (data: LoginFormValues) => Promise<void>;
-    watch: import("react-hook-form").UseFormWatch<{
+    watch: import('react-hook-form').UseFormWatch<{
         username: string;
         password: string;
     }>;
-    getValues: import("react-hook-form").UseFormGetValues<{
+    getValues: import('react-hook-form').UseFormGetValues<{
         username: string;
         password: string;
     }>;
-    getFieldState: import("react-hook-form").UseFormGetFieldState<{
+    getFieldState: import('react-hook-form').UseFormGetFieldState<{
         username: string;
         password: string;
     }>;
-    setError: import("react-hook-form").UseFormSetError<{
+    setError: import('react-hook-form').UseFormSetError<{
         username: string;
         password: string;
     }>;
-    clearErrors: import("react-hook-form").UseFormClearErrors<{
+    clearErrors: import('react-hook-form').UseFormClearErrors<{
         username: string;
         password: string;
     }>;
-    setValue: import("react-hook-form").UseFormSetValue<{
+    setValue: import('react-hook-form').UseFormSetValue<{
         username: string;
         password: string;
     }>;
-    trigger: import("react-hook-form").UseFormTrigger<{
+    trigger: import('react-hook-form').UseFormTrigger<{
         username: string;
         password: string;
     }>;
-    formState: import("react-hook-form").FormState<{
+    formState: import('react-hook-form').FormState<{
         username: string;
         password: string;
     }>;
-    resetField: import("react-hook-form").UseFormResetField<{
+    resetField: import('react-hook-form').UseFormResetField<{
         username: string;
         password: string;
     }>;
-    reset: import("react-hook-form").UseFormReset<{
+    reset: import('react-hook-form').UseFormReset<{
         username: string;
         password: string;
     }>;
-    handleSubmit: import("react-hook-form").UseFormHandleSubmit<{
+    handleSubmit: import('react-hook-form').UseFormHandleSubmit<{
         username: string;
         password: string;
     }, {
         username: string;
         password: string;
     }>;
-    unregister: import("react-hook-form").UseFormUnregister<{
+    unregister: import('react-hook-form').UseFormUnregister<{
         username: string;
         password: string;
     }>;
-    control: import("react-hook-form").Control<{
+    control: import('react-hook-form').Control<{
         username: string;
         password: string;
     }, any, {
         username: string;
         password: string;
     }>;
-    register: import("react-hook-form").UseFormRegister<{
+    register: import('react-hook-form').UseFormRegister<{
         username: string;
         password: string;
     }>;
-    setFocus: import("react-hook-form").UseFormSetFocus<{
+    setFocus: import('react-hook-form').UseFormSetFocus<{
         username: string;
         password: string;
     }>;
-    subscribe: import("react-hook-form").UseFormSubscribe<{
+    subscribe: import('react-hook-form').UseFormSubscribe<{
         username: string;
         password: string;
     }>;

package/build/components/Logo/Logo.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const sizes: {
     'x-small': string;
     small: string;

package/build/components/Logo/img/logo-black-and-white.svg

@@ -0,0 +1 @@
+<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter x="-19.8%" y="-11.7%" width="139.6%" height="140.4%" filterUnits="objectBoundingBox" id="a"><feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0906646286 0" in="shadowBlurOuter1"/></filter><filter x="-33.9%" y="-50%" width="167.9%" height="272.7%" filterUnits="objectBoundingBox" id="c"><feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0906646286 0" in="shadowBlurOuter1"/></filter><path id="b" d="M48 16.729L32.672 47h-8.874L0 0h15.328l12.907 25.492 4.437-8.763H48z"/><path d="M35.2 11H28V8.643h8.4l1.2-2.357H32V3.929h6.8l.8-1.572H36V0h20l-5.6 11H35.2z" id="d"/></defs><g fill="none" fill-rule="evenodd"><rect fill="#000" width="100" height="100" rx="37"/><g transform="translate(22 30)"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use fill-opacity=".6" fill="#FFF" xlink:href="#b"/></g><g transform="translate(22 30)"><use fill="#000" filter="url(#c)" xlink:href="#d"/><use fill="#FFF" xlink:href="#d"/></g><path fill="#FFF" d="M54.785 77H45.88L22 30h15.38L58 70.718z"/></g></svg>

package/build/components/Logo/img/logo.svg

@@ -0,0 +1 @@
+<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="verdaccio"><Title>Verdaccio</Title><defs><path id="b" d="M48 17.6L32.8 48H24L.4.8h15.2l12.8 25.6 4.4-8.8H48z"/><filter x="-20%" y="-11.7%" width="139.9%" height="140.3%" filterUnits="objectBoundingBox" id="a"><feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0906646286 0" in="shadowBlurOuter1"/></filter><path id="d" d="M50.8 12H35.6L41.2.8h15.2L50.8 12z"/><filter x="-45.7%" y="-49.1%" width="191.3%" height="269.6%" filterUnits="objectBoundingBox" id="c"><feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0906646286 0" in="shadowBlurOuter1"/></filter></defs><g fill="none" fill-rule="evenodd"><rect fill="#F7F8F6" width="100" height="100" rx="37"/><g transform="translate(22 29)"><use fill="#000" filter="url(#a)" xlink:href="#b"/><path stroke="#405236" stroke-width="2.4" d="M46.058 18.8H33.542L28.4 29.083 14.858 2H2.342l22.4 44.8h7.316l14-28z" stroke-linejoin="square" fill="#405236"/></g><g transform="translate(22 29)"><use fill="#000" filter="url(#c)" xlink:href="#d"/><path stroke="#CD4000" stroke-width="2.4" d="M50.058 10.8l4.4-8.8H41.942l-4.4 8.8h12.516z" stroke-linejoin="square" fill="#CD4000"/></g><path d="M54.06 75.8l2.575-5.112L36.857 31H24.342l22.4 44.8h7.319z" stroke="#405236" stroke-width="2.4" fill="#4A5E3F"/><path d="M59.6 31h15.221M55.6 35h15.221M51.6 39.8h15.221" stroke="#CD4000" stroke-width="2.4" stroke-linecap="square"/></g></svg>

package/build/components/MenuItem/MenuItem.d.ts

@@ -1,5 +1,5 @@
-import type { MenuItemProps } from '@mui/material/MenuItem';
-import React from 'react';
+import { MenuItemProps } from '@mui/material/MenuItem';
+import { default as React } from 'react';
 type HTMLElementTagName = keyof HTMLElementTagNameMap;
 type MenuItemRef = HTMLElementTagNameMap[HTMLElementTagName];
 interface Props extends Omit<MenuItemProps, 'component'> {

package/build/components/NoItems/NoItems.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     text: string;
 }

package/build/components/NoItems/NoItems.mjs

@@ -1,11 +1,11 @@
 import "react";
 import { jsx } from "react/jsx-runtime";
-import MaterialUITypography from "@mui/material/Typography";
+import Typography from "@mui/material/Typography";
 import Alert from "@mui/material/Alert";
 //#region src/components/NoItems/NoItems.tsx
 var NoItems = ({ text, ...props }) => /* @__PURE__ */ jsx(Alert, {
 	severity: "info",
-	children: /* @__PURE__ */ jsx(MaterialUITypography, {
+	children: /* @__PURE__ */ jsx(Typography, {
 		...props,
 		children: text
 	})

package/build/components/NoItems/NoItems.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NoItems.mjs","names":[],"sources":["../../../src/components/NoItems/NoItems.tsx"],"sourcesContent":["import Alert from '@mui/material/Alert';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\n\ninterface Props {\n  text: string;\n}\n\nconst NoItems: React.FC<Props> = ({ text, ...props }) => (\n  // @ts-ignore - Alert does accept children despite the type error\n  <Alert severity=\"info\">\n    <Typography {...props}>{text}</Typography>\n  </Alert>\n);\n\nexport default NoItems;\n"],"mappings":";;;;;AAQA,IAAM,WAA4B,EAAE,MAAM,GAAG,YAE3C,oBAAC,OAAD;CAAO,UAAS;WACd,oBAAC,sBAAD;EAAY,GAAI;YAAQ;EAAkB,CAAA;CACpC,CAAA"}
+{"version":3,"file":"NoItems.mjs","names":[],"sources":["../../../src/components/NoItems/NoItems.tsx"],"sourcesContent":["import Alert from '@mui/material/Alert';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\n\ninterface Props {\n  text: string;\n}\n\nconst NoItems: React.FC<Props> = ({ text, ...props }) => (\n  // @ts-ignore - Alert does accept children despite the type error\n  <Alert severity=\"info\">\n    <Typography {...props}>{text}</Typography>\n  </Alert>\n);\n\nexport default NoItems;\n"],"mappings":";;;;;AAQA,IAAM,WAA4B,EAAE,MAAM,GAAG,YAE3C,oBAAC,OAAD;CAAO,UAAS;WACd,oBAAC,YAAD;EAAY,GAAI;YAAQ;EAAkB,CAAA;CACpC,CAAA"}