@verdaccio/ui-components 5.0.0-next-9.2 → 5.0.0-next-9.4

package/build/components/LoginForm/PasswordField.js

@@ -1,33 +1,38 @@
-import e from "@emotion/styled/base";
-import { jsx as t } from "react/jsx-runtime";
-import "react";
-import { useTranslation as n } from "react-i18next";
-import r from "@mui/material/TextField";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+let _emotion_styled_base = require("@emotion/styled/base");
+_emotion_styled_base = require_runtime.__toESM(_emotion_styled_base);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
+let _mui_material_TextField = require("@mui/material/TextField");
+_mui_material_TextField = require_runtime.__toESM(_mui_material_TextField);
 //#region src/components/LoginForm/PasswordField.tsx
-var i = /* @__PURE__ */ e(r, process.env.NODE_ENV === "production" ? { target: "e1v498i80" } : {
+var StyledTextField = /* @__PURE__ */ (0, _emotion_styled_base.default)(_mui_material_TextField.default, process.env.NODE_ENV === "production" ? { target: "e1v498i80" } : {
 	target: "e1v498i80",
 	label: "StyledTextField"
-})(({ theme: e }) => ({ marginTop: e.spacing(2) }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vUGFzc3dvcmRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vUGFzc3dvcmRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvVGV4dEZpZWxkJztcbmltcG9ydCB0eXBlIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBGaWVsZEVycm9ycyB9IGZyb20gJ3JlYWN0LWhvb2stZm9ybSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcbmltcG9ydCB0eXBlIHsgQWRkVXNlckZvcm1WYWx1ZXMsIExvZ2luRm9ybVZhbHVlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3NjaGVtYXMnO1xuXG5jb25zdCBTdHlsZWRUZXh0RmllbGQgPSBzdHlsZWQoVGV4dEZpZWxkKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKDIpLFxufSkpO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZWdpc3RlcjogYW55O1xuICBlcnJvcnM6IEZpZWxkRXJyb3JzPExvZ2luRm9ybVZhbHVlcyB8IEFkZFVzZXJGb3JtVmFsdWVzPjtcbn1cblxuY29uc3QgUGFzc3dvcmRGaWVsZDogRkM8UHJvcHM+ID0gKHsgcmVnaXN0ZXIsIGVycm9ycyB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUZXh0RmllbGRcbiAgICAgIGF1dG9Db21wbGV0ZT1cImN1cnJlbnQtcGFzc3dvcmRcIlxuICAgICAgZXJyb3I9eyEhZXJyb3JzLnBhc3N3b3JkfVxuICAgICAgZnVsbFdpZHRoPXt0cnVlfVxuICAgICAgaGVscGVyVGV4dD17ZXJyb3JzLnBhc3N3b3JkPy5tZXNzYWdlfVxuICAgICAgaWQ9XCJsb2dpbi0tZGlhbG9nLXBhc3N3b3JkXCJcbiAgICAgIHsuLi5yZWdpc3RlcigncGFzc3dvcmQnLCB7XG4gICAgICAgIHJlcXVpcmVkOiB7IHZhbHVlOiB0cnVlLCBtZXNzYWdlOiB0KCdmb3JtLXZhbGlkYXRpb24ucmVxdWlyZWQtZmllbGQnKSB9LFxuICAgICAgfSl9XG4gICAgICBkYXRhLXRlc3RpZD1cInBhc3N3b3JkXCJcbiAgICAgIGxhYmVsPXt0KCdmb3JtLnBhc3N3b3JkJyl9XG4gICAgICBwbGFjZWhvbGRlcj17dCgnZm9ybS1wbGFjZWhvbGRlci5wYXNzd29yZCcpfVxuICAgICAgcmVxdWlyZWQ9e3RydWV9XG4gICAgICB0eXBlPVwicGFzc3dvcmRcIlxuICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUGFzc3dvcmRGaWVsZDtcbiJdfQ== */"), a = ({ register: e, errors: r }) => {
-	let { t: a } = n();
-	return /* @__PURE__ */ t(i, {
+})(({ theme }) => ({ marginTop: theme.spacing(2) }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vUGFzc3dvcmRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vUGFzc3dvcmRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvVGV4dEZpZWxkJztcbmltcG9ydCB0eXBlIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBGaWVsZEVycm9ycyB9IGZyb20gJ3JlYWN0LWhvb2stZm9ybSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcbmltcG9ydCB0eXBlIHsgQWRkVXNlckZvcm1WYWx1ZXMsIExvZ2luRm9ybVZhbHVlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3NjaGVtYXMnO1xuXG5jb25zdCBTdHlsZWRUZXh0RmllbGQgPSBzdHlsZWQoVGV4dEZpZWxkKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKDIpLFxufSkpO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZWdpc3RlcjogYW55O1xuICBlcnJvcnM6IEZpZWxkRXJyb3JzPExvZ2luRm9ybVZhbHVlcyB8IEFkZFVzZXJGb3JtVmFsdWVzPjtcbn1cblxuY29uc3QgUGFzc3dvcmRGaWVsZDogRkM8UHJvcHM+ID0gKHsgcmVnaXN0ZXIsIGVycm9ycyB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUZXh0RmllbGRcbiAgICAgIGF1dG9Db21wbGV0ZT1cImN1cnJlbnQtcGFzc3dvcmRcIlxuICAgICAgZXJyb3I9eyEhZXJyb3JzLnBhc3N3b3JkfVxuICAgICAgZnVsbFdpZHRoPXt0cnVlfVxuICAgICAgaGVscGVyVGV4dD17ZXJyb3JzLnBhc3N3b3JkPy5tZXNzYWdlfVxuICAgICAgaWQ9XCJsb2dpbi0tZGlhbG9nLXBhc3N3b3JkXCJcbiAgICAgIHsuLi5yZWdpc3RlcigncGFzc3dvcmQnLCB7XG4gICAgICAgIHJlcXVpcmVkOiB7IHZhbHVlOiB0cnVlLCBtZXNzYWdlOiB0KCdmb3JtLXZhbGlkYXRpb24ucmVxdWlyZWQtZmllbGQnKSB9LFxuICAgICAgfSl9XG4gICAgICBkYXRhLXRlc3RpZD1cInBhc3N3b3JkXCJcbiAgICAgIGxhYmVsPXt0KCdmb3JtLnBhc3N3b3JkJyl9XG4gICAgICBwbGFjZWhvbGRlcj17dCgnZm9ybS1wbGFjZWhvbGRlci5wYXNzd29yZCcpfVxuICAgICAgcmVxdWlyZWQ9e3RydWV9XG4gICAgICB0eXBlPVwicGFzc3dvcmRcIlxuICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUGFzc3dvcmRGaWVsZDtcbiJdfQ== */");
+var PasswordField = ({ register, errors }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledTextField, {
 		autoComplete: "current-password",
-		error: !!r.password,
-		fullWidth: !0,
-		helperText: r.password?.message,
+		error: !!errors.password,
+		fullWidth: true,
+		helperText: errors.password?.message,
 		id: "login--dialog-password",
-		...e("password", { required: {
-			value: !0,
-			message: a("form-validation.required-field")
+		...register("password", { required: {
+			value: true,
+			message: t("form-validation.required-field")
 		} }),
 		"data-testid": "password",
-		label: a("form.password"),
-		placeholder: a("form-placeholder.password"),
-		required: !0,
+		label: t("form.password"),
+		placeholder: t("form-placeholder.password"),
+		required: true,
 		type: "password",
 		variant: "outlined"
 	});
 };
 //#endregion
-export { a as default };
+exports.default = PasswordField;
 
 //# sourceMappingURL=PasswordField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.js","names":["TextField","FC","React","FieldErrors","useTranslation","Theme","AddUserFormValues","LoginFormValues","StyledTextField","_styled","process","env","NODE_ENV","target","label","theme","marginTop","spacing","Props","register","errors","PasswordField","t","password","message","required","value"],"sources":["../../../src/components/LoginForm/PasswordField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst PasswordField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"current-password\"\n      error={!!errors.password}\n      fullWidth={true}\n      helperText={errors.password?.message}\n      id=\"login--dialog-password\"\n      {...register('password', {\n        required: { value: true, message: t('form-validation.required-field') },\n      })}\n      data-testid=\"password\"\n      label={t('form.password')}\n      placeholder={t('form-placeholder.password')}\n      required={true}\n      type=\"password\"\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default PasswordField;\n"],"mappings":";;;;;;AAUA,IAAMQ,IAAkBC,kBAAOT,GAAAA,QAAAA,IAAAA,aAAS,eAAA,EAAAa,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,gBAAa,EAC3EC,WAAWD,EAAME,QAAQ,EAAC,EAC3B,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,koEAAC,EAOGI,KAA4B,EAAEF,aAAUC,gBAAa;CACzD,IAAM,EAAEE,SAAMlB,GAAgB;AAE9B,QACE,kBAAC,GAAD;EACE,cAAa;EACb,OAAO,CAAC,CAACgB,EAAOG;EAChB,WAAW;EACX,YAAYH,EAAOG,UAAUC;EAC7B,IAAG;EACH,GAAIL,EAAS,YAAY,EACvBM,UAAU;GAAEC,OAAO;GAAMF,SAASF,EAAE,iCAAgC;GAAE,EACvE,CAAC;EACF,eAAY;EACZ,OAAOA,EAAE,gBAAgB;EACzB,aAAaA,EAAE,4BAA4B;EAC3C,UAAU;EACV,MAAK;EACL,SAAQ;EACR,CAAA"}
+{"version":3,"file":"PasswordField.js","names":["TextField","FC","React","FieldErrors","useTranslation","Theme","AddUserFormValues","LoginFormValues","StyledTextField","_styled","process","env","NODE_ENV","target","label","theme","marginTop","spacing","Props","register","errors","PasswordField","t","password","message","required","value"],"sources":["../../../src/components/LoginForm/PasswordField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst PasswordField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"current-password\"\n      error={!!errors.password}\n      fullWidth={true}\n      helperText={errors.password?.message}\n      id=\"login--dialog-password\"\n      {...register('password', {\n        required: { value: true, message: t('form-validation.required-field') },\n      })}\n      data-testid=\"password\"\n      label={t('form.password')}\n      placeholder={t('form-placeholder.password')}\n      required={true}\n      type=\"password\"\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default PasswordField;\n"],"mappings":";;;;;;;;;;AAUA,IAAMQ,kBAAkBC,iBAAAA,GAAAA,qBAAAA,SAAOT,wBAAAA,SAAAA,QAAAA,IAAAA,aAAS,eAAA,EAAAa,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa,EAC3EC,WAAWD,MAAME,QAAQ,EAAC,EAC3B,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,koEAAC;AAOH,IAAMI,iBAA4B,EAAEF,UAAUC,aAAa;CACzD,MAAM,EAAEE,OAAAA,GAAAA,cAAAA,iBAAsB;AAE9B,QACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAACF,OAAOG;EAChB,WAAW;EACX,YAAYH,OAAOG,UAAUC;EAC7B,IAAG;EACH,GAAIL,SAAS,YAAY,EACvBM,UAAU;GAAEC,OAAO;GAAMF,SAASF,EAAE,iCAAgC;GAAE,EACvE,CAAC;EACF,eAAY;EACZ,OAAOA,EAAE,gBAAgB;EACzB,aAAaA,EAAE,4BAA4B;EAC3C,UAAU;EACV,MAAK;EACL,SAAQ;EACR,CAAA"}

package/build/components/LoginForm/PasswordField.mjs

@@ -0,0 +1,34 @@
+import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { useTranslation } from "react-i18next";
+import TextField from "@mui/material/TextField";
+//#region src/components/LoginForm/PasswordField.tsx
+var StyledTextField = /* @__PURE__ */ _styled(TextField, process.env.NODE_ENV === "production" ? { target: "e1v498i80" } : {
+	target: "e1v498i80",
+	label: "StyledTextField"
+})(({ theme }) => ({ marginTop: theme.spacing(2) }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vUGFzc3dvcmRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vUGFzc3dvcmRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvVGV4dEZpZWxkJztcbmltcG9ydCB0eXBlIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBGaWVsZEVycm9ycyB9IGZyb20gJ3JlYWN0LWhvb2stZm9ybSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcbmltcG9ydCB0eXBlIHsgQWRkVXNlckZvcm1WYWx1ZXMsIExvZ2luRm9ybVZhbHVlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3NjaGVtYXMnO1xuXG5jb25zdCBTdHlsZWRUZXh0RmllbGQgPSBzdHlsZWQoVGV4dEZpZWxkKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKDIpLFxufSkpO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZWdpc3RlcjogYW55O1xuICBlcnJvcnM6IEZpZWxkRXJyb3JzPExvZ2luRm9ybVZhbHVlcyB8IEFkZFVzZXJGb3JtVmFsdWVzPjtcbn1cblxuY29uc3QgUGFzc3dvcmRGaWVsZDogRkM8UHJvcHM+ID0gKHsgcmVnaXN0ZXIsIGVycm9ycyB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUZXh0RmllbGRcbiAgICAgIGF1dG9Db21wbGV0ZT1cImN1cnJlbnQtcGFzc3dvcmRcIlxuICAgICAgZXJyb3I9eyEhZXJyb3JzLnBhc3N3b3JkfVxuICAgICAgZnVsbFdpZHRoPXt0cnVlfVxuICAgICAgaGVscGVyVGV4dD17ZXJyb3JzLnBhc3N3b3JkPy5tZXNzYWdlfVxuICAgICAgaWQ9XCJsb2dpbi0tZGlhbG9nLXBhc3N3b3JkXCJcbiAgICAgIHsuLi5yZWdpc3RlcigncGFzc3dvcmQnLCB7XG4gICAgICAgIHJlcXVpcmVkOiB7IHZhbHVlOiB0cnVlLCBtZXNzYWdlOiB0KCdmb3JtLXZhbGlkYXRpb24ucmVxdWlyZWQtZmllbGQnKSB9LFxuICAgICAgfSl9XG4gICAgICBkYXRhLXRlc3RpZD1cInBhc3N3b3JkXCJcbiAgICAgIGxhYmVsPXt0KCdmb3JtLnBhc3N3b3JkJyl9XG4gICAgICBwbGFjZWhvbGRlcj17dCgnZm9ybS1wbGFjZWhvbGRlci5wYXNzd29yZCcpfVxuICAgICAgcmVxdWlyZWQ9e3RydWV9XG4gICAgICB0eXBlPVwicGFzc3dvcmRcIlxuICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgUGFzc3dvcmRGaWVsZDtcbiJdfQ== */");
+var PasswordField = ({ register, errors }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(StyledTextField, {
+		autoComplete: "current-password",
+		error: !!errors.password,
+		fullWidth: true,
+		helperText: errors.password?.message,
+		id: "login--dialog-password",
+		...register("password", { required: {
+			value: true,
+			message: t("form-validation.required-field")
+		} }),
+		"data-testid": "password",
+		label: t("form.password"),
+		placeholder: t("form-placeholder.password"),
+		required: true,
+		type: "password",
+		variant: "outlined"
+	});
+};
+//#endregion
+export { PasswordField as default };
+
+//# sourceMappingURL=PasswordField.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.mjs","names":["TextField","FC","React","FieldErrors","useTranslation","Theme","AddUserFormValues","LoginFormValues","StyledTextField","_styled","process","env","NODE_ENV","target","label","theme","marginTop","spacing","Props","register","errors","PasswordField","t","password","message","required","value"],"sources":["../../../src/components/LoginForm/PasswordField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst PasswordField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"current-password\"\n      error={!!errors.password}\n      fullWidth={true}\n      helperText={errors.password?.message}\n      id=\"login--dialog-password\"\n      {...register('password', {\n        required: { value: true, message: t('form-validation.required-field') },\n      })}\n      data-testid=\"password\"\n      label={t('form.password')}\n      placeholder={t('form-placeholder.password')}\n      required={true}\n      type=\"password\"\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default PasswordField;\n"],"mappings":";;;;;;AAUA,IAAMQ,kBAAkBC,wBAAOT,WAAAA,QAAAA,IAAAA,aAAS,eAAA,EAAAa,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa,EAC3EC,WAAWD,MAAME,QAAQ,EAAC,EAC3B,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,koEAAC;AAOH,IAAMI,iBAA4B,EAAEF,UAAUC,aAAa;CACzD,MAAM,EAAEE,MAAMlB,gBAAgB;AAE9B,QACE,oBAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAACgB,OAAOG;EAChB,WAAW;EACX,YAAYH,OAAOG,UAAUC;EAC7B,IAAG;EACH,GAAIL,SAAS,YAAY,EACvBM,UAAU;GAAEC,OAAO;GAAMF,SAASF,EAAE,iCAAgC;GAAE,EACvE,CAAC;EACF,eAAY;EACZ,OAAOA,EAAE,gBAAgB;EACzB,aAAaA,EAAE,4BAA4B;EAC3C,UAAU;EACV,MAAK;EACL,SAAQ;EACR,CAAA"}

package/build/components/LoginForm/UsernameField.js

@@ -1,31 +1,36 @@
-import e from "@emotion/styled/base";
-import { jsx as t } from "react/jsx-runtime";
-import "react";
-import { useTranslation as n } from "react-i18next";
-import r from "@mui/material/TextField";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+let _emotion_styled_base = require("@emotion/styled/base");
+_emotion_styled_base = require_runtime.__toESM(_emotion_styled_base);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_i18next = require("react-i18next");
+let _mui_material_TextField = require("@mui/material/TextField");
+_mui_material_TextField = require_runtime.__toESM(_mui_material_TextField);
 //#region src/components/LoginForm/UsernameField.tsx
-var i = /* @__PURE__ */ e(r, process.env.NODE_ENV === "production" ? { target: "e1kt1tgm0" } : {
+var StyledTextField = /* @__PURE__ */ (0, _emotion_styled_base.default)(_mui_material_TextField.default, process.env.NODE_ENV === "production" ? { target: "e1kt1tgm0" } : {
 	target: "e1kt1tgm0",
 	label: "StyledTextField"
-})(({ theme: e }) => ({ marginTop: e.spacing(2) }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vVXNlcm5hbWVGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vVXNlcm5hbWVGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvVGV4dEZpZWxkJztcbmltcG9ydCB0eXBlIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBGaWVsZEVycm9ycyB9IGZyb20gJ3JlYWN0LWhvb2stZm9ybSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcbmltcG9ydCB0eXBlIHsgQWRkVXNlckZvcm1WYWx1ZXMsIExvZ2luRm9ybVZhbHVlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3NjaGVtYXMnO1xuXG5jb25zdCBTdHlsZWRUZXh0RmllbGQgPSBzdHlsZWQoVGV4dEZpZWxkKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKDIpLFxufSkpO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZWdpc3RlcjogYW55O1xuICBlcnJvcnM6IEZpZWxkRXJyb3JzPExvZ2luRm9ybVZhbHVlcyB8IEFkZFVzZXJGb3JtVmFsdWVzPjtcbn1cblxuY29uc3QgVXNlcm5hbWVGaWVsZDogRkM8UHJvcHM+ID0gKHsgcmVnaXN0ZXIsIGVycm9ycyB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUZXh0RmllbGRcbiAgICAgIGF1dG9Db21wbGV0ZT1cInVzZXJuYW1lXCJcbiAgICAgIGVycm9yPXshIWVycm9ycy51c2VybmFtZX1cbiAgICAgIGZ1bGxXaWR0aD17dHJ1ZX1cbiAgICAgIGhlbHBlclRleHQ9e2Vycm9ycy51c2VybmFtZT8ubWVzc2FnZX1cbiAgICAgIGlkPVwibG9naW4tLWRpYWxvZy11c2VybmFtZVwiXG4gICAgICB7Li4ucmVnaXN0ZXIoJ3VzZXJuYW1lJywge1xuICAgICAgICByZXF1aXJlZDogeyB2YWx1ZTogdHJ1ZSwgbWVzc2FnZTogdCgnZm9ybS12YWxpZGF0aW9uLnJlcXVpcmVkLWZpZWxkJykgfSxcbiAgICAgIH0pfVxuICAgICAgbGFiZWw9e3QoJ2Zvcm0udXNlcm5hbWUnKX1cbiAgICAgIHBsYWNlaG9sZGVyPXt0KCdmb3JtLXBsYWNlaG9sZGVyLnVzZXJuYW1lJyl9XG4gICAgICByZXF1aXJlZD17dHJ1ZX1cbiAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFVzZXJuYW1lRmllbGQ7XG4iXX0= */"), a = ({ register: e, errors: r }) => {
-	let { t: a } = n();
-	return /* @__PURE__ */ t(i, {
+})(({ theme }) => ({ marginTop: theme.spacing(2) }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vVXNlcm5hbWVGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vVXNlcm5hbWVGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvVGV4dEZpZWxkJztcbmltcG9ydCB0eXBlIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBGaWVsZEVycm9ycyB9IGZyb20gJ3JlYWN0LWhvb2stZm9ybSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcbmltcG9ydCB0eXBlIHsgQWRkVXNlckZvcm1WYWx1ZXMsIExvZ2luRm9ybVZhbHVlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3NjaGVtYXMnO1xuXG5jb25zdCBTdHlsZWRUZXh0RmllbGQgPSBzdHlsZWQoVGV4dEZpZWxkKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKDIpLFxufSkpO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZWdpc3RlcjogYW55O1xuICBlcnJvcnM6IEZpZWxkRXJyb3JzPExvZ2luRm9ybVZhbHVlcyB8IEFkZFVzZXJGb3JtVmFsdWVzPjtcbn1cblxuY29uc3QgVXNlcm5hbWVGaWVsZDogRkM8UHJvcHM+ID0gKHsgcmVnaXN0ZXIsIGVycm9ycyB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUZXh0RmllbGRcbiAgICAgIGF1dG9Db21wbGV0ZT1cInVzZXJuYW1lXCJcbiAgICAgIGVycm9yPXshIWVycm9ycy51c2VybmFtZX1cbiAgICAgIGZ1bGxXaWR0aD17dHJ1ZX1cbiAgICAgIGhlbHBlclRleHQ9e2Vycm9ycy51c2VybmFtZT8ubWVzc2FnZX1cbiAgICAgIGlkPVwibG9naW4tLWRpYWxvZy11c2VybmFtZVwiXG4gICAgICB7Li4ucmVnaXN0ZXIoJ3VzZXJuYW1lJywge1xuICAgICAgICByZXF1aXJlZDogeyB2YWx1ZTogdHJ1ZSwgbWVzc2FnZTogdCgnZm9ybS12YWxpZGF0aW9uLnJlcXVpcmVkLWZpZWxkJykgfSxcbiAgICAgIH0pfVxuICAgICAgbGFiZWw9e3QoJ2Zvcm0udXNlcm5hbWUnKX1cbiAgICAgIHBsYWNlaG9sZGVyPXt0KCdmb3JtLXBsYWNlaG9sZGVyLnVzZXJuYW1lJyl9XG4gICAgICByZXF1aXJlZD17dHJ1ZX1cbiAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFVzZXJuYW1lRmllbGQ7XG4iXX0= */");
+var UsernameField = ({ register, errors }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledTextField, {
 		autoComplete: "username",
-		error: !!r.username,
-		fullWidth: !0,
-		helperText: r.username?.message,
+		error: !!errors.username,
+		fullWidth: true,
+		helperText: errors.username?.message,
 		id: "login--dialog-username",
-		...e("username", { required: {
-			value: !0,
-			message: a("form-validation.required-field")
+		...register("username", { required: {
+			value: true,
+			message: t("form-validation.required-field")
 		} }),
-		label: a("form.username"),
-		placeholder: a("form-placeholder.username"),
-		required: !0,
+		label: t("form.username"),
+		placeholder: t("form-placeholder.username"),
+		required: true,
 		variant: "outlined"
 	});
 };
 //#endregion
-export { a as default };
+exports.default = UsernameField;
 
 //# sourceMappingURL=UsernameField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UsernameField.js","names":["TextField","FC","React","FieldErrors","useTranslation","Theme","AddUserFormValues","LoginFormValues","StyledTextField","_styled","process","env","NODE_ENV","target","label","theme","marginTop","spacing","Props","register","errors","UsernameField","t","username","message","required","value"],"sources":["../../../src/components/LoginForm/UsernameField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst UsernameField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"username\"\n      error={!!errors.username}\n      fullWidth={true}\n      helperText={errors.username?.message}\n      id=\"login--dialog-username\"\n      {...register('username', {\n        required: { value: true, message: t('form-validation.required-field') },\n      })}\n      label={t('form.username')}\n      placeholder={t('form-placeholder.username')}\n      required={true}\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default UsernameField;\n"],"mappings":";;;;;;AAUA,IAAMQ,IAAkBC,kBAAOT,GAAAA,QAAAA,IAAAA,aAAS,eAAA,EAAAa,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,gBAAa,EAC3EC,WAAWD,EAAME,QAAQ,EAAC,EAC3B,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,0iEAAC,EAOGI,KAA4B,EAAEF,aAAUC,gBAAa;CACzD,IAAM,EAAEE,SAAMlB,GAAgB;AAE9B,QACE,kBAAC,GAAD;EACE,cAAa;EACb,OAAO,CAAC,CAACgB,EAAOG;EAChB,WAAW;EACX,YAAYH,EAAOG,UAAUC;EAC7B,IAAG;EACH,GAAIL,EAAS,YAAY,EACvBM,UAAU;GAAEC,OAAO;GAAMF,SAASF,EAAE,iCAAgC;GAAE,EACvE,CAAC;EACF,OAAOA,EAAE,gBAAgB;EACzB,aAAaA,EAAE,4BAA4B;EAC3C,UAAU;EACV,SAAQ;EACR,CAAA"}
+{"version":3,"file":"UsernameField.js","names":["TextField","FC","React","FieldErrors","useTranslation","Theme","AddUserFormValues","LoginFormValues","StyledTextField","_styled","process","env","NODE_ENV","target","label","theme","marginTop","spacing","Props","register","errors","UsernameField","t","username","message","required","value"],"sources":["../../../src/components/LoginForm/UsernameField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst UsernameField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"username\"\n      error={!!errors.username}\n      fullWidth={true}\n      helperText={errors.username?.message}\n      id=\"login--dialog-username\"\n      {...register('username', {\n        required: { value: true, message: t('form-validation.required-field') },\n      })}\n      label={t('form.username')}\n      placeholder={t('form-placeholder.username')}\n      required={true}\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default UsernameField;\n"],"mappings":";;;;;;;;;;AAUA,IAAMQ,kBAAkBC,iBAAAA,GAAAA,qBAAAA,SAAOT,wBAAAA,SAAAA,QAAAA,IAAAA,aAAS,eAAA,EAAAa,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa,EAC3EC,WAAWD,MAAME,QAAQ,EAAC,EAC3B,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,0iEAAC;AAOH,IAAMI,iBAA4B,EAAEF,UAAUC,aAAa;CACzD,MAAM,EAAEE,OAAAA,GAAAA,cAAAA,iBAAsB;AAE9B,QACE,iBAAA,GAAA,kBAAA,KAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAACF,OAAOG;EAChB,WAAW;EACX,YAAYH,OAAOG,UAAUC;EAC7B,IAAG;EACH,GAAIL,SAAS,YAAY,EACvBM,UAAU;GAAEC,OAAO;GAAMF,SAASF,EAAE,iCAAgC;GAAE,EACvE,CAAC;EACF,OAAOA,EAAE,gBAAgB;EACzB,aAAaA,EAAE,4BAA4B;EAC3C,UAAU;EACV,SAAQ;EACR,CAAA"}

package/build/components/LoginForm/UsernameField.mjs

@@ -0,0 +1,32 @@
+import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { useTranslation } from "react-i18next";
+import TextField from "@mui/material/TextField";
+//#region src/components/LoginForm/UsernameField.tsx
+var StyledTextField = /* @__PURE__ */ _styled(TextField, process.env.NODE_ENV === "production" ? { target: "e1kt1tgm0" } : {
+	target: "e1kt1tgm0",
+	label: "StyledTextField"
+})(({ theme }) => ({ marginTop: theme.spacing(2) }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vVXNlcm5hbWVGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXdCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vVXNlcm5hbWVGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvVGV4dEZpZWxkJztcbmltcG9ydCB0eXBlIHsgRkMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHR5cGUgeyBGaWVsZEVycm9ycyB9IGZyb20gJ3JlYWN0LWhvb2stZm9ybSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcbmltcG9ydCB0eXBlIHsgQWRkVXNlckZvcm1WYWx1ZXMsIExvZ2luRm9ybVZhbHVlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3NjaGVtYXMnO1xuXG5jb25zdCBTdHlsZWRUZXh0RmllbGQgPSBzdHlsZWQoVGV4dEZpZWxkKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKDIpLFxufSkpO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICByZWdpc3RlcjogYW55O1xuICBlcnJvcnM6IEZpZWxkRXJyb3JzPExvZ2luRm9ybVZhbHVlcyB8IEFkZFVzZXJGb3JtVmFsdWVzPjtcbn1cblxuY29uc3QgVXNlcm5hbWVGaWVsZDogRkM8UHJvcHM+ID0gKHsgcmVnaXN0ZXIsIGVycm9ycyB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUZXh0RmllbGRcbiAgICAgIGF1dG9Db21wbGV0ZT1cInVzZXJuYW1lXCJcbiAgICAgIGVycm9yPXshIWVycm9ycy51c2VybmFtZX1cbiAgICAgIGZ1bGxXaWR0aD17dHJ1ZX1cbiAgICAgIGhlbHBlclRleHQ9e2Vycm9ycy51c2VybmFtZT8ubWVzc2FnZX1cbiAgICAgIGlkPVwibG9naW4tLWRpYWxvZy11c2VybmFtZVwiXG4gICAgICB7Li4ucmVnaXN0ZXIoJ3VzZXJuYW1lJywge1xuICAgICAgICByZXF1aXJlZDogeyB2YWx1ZTogdHJ1ZSwgbWVzc2FnZTogdCgnZm9ybS12YWxpZGF0aW9uLnJlcXVpcmVkLWZpZWxkJykgfSxcbiAgICAgIH0pfVxuICAgICAgbGFiZWw9e3QoJ2Zvcm0udXNlcm5hbWUnKX1cbiAgICAgIHBsYWNlaG9sZGVyPXt0KCdmb3JtLXBsYWNlaG9sZGVyLnVzZXJuYW1lJyl9XG4gICAgICByZXF1aXJlZD17dHJ1ZX1cbiAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFVzZXJuYW1lRmllbGQ7XG4iXX0= */");
+var UsernameField = ({ register, errors }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(StyledTextField, {
+		autoComplete: "username",
+		error: !!errors.username,
+		fullWidth: true,
+		helperText: errors.username?.message,
+		id: "login--dialog-username",
+		...register("username", { required: {
+			value: true,
+			message: t("form-validation.required-field")
+		} }),
+		label: t("form.username"),
+		placeholder: t("form-placeholder.username"),
+		required: true,
+		variant: "outlined"
+	});
+};
+//#endregion
+export { UsernameField as default };
+
+//# sourceMappingURL=UsernameField.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UsernameField.mjs","names":["TextField","FC","React","FieldErrors","useTranslation","Theme","AddUserFormValues","LoginFormValues","StyledTextField","_styled","process","env","NODE_ENV","target","label","theme","marginTop","spacing","Props","register","errors","UsernameField","t","username","message","required","value"],"sources":["../../../src/components/LoginForm/UsernameField.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport TextField from '@mui/material/TextField';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';\n\nconst StyledTextField = styled(TextField)<{ theme?: Theme }>(({ theme }) => ({\n  marginTop: theme.spacing(2),\n}));\n\ninterface Props {\n  register: any;\n  errors: FieldErrors<LoginFormValues | AddUserFormValues>;\n}\n\nconst UsernameField: FC<Props> = ({ register, errors }) => {\n  const { t } = useTranslation();\n\n  return (\n    <StyledTextField\n      autoComplete=\"username\"\n      error={!!errors.username}\n      fullWidth={true}\n      helperText={errors.username?.message}\n      id=\"login--dialog-username\"\n      {...register('username', {\n        required: { value: true, message: t('form-validation.required-field') },\n      })}\n      label={t('form.username')}\n      placeholder={t('form-placeholder.username')}\n      required={true}\n      variant=\"outlined\"\n    />\n  );\n};\n\nexport default UsernameField;\n"],"mappings":";;;;;;AAUA,IAAMQ,kBAAkBC,wBAAOT,WAAAA,QAAAA,IAAAA,aAAS,eAAA,EAAAa,QAAA,aAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa,EAC3EC,WAAWD,MAAME,QAAQ,EAAC,EAC3B,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,0iEAAC;AAOH,IAAMI,iBAA4B,EAAEF,UAAUC,aAAa;CACzD,MAAM,EAAEE,MAAMlB,gBAAgB;AAE9B,QACE,oBAAC,iBAAD;EACE,cAAa;EACb,OAAO,CAAC,CAACgB,OAAOG;EAChB,WAAW;EACX,YAAYH,OAAOG,UAAUC;EAC7B,IAAG;EACH,GAAIL,SAAS,YAAY,EACvBM,UAAU;GAAEC,OAAO;GAAMF,SAASF,EAAE,iCAAgC;GAAE,EACvE,CAAC;EACF,OAAOA,EAAE,gBAAgB;EACzB,aAAaA,EAAE,4BAA4B;EAC3C,UAAU;EACV,SAAQ;EACR,CAAA"}

package/build/components/LoginForm/styles.js

@@ -1,50 +1,60 @@
-import e from "../Heading/Heading.js";
-import "../../index.js";
-import t from "@emotion/styled/base";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import i from "@mui/material/IconButton";
-import "react";
-import a from "@mui/material/Box";
-import o from "@mui/icons-material/Close";
-import { useTranslation as s } from "react-i18next";
-import { common as c } from "@mui/material/colors";
-import l from "@mui/material/Avatar";
-import u from "@mui/icons-material/LockOutlined";
+const require_runtime = require("../../_virtual/_rolldown/runtime.js");
+const require_Heading = require("../Heading/Heading.js");
+require("../../index.js");
+let _emotion_styled_base = require("@emotion/styled/base");
+_emotion_styled_base = require_runtime.__toESM(_emotion_styled_base);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _mui_material_IconButton = require("@mui/material/IconButton");
+_mui_material_IconButton = require_runtime.__toESM(_mui_material_IconButton);
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _mui_material_Box = require("@mui/material/Box");
+_mui_material_Box = require_runtime.__toESM(_mui_material_Box);
+let _mui_icons_material_Close = require("@mui/icons-material/Close");
+_mui_icons_material_Close = require_runtime.__toESM(_mui_icons_material_Close);
+let react_i18next = require("react-i18next");
+let _mui_material_colors = require("@mui/material/colors");
+let _mui_material_Avatar = require("@mui/material/Avatar");
+_mui_material_Avatar = require_runtime.__toESM(_mui_material_Avatar);
+let _mui_icons_material_LockOutlined = require("@mui/icons-material/LockOutlined");
+_mui_icons_material_LockOutlined = require_runtime.__toESM(_mui_icons_material_LockOutlined);
 //#region src/components/LoginForm/styles.tsx
-var d = ({ onClose: t }) => {
-	let { t: i } = s();
-	return /* @__PURE__ */ r(a, {
+var LoginFormHeader = ({ onClose }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material_Box.default, {
 		alignItems: "center",
 		display: "flex",
 		flexDirection: "column",
 		position: "relative",
 		children: [
-			t && /* @__PURE__ */ n(p, {
-				"aria-label": i("button.close"),
-				onClick: t,
-				children: /* @__PURE__ */ n(o, {})
+			onClose && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledIconButton, {
+				"aria-label": t("button.close"),
+				onClick: onClose,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_Close.default, {})
 			}),
-			/* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(u, {}) }),
-			/* @__PURE__ */ n(e, { children: i("button.login") })
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledAvatar, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_icons_material_LockOutlined.default, {}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Heading.default, { children: t("button.login") })
 		]
 	});
-}, f = /* @__PURE__ */ t(l, process.env.NODE_ENV === "production" ? { target: "eve417g1" } : {
+};
+var StyledAvatar = /* @__PURE__ */ (0, _emotion_styled_base.default)(_mui_material_Avatar.default, process.env.NODE_ENV === "production" ? { target: "eve417g1" } : {
 	target: "eve417g1",
 	label: "StyledAvatar"
-})(({ theme: e }) => ({
-	margin: e.spacing(1),
-	backgroundColor: e.palette.mode === "light" ? e.palette.primary.main : e.palette.cyanBlue,
-	color: c.white
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3FCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDbG9zZUljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9DbG9zZSc7XG5pbXBvcnQgTG9ja091dGxpbmVkIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvTG9ja091dGxpbmVkJztcbmltcG9ydCBBdmF0YXIgZnJvbSAnQG11aS9tYXRlcmlhbC9BdmF0YXInO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAbXVpL21hdGVyaWFsL0ljb25CdXR0b24nO1xuaW1wb3J0IHsgY29tbW9uIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9jb2xvcnMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJy4uLy4uLyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBMb2dpbkZvcm1IZWFkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IG9uQ2xvc2UgfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBkaXNwbGF5PVwiZmxleFwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2J1dHRvbi5jbG9zZScpfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICA8Q2xvc2VJY29uIC8+XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkQXZhdGFyPlxuICAgICAgICA8TG9ja091dGxpbmVkIC8+XG4gICAgICA8L1N0eWxlZEF2YXRhcj5cbiAgICAgIDxIZWFkaW5nPnt0KCdidXR0b24ubG9naW4nKX08L0hlYWRpbmc+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoQXZhdGFyKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luOiB0aGVtZS5zcGFjaW5nKDEpLFxuICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgdGhlbWUucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW4gOiB0aGVtZS5wYWxldHRlLmN5YW5CbHVlLFxuICBjb2xvcjogY29tbW9uLndoaXRlLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgcmlnaHQ6IHRoZW1lLnNwYWNpbmcoKSAvIDIsXG4gIHRvcDogdGhlbWUuc3BhY2luZygpIC8gMixcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JleVs1MDBdLFxufSkpO1xuXG5leHBvcnQgZGVmYXVsdCBMb2dpbkZvcm1IZWFkZXI7XG4iXX0= */"), p = /* @__PURE__ */ t(i, process.env.NODE_ENV === "production" ? { target: "eve417g0" } : {
+})(({ theme }) => ({
+	margin: theme.spacing(1),
+	backgroundColor: theme.palette.mode === "light" ? theme.palette.primary.main : theme.palette.cyanBlue,
+	color: _mui_material_colors.common.white
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3FCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDbG9zZUljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9DbG9zZSc7XG5pbXBvcnQgTG9ja091dGxpbmVkIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvTG9ja091dGxpbmVkJztcbmltcG9ydCBBdmF0YXIgZnJvbSAnQG11aS9tYXRlcmlhbC9BdmF0YXInO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAbXVpL21hdGVyaWFsL0ljb25CdXR0b24nO1xuaW1wb3J0IHsgY29tbW9uIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9jb2xvcnMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJy4uLy4uLyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBMb2dpbkZvcm1IZWFkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IG9uQ2xvc2UgfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBkaXNwbGF5PVwiZmxleFwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2J1dHRvbi5jbG9zZScpfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICA8Q2xvc2VJY29uIC8+XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkQXZhdGFyPlxuICAgICAgICA8TG9ja091dGxpbmVkIC8+XG4gICAgICA8L1N0eWxlZEF2YXRhcj5cbiAgICAgIDxIZWFkaW5nPnt0KCdidXR0b24ubG9naW4nKX08L0hlYWRpbmc+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoQXZhdGFyKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luOiB0aGVtZS5zcGFjaW5nKDEpLFxuICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgdGhlbWUucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW4gOiB0aGVtZS5wYWxldHRlLmN5YW5CbHVlLFxuICBjb2xvcjogY29tbW9uLndoaXRlLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgcmlnaHQ6IHRoZW1lLnNwYWNpbmcoKSAvIDIsXG4gIHRvcDogdGhlbWUuc3BhY2luZygpIC8gMixcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JleVs1MDBdLFxufSkpO1xuXG5leHBvcnQgZGVmYXVsdCBMb2dpbkZvcm1IZWFkZXI7XG4iXX0= */");
+var StyledIconButton = /* @__PURE__ */ (0, _emotion_styled_base.default)(_mui_material_IconButton.default, process.env.NODE_ENV === "production" ? { target: "eve417g0" } : {
 	target: "eve417g0",
 	label: "StyledIconButton"
-})(({ theme: e }) => ({
+})(({ theme }) => ({
 	position: "absolute",
-	right: e.spacing() / 2,
-	top: e.spacing() / 2,
-	color: e.palette.grey[500]
+	right: theme.spacing() / 2,
+	top: theme.spacing() / 2,
+	color: theme.palette.grey[500]
 }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ3lCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDbG9zZUljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9DbG9zZSc7XG5pbXBvcnQgTG9ja091dGxpbmVkIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvTG9ja091dGxpbmVkJztcbmltcG9ydCBBdmF0YXIgZnJvbSAnQG11aS9tYXRlcmlhbC9BdmF0YXInO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAbXVpL21hdGVyaWFsL0ljb25CdXR0b24nO1xuaW1wb3J0IHsgY29tbW9uIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9jb2xvcnMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJy4uLy4uLyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBMb2dpbkZvcm1IZWFkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IG9uQ2xvc2UgfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBkaXNwbGF5PVwiZmxleFwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2J1dHRvbi5jbG9zZScpfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICA8Q2xvc2VJY29uIC8+XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkQXZhdGFyPlxuICAgICAgICA8TG9ja091dGxpbmVkIC8+XG4gICAgICA8L1N0eWxlZEF2YXRhcj5cbiAgICAgIDxIZWFkaW5nPnt0KCdidXR0b24ubG9naW4nKX08L0hlYWRpbmc+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoQXZhdGFyKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luOiB0aGVtZS5zcGFjaW5nKDEpLFxuICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgdGhlbWUucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW4gOiB0aGVtZS5wYWxldHRlLmN5YW5CbHVlLFxuICBjb2xvcjogY29tbW9uLndoaXRlLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgcmlnaHQ6IHRoZW1lLnNwYWNpbmcoKSAvIDIsXG4gIHRvcDogdGhlbWUuc3BhY2luZygpIC8gMixcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JleVs1MDBdLFxufSkpO1xuXG5leHBvcnQgZGVmYXVsdCBMb2dpbkZvcm1IZWFkZXI7XG4iXX0= */");
 //#endregion
-export { d as default };
+exports.default = LoginFormHeader;
 
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["CloseIcon","LockOutlined","Avatar","Box","IconButton","common","React","useTranslation","Theme","Heading","Props","onClose","LoginFormHeader","FC","t","StyledAvatar","_styled","process","env","NODE_ENV","target","label","theme","margin","spacing","backgroundColor","palette","mode","primary","main","cyanBlue","color","white","StyledIconButton","position","right","top","grey"],"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,IAAMY,KAAoC,EAAED,iBAAc;CACxD,IAAM,EAAEG,SAAMP,GAAgB;AAE9B,QACE,kBAAC,GAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,eAAc;EAAS,UAAS;YAAxE;GACGI,KACC,kBAAC,GAAD;IAAkB,cAAYG,EAAE,eAAe;IAAE,SAASH;cACxD,kBAAC,GAAD,EAAU,CAAA;IAEb,CAAA;GACD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,CAAA,EACD,CAAA;GACd,kBAAC,GAAD,EAAA,UAAUG,EAAE,eAAe,EAAU,CAAA;GACjC;;GAIJC,IAAeC,kBAAOd,GAAAA,QAAAA,IAAAA,aAAM,eAAA,EAAAkB,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,gBAAa;CACrEC,QAAQD,EAAME,QAAQ,EAAE;CACxBC,iBACEH,EAAMI,QAAQC,SAAS,UAAUL,EAAMI,QAAQE,QAAQC,OAAOP,EAAMI,QAAQI;CAC9EC,OAAO1B,EAAO2B;CACf,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,k8EAAC,EAEGC,IAAmBjB,kBAAOZ,GAAAA,QAAAA,IAAAA,aAAU,eAAA,EAAAgB,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,gBAAa;CAC7EY,UAAU;CACVC,OAAOb,EAAME,SAAS,GAAG;CACzBY,KAAKd,EAAME,SAAS,GAAG;CACvBO,OAAOT,EAAMI,QAAQW,KAAK;CAC3B,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,k8EAAC"}
+{"version":3,"file":"styles.js","names":["CloseIcon","LockOutlined","Avatar","Box","IconButton","common","React","useTranslation","Theme","Heading","Props","onClose","LoginFormHeader","FC","t","StyledAvatar","_styled","process","env","NODE_ENV","target","label","theme","margin","spacing","backgroundColor","palette","mode","primary","main","cyanBlue","color","white","StyledIconButton","position","right","top","grey"],"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,IAAMY,mBAAoC,EAAED,cAAc;CACxD,MAAM,EAAEG,OAAAA,GAAAA,cAAAA,iBAAsB;AAE9B,QACE,iBAAA,GAAA,kBAAA,MAAC,kBAAA,SAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,eAAc;EAAS,UAAS;YAAxE;GACGH,WACC,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAkB,cAAYG,EAAE,eAAe;IAAE,SAASH;cACxD,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAU,CAAA;IAEb,CAAA;GACD,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iCAAA,SAAD,EAAa,CAAA,EACD,CAAA;GACd,iBAAA,GAAA,kBAAA,KAAC,gBAAA,SAAD,EAAA,UAAUG,EAAE,eAAe,EAAU,CAAA;GACjC;;;AAIV,IAAMC,eAAeC,iBAAAA,GAAAA,qBAAAA,SAAOd,qBAAAA,SAAAA,QAAAA,IAAAA,aAAM,eAAA,EAAAkB,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CACrEC,QAAQD,MAAME,QAAQ,EAAE;CACxBC,iBACEH,MAAMI,QAAQC,SAAS,UAAUL,MAAMI,QAAQE,QAAQC,OAAOP,MAAMI,QAAQI;CAC9EC,OAAO1B,qBAAAA,OAAO2B;CACf,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,k8EAAC;AAEH,IAAMC,mBAAmBjB,iBAAAA,GAAAA,qBAAAA,SAAOZ,yBAAAA,SAAAA,QAAAA,IAAAA,aAAU,eAAA,EAAAgB,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CAC7EY,UAAU;CACVC,OAAOb,MAAME,SAAS,GAAG;CACzBY,KAAKd,MAAME,SAAS,GAAG;CACvBO,OAAOT,MAAMI,QAAQW,KAAK;CAC3B,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,k8EAAC"}

package/build/components/LoginForm/styles.mjs

@@ -0,0 +1,52 @@
+import Heading from "../Heading/Heading.mjs";
+import "../../index.mjs";
+import _styled from "@emotion/styled/base";
+import { jsx, jsxs } from "react/jsx-runtime";
+import IconButton from "@mui/material/IconButton";
+import "react";
+import Box from "@mui/material/Box";
+import CloseIcon from "@mui/icons-material/Close";
+import { useTranslation } from "react-i18next";
+import { common } from "@mui/material/colors";
+import Avatar from "@mui/material/Avatar";
+import LockOutlined from "@mui/icons-material/LockOutlined";
+//#region src/components/LoginForm/styles.tsx
+var LoginFormHeader = ({ onClose }) => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsxs(Box, {
+		alignItems: "center",
+		display: "flex",
+		flexDirection: "column",
+		position: "relative",
+		children: [
+			onClose && /* @__PURE__ */ jsx(StyledIconButton, {
+				"aria-label": t("button.close"),
+				onClick: onClose,
+				children: /* @__PURE__ */ jsx(CloseIcon, {})
+			}),
+			/* @__PURE__ */ jsx(StyledAvatar, { children: /* @__PURE__ */ jsx(LockOutlined, {}) }),
+			/* @__PURE__ */ jsx(Heading, { children: t("button.login") })
+		]
+	});
+};
+var StyledAvatar = /* @__PURE__ */ _styled(Avatar, process.env.NODE_ENV === "production" ? { target: "eve417g1" } : {
+	target: "eve417g1",
+	label: "StyledAvatar"
+})(({ theme }) => ({
+	margin: theme.spacing(1),
+	backgroundColor: theme.palette.mode === "light" ? theme.palette.primary.main : theme.palette.cyanBlue,
+	color: common.white
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3FCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDbG9zZUljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9DbG9zZSc7XG5pbXBvcnQgTG9ja091dGxpbmVkIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvTG9ja091dGxpbmVkJztcbmltcG9ydCBBdmF0YXIgZnJvbSAnQG11aS9tYXRlcmlhbC9BdmF0YXInO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAbXVpL21hdGVyaWFsL0ljb25CdXR0b24nO1xuaW1wb3J0IHsgY29tbW9uIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9jb2xvcnMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJy4uLy4uLyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBMb2dpbkZvcm1IZWFkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IG9uQ2xvc2UgfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBkaXNwbGF5PVwiZmxleFwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2J1dHRvbi5jbG9zZScpfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICA8Q2xvc2VJY29uIC8+XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkQXZhdGFyPlxuICAgICAgICA8TG9ja091dGxpbmVkIC8+XG4gICAgICA8L1N0eWxlZEF2YXRhcj5cbiAgICAgIDxIZWFkaW5nPnt0KCdidXR0b24ubG9naW4nKX08L0hlYWRpbmc+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoQXZhdGFyKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luOiB0aGVtZS5zcGFjaW5nKDEpLFxuICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgdGhlbWUucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW4gOiB0aGVtZS5wYWxldHRlLmN5YW5CbHVlLFxuICBjb2xvcjogY29tbW9uLndoaXRlLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgcmlnaHQ6IHRoZW1lLnNwYWNpbmcoKSAvIDIsXG4gIHRvcDogdGhlbWUuc3BhY2luZygpIC8gMixcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JleVs1MDBdLFxufSkpO1xuXG5leHBvcnQgZGVmYXVsdCBMb2dpbkZvcm1IZWFkZXI7XG4iXX0= */");
+var StyledIconButton = /* @__PURE__ */ _styled(IconButton, process.env.NODE_ENV === "production" ? { target: "eve417g0" } : {
+	target: "eve417g0",
+	label: "StyledIconButton"
+})(({ theme }) => ({
+	position: "absolute",
+	right: theme.spacing() / 2,
+	top: theme.spacing() / 2,
+	color: theme.palette.grey[500]
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ3lCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3ZlcmRhY2Npby92ZXJkYWNjaW8vcGFja2FnZXMvdWktY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9Mb2dpbkZvcm0vc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDbG9zZUljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9DbG9zZSc7XG5pbXBvcnQgTG9ja091dGxpbmVkIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvTG9ja091dGxpbmVkJztcbmltcG9ydCBBdmF0YXIgZnJvbSAnQG11aS9tYXRlcmlhbC9BdmF0YXInO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgSWNvbkJ1dHRvbiBmcm9tICdAbXVpL21hdGVyaWFsL0ljb25CdXR0b24nO1xuaW1wb3J0IHsgY29tbW9uIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9jb2xvcnMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgSGVhZGluZyB9IGZyb20gJy4uLy4uLyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIG9uQ2xvc2U/OiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBMb2dpbkZvcm1IZWFkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IG9uQ2xvc2UgfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94IGFsaWduSXRlbXM9XCJjZW50ZXJcIiBkaXNwbGF5PVwiZmxleFwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBwb3NpdGlvbj1cInJlbGF0aXZlXCI+XG4gICAgICB7b25DbG9zZSAmJiAoXG4gICAgICAgIDxTdHlsZWRJY29uQnV0dG9uIGFyaWEtbGFiZWw9e3QoJ2J1dHRvbi5jbG9zZScpfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICA8Q2xvc2VJY29uIC8+XG4gICAgICAgIDwvU3R5bGVkSWNvbkJ1dHRvbj5cbiAgICAgICl9XG4gICAgICA8U3R5bGVkQXZhdGFyPlxuICAgICAgICA8TG9ja091dGxpbmVkIC8+XG4gICAgICA8L1N0eWxlZEF2YXRhcj5cbiAgICAgIDxIZWFkaW5nPnt0KCdidXR0b24ubG9naW4nKX08L0hlYWRpbmc+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRBdmF0YXIgPSBzdHlsZWQoQXZhdGFyKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luOiB0aGVtZS5zcGFjaW5nKDEpLFxuICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgdGhlbWUucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWUucGFsZXR0ZS5wcmltYXJ5Lm1haW4gOiB0aGVtZS5wYWxldHRlLmN5YW5CbHVlLFxuICBjb2xvcjogY29tbW9uLndoaXRlLFxufSkpO1xuXG5jb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgcmlnaHQ6IHRoZW1lLnNwYWNpbmcoKSAvIDIsXG4gIHRvcDogdGhlbWUuc3BhY2luZygpIC8gMixcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUuZ3JleVs1MDBdLFxufSkpO1xuXG5leHBvcnQgZGVmYXVsdCBMb2dpbkZvcm1IZWFkZXI7XG4iXX0= */");
+//#endregion
+export { LoginFormHeader as default };
+
+//# sourceMappingURL=styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.mjs","names":["CloseIcon","LockOutlined","Avatar","Box","IconButton","common","React","useTranslation","Theme","Heading","Props","onClose","LoginFormHeader","FC","t","StyledAvatar","_styled","process","env","NODE_ENV","target","label","theme","margin","spacing","backgroundColor","palette","mode","primary","main","cyanBlue","color","white","StyledIconButton","position","right","top","grey"],"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,IAAMY,mBAAoC,EAAED,cAAc;CACxD,MAAM,EAAEG,MAAMP,gBAAgB;AAE9B,QACE,qBAAC,KAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,eAAc;EAAS,UAAS;YAAxE;GACGI,WACC,oBAAC,kBAAD;IAAkB,cAAYG,EAAE,eAAe;IAAE,SAASH;cACxD,oBAAC,WAAD,EAAU,CAAA;IAEb,CAAA;GACD,oBAAC,cAAD,EAAA,UACE,oBAAC,cAAD,EAAa,CAAA,EACD,CAAA;GACd,oBAAC,SAAD,EAAA,UAAUG,EAAE,eAAe,EAAU,CAAA;GACjC;;;AAIV,IAAMC,eAAeC,wBAAOd,QAAAA,QAAAA,IAAAA,aAAM,eAAA,EAAAkB,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CACrEC,QAAQD,MAAME,QAAQ,EAAE;CACxBC,iBACEH,MAAMI,QAAQC,SAAS,UAAUL,MAAMI,QAAQE,QAAQC,OAAOP,MAAMI,QAAQI;CAC9EC,OAAO1B,OAAO2B;CACf,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,k8EAAC;AAEH,IAAMC,mBAAmBjB,wBAAOZ,YAAAA,QAAAA,IAAAA,aAAU,eAAA,EAAAgB,QAAA,YAAA,GAAA;CAAAA,QAAA;CAAAC,OAAA;CAAA,CAAC,EAAqB,EAAEC,aAAa;CAC7EY,UAAU;CACVC,OAAOb,MAAME,SAAS,GAAG;CACzBY,KAAKd,MAAME,SAAS,GAAG;CACvBO,OAAOT,MAAMI,QAAQW,KAAK;CAC3B,GAAA,QAAA,IAAA,aAAC,eAAA,KAAA,k8EAAC"}

package/build/components/LoginForm/useLoginForm.js

@@ -1,34 +1,39 @@
-import { useAuth as e } from "../../providers/AuthProvider/AuthProvider.js";
-import "../../providers/AuthProvider/index.js";
-import { loginSchema as t } from "../../utils/schemas.js";
-import { useCallback as n } from "react";
-import { yupResolver as r } from "@hookform/resolvers/yup";
-import { useForm as i } from "react-hook-form";
+require("../../_virtual/_rolldown/runtime.js");
+const require_AuthProvider = require("../../providers/AuthProvider/AuthProvider.js");
+require("../../providers/AuthProvider/index.js");
+const require_schemas = require("../../utils/schemas.js");
+let react = require("react");
+let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
+let react_hook_form = require("react-hook-form");
 //#region src/components/LoginForm/useLoginForm.ts
-function a({ onSuccess: a } = {}) {
-	let { handleLogin: o } = e(), s = i({
+function useLoginForm({ onSuccess } = {}) {
+	const { handleLogin } = require_AuthProvider.useAuth();
+	const form = (0, react_hook_form.useForm)({
 		mode: "onChange",
-		resolver: r(t)
-	}), { setError: c } = s, l = n(async (e) => {
+		resolver: (0, _hookform_resolvers_yup.yupResolver)(require_schemas.loginSchema)
+	});
+	const { setError } = form;
+	const onSubmit = (0, react.useCallback)(async (data) => {
 		try {
-			await o?.(e), a?.();
+			await handleLogin?.(data);
+			onSuccess?.();
 		} catch {
-			c("root", {
+			setError("root", {
 				type: "server",
 				message: "Invalid username or password"
 			});
 		}
 	}, [
-		o,
-		c,
-		a
+		handleLogin,
+		setError,
+		onSuccess
 	]);
 	return {
-		...s,
-		onSubmit: l
+		...form,
+		onSubmit
 	};
 }
 //#endregion
-export { a as useLoginForm };
+exports.useLoginForm = useLoginForm;
 
 //# sourceMappingURL=useLoginForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useLoginForm.js","names":["yupResolver","useCallback","useForm","useAuth","LoginFormValues","loginSchema","Options","onSuccess","useLoginForm","handleLogin","form","mode","resolver","setError","onSubmit","data","type","message"],"sources":["../../../src/components/LoginForm/useLoginForm.ts"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { useCallback } from 'react';\nimport { useForm } from 'react-hook-form';\n\nimport { useAuth } from '../../providers/AuthProvider';\nimport type { LoginFormValues } from '../../utils/schemas';\nimport { loginSchema } from '../../utils/schemas';\n\ntype Options = {\n  onSuccess?: () => void;\n};\n\nexport function useLoginForm({ onSuccess }: Options = {}) {\n  const { handleLogin } = useAuth();\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const { setError } = form;\n\n  const onSubmit = useCallback(\n    async (data: LoginFormValues) => {\n      try {\n        await handleLogin?.(data);\n        onSuccess?.();\n      } catch {\n        setError('root', {\n          type: 'server',\n          // TODO: add translation key\n          message: 'Invalid username or password',\n        });\n      }\n    },\n    [handleLogin, setError, onSuccess]\n  );\n\n  return {\n    ...form,\n    onSubmit,\n  };\n}\n"],"mappings":";;;;;;;AAYA,SAAgBQ,EAAa,EAAED,iBAAuB,EAAE,EAAE;CACxD,IAAM,EAAEE,mBAAgBN,GAAS,EAE3BO,IAAOR,EAAyB;EACpCS,MAAM;EACNC,UAAUZ,EAAYK,EAAW;EAClC,CAAC,EAEI,EAAEQ,gBAAaH,GAEfI,IAAWb,EACf,OAAOc,MAA0B;AAC/B,MAAI;AAEFR,GADA,MAAME,IAAcM,EAAK,EACzBR,KAAa;UACP;AACNM,KAAS,QAAQ;IACfG,MAAM;IAENC,SAAS;IACV,CAAC;;IAGN;EAACR;EAAaI;EAAUN;EAC1B,CAAC;AAED,QAAO;EACL,GAAGG;EACHI;EACD"}
+{"version":3,"file":"useLoginForm.js","names":["yupResolver","useCallback","useForm","useAuth","LoginFormValues","loginSchema","Options","onSuccess","useLoginForm","handleLogin","form","mode","resolver","setError","onSubmit","data","type","message"],"sources":["../../../src/components/LoginForm/useLoginForm.ts"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { useCallback } from 'react';\nimport { useForm } from 'react-hook-form';\n\nimport { useAuth } from '../../providers/AuthProvider';\nimport type { LoginFormValues } from '../../utils/schemas';\nimport { loginSchema } from '../../utils/schemas';\n\ntype Options = {\n  onSuccess?: () => void;\n};\n\nexport function useLoginForm({ onSuccess }: Options = {}) {\n  const { handleLogin } = useAuth();\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const { setError } = form;\n\n  const onSubmit = useCallback(\n    async (data: LoginFormValues) => {\n      try {\n        await handleLogin?.(data);\n        onSuccess?.();\n      } catch {\n        setError('root', {\n          type: 'server',\n          // TODO: add translation key\n          message: 'Invalid username or password',\n        });\n      }\n    },\n    [handleLogin, setError, onSuccess]\n  );\n\n  return {\n    ...form,\n    onSubmit,\n  };\n}\n"],"mappings":";;;;;;;;AAYA,SAAgBQ,aAAa,EAAED,cAAuB,EAAE,EAAE;CACxD,MAAM,EAAEE,gBAAgBN,qBAAAA,SAAS;CAEjC,MAAMO,QAAAA,GAAAA,gBAAAA,SAAgC;EACpCC,MAAM;EACNC,WAAAA,GAAAA,wBAAAA,aAAsBP,gBAAAA,YAAW;EAClC,CAAC;CAEF,MAAM,EAAEQ,aAAaH;CAErB,MAAMI,YAAAA,GAAAA,MAAAA,aACJ,OAAOC,SAA0B;AAC/B,MAAI;AACF,SAAMN,cAAcM,KAAK;AACzBR,gBAAa;UACP;AACNM,YAAS,QAAQ;IACfG,MAAM;IAENC,SAAS;IACV,CAAC;;IAGN;EAACR;EAAaI;EAAUN;EAC1B,CAAC;AAED,QAAO;EACL,GAAGG;EACHI;EACD"}

package/build/components/LoginForm/useLoginForm.mjs

@@ -0,0 +1,38 @@
+import { useAuth } from "../../providers/AuthProvider/AuthProvider.mjs";
+import "../../providers/AuthProvider/index.mjs";
+import { loginSchema } from "../../utils/schemas.mjs";
+import { useCallback } from "react";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { useForm } from "react-hook-form";
+//#region src/components/LoginForm/useLoginForm.ts
+function useLoginForm({ onSuccess } = {}) {
+	const { handleLogin } = useAuth();
+	const form = useForm({
+		mode: "onChange",
+		resolver: yupResolver(loginSchema)
+	});
+	const { setError } = form;
+	const onSubmit = useCallback(async (data) => {
+		try {
+			await handleLogin?.(data);
+			onSuccess?.();
+		} catch {
+			setError("root", {
+				type: "server",
+				message: "Invalid username or password"
+			});
+		}
+	}, [
+		handleLogin,
+		setError,
+		onSuccess
+	]);
+	return {
+		...form,
+		onSubmit
+	};
+}
+//#endregion
+export { useLoginForm };
+
+//# sourceMappingURL=useLoginForm.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLoginForm.mjs","names":["yupResolver","useCallback","useForm","useAuth","LoginFormValues","loginSchema","Options","onSuccess","useLoginForm","handleLogin","form","mode","resolver","setError","onSubmit","data","type","message"],"sources":["../../../src/components/LoginForm/useLoginForm.ts"],"sourcesContent":["import { yupResolver } from '@hookform/resolvers/yup';\nimport { useCallback } from 'react';\nimport { useForm } from 'react-hook-form';\n\nimport { useAuth } from '../../providers/AuthProvider';\nimport type { LoginFormValues } from '../../utils/schemas';\nimport { loginSchema } from '../../utils/schemas';\n\ntype Options = {\n  onSuccess?: () => void;\n};\n\nexport function useLoginForm({ onSuccess }: Options = {}) {\n  const { handleLogin } = useAuth();\n\n  const form = useForm<LoginFormValues>({\n    mode: 'onChange',\n    resolver: yupResolver(loginSchema),\n  });\n\n  const { setError } = form;\n\n  const onSubmit = useCallback(\n    async (data: LoginFormValues) => {\n      try {\n        await handleLogin?.(data);\n        onSuccess?.();\n      } catch {\n        setError('root', {\n          type: 'server',\n          // TODO: add translation key\n          message: 'Invalid username or password',\n        });\n      }\n    },\n    [handleLogin, setError, onSuccess]\n  );\n\n  return {\n    ...form,\n    onSubmit,\n  };\n}\n"],"mappings":";;;;;;;AAYA,SAAgBQ,aAAa,EAAED,cAAuB,EAAE,EAAE;CACxD,MAAM,EAAEE,gBAAgBN,SAAS;CAEjC,MAAMO,OAAOR,QAAyB;EACpCS,MAAM;EACNC,UAAUZ,YAAYK,YAAW;EAClC,CAAC;CAEF,MAAM,EAAEQ,aAAaH;CAErB,MAAMI,WAAWb,YACf,OAAOc,SAA0B;AAC/B,MAAI;AACF,SAAMN,cAAcM,KAAK;AACzBR,gBAAa;UACP;AACNM,YAAS,QAAQ;IACfG,MAAM;IAENC,SAAS;IACV,CAAC;;IAGN;EAACR;EAAaI;EAAUN;EAC1B,CAAC;AAED,QAAO;EACL,GAAGG;EACHI;EACD"}