@getauthui/core 0.1.12 → 0.1.13

package/README.md

@@ -15,7 +15,7 @@
     visibility: hidden;
   }
 </style>
-<script type="module" src="https://unpkg.com/@getauthui/core@0.1.12"></script>
+<script type="module" src="https://unpkg.com/@getauthui/core@0.1.13"></script>
 
 <authui-config
   endpoint="https://cloud.appwrite.io/v1"
@@ -65,7 +65,7 @@ CDN:
     visibility: hidden;
   }
 </style>
-<script type="module" src="https://unpkg.com/@getauthui/core@0.1.12"></script>
+<script type="module" src="https://unpkg.com/@getauthui/core@0.1.13"></script>
 ```
 
 The `<style>` keeps `<authui-show>` and the buttons hidden until the module defines them. See [`<authui-show>`](https://getauthui.appwrite.network/docs/components/show).
@@ -73,7 +73,7 @@ The `<style>` keeps `<authui-show>` and the buttons hidden until the module defi
 The default CDN URL is an ESM module: it defines the elements but does **not** set `window.AuthUI`. For `AuthUI.init` / `AuthUI.on` from a classic script, use the IIFE build:
 
 ```html
-<script src="https://unpkg.com/@getauthui/core@0.1.12/dist/authui.cdn.js"></script>
+<script src="https://unpkg.com/@getauthui/core@0.1.13/dist/authui.cdn.js"></script>
 ```
 
 npm:

package/dist/{authui-user-button--QfXbaC8.js → authui-user-button-BSOjgJ6h.js}

@@ -1508,9 +1508,10 @@ const vt = new Rt(), bt = {
     --authui-accent-foreground: oklch(0.985 0 0);
     --authui-destructive: oklch(0.396 0.141 25.723);
     --authui-destructive-foreground: oklch(0.637 0.237 25.331);
-    --authui-border: oklch(0.252 0.005 286.32);
-    --authui-input: #2d2d31;
-    --authui-ring: oklch(0.448 0.015 285.786);
+    /* Raised vs card (#1d1d21) for WCAG 1.4.11 (~3:1) UI contrast */
+    --authui-border: #71717a;
+    --authui-input: #71717a;
+    --authui-ring: #a1a1aa;
     --authui-success-foreground: #34d399;
     --authui-warning-foreground: #fbbf24;
     --authui-error-foreground: #f87171;
@@ -1727,7 +1728,8 @@ const vt = new Rt(), bt = {
   }
   .input {
     font: inherit;
-    font-size: 14px;
+    /* 16px avoids iOS Safari auto-zoom on focus */
+    font-size: 16px;
     height: 36px;
     width: 100%;
     min-width: 0;
@@ -1802,8 +1804,9 @@ const vt = new Rt(), bt = {
     background: var(--authui-muted);
     transition: background-color 120ms ease;
   }
+  /* destructive-foreground matches light destructive and stays visible on dark card */
   .strength-meter[data-level="1"] span:nth-child(-n + 1) {
-    background: var(--authui-destructive);
+    background: var(--authui-destructive-foreground);
   }
   .strength-meter[data-level="2"] span:nth-child(-n + 2) {
     background: var(--authui-warning-foreground);
@@ -1819,6 +1822,19 @@ const vt = new Rt(), bt = {
     color: var(--authui-muted-foreground);
     margin: 0;
   }
+  :host([data-theme="dark"]) .strength-meter span {
+    background: var(--authui-border);
+  }
+  :host([data-theme="dark"]) .strength-meter[data-level="1"] span:nth-child(-n + 1) {
+    background: var(--authui-destructive-foreground);
+  }
+  :host([data-theme="dark"]) .strength-meter[data-level="2"] span:nth-child(-n + 2),
+  :host([data-theme="dark"]) .strength-meter[data-level="3"] span:nth-child(-n + 3) {
+    background: var(--authui-warning-foreground);
+  }
+  :host([data-theme="dark"]) .strength-meter[data-level="4"] span {
+    background: var(--authui-success);
+  }
 
   .btn.last-used {
     border-color: var(--authui-brand);
@@ -1969,7 +1985,7 @@ const vt = new Rt(), bt = {
     display: inline-flex;
     align-items: center;
     justify-content: flex-start;
-    height: 36px;
+    height: 44px;
     width: fit-content;
     max-width: 100%;
     overflow-x: auto;
@@ -1980,6 +1996,14 @@ const vt = new Rt(), bt = {
     gap: 2px;
     scrollbar-width: none;
     -webkit-overflow-scrolling: touch;
+    /* Subtle right-edge fade as overflow cue at narrow widths */
+    -webkit-mask-image: linear-gradient(
+      to right,
+      #000 0%,
+      #000 calc(100% - 28px),
+      transparent 100%
+    );
+    mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 28px), transparent 100%);
   }
   :host([data-theme="dark"]) .tabs {
     background: color-mix(in oklab, var(--authui-muted) 80%, transparent);
@@ -1990,8 +2014,9 @@ const vt = new Rt(), bt = {
     justify-content: center;
     gap: 6px;
     height: 100%;
+    min-height: 38px;
     flex: 0 0 auto;
-    padding: 4px 10px;
+    padding: 8px 12px;
     border-radius: var(--authui-radius-md);
     border: 1px solid transparent;
     background: transparent;
@@ -5516,9 +5541,11 @@ I.styles = [
         background: var(--authui-background);
         color: var(--authui-foreground);
         padding: 0;
-        width: calc(100% - 2rem);
+        width: calc(100% - 2rem - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
         max-width: 440px;
-        max-height: calc(100dvh - 2rem);
+        max-height: calc(
+          100dvh - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)
+        );
         box-shadow: var(--authui-shadow-lg);
         overflow: hidden;
         z-index: var(--authui-z);
@@ -5546,7 +5573,9 @@ I.styles = [
       .frame {
         display: flex;
         flex-direction: column;
-        max-height: calc(100dvh - 2rem);
+        max-height: calc(
+          100dvh - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)
+        );
         min-height: 0;
         position: relative;
       }
@@ -5555,11 +5584,13 @@ I.styles = [
         display: flex;
         justify-content: flex-end;
         align-items: center;
-        padding: 8px 8px 0;
+        padding: max(8px, env(safe-area-inset-top, 0px)) max(8px, env(safe-area-inset-right, 0px)) 0
+          max(8px, env(safe-area-inset-left, 0px));
         background: var(--authui-background);
       }
       .body {
-        padding: 4px 24px 28px;
+        padding: 4px max(24px, env(safe-area-inset-right, 0px))
+          max(28px, env(safe-area-inset-bottom, 0px)) max(24px, env(safe-area-inset-left, 0px));
         overflow-y: auto;
         flex: 1 1 auto;
         min-height: 0;

package/dist/authui.cdn.js

@@ -74,9 +74,10 @@ var AuthUI=(function(I){"use strict";var qe;const yt=globalThis,Rt=yt.ShadowRoot
     --authui-accent-foreground: oklch(0.985 0 0);
     --authui-destructive: oklch(0.396 0.141 25.723);
     --authui-destructive-foreground: oklch(0.637 0.237 25.331);
-    --authui-border: oklch(0.252 0.005 286.32);
-    --authui-input: #2d2d31;
-    --authui-ring: oklch(0.448 0.015 285.786);
+    /* Raised vs card (#1d1d21) for WCAG 1.4.11 (~3:1) UI contrast */
+    --authui-border: #71717a;
+    --authui-input: #71717a;
+    --authui-ring: #a1a1aa;
     --authui-success-foreground: #34d399;
     --authui-warning-foreground: #fbbf24;
     --authui-error-foreground: #f87171;
@@ -293,7 +294,8 @@ var AuthUI=(function(I){"use strict";var qe;const yt=globalThis,Rt=yt.ShadowRoot
   }
   .input {
     font: inherit;
-    font-size: 14px;
+    /* 16px avoids iOS Safari auto-zoom on focus */
+    font-size: 16px;
     height: 36px;
     width: 100%;
     min-width: 0;
@@ -368,8 +370,9 @@ var AuthUI=(function(I){"use strict";var qe;const yt=globalThis,Rt=yt.ShadowRoot
     background: var(--authui-muted);
     transition: background-color 120ms ease;
   }
+  /* destructive-foreground matches light destructive and stays visible on dark card */
   .strength-meter[data-level="1"] span:nth-child(-n + 1) {
-    background: var(--authui-destructive);
+    background: var(--authui-destructive-foreground);
   }
   .strength-meter[data-level="2"] span:nth-child(-n + 2) {
     background: var(--authui-warning-foreground);
@@ -385,6 +388,19 @@ var AuthUI=(function(I){"use strict";var qe;const yt=globalThis,Rt=yt.ShadowRoot
     color: var(--authui-muted-foreground);
     margin: 0;
   }
+  :host([data-theme="dark"]) .strength-meter span {
+    background: var(--authui-border);
+  }
+  :host([data-theme="dark"]) .strength-meter[data-level="1"] span:nth-child(-n + 1) {
+    background: var(--authui-destructive-foreground);
+  }
+  :host([data-theme="dark"]) .strength-meter[data-level="2"] span:nth-child(-n + 2),
+  :host([data-theme="dark"]) .strength-meter[data-level="3"] span:nth-child(-n + 3) {
+    background: var(--authui-warning-foreground);
+  }
+  :host([data-theme="dark"]) .strength-meter[data-level="4"] span {
+    background: var(--authui-success);
+  }
 
   .btn.last-used {
     border-color: var(--authui-brand);
@@ -535,7 +551,7 @@ var AuthUI=(function(I){"use strict";var qe;const yt=globalThis,Rt=yt.ShadowRoot
     display: inline-flex;
     align-items: center;
     justify-content: flex-start;
-    height: 36px;
+    height: 44px;
     width: fit-content;
     max-width: 100%;
     overflow-x: auto;
@@ -546,6 +562,14 @@ var AuthUI=(function(I){"use strict";var qe;const yt=globalThis,Rt=yt.ShadowRoot
     gap: 2px;
     scrollbar-width: none;
     -webkit-overflow-scrolling: touch;
+    /* Subtle right-edge fade as overflow cue at narrow widths */
+    -webkit-mask-image: linear-gradient(
+      to right,
+      #000 0%,
+      #000 calc(100% - 28px),
+      transparent 100%
+    );
+    mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 28px), transparent 100%);
   }
   :host([data-theme="dark"]) .tabs {
     background: color-mix(in oklab, var(--authui-muted) 80%, transparent);
@@ -556,8 +580,9 @@ var AuthUI=(function(I){"use strict";var qe;const yt=globalThis,Rt=yt.ShadowRoot
     justify-content: center;
     gap: 6px;
     height: 100%;
+    min-height: 38px;
     flex: 0 0 auto;
-    padding: 4px 10px;
+    padding: 8px 12px;
     border-radius: var(--authui-radius-md);
     border: 1px solid transparent;
     background: transparent;
@@ -2447,9 +2472,11 @@ var AuthUI=(function(I){"use strict";var qe;const yt=globalThis,Rt=yt.ShadowRoot
         background: var(--authui-background);
         color: var(--authui-foreground);
         padding: 0;
-        width: calc(100% - 2rem);
+        width: calc(100% - 2rem - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
         max-width: 440px;
-        max-height: calc(100dvh - 2rem);
+        max-height: calc(
+          100dvh - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)
+        );
         box-shadow: var(--authui-shadow-lg);
         overflow: hidden;
         z-index: var(--authui-z);
@@ -2477,7 +2504,9 @@ var AuthUI=(function(I){"use strict";var qe;const yt=globalThis,Rt=yt.ShadowRoot
       .frame {
         display: flex;
         flex-direction: column;
-        max-height: calc(100dvh - 2rem);
+        max-height: calc(
+          100dvh - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)
+        );
         min-height: 0;
         position: relative;
       }
@@ -2486,11 +2515,13 @@ var AuthUI=(function(I){"use strict";var qe;const yt=globalThis,Rt=yt.ShadowRoot
         display: flex;
         justify-content: flex-end;
         align-items: center;
-        padding: 8px 8px 0;
+        padding: max(8px, env(safe-area-inset-top, 0px)) max(8px, env(safe-area-inset-right, 0px)) 0
+          max(8px, env(safe-area-inset-left, 0px));
         background: var(--authui-background);
       }
       .body {
-        padding: 4px 24px 28px;
+        padding: 4px max(24px, env(safe-area-inset-right, 0px))
+          max(28px, env(safe-area-inset-bottom, 0px)) max(24px, env(safe-area-inset-left, 0px));
         overflow-y: auto;
         flex: 1 1 auto;
         min-height: 0;

package/dist/authui.cdn.mjs

@@ -7844,9 +7844,10 @@ const Ki = new mo(), Yi = {
     --authui-accent-foreground: oklch(0.985 0 0);
     --authui-destructive: oklch(0.396 0.141 25.723);
     --authui-destructive-foreground: oklch(0.637 0.237 25.331);
-    --authui-border: oklch(0.252 0.005 286.32);
-    --authui-input: #2d2d31;
-    --authui-ring: oklch(0.448 0.015 285.786);
+    /* Raised vs card (#1d1d21) for WCAG 1.4.11 (~3:1) UI contrast */
+    --authui-border: #71717a;
+    --authui-input: #71717a;
+    --authui-ring: #a1a1aa;
     --authui-success-foreground: #34d399;
     --authui-warning-foreground: #fbbf24;
     --authui-error-foreground: #f87171;
@@ -8063,7 +8064,8 @@ const Ki = new mo(), Yi = {
   }
   .input {
     font: inherit;
-    font-size: 14px;
+    /* 16px avoids iOS Safari auto-zoom on focus */
+    font-size: 16px;
     height: 36px;
     width: 100%;
     min-width: 0;
@@ -8138,8 +8140,9 @@ const Ki = new mo(), Yi = {
     background: var(--authui-muted);
     transition: background-color 120ms ease;
   }
+  /* destructive-foreground matches light destructive and stays visible on dark card */
   .strength-meter[data-level="1"] span:nth-child(-n + 1) {
-    background: var(--authui-destructive);
+    background: var(--authui-destructive-foreground);
   }
   .strength-meter[data-level="2"] span:nth-child(-n + 2) {
     background: var(--authui-warning-foreground);
@@ -8155,6 +8158,19 @@ const Ki = new mo(), Yi = {
     color: var(--authui-muted-foreground);
     margin: 0;
   }
+  :host([data-theme="dark"]) .strength-meter span {
+    background: var(--authui-border);
+  }
+  :host([data-theme="dark"]) .strength-meter[data-level="1"] span:nth-child(-n + 1) {
+    background: var(--authui-destructive-foreground);
+  }
+  :host([data-theme="dark"]) .strength-meter[data-level="2"] span:nth-child(-n + 2),
+  :host([data-theme="dark"]) .strength-meter[data-level="3"] span:nth-child(-n + 3) {
+    background: var(--authui-warning-foreground);
+  }
+  :host([data-theme="dark"]) .strength-meter[data-level="4"] span {
+    background: var(--authui-success);
+  }
 
   .btn.last-used {
     border-color: var(--authui-brand);
@@ -8305,7 +8321,7 @@ const Ki = new mo(), Yi = {
     display: inline-flex;
     align-items: center;
     justify-content: flex-start;
-    height: 36px;
+    height: 44px;
     width: fit-content;
     max-width: 100%;
     overflow-x: auto;
@@ -8316,6 +8332,14 @@ const Ki = new mo(), Yi = {
     gap: 2px;
     scrollbar-width: none;
     -webkit-overflow-scrolling: touch;
+    /* Subtle right-edge fade as overflow cue at narrow widths */
+    -webkit-mask-image: linear-gradient(
+      to right,
+      #000 0%,
+      #000 calc(100% - 28px),
+      transparent 100%
+    );
+    mask-image: linear-gradient(to right, #000 0%, #000 calc(100% - 28px), transparent 100%);
   }
   :host([data-theme="dark"]) .tabs {
     background: color-mix(in oklab, var(--authui-muted) 80%, transparent);
@@ -8326,8 +8350,9 @@ const Ki = new mo(), Yi = {
     justify-content: center;
     gap: 6px;
     height: 100%;
+    min-height: 38px;
     flex: 0 0 auto;
-    padding: 4px 10px;
+    padding: 8px 12px;
     border-radius: var(--authui-radius-md);
     border: 1px solid transparent;
     background: transparent;
@@ -11852,9 +11877,11 @@ Ee.styles = [
         background: var(--authui-background);
         color: var(--authui-foreground);
         padding: 0;
-        width: calc(100% - 2rem);
+        width: calc(100% - 2rem - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));
         max-width: 440px;
-        max-height: calc(100dvh - 2rem);
+        max-height: calc(
+          100dvh - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)
+        );
         box-shadow: var(--authui-shadow-lg);
         overflow: hidden;
         z-index: var(--authui-z);
@@ -11882,7 +11909,9 @@ Ee.styles = [
       .frame {
         display: flex;
         flex-direction: column;
-        max-height: calc(100dvh - 2rem);
+        max-height: calc(
+          100dvh - 2rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)
+        );
         min-height: 0;
         position: relative;
       }
@@ -11891,11 +11920,13 @@ Ee.styles = [
         display: flex;
         justify-content: flex-end;
         align-items: center;
-        padding: 8px 8px 0;
+        padding: max(8px, env(safe-area-inset-top, 0px)) max(8px, env(safe-area-inset-right, 0px)) 0
+          max(8px, env(safe-area-inset-left, 0px));
         background: var(--authui-background);
       }
       .body {
-        padding: 4px 24px 28px;
+        padding: 4px max(24px, env(safe-area-inset-right, 0px))
+          max(28px, env(safe-area-inset-bottom, 0px)) max(24px, env(safe-area-inset-left, 0px));
         overflow-y: auto;
         flex: 1 1 auto;
         min-height: 0;

package/dist/authui.js

@@ -1,5 +1,5 @@
-import { a as t, c as r, o } from "./authui-user-button--QfXbaC8.js";
-import { A as U, b as C, d as v, e as w, f as E, g as O, h as M, i as P, j as b, C as L, E as x, F as T, P as F, k as _, l as y, m as B, n as j, p as k, q, r as R, s as z, t as D, u as G, v as H, w as J, x as K, y as N } from "./authui-user-button--QfXbaC8.js";
+import { a as t, c as r, o } from "./authui-user-button-BSOjgJ6h.js";
+import { A as U, b as C, d as v, e as w, f as E, g as O, h as M, i as P, j as b, C as L, E as x, F as T, P as F, k as _, l as y, m as B, n as j, p as k, q, r as R, s as z, t as D, u as G, v as H, w as J, x as K, y as N } from "./authui-user-button-BSOjgJ6h.js";
 import * as l from "appwrite";
 function s(e) {
   return t.configure(e), I;

package/dist/components/authui-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"authui-modal.d.ts","sourceRoot":"","sources":["../../src/components/authui-modal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;GAIG;AACH,qBACa,WAAY,SAAQ,aAAa;IAC5C,MAAM,CAAC,MAAM,4BAyFX;IAEF,4DAA4D;IAChB,IAAI,UAAS;IACzD,4BAA4B;IACA,IAAI,EAAE,UAAU,CAAa;IACzD;;;;OAIG;IAeH,cAAc,UAAQ;IAEb,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,SAAS,CAAS;IAClB,OAAO,CAAC,MAAM,CAAC,CAAoB;IACpC,OAAO,CAAC,MAAM,CAAC,CAAc;IAC7C,OAAO,CAAC,kBAAkB,CAA+B;IAEzD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,YAAY,CAAqB;IAEzC,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IAQ7B,IAAI,IAAI,IAAI;IAIZ,OAAO,CAAC,aAAa,CAUnB;IAEF,OAAO,CAAC,WAAW;IAenB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAuCtD,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,YAAY;IAcpB,SAAS,CAAC,MAAM;CA2CjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}
+{"version":3,"file":"authui-modal.d.ts","sourceRoot":"","sources":["../../src/components/authui-modal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED;;;;GAIG;AACH,qBACa,WAAY,SAAQ,aAAa;IAC5C,MAAM,CAAC,MAAM,4BA+FX;IAEF,4DAA4D;IAChB,IAAI,UAAS;IACzD,4BAA4B;IACA,IAAI,EAAE,UAAU,CAAa;IACzD;;;;OAIG;IAeH,cAAc,UAAQ;IAEb,OAAO,CAAC,cAAc,CAAiB;IACvC,OAAO,CAAC,SAAS,CAAS;IAClB,OAAO,CAAC,MAAM,CAAC,CAAoB;IACpC,OAAO,CAAC,MAAM,CAAC,CAAc;IAC7C,OAAO,CAAC,kBAAkB,CAA+B;IAEzD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,YAAY,CAAqB;IAEzC,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IAQ7B,IAAI,IAAI,IAAI;IAIZ,OAAO,CAAC,aAAa,CAUnB;IAEF,OAAO,CAAC,WAAW;IAenB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAuCtD,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,YAAY;IAcpB,SAAS,CAAC,MAAM;CA2CjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/dist/react.js

@@ -1,5 +1,5 @@
 import { createElement as c, useState as o, useEffect as i, useRef as h, Fragment as a } from "react";
-import { a as s, z as f, c as m, o as d } from "./authui-user-button--QfXbaC8.js";
+import { a as s, z as f, c as m, o as d } from "./authui-user-button-BSOjgJ6h.js";
 function v() {
   const [e, n] = o(() => s.getState());
   return i(() => s.on("change", n), []), {

package/dist/styles/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/styles/base.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,IAAI,yBA0+BhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/styles/base.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,IAAI,yBAkgChB,CAAC"}

package/dist/styles/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,MAAM,yBA8ElB,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,MAAM,yBA+ElB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getauthui/core",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Drop-in authentication UI for Appwrite. One script tag, every sign-in method, MFA, sessions and account management as web components.",
   "type": "module",
   "main": "./dist/authui.js",