@tomny-dev/uzi 0.2.6 → 0.2.7-pr.23.76.1.ea6567c

package/dist/style.css

@@ -435,6 +435,8 @@ body {
   gap: 4px;
 }
 .uzi-modal-module__portalLayer__t7blc {
+  --uzi-modal-viewport-margin: 32px;
+
   position: fixed;
   inset: 0;
   z-index: 100;
@@ -481,8 +483,9 @@ body {
   background: var(--background);
   border: 1px solid var(--border);
   border-radius: 14px;
-  padding: 24px;
-  width: min(500px, 100%);
+  max-height: calc(100vh - var(--uzi-modal-viewport-margin));
+  max-height: calc(100dvh - var(--uzi-modal-viewport-margin));
+  overflow: hidden;
   box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
   display: flex;
   flex-direction: column;
@@ -490,16 +493,17 @@ body {
 }
 
 /* Size variants */
-.uzi-modal-module__size-sm__Uu9je { width: min(380px, 100%); }
-.uzi-modal-module__size-md__TiiWy { width: min(500px, 100%); }
-.uzi-modal-module__size-lg__BrTIO { width: min(640px, 100%); }
-.uzi-modal-module__size-xl__sj0mh { width: min(900px, 100%); }
+.uzi-modal-module__size-sm__Uu9je { width: min(380px, calc(100vw - var(--uzi-modal-viewport-margin))); }
+.uzi-modal-module__size-md__TiiWy { width: min(500px, calc(100vw - var(--uzi-modal-viewport-margin))); }
+.uzi-modal-module__size-lg__BrTIO { width: min(640px, calc(100vw - var(--uzi-modal-viewport-margin))); }
+.uzi-modal-module__size-xl__sj0mh { width: min(900px, calc(100vw - var(--uzi-modal-viewport-margin))); }
 
 .uzi-modal-module__header__PmCaO {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 12px;
+  padding: 24px 24px 0;
   margin-bottom: 16px;
 }
 
@@ -552,11 +556,19 @@ body {
   display: flex;
   flex-direction: column;
   gap: 12px;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 0 24px;
+}
+
+.uzi-modal-module__body__km6FQ:last-child {
+  padding-bottom: 24px;
 }
 
 .uzi-modal-module__footer__jWLTv {
   display: flex;
   gap: 8px;
+  padding: 0 24px 24px;
   margin-top: 20px;
 }
 
@@ -2023,4 +2035,399 @@ button.uzi-sidebar-nav-module__item__uMHkJ {
   outline: var(--focus-ring);
   outline-offset: var(--focus-ring-offset);
 }
+.uzi-auth-card-module__authLayout__GHr1j {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  min-height: 100dvh;
+  padding: 24px;
+  background: var(--background);
+}
+
+.uzi-auth-card-module__authCard__ZYYit {
+  width: 100%;
+  max-width: 400px;
+  border-radius: var(--ts-card-radius, 12px);
+  border: 1px solid var(--ts-card-border, var(--border));
+  background: var(--ts-card-bg, var(--card));
+  color: var(--ts-card-fg, var(--foreground));
+  box-shadow: var(--ts-card-shadow, 0 16px 36px rgba(0, 0, 0, 0.28));
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.uzi-auth-card-module__authBrand__ZCDVm {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 4px;
+}
+
+.uzi-auth-card-module__authBrand__ZCDVm svg {
+  width: 40px;
+  height: 40px;
+  color: var(--primary);
+}
+
+.uzi-auth-card-module__authHeader__NB6UQ {
+  text-align: center;
+}
+
+.uzi-auth-card-module__authTitle__VtHLn {
+  font-size: 1.25rem;
+  font-weight: 600;
+  line-height: 1.4;
+  margin: 0;
+  color: var(--foreground);
+}
+
+.uzi-auth-card-module__authSubtitle__ZupId {
+  font-size: 0.875rem;
+  color: var(--muted-foreground);
+  margin-top: 4px;
+  margin-bottom: 0;
+  line-height: 1.4;
+}
+
+.uzi-auth-card-module__authBody__PTyaL {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.uzi-auth-card-module__divider__D8r12 {
+  border: none;
+  border-top: 1px solid var(--border);
+  margin: 0;
+}
+
+.uzi-auth-card-module__authFooter__C5s-- {
+  text-align: center;
+  font-size: 0.875rem;
+  color: var(--muted-foreground);
+  margin: 0;
+}
+
+.uzi-auth-card-module__authFooter__C5s-- a {
+  color: var(--primary);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.uzi-auth-card-module__authFooter__C5s-- a:hover {
+  text-decoration: underline;
+}
+/* ── Layout ── */
+.uzi-auth-pages-module__authLayout__i-FlB {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  min-height: 100dvh;
+  padding: 24px;
+  background: var(--background);
+}
+
+.uzi-auth-pages-module__authCard__toOGS {
+  width: 100%;
+  max-width: 400px;
+  border-radius: var(--ts-card-radius, 12px);
+  border: 1px solid var(--ts-card-border, var(--border));
+  background: var(--ts-card-bg, var(--card));
+  color: var(--ts-card-fg, var(--foreground));
+  box-shadow: var(--ts-card-shadow, 0 16px 36px rgba(0, 0, 0, 0.28));
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.uzi-auth-pages-module__authBrand__7yOdw {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 4px;
+}
+
+.uzi-auth-pages-module__authBrand__7yOdw svg {
+  width: 40px;
+  height: 40px;
+  color: var(--primary);
+}
+
+.uzi-auth-pages-module__authHeader__V-wcl {
+  text-align: center;
+}
+
+.uzi-auth-pages-module__authTitle__1bgLI {
+  font-size: 1.25rem;
+  font-weight: 600;
+  line-height: 1.4;
+  margin: 0;
+  color: var(--foreground);
+}
+
+.uzi-auth-pages-module__authSubtitle__sGXxg {
+  font-size: 0.875rem;
+  color: var(--muted-foreground);
+  margin-top: 4px;
+  margin-bottom: 0;
+  line-height: 1.4;
+}
+
+/* ── Form ── */
+.uzi-auth-pages-module__authForm__4MucP {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+/* ── Field ── */
+.uzi-auth-pages-module__field__Ajl6w {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.uzi-auth-pages-module__label__MdsqJ {
+  font-size: 0.875rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--foreground);
+}
+
+.uzi-auth-pages-module__input__yijT9 {
+  display: flex;
+  width: 100%;
+  min-height: 2.25rem;
+  border-radius: 0.5rem;
+  border: 1px solid var(--input);
+  background: var(--background);
+  color: var(--foreground);
+  padding: 0.25rem 0.75rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  box-shadow: var(--ts-input-shadow, 0 1px 2px rgba(0, 0, 0, 0.04));
+  transition: border-color 0.15s ease, background 0.15s ease;
+  font-family: inherit;
+}
+
+.uzi-auth-pages-module__input__yijT9::placeholder {
+  color: var(--muted-foreground);
+}
+
+.uzi-auth-pages-module__input__yijT9:focus-visible {
+  outline: var(--focus-ring);
+  outline-offset: var(--focus-ring-offset);
+}
+
+.uzi-auth-pages-module__input__yijT9:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+/* ── Error ── */
+.uzi-auth-pages-module__error__7Mhyi {
+  font-size: 0.8rem;
+  color: var(--destructive);
+  margin-top: 2px;
+}
+
+/* ── Password wrapper ── */
+.uzi-auth-pages-module__passwordWrapper__P0bez {
+  position: relative;
+}
+
+.uzi-auth-pages-module__passwordWrapper__P0bez .uzi-auth-pages-module__input__yijT9 {
+  padding-right: 2.5rem;
+}
+
+.uzi-auth-pages-module__toggle__T7HaZ {
+  position: absolute;
+  right: 0.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+  background: none;
+  border: none;
+  padding: 0.25rem;
+  cursor: pointer;
+  color: var(--muted-foreground);
+  border-radius: 4px;
+  transition: color 0.15s, background 0.15s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.uzi-auth-pages-module__toggle__T7HaZ:hover {
+  color: var(--foreground);
+  background: var(--accent);
+}
+
+.uzi-auth-pages-module__toggle__T7HaZ:focus-visible {
+  outline: var(--focus-ring);
+  outline-offset: var(--focus-ring-offset);
+}
+
+.uzi-auth-pages-module__eyeIcon__ab2Ts {
+  width: 1.125rem;
+  height: 1.125rem;
+}
+
+/* ── Checkbox row ── */
+.uzi-auth-pages-module__checkboxRow__Rq-84 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.uzi-auth-pages-module__checkboxLabel__poKs- {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 0.875rem;
+  color: var(--foreground);
+  cursor: pointer;
+}
+
+.uzi-auth-pages-module__checkbox__KOQQe {
+  width: 1rem;
+  height: 1rem;
+  accent-color: var(--primary);
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.uzi-auth-pages-module__checkbox__KOQQe:focus-visible {
+  outline: var(--focus-ring);
+  outline-offset: var(--focus-ring-offset);
+}
+
+.uzi-auth-pages-module__forgotLink__5q-vL {
+  font-size: 0.875rem;
+  color: var(--primary);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.uzi-auth-pages-module__forgotLink__5q-vL:hover {
+  text-decoration: underline;
+}
+
+.uzi-auth-pages-module__checkboxLink__kAkKg {
+  color: var(--primary);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.uzi-auth-pages-module__checkboxLink__kAkKg:hover {
+  text-decoration: underline;
+}
+
+/* ── Submit button ── */
+.uzi-auth-pages-module__submitButton__mlGxT {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  font-family: inherit;
+  font-weight: 600;
+  border-radius: 8px;
+  border: 1px solid transparent;
+  cursor: pointer;
+  text-decoration: none;
+  transition: opacity 0.15s, border-color 0.15s, color 0.15s, background 0.15s;
+  white-space: nowrap;
+  line-height: 1;
+  font-size: 0.95rem;
+  min-height: 2.25rem;
+  padding: 10px 22px;
+  background: var(--primary);
+  color: var(--primary-foreground);
+}
+
+.uzi-auth-pages-module__submitButton__mlGxT:focus-visible {
+  outline: var(--focus-ring);
+  outline-offset: var(--focus-ring-offset);
+}
+
+.uzi-auth-pages-module__submitButton__mlGxT:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.uzi-auth-pages-module__submitButton__mlGxT:hover:not(:disabled) {
+  opacity: 0.88;
+}
+
+/* ── Spinner ── */
+.uzi-auth-pages-module__spinner__seK4F {
+  width: 1rem;
+  height: 1rem;
+  border: 2px solid rgba(255, 255, 255, 0.3);
+  border-top-color: white;
+  border-radius: 50%;
+  animation: uzi-auth-pages-module__spin__hYpWH 0.6s linear infinite;
+}
+
+@keyframes uzi-auth-pages-module__spin__hYpWH {
+  to { transform: rotate(360deg); }
+}
+
+/* ── Divider ── */
+.uzi-auth-pages-module__divider__Debmu {
+  border: none;
+  border-top: 1px solid var(--border);
+  margin: 0;
+}
+
+/* ── Footer ── */
+.uzi-auth-pages-module__authFooter__SEaGh {
+  text-align: center;
+  font-size: 0.875rem;
+  color: var(--muted-foreground);
+  margin: 0;
+}
+
+.uzi-auth-pages-module__authFooter__SEaGh a {
+  color: var(--primary);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.uzi-auth-pages-module__authFooter__SEaGh a:hover {
+  text-decoration: underline;
+}
+
+/* ── Sent state ── */
+.uzi-auth-pages-module__sentMessage__vLBoY {
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.uzi-auth-pages-module__sentText__qyJkF {
+  font-size: 0.875rem;
+  color: var(--foreground);
+  line-height: 1.5;
+}
+
+.uzi-auth-pages-module__sentText__qyJkF strong {
+  font-weight: 600;
+}
+
+.uzi-auth-pages-module__backLink__ezB3X {
+  font-size: 0.875rem;
+  color: var(--primary);
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.uzi-auth-pages-module__backLink__ezB3X:hover {
+  text-decoration: underline;
+}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tomny-dev/uzi",
-  "version": "0.2.6",
+  "version": "0.2.7-pr.23.76.1.ea6567c",
   "description": "Rapid-fire React UI components. Ship faster, build more.",
   "type": "module",
   "publishConfig": {