cauthy-auth 0.33.0 → 0.35.0

package/dist/styles.css

@@ -183,6 +183,40 @@
   cursor: default;
 }
 
+/*
+ * Under way: the pressed button keeps its label with a spinner before it, in
+ * the button's own colour; a form still opening says "Loading…" with one.
+ * Without motion, the ring stays still and pulses nothing: it only shows.
+ */
+:where([data-cauthy] .cauthy-spinner) {
+  display: inline-block;
+  flex: none;
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.125em;
+  border: 2px solid currentColor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: cauthy-spin 0.7s linear infinite;
+}
+
+:where([data-cauthy] .cauthy-button[aria-busy="true"]),
+:where([data-cauthy] .cauthy-providerButton[aria-busy="true"]) {
+  cursor: progress;
+}
+
+@keyframes cauthy-spin {
+  to { transform: rotate(360deg); }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :where([data-cauthy] .cauthy-spinner) {
+    animation: none;
+    border-right-color: currentColor;
+    border-style: dotted;
+  }
+}
+
 :where(.cauthy-section) > :where(.cauthy-button, .cauthy-providerButton) {
   width: auto;
   align-self: flex-start;
@@ -222,6 +256,15 @@
   color: var(--cauthy-text-muted);
 }
 
+/* A form still opening: "Loading…", with its spinner. */
+:where([data-cauthy] .cauthy-pending) {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0;
+  color: var(--cauthy-text-muted);
+}
+
 :where([data-cauthy] [role="status"].cauthy-notice) {
   padding: 8px 12px;
   color: var(--cauthy-success);

package/dist/svelte.d.mts

@@ -1,7 +1,7 @@
 import { SessionStore, SessionState, SessionStoreOptions } from './client.mjs';
 export { Account, AccountSession, AuthClient, AuthError, AuthMethods, AuthResult, Passkey, PasskeyKind, SSOConnection } from './client.mjs';
-import { q as PublicSession } from './system-BrrJsrFW.mjs';
-export { P as PermissionOf, m as Policy, R as RoleOf, s as SessionOrganization, u as SessionUser, y as can, B as definePolicy } from './system-BrrJsrFW.mjs';
+import { q as PublicSession } from './system-DUGV040y.mjs';
+export { P as PermissionOf, m as Policy, R as RoleOf, s as SessionOrganization, u as SessionUser, y as can, B as definePolicy } from './system-DUGV040y.mjs';
 import './theme.mjs';
 import './validate-sEXG82po.mjs';
 import 'jose';

package/dist/svelte.d.ts

@@ -1,7 +1,7 @@
 import { SessionStore, SessionState, SessionStoreOptions } from './client.js';
 export { Account, AccountSession, AuthClient, AuthError, AuthMethods, AuthResult, Passkey, PasskeyKind, SSOConnection } from './client.js';
-import { q as PublicSession } from './system-BvvoNs2y.js';
-export { P as PermissionOf, m as Policy, R as RoleOf, s as SessionOrganization, u as SessionUser, y as can, B as definePolicy } from './system-BvvoNs2y.js';
+import { q as PublicSession } from './system-Bz4haPrI.js';
+export { P as PermissionOf, m as Policy, R as RoleOf, s as SessionOrganization, u as SessionUser, y as can, B as definePolicy } from './system-Bz4haPrI.js';
 import './theme.js';
 import './validate-sEXG82po.js';
 import 'jose';