@tomny-dev/uzi 0.5.0 → 0.6.0

package/dist/index66.cjs

@@ -1,67 +1,88 @@
-//#region src/components/settings-page/settings-page.module.css
-var wrapper = "uzi-settings-page-module__wrapper__G7OOt";
-var header = "uzi-settings-page-module__header__ao-nv";
-var headerContent = "uzi-settings-page-module__headerContent__xwP9V";
-var title = "uzi-settings-page-module__title__anF9l";
-var description = "uzi-settings-page-module__description__Qw6EQ";
-var content = "uzi-settings-page-module__content__MBz6q";
-var sections = "uzi-settings-page-module__sections__HV2n4";
-var section = "uzi-settings-page-module__section__Vjoe3";
-var sectionHeader = "uzi-settings-page-module__sectionHeader__XiOWN";
-var sectionTitle = "uzi-settings-page-module__sectionTitle__bN5lO";
-var sectionDescription = "uzi-settings-page-module__sectionDescription__3wjhy";
-var sectionBody = "uzi-settings-page-module__sectionBody__zraHK";
-var dangerZone = "uzi-settings-page-module__dangerZone__GD8XX";
-var dangerZoneHeader = "uzi-settings-page-module__dangerZoneHeader__2d3R1";
-var dangerZoneTitle = "uzi-settings-page-module__dangerZoneTitle__ljU2k";
-var dangerZoneDescription = "uzi-settings-page-module__dangerZoneDescription__Z3Ohe";
-var dangerZoneBody = "uzi-settings-page-module__dangerZoneBody__zAQbu";
-var footer = "uzi-settings-page-module__footer__dO4Xo";
-var footerContent = "uzi-settings-page-module__footerContent__pPOdb";
-var savingIndicator = "uzi-settings-page-module__savingIndicator__ujaC5";
-var settings_page_module_default = {
-	wrapper,
-	header,
-	headerContent,
-	title,
-	description,
-	content,
-	sections,
-	section,
-	sectionHeader,
-	sectionTitle,
-	sectionDescription,
-	sectionBody,
-	dangerZone,
-	dangerZoneHeader,
-	dangerZoneTitle,
-	dangerZoneDescription,
-	dangerZoneBody,
-	footer,
-	footerContent,
-	savingIndicator
+//#region src/components/auth-pages/auth-pages.module.css
+var authLayout = "uzi-auth-pages-module__authLayout__i-FlB";
+var authCard = "uzi-auth-pages-module__authCard__toOGS";
+var authBrand = "uzi-auth-pages-module__authBrand__7yOdw";
+var authHeader = "uzi-auth-pages-module__authHeader__V-wcl";
+var authTitle = "uzi-auth-pages-module__authTitle__1bgLI";
+var authSubtitle = "uzi-auth-pages-module__authSubtitle__sGXxg";
+var authForm = "uzi-auth-pages-module__authForm__4MucP";
+var field = "uzi-auth-pages-module__field__Ajl6w";
+var label = "uzi-auth-pages-module__label__MdsqJ";
+var input = "uzi-auth-pages-module__input__yijT9";
+var error = "uzi-auth-pages-module__error__7Mhyi";
+var passwordWrapper = "uzi-auth-pages-module__passwordWrapper__P0bez";
+var toggle = "uzi-auth-pages-module__toggle__T7HaZ";
+var eyeIcon = "uzi-auth-pages-module__eyeIcon__ab2Ts";
+var checkboxRow = "uzi-auth-pages-module__checkboxRow__Rq-84";
+var checkboxLabel = "uzi-auth-pages-module__checkboxLabel__poKs-";
+var checkbox = "uzi-auth-pages-module__checkbox__KOQQe";
+var forgotLink = "uzi-auth-pages-module__forgotLink__5q-vL";
+var checkboxLink = "uzi-auth-pages-module__checkboxLink__kAkKg";
+var submitButton = "uzi-auth-pages-module__submitButton__mlGxT";
+var spinner = "uzi-auth-pages-module__spinner__seK4F";
+var spin = "uzi-auth-pages-module__spin__hYpWH";
+var divider = "uzi-auth-pages-module__divider__Debmu";
+var authFooter = "uzi-auth-pages-module__authFooter__SEaGh";
+var sentMessage = "uzi-auth-pages-module__sentMessage__vLBoY";
+var sentText = "uzi-auth-pages-module__sentText__qyJkF";
+var backLink = "uzi-auth-pages-module__backLink__ezB3X";
+var auth_pages_module_default = {
+	authLayout,
+	authCard,
+	authBrand,
+	authHeader,
+	authTitle,
+	authSubtitle,
+	authForm,
+	field,
+	label,
+	input,
+	error,
+	passwordWrapper,
+	toggle,
+	eyeIcon,
+	checkboxRow,
+	checkboxLabel,
+	checkbox,
+	forgotLink,
+	checkboxLink,
+	submitButton,
+	spinner,
+	spin,
+	divider,
+	authFooter,
+	sentMessage,
+	sentText,
+	backLink
 };
 //#endregion
-exports.content = content;
-exports.dangerZone = dangerZone;
-exports.dangerZoneBody = dangerZoneBody;
-exports.dangerZoneDescription = dangerZoneDescription;
-exports.dangerZoneHeader = dangerZoneHeader;
-exports.dangerZoneTitle = dangerZoneTitle;
-exports.default = settings_page_module_default;
-exports.description = description;
-exports.footer = footer;
-exports.footerContent = footerContent;
-exports.header = header;
-exports.headerContent = headerContent;
-exports.savingIndicator = savingIndicator;
-exports.section = section;
-exports.sectionBody = sectionBody;
-exports.sectionDescription = sectionDescription;
-exports.sectionHeader = sectionHeader;
-exports.sectionTitle = sectionTitle;
-exports.sections = sections;
-exports.title = title;
-exports.wrapper = wrapper;
+exports.authBrand = authBrand;
+exports.authCard = authCard;
+exports.authFooter = authFooter;
+exports.authForm = authForm;
+exports.authHeader = authHeader;
+exports.authLayout = authLayout;
+exports.authSubtitle = authSubtitle;
+exports.authTitle = authTitle;
+exports.backLink = backLink;
+exports.checkbox = checkbox;
+exports.checkboxLabel = checkboxLabel;
+exports.checkboxLink = checkboxLink;
+exports.checkboxRow = checkboxRow;
+exports.default = auth_pages_module_default;
+exports.divider = divider;
+exports.error = error;
+exports.eyeIcon = eyeIcon;
+exports.field = field;
+exports.forgotLink = forgotLink;
+exports.input = input;
+exports.label = label;
+exports.passwordWrapper = passwordWrapper;
+exports.sentMessage = sentMessage;
+exports.sentText = sentText;
+exports.spin = spin;
+exports.spinner = spinner;
+exports.submitButton = submitButton;
+exports.toggle = toggle;
 
 //# sourceMappingURL=index66.cjs.map

package/dist/index66.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index66.cjs","names":[],"sources":["../src/components/settings-page/settings-page.module.css"],"sourcesContent":[".wrapper {\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n  background: var(--background);\n  color: var(--foreground);\n}\n\n.header {\n  padding: 2rem 2rem 0;\n  flex-shrink: 0;\n}\n\n.headerContent {\n  max-width: 64rem;\n  margin: 0 auto;\n}\n\n.title {\n  margin: 0 0 0.25rem;\n  font-size: 1.5rem;\n  font-weight: 600;\n  color: var(--foreground);\n  line-height: 1.3;\n}\n\n.description {\n  margin: 0;\n  font-size: 0.9rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.content {\n  flex: 1;\n  padding: 1.5rem 2rem 6rem;\n  max-width: 64rem;\n  margin: 0 auto;\n  width: 100%;\n  overflow-y: auto;\n}\n\n.sections {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n}\n\n.section {\n  border-bottom: 1px solid var(--border);\n  padding-bottom: 1.5rem;\n}\n\n.section:last-of-type {\n  border-bottom: none;\n}\n\n.sectionHeader {\n  margin-bottom: 1.25rem;\n}\n\n.sectionTitle {\n  margin: 0 0 0.25rem;\n  font-size: 1.125rem;\n  font-weight: 600;\n  color: var(--foreground);\n}\n\n.sectionDescription {\n  margin: 0;\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.sectionBody {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.dangerZone {\n  margin-top: 2rem;\n  border: 1px solid var(--ts-danger-border, var(--destructive));\n  border-radius: 8px;\n  background: var(--ts-danger-bg, color-mix(in srgb, var(--destructive) 8%, transparent));\n  padding: 1.5rem;\n}\n\n.dangerZoneHeader {\n  margin-bottom: 1rem;\n}\n\n.dangerZoneTitle {\n  margin: 0 0 0.25rem;\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--ts-danger-text, var(--destructive));\n}\n\n.dangerZoneDescription {\n  margin: 0;\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n  line-height: 1.5;\n}\n\n.dangerZoneBody {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  border-top: 1px solid var(--border);\n  background: var(--background);\n  z-index: 10;\n  padding: 0.75rem 2rem;\n}\n\n.footerContent {\n  max-width: 64rem;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n}\n\n.savingIndicator {\n  font-size: 0.85rem;\n  color: var(--muted-foreground);\n}\n\n@media (max-width: 48rem) {\n  .header {\n    padding: 1.5rem 1rem 0;\n  }\n\n  .content {\n    padding: 1rem 1rem 6rem;\n  }\n\n  .footer {\n    padding: 0.75rem 1rem;\n  }\n\n  .footerContent {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0.5rem;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index66.cjs","names":[],"sources":["../src/components/auth-pages/auth-pages.module.css"],"sourcesContent":["/* ── Layout ── */\n.authLayout {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100vh;\n  min-height: 100dvh;\n  padding: 24px;\n  background: var(--background);\n}\n\n.authCard {\n  width: 100%;\n  max-width: 400px;\n  border-radius: var(--ts-card-radius, 12px);\n  border: 1px solid var(--ts-card-border, var(--border));\n  background: var(--ts-card-bg, var(--card));\n  color: var(--ts-card-fg, var(--foreground));\n  box-shadow: var(--ts-card-shadow, 0 16px 36px rgba(0, 0, 0, 0.28));\n  padding: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.authBrand {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 4px;\n}\n\n.authBrand svg {\n  width: 40px;\n  height: 40px;\n  color: var(--primary);\n}\n\n.authHeader {\n  text-align: center;\n}\n\n.authTitle {\n  font-size: 1.25rem;\n  font-weight: 600;\n  line-height: 1.4;\n  margin: 0;\n  color: var(--foreground);\n}\n\n.authSubtitle {\n  font-size: 0.875rem;\n  color: var(--muted-foreground);\n  margin-top: 4px;\n  margin-bottom: 0;\n  line-height: 1.4;\n}\n\n/* ── Form ── */\n.authForm {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n/* ── Field ── */\n.field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.2;\n  color: var(--foreground);\n}\n\n.input {\n  display: flex;\n  width: 100%;\n  min-height: 2.25rem;\n  border-radius: 0.5rem;\n  border: 1px solid var(--input);\n  background: var(--background);\n  color: var(--foreground);\n  padding: 0.25rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  box-shadow: var(--ts-input-shadow, 0 1px 2px rgba(0, 0, 0, 0.04));\n  transition: border-color 0.15s ease, background 0.15s ease;\n  font-family: inherit;\n}\n\n.input::placeholder {\n  color: var(--muted-foreground);\n}\n\n.input:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* ── Error ── */\n.error {\n  font-size: 0.8rem;\n  color: var(--destructive);\n  margin-top: 2px;\n}\n\n/* ── Password wrapper ── */\n.passwordWrapper {\n  position: relative;\n}\n\n.passwordWrapper .input {\n  padding-right: 2.5rem;\n}\n\n.toggle {\n  position: absolute;\n  right: 0.5rem;\n  top: 50%;\n  transform: translateY(-50%);\n  background: none;\n  border: none;\n  padding: 0.25rem;\n  cursor: pointer;\n  color: var(--muted-foreground);\n  border-radius: 4px;\n  transition: color 0.15s, background 0.15s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.toggle:hover {\n  color: var(--foreground);\n  background: var(--accent);\n}\n\n.toggle:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.eyeIcon {\n  width: 1.125rem;\n  height: 1.125rem;\n}\n\n/* ── Checkbox row ── */\n.checkboxRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.checkboxLabel {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 0.875rem;\n  color: var(--foreground);\n  cursor: pointer;\n}\n\n.checkbox {\n  width: 1rem;\n  height: 1rem;\n  accent-color: var(--primary);\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.checkbox:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.forgotLink {\n  font-size: 0.875rem;\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.forgotLink:hover {\n  text-decoration: underline;\n}\n\n.checkboxLink {\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.checkboxLink:hover {\n  text-decoration: underline;\n}\n\n/* ── Submit button ── */\n.submitButton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  font-family: inherit;\n  font-weight: 600;\n  border-radius: 8px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  text-decoration: none;\n  transition: opacity 0.15s, border-color 0.15s, color 0.15s, background 0.15s;\n  white-space: nowrap;\n  line-height: 1;\n  font-size: 0.95rem;\n  min-height: 2.25rem;\n  padding: 10px 22px;\n  background: var(--primary);\n  color: var(--primary-foreground);\n}\n\n.submitButton:focus-visible {\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n}\n\n.submitButton:disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n}\n\n.submitButton:hover:not(:disabled) {\n  opacity: 0.88;\n}\n\n/* ── Spinner ── */\n.spinner {\n  width: 1rem;\n  height: 1rem;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-top-color: white;\n  border-radius: 50%;\n  animation: spin 0.6s linear infinite;\n}\n\n@keyframes spin {\n  to { transform: rotate(360deg); }\n}\n\n/* ── Divider ── */\n.divider {\n  border: none;\n  border-top: 1px solid var(--border);\n  margin: 0;\n}\n\n/* ── Footer ── */\n.authFooter {\n  text-align: center;\n  font-size: 0.875rem;\n  color: var(--muted-foreground);\n  margin: 0;\n}\n\n.authFooter a {\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.authFooter a:hover {\n  text-decoration: underline;\n}\n\n/* ── Sent state ── */\n.sentMessage {\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.sentText {\n  font-size: 0.875rem;\n  color: var(--foreground);\n  line-height: 1.5;\n}\n\n.sentText strong {\n  font-weight: 600;\n}\n\n.backLink {\n  font-size: 0.875rem;\n  color: var(--primary);\n  text-decoration: none;\n  font-weight: 500;\n}\n\n.backLink:hover {\n  text-decoration: underline;\n}\n"],"mappings":""}