@authrim/sveltekit 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (266) hide show
  1. package/LICENSE +191 -0
  2. package/README.md +531 -0
  3. package/dist/__tests__/client-events.test.d.ts +2 -0
  4. package/dist/__tests__/client-events.test.d.ts.map +1 -0
  5. package/dist/__tests__/client-events.test.js +225 -0
  6. package/dist/__tests__/providers.test.d.ts +2 -0
  7. package/dist/__tests__/providers.test.d.ts.map +1 -0
  8. package/dist/__tests__/providers.test.js +68 -0
  9. package/dist/__tests__/response.test.d.ts +2 -0
  10. package/dist/__tests__/response.test.d.ts.map +1 -0
  11. package/dist/__tests__/response.test.js +99 -0
  12. package/dist/__tests__/stores.test.d.ts +2 -0
  13. package/dist/__tests__/stores.test.d.ts.map +1 -0
  14. package/dist/__tests__/stores.test.js +91 -0
  15. package/dist/client.d.ts +25 -0
  16. package/dist/client.d.ts.map +1 -0
  17. package/dist/client.js +411 -0
  18. package/dist/components/AuthProvider.svelte +56 -0
  19. package/dist/components/AuthProvider.svelte.d.ts +34 -0
  20. package/dist/components/AuthProvider.svelte.d.ts.map +1 -0
  21. package/dist/components/ProtectedRoute.svelte +71 -0
  22. package/dist/components/ProtectedRoute.svelte.d.ts +38 -0
  23. package/dist/components/ProtectedRoute.svelte.d.ts.map +1 -0
  24. package/dist/components/SignInButton.svelte +93 -0
  25. package/dist/components/SignInButton.svelte.d.ts +43 -0
  26. package/dist/components/SignInButton.svelte.d.ts.map +1 -0
  27. package/dist/components/SignOutButton.svelte +72 -0
  28. package/dist/components/SignOutButton.svelte.d.ts +40 -0
  29. package/dist/components/SignOutButton.svelte.d.ts.map +1 -0
  30. package/dist/components/UserProfile.svelte +71 -0
  31. package/dist/components/UserProfile.svelte.d.ts +51 -0
  32. package/dist/components/UserProfile.svelte.d.ts.map +1 -0
  33. package/dist/components/index.d.ts +6 -0
  34. package/dist/components/index.d.ts.map +1 -0
  35. package/dist/components/index.js +5 -0
  36. package/dist/direct-auth/ciba.d.ts +47 -0
  37. package/dist/direct-auth/ciba.d.ts.map +1 -0
  38. package/dist/direct-auth/ciba.js +77 -0
  39. package/dist/direct-auth/consent.d.ts +85 -0
  40. package/dist/direct-auth/consent.d.ts.map +1 -0
  41. package/dist/direct-auth/consent.js +57 -0
  42. package/dist/direct-auth/device-flow.d.ts +40 -0
  43. package/dist/direct-auth/device-flow.d.ts.map +1 -0
  44. package/dist/direct-auth/device-flow.js +45 -0
  45. package/dist/direct-auth/email-code.d.ts +48 -0
  46. package/dist/direct-auth/email-code.d.ts.map +1 -0
  47. package/dist/direct-auth/email-code.js +265 -0
  48. package/dist/direct-auth/index.d.ts +9 -0
  49. package/dist/direct-auth/index.d.ts.map +1 -0
  50. package/dist/direct-auth/index.js +8 -0
  51. package/dist/direct-auth/login-challenge.d.ts +41 -0
  52. package/dist/direct-auth/login-challenge.d.ts.map +1 -0
  53. package/dist/direct-auth/login-challenge.js +34 -0
  54. package/dist/direct-auth/passkey.d.ts +30 -0
  55. package/dist/direct-auth/passkey.d.ts.map +1 -0
  56. package/dist/direct-auth/passkey.js +392 -0
  57. package/dist/direct-auth/session.d.ts +48 -0
  58. package/dist/direct-auth/session.d.ts.map +1 -0
  59. package/dist/direct-auth/session.js +219 -0
  60. package/dist/direct-auth/social.d.ts +56 -0
  61. package/dist/direct-auth/social.d.ts.map +1 -0
  62. package/dist/direct-auth/social.js +484 -0
  63. package/dist/index.d.ts +17 -0
  64. package/dist/index.d.ts.map +1 -0
  65. package/dist/index.js +14 -0
  66. package/dist/providers/crypto.d.ts +13 -0
  67. package/dist/providers/crypto.d.ts.map +1 -0
  68. package/dist/providers/crypto.js +27 -0
  69. package/dist/providers/http.d.ts +30 -0
  70. package/dist/providers/http.d.ts.map +1 -0
  71. package/dist/providers/http.js +65 -0
  72. package/dist/providers/index.d.ts +4 -0
  73. package/dist/providers/index.d.ts.map +1 -0
  74. package/dist/providers/index.js +3 -0
  75. package/dist/providers/storage.d.ts +21 -0
  76. package/dist/providers/storage.d.ts.map +1 -0
  77. package/dist/providers/storage.js +83 -0
  78. package/dist/server/handle.d.ts +46 -0
  79. package/dist/server/handle.d.ts.map +1 -0
  80. package/dist/server/handle.js +60 -0
  81. package/dist/server/index.d.ts +4 -0
  82. package/dist/server/index.d.ts.map +1 -0
  83. package/dist/server/index.js +3 -0
  84. package/dist/server/load.d.ts +83 -0
  85. package/dist/server/load.d.ts.map +1 -0
  86. package/dist/server/load.js +86 -0
  87. package/dist/server/session.d.ts +44 -0
  88. package/dist/server/session.d.ts.map +1 -0
  89. package/dist/server/session.js +50 -0
  90. package/dist/stores/auth.d.ts +56 -0
  91. package/dist/stores/auth.d.ts.map +1 -0
  92. package/dist/stores/auth.js +64 -0
  93. package/dist/stores/index.d.ts +2 -0
  94. package/dist/stores/index.d.ts.map +1 -0
  95. package/dist/stores/index.js +1 -0
  96. package/dist/types.d.ts +164 -0
  97. package/dist/types.d.ts.map +1 -0
  98. package/dist/types.js +4 -0
  99. package/dist/ui/account/LinkAccountButton.svelte +133 -0
  100. package/dist/ui/account/LinkAccountButton.svelte.d.ts +37 -0
  101. package/dist/ui/account/LinkAccountButton.svelte.d.ts.map +1 -0
  102. package/dist/ui/account/LinkedAccountsList.svelte +233 -0
  103. package/dist/ui/account/LinkedAccountsList.svelte.d.ts +32 -0
  104. package/dist/ui/account/LinkedAccountsList.svelte.d.ts.map +1 -0
  105. package/dist/ui/account/UnlinkAccountButton.svelte +179 -0
  106. package/dist/ui/account/UnlinkAccountButton.svelte.d.ts +28 -0
  107. package/dist/ui/account/UnlinkAccountButton.svelte.d.ts.map +1 -0
  108. package/dist/ui/account/index.d.ts +7 -0
  109. package/dist/ui/account/index.d.ts.map +1 -0
  110. package/dist/ui/account/index.js +6 -0
  111. package/dist/ui/context.d.ts +17 -0
  112. package/dist/ui/context.d.ts.map +1 -0
  113. package/dist/ui/context.js +71 -0
  114. package/dist/ui/forms/CIBARequestCard.svelte +315 -0
  115. package/dist/ui/forms/CIBARequestCard.svelte.d.ts +50 -0
  116. package/dist/ui/forms/CIBARequestCard.svelte.d.ts.map +1 -0
  117. package/dist/ui/forms/ClientInfo.svelte +232 -0
  118. package/dist/ui/forms/ClientInfo.svelte.d.ts +35 -0
  119. package/dist/ui/forms/ClientInfo.svelte.d.ts.map +1 -0
  120. package/dist/ui/forms/ConsentScopesList.svelte +109 -0
  121. package/dist/ui/forms/ConsentScopesList.svelte.d.ts +30 -0
  122. package/dist/ui/forms/ConsentScopesList.svelte.d.ts.map +1 -0
  123. package/dist/ui/forms/EmailCodeForm.svelte +224 -0
  124. package/dist/ui/forms/EmailCodeForm.svelte.d.ts +39 -0
  125. package/dist/ui/forms/EmailCodeForm.svelte.d.ts.map +1 -0
  126. package/dist/ui/forms/OrgSelector.svelte +95 -0
  127. package/dist/ui/forms/OrgSelector.svelte.d.ts +37 -0
  128. package/dist/ui/forms/OrgSelector.svelte.d.ts.map +1 -0
  129. package/dist/ui/forms/PasskeyConditionalInput.svelte +173 -0
  130. package/dist/ui/forms/PasskeyConditionalInput.svelte.d.ts +36 -0
  131. package/dist/ui/forms/PasskeyConditionalInput.svelte.d.ts.map +1 -0
  132. package/dist/ui/forms/QRCodeDisplay.svelte +122 -0
  133. package/dist/ui/forms/QRCodeDisplay.svelte.d.ts +27 -0
  134. package/dist/ui/forms/QRCodeDisplay.svelte.d.ts.map +1 -0
  135. package/dist/ui/forms/SocialLoginButtons.svelte +209 -0
  136. package/dist/ui/forms/SocialLoginButtons.svelte.d.ts +33 -0
  137. package/dist/ui/forms/SocialLoginButtons.svelte.d.ts.map +1 -0
  138. package/dist/ui/forms/UserCodeInput.svelte +183 -0
  139. package/dist/ui/forms/UserCodeInput.svelte.d.ts +34 -0
  140. package/dist/ui/forms/UserCodeInput.svelte.d.ts.map +1 -0
  141. package/dist/ui/forms/index.d.ts +13 -0
  142. package/dist/ui/forms/index.d.ts.map +1 -0
  143. package/dist/ui/forms/index.js +12 -0
  144. package/dist/ui/helpers/AuthError.svelte +124 -0
  145. package/dist/ui/helpers/AuthError.svelte.d.ts +26 -0
  146. package/dist/ui/helpers/AuthError.svelte.d.ts.map +1 -0
  147. package/dist/ui/helpers/AuthLoading.svelte +83 -0
  148. package/dist/ui/helpers/AuthLoading.svelte.d.ts +25 -0
  149. package/dist/ui/helpers/AuthLoading.svelte.d.ts.map +1 -0
  150. package/dist/ui/helpers/OTPInput.svelte +214 -0
  151. package/dist/ui/helpers/OTPInput.svelte.d.ts +34 -0
  152. package/dist/ui/helpers/OTPInput.svelte.d.ts.map +1 -0
  153. package/dist/ui/helpers/ResendCodeButton.svelte +140 -0
  154. package/dist/ui/helpers/ResendCodeButton.svelte.d.ts +28 -0
  155. package/dist/ui/helpers/ResendCodeButton.svelte.d.ts.map +1 -0
  156. package/dist/ui/helpers/index.d.ts +8 -0
  157. package/dist/ui/helpers/index.d.ts.map +1 -0
  158. package/dist/ui/helpers/index.js +7 -0
  159. package/dist/ui/index.d.ts +43 -0
  160. package/dist/ui/index.d.ts.map +1 -0
  161. package/dist/ui/index.js +48 -0
  162. package/dist/ui/passkey/PasskeyDeleteButton.svelte +177 -0
  163. package/dist/ui/passkey/PasskeyDeleteButton.svelte.d.ts +26 -0
  164. package/dist/ui/passkey/PasskeyDeleteButton.svelte.d.ts.map +1 -0
  165. package/dist/ui/passkey/PasskeyList.svelte +225 -0
  166. package/dist/ui/passkey/PasskeyList.svelte.d.ts +30 -0
  167. package/dist/ui/passkey/PasskeyList.svelte.d.ts.map +1 -0
  168. package/dist/ui/passkey/PasskeyRegisterButton.svelte +52 -0
  169. package/dist/ui/passkey/PasskeyRegisterButton.svelte.d.ts +38 -0
  170. package/dist/ui/passkey/PasskeyRegisterButton.svelte.d.ts.map +1 -0
  171. package/dist/ui/passkey/index.d.ts +7 -0
  172. package/dist/ui/passkey/index.d.ts.map +1 -0
  173. package/dist/ui/passkey/index.js +6 -0
  174. package/dist/ui/session/SessionExpiryIndicator.svelte +109 -0
  175. package/dist/ui/session/SessionExpiryIndicator.svelte.d.ts +23 -0
  176. package/dist/ui/session/SessionExpiryIndicator.svelte.d.ts.map +1 -0
  177. package/dist/ui/session/SessionList.svelte +231 -0
  178. package/dist/ui/session/SessionList.svelte.d.ts +31 -0
  179. package/dist/ui/session/SessionList.svelte.d.ts.map +1 -0
  180. package/dist/ui/session/SessionRevokeButton.svelte +72 -0
  181. package/dist/ui/session/SessionRevokeButton.svelte.d.ts +26 -0
  182. package/dist/ui/session/SessionRevokeButton.svelte.d.ts.map +1 -0
  183. package/dist/ui/session/index.d.ts +7 -0
  184. package/dist/ui/session/index.d.ts.map +1 -0
  185. package/dist/ui/session/index.js +6 -0
  186. package/dist/ui/shared/Alert.svelte +246 -0
  187. package/dist/ui/shared/Alert.svelte.d.ts +36 -0
  188. package/dist/ui/shared/Alert.svelte.d.ts.map +1 -0
  189. package/dist/ui/shared/Badge.svelte +100 -0
  190. package/dist/ui/shared/Badge.svelte.d.ts +35 -0
  191. package/dist/ui/shared/Badge.svelte.d.ts.map +1 -0
  192. package/dist/ui/shared/Button.svelte +213 -0
  193. package/dist/ui/shared/Button.svelte.d.ts +42 -0
  194. package/dist/ui/shared/Button.svelte.d.ts.map +1 -0
  195. package/dist/ui/shared/Card.svelte +85 -0
  196. package/dist/ui/shared/Card.svelte.d.ts +39 -0
  197. package/dist/ui/shared/Card.svelte.d.ts.map +1 -0
  198. package/dist/ui/shared/CountdownTimer.svelte +150 -0
  199. package/dist/ui/shared/CountdownTimer.svelte.d.ts +30 -0
  200. package/dist/ui/shared/CountdownTimer.svelte.d.ts.map +1 -0
  201. package/dist/ui/shared/Dialog.svelte +240 -0
  202. package/dist/ui/shared/Dialog.svelte.d.ts +39 -0
  203. package/dist/ui/shared/Dialog.svelte.d.ts.map +1 -0
  204. package/dist/ui/shared/Input.svelte +192 -0
  205. package/dist/ui/shared/Input.svelte.d.ts +42 -0
  206. package/dist/ui/shared/Input.svelte.d.ts.map +1 -0
  207. package/dist/ui/shared/LanguageSwitcher.svelte +99 -0
  208. package/dist/ui/shared/LanguageSwitcher.svelte.d.ts +31 -0
  209. package/dist/ui/shared/LanguageSwitcher.svelte.d.ts.map +1 -0
  210. package/dist/ui/shared/Spinner.svelte +75 -0
  211. package/dist/ui/shared/Spinner.svelte.d.ts +24 -0
  212. package/dist/ui/shared/Spinner.svelte.d.ts.map +1 -0
  213. package/dist/ui/shared/index.d.ts +13 -0
  214. package/dist/ui/shared/index.d.ts.map +1 -0
  215. package/dist/ui/shared/index.js +12 -0
  216. package/dist/ui/styles/base.css +168 -0
  217. package/dist/ui/styles/theme.css +279 -0
  218. package/dist/ui/templates/AccountSettingsTemplate.svelte +205 -0
  219. package/dist/ui/templates/AccountSettingsTemplate.svelte.d.ts +49 -0
  220. package/dist/ui/templates/AccountSettingsTemplate.svelte.d.ts.map +1 -0
  221. package/dist/ui/templates/CIBATemplate.svelte +227 -0
  222. package/dist/ui/templates/CIBATemplate.svelte.d.ts +45 -0
  223. package/dist/ui/templates/CIBATemplate.svelte.d.ts.map +1 -0
  224. package/dist/ui/templates/ConsentTemplate.svelte +549 -0
  225. package/dist/ui/templates/ConsentTemplate.svelte.d.ts +76 -0
  226. package/dist/ui/templates/ConsentTemplate.svelte.d.ts.map +1 -0
  227. package/dist/ui/templates/DeviceFlowTemplate.svelte +228 -0
  228. package/dist/ui/templates/DeviceFlowTemplate.svelte.d.ts +47 -0
  229. package/dist/ui/templates/DeviceFlowTemplate.svelte.d.ts.map +1 -0
  230. package/dist/ui/templates/LoginTemplate.svelte +234 -0
  231. package/dist/ui/templates/LoginTemplate.svelte.d.ts +49 -0
  232. package/dist/ui/templates/LoginTemplate.svelte.d.ts.map +1 -0
  233. package/dist/ui/templates/ReauthTemplate.svelte +269 -0
  234. package/dist/ui/templates/ReauthTemplate.svelte.d.ts +54 -0
  235. package/dist/ui/templates/ReauthTemplate.svelte.d.ts.map +1 -0
  236. package/dist/ui/templates/SignUpTemplate.svelte +345 -0
  237. package/dist/ui/templates/SignUpTemplate.svelte.d.ts +53 -0
  238. package/dist/ui/templates/SignUpTemplate.svelte.d.ts.map +1 -0
  239. package/dist/ui/templates/index.d.ts +14 -0
  240. package/dist/ui/templates/index.d.ts.map +1 -0
  241. package/dist/ui/templates/index.js +13 -0
  242. package/dist/ui/types.d.ts +151 -0
  243. package/dist/ui/types.d.ts.map +1 -0
  244. package/dist/ui/types.js +4 -0
  245. package/dist/utils/context.d.ts +12 -0
  246. package/dist/utils/context.d.ts.map +1 -0
  247. package/dist/utils/context.js +26 -0
  248. package/dist/utils/error-mapping.d.ts +29 -0
  249. package/dist/utils/error-mapping.d.ts.map +1 -0
  250. package/dist/utils/error-mapping.js +38 -0
  251. package/dist/utils/index.d.ts +7 -0
  252. package/dist/utils/index.d.ts.map +1 -0
  253. package/dist/utils/index.js +6 -0
  254. package/dist/utils/response.d.ts +21 -0
  255. package/dist/utils/response.d.ts.map +1 -0
  256. package/dist/utils/response.js +84 -0
  257. package/dist/utils/sensitive-data.d.ts +9 -0
  258. package/dist/utils/sensitive-data.d.ts.map +1 -0
  259. package/dist/utils/sensitive-data.js +56 -0
  260. package/dist/utils/ssr.d.ts +38 -0
  261. package/dist/utils/ssr.d.ts.map +1 -0
  262. package/dist/utils/ssr.js +73 -0
  263. package/dist/utils/webauthn-converters.d.ts +9 -0
  264. package/dist/utils/webauthn-converters.d.ts.map +1 -0
  265. package/dist/utils/webauthn-converters.js +75 -0
  266. package/package.json +111 -0
@@ -0,0 +1,85 @@
1
+ <!--
2
+ Card Component
3
+ Container with border, shadow, and optional header/footer
4
+ -->
5
+ <script lang="ts">
6
+ export let padding: 'none' | 'sm' | 'md' | 'lg' = 'md';
7
+ export let bordered = true;
8
+ export let shadow: 'none' | 'sm' | 'md' | 'lg' = 'sm';
9
+ export let hoverable = false;
10
+ let className = '';
11
+ export { className as class };
12
+ </script>
13
+
14
+ <div
15
+ class="authrim-card authrim-card--p-{padding} authrim-card--shadow-{shadow} {className}"
16
+ class:authrim-card--bordered={bordered}
17
+ class:authrim-card--hoverable={hoverable}
18
+ {...$$restProps}
19
+ >
20
+ {#if $$slots.header}
21
+ <div class="authrim-card__header">
22
+ <slot name="header" />
23
+ </div>
24
+ {/if}
25
+
26
+ <div class="authrim-card__body">
27
+ <slot />
28
+ </div>
29
+
30
+ {#if $$slots.footer}
31
+ <div class="authrim-card__footer">
32
+ <slot name="footer" />
33
+ </div>
34
+ {/if}
35
+ </div>
36
+
37
+ <style>
38
+ .authrim-card {
39
+ background: var(--authrim-color-bg);
40
+ border-radius: var(--authrim-radius-lg);
41
+ overflow: hidden;
42
+ transition:
43
+ box-shadow var(--authrim-duration-normal) var(--authrim-ease-default),
44
+ transform var(--authrim-duration-normal) var(--authrim-ease-default);
45
+ }
46
+
47
+ .authrim-card--bordered {
48
+ border: 1.5px solid var(--authrim-color-border);
49
+ }
50
+
51
+ .authrim-card--hoverable:hover {
52
+ transform: translateY(-2px);
53
+ box-shadow: var(--authrim-shadow-lg);
54
+ }
55
+
56
+ /* Shadows */
57
+ .authrim-card--shadow-none { box-shadow: none; }
58
+ .authrim-card--shadow-sm { box-shadow: var(--authrim-shadow-sm); }
59
+ .authrim-card--shadow-md { box-shadow: var(--authrim-shadow-md); }
60
+ .authrim-card--shadow-lg { box-shadow: var(--authrim-shadow-lg); }
61
+
62
+ /* Padding */
63
+ .authrim-card--p-none .authrim-card__body { padding: 0; }
64
+ .authrim-card--p-sm .authrim-card__body { padding: var(--authrim-space-3); }
65
+ .authrim-card--p-md .authrim-card__body { padding: var(--authrim-space-5); }
66
+ .authrim-card--p-lg .authrim-card__body { padding: var(--authrim-space-6); }
67
+
68
+ .authrim-card__header {
69
+ padding: var(--authrim-space-4) var(--authrim-space-5);
70
+ border-bottom: 1px solid var(--authrim-color-border);
71
+ background: var(--authrim-color-bg-subtle);
72
+ }
73
+
74
+ .authrim-card--p-sm .authrim-card__header { padding: var(--authrim-space-3); }
75
+ .authrim-card--p-lg .authrim-card__header { padding: var(--authrim-space-5) var(--authrim-space-6); }
76
+
77
+ .authrim-card__footer {
78
+ padding: var(--authrim-space-4) var(--authrim-space-5);
79
+ border-top: 1px solid var(--authrim-color-border);
80
+ background: var(--authrim-color-bg-subtle);
81
+ }
82
+
83
+ .authrim-card--p-sm .authrim-card__footer { padding: var(--authrim-space-3); }
84
+ .authrim-card--p-lg .authrim-card__footer { padding: var(--authrim-space-5) var(--authrim-space-6); }
85
+ </style>
@@ -0,0 +1,39 @@
1
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
+ $$bindings?: Bindings;
4
+ } & Exports;
5
+ (internal: unknown, props: Props & {
6
+ $$events?: Events;
7
+ $$slots?: Slots;
8
+ }): Exports & {
9
+ $set?: any;
10
+ $on?: any;
11
+ };
12
+ z_$$bindings?: Bindings;
13
+ }
14
+ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
15
+ default: any;
16
+ } ? Props extends Record<string, never> ? any : {
17
+ children?: any;
18
+ } : {});
19
+ declare const Card: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
20
+ [x: string]: any;
21
+ padding?: "none" | "sm" | "md" | "lg" | undefined;
22
+ bordered?: boolean | undefined;
23
+ shadow?: "none" | "sm" | "md" | "lg" | undefined;
24
+ hoverable?: boolean | undefined;
25
+ class?: string | undefined;
26
+ }, {
27
+ header: {};
28
+ default: {};
29
+ footer: {};
30
+ }>, {
31
+ [evt: string]: CustomEvent<any>;
32
+ }, {
33
+ header: {};
34
+ default: {};
35
+ footer: {};
36
+ }, {}, string>;
37
+ type Card = InstanceType<typeof Card>;
38
+ export default Card;
39
+ //# sourceMappingURL=Card.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/shared/Card.svelte.ts"],"names":[],"mappings":"AAmCA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,IAAI;;cAfuH,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;;aAAuC,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;;;;;;;;;;;;;cAexG,CAAC;AACrG,KAAK,IAAI,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AACxC,eAAe,IAAI,CAAC"}
@@ -0,0 +1,150 @@
1
+ <!--
2
+ CountdownTimer Component
3
+ Displays remaining time with automatic countdown
4
+ Used in Device Flow and CIBA screens for expiry indication
5
+ -->
6
+ <script lang="ts">
7
+ import { createEventDispatcher, onMount, onDestroy } from "svelte";
8
+ import type { Size } from "../types.js";
9
+
10
+ /** Unix timestamp (seconds) when the countdown expires */
11
+ export let expiresAt: number;
12
+ /** Display size */
13
+ export let size: Size = "md";
14
+ /** Show icon alongside the timer */
15
+ export let showIcon = true;
16
+ /** Warning threshold in seconds — timer turns orange */
17
+ export let warnAt = 60;
18
+ /** Critical threshold in seconds — timer turns red */
19
+ export let criticalAt = 15;
20
+ let className = "";
21
+ export { className as class };
22
+
23
+ const dispatch = createEventDispatcher<{ expired: void }>();
24
+
25
+ let remaining = 0;
26
+ let intervalId: ReturnType<typeof setInterval> | undefined;
27
+
28
+ function tick() {
29
+ const now = Math.floor(Date.now() / 1000);
30
+ remaining = Math.max(0, expiresAt - now);
31
+ if (remaining <= 0) {
32
+ clearInterval(intervalId);
33
+ dispatch("expired");
34
+ }
35
+ }
36
+
37
+ function formatTime(seconds: number): string {
38
+ const m = Math.floor(seconds / 60);
39
+ const s = seconds % 60;
40
+ return `${m}:${s.toString().padStart(2, "0")}`;
41
+ }
42
+
43
+ $: status =
44
+ remaining <= criticalAt
45
+ ? "critical"
46
+ : remaining <= warnAt
47
+ ? "warn"
48
+ : "normal";
49
+
50
+ onMount(() => {
51
+ tick();
52
+ intervalId = setInterval(tick, 1000);
53
+ });
54
+
55
+ onDestroy(() => {
56
+ clearInterval(intervalId);
57
+ });
58
+ </script>
59
+
60
+ <div
61
+ class="authrim-countdown authrim-countdown--{size} authrim-countdown--{status} {className}"
62
+ role="timer"
63
+ aria-live="polite"
64
+ aria-label="Time remaining: {formatTime(remaining)}"
65
+ {...$$restProps}
66
+ >
67
+ {#if showIcon}
68
+ <svg
69
+ class="authrim-countdown__icon"
70
+ viewBox="0 0 20 20"
71
+ fill="currentColor"
72
+ aria-hidden="true"
73
+ >
74
+ <path
75
+ fill-rule="evenodd"
76
+ d="M10 18a8 8 0 100-16 8 8 0 000 16zm.75-13a.75.75 0 00-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 000-1.5h-3.25V5z"
77
+ clip-rule="evenodd"
78
+ />
79
+ </svg>
80
+ {/if}
81
+ <span class="authrim-countdown__time">{formatTime(remaining)}</span>
82
+ </div>
83
+
84
+ <style>
85
+ .authrim-countdown {
86
+ display: inline-flex;
87
+ align-items: center;
88
+ gap: var(--authrim-space-1);
89
+ font-family: var(--authrim-font-mono, monospace);
90
+ font-weight: 600;
91
+ letter-spacing: var(--authrim-tracking-tight);
92
+ transition: color var(--authrim-duration-fast) var(--authrim-ease-default);
93
+ }
94
+
95
+ .authrim-countdown__icon {
96
+ flex-shrink: 0;
97
+ }
98
+
99
+ /* Sizes */
100
+ .authrim-countdown--sm {
101
+ font-size: var(--authrim-text-xs);
102
+ }
103
+
104
+ .authrim-countdown--sm .authrim-countdown__icon {
105
+ width: 14px;
106
+ height: 14px;
107
+ }
108
+
109
+ .authrim-countdown--md {
110
+ font-size: var(--authrim-text-sm);
111
+ }
112
+
113
+ .authrim-countdown--md .authrim-countdown__icon {
114
+ width: 16px;
115
+ height: 16px;
116
+ }
117
+
118
+ .authrim-countdown--lg {
119
+ font-size: var(--authrim-text-base);
120
+ }
121
+
122
+ .authrim-countdown--lg .authrim-countdown__icon {
123
+ width: 20px;
124
+ height: 20px;
125
+ }
126
+
127
+ /* Status */
128
+ .authrim-countdown--normal {
129
+ color: var(--authrim-color-text-secondary);
130
+ }
131
+
132
+ .authrim-countdown--warn {
133
+ color: var(--authrim-color-warning, #f59e0b);
134
+ }
135
+
136
+ .authrim-countdown--critical {
137
+ color: var(--authrim-color-error);
138
+ animation: authrim-countdown-pulse 1s ease-in-out infinite;
139
+ }
140
+
141
+ @keyframes authrim-countdown-pulse {
142
+ 0%,
143
+ 100% {
144
+ opacity: 1;
145
+ }
146
+ 50% {
147
+ opacity: 0.5;
148
+ }
149
+ }
150
+ </style>
@@ -0,0 +1,30 @@
1
+ import type { Size } from "../types.js";
2
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
3
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
4
+ $$bindings?: Bindings;
5
+ } & Exports;
6
+ (internal: unknown, props: Props & {
7
+ $$events?: Events;
8
+ $$slots?: Slots;
9
+ }): Exports & {
10
+ $set?: any;
11
+ $on?: any;
12
+ };
13
+ z_$$bindings?: Bindings;
14
+ }
15
+ declare const CountdownTimer: $$__sveltets_2_IsomorphicComponent<{
16
+ [x: string]: any;
17
+ expiresAt: number;
18
+ size?: Size | undefined;
19
+ showIcon?: boolean | undefined;
20
+ warnAt?: number | undefined;
21
+ criticalAt?: number | undefined;
22
+ class?: string | undefined;
23
+ }, {
24
+ expired: CustomEvent<void>;
25
+ } & {
26
+ [evt: string]: CustomEvent<any>;
27
+ }, {}, {}, string>;
28
+ type CountdownTimer = InstanceType<typeof CountdownTimer>;
29
+ export default CountdownTimer;
30
+ //# sourceMappingURL=CountdownTimer.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CountdownTimer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/shared/CountdownTimer.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AA2ExC,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,cAAc;;eAdiD,MAAM;WACjD,IAAI;;;;;;;;;kBAa4F,CAAC;AACzG,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,eAAe,cAAc,CAAC"}
@@ -0,0 +1,240 @@
1
+ <!--
2
+ Dialog Component
3
+ Accessible modal dialog with overlay and focus trap
4
+ No external dependencies - pure Svelte implementation
5
+ -->
6
+ <script lang="ts">
7
+ import { createEventDispatcher, onDestroy } from "svelte";
8
+
9
+ export let open = false;
10
+ export let title = "";
11
+ export let closeOnOverlay = true;
12
+ export let closeOnEscape = true;
13
+ let className = "";
14
+ export { className as class };
15
+
16
+ const dispatch = createEventDispatcher<{ close: void }>();
17
+
18
+ let dialogEl: HTMLDivElement | undefined;
19
+ let previousFocus: HTMLElement | null = null;
20
+
21
+ function handleClose() {
22
+ dispatch("close");
23
+ }
24
+
25
+ function handleOverlayClick(e: MouseEvent) {
26
+ if (closeOnOverlay && e.target === e.currentTarget) {
27
+ handleClose();
28
+ }
29
+ }
30
+
31
+ function handleKeydown(e: KeyboardEvent) {
32
+ if (!open) return;
33
+
34
+ if (closeOnEscape && e.key === "Escape") {
35
+ e.preventDefault();
36
+ handleClose();
37
+ return;
38
+ }
39
+
40
+ // Focus trap
41
+ if (e.key === "Tab" && dialogEl) {
42
+ const focusable = dialogEl.querySelectorAll<HTMLElement>(
43
+ 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',
44
+ );
45
+ if (focusable.length === 0) return;
46
+
47
+ const first = focusable[0];
48
+ const last = focusable[focusable.length - 1];
49
+
50
+ if (e.shiftKey && document.activeElement === first) {
51
+ e.preventDefault();
52
+ last.focus();
53
+ } else if (!e.shiftKey && document.activeElement === last) {
54
+ e.preventDefault();
55
+ first.focus();
56
+ }
57
+ }
58
+ }
59
+
60
+ $: if (open) {
61
+ if (typeof document !== "undefined") {
62
+ previousFocus = document.activeElement as HTMLElement;
63
+ document.body.style.overflow = "hidden";
64
+ }
65
+ } else {
66
+ if (typeof document !== "undefined") {
67
+ document.body.style.overflow = "";
68
+ previousFocus?.focus();
69
+ }
70
+ }
71
+
72
+ onDestroy(() => {
73
+ if (typeof document !== "undefined") {
74
+ document.body.style.overflow = "";
75
+ }
76
+ });
77
+ </script>
78
+
79
+ <svelte:window on:keydown={handleKeydown} />
80
+
81
+ {#if open}
82
+ <!-- svelte-ignore a11y-click-events-have-key-events -->
83
+ <div
84
+ class="authrim-dialog-overlay"
85
+ on:click={handleOverlayClick}
86
+ role="presentation"
87
+ >
88
+ <div
89
+ bind:this={dialogEl}
90
+ class="authrim-dialog {className}"
91
+ role="dialog"
92
+ aria-modal="true"
93
+ aria-labelledby={title ? "authrim-dialog-title" : undefined}
94
+ {...$$restProps}
95
+ >
96
+ {#if title}
97
+ <div class="authrim-dialog__header">
98
+ <h2 id="authrim-dialog-title" class="authrim-dialog__title">
99
+ {title}
100
+ </h2>
101
+ <button
102
+ type="button"
103
+ class="authrim-dialog__close"
104
+ on:click={handleClose}
105
+ aria-label="Close dialog"
106
+ >
107
+ <svg viewBox="0 0 20 20" fill="currentColor">
108
+ <path
109
+ d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"
110
+ />
111
+ </svg>
112
+ </button>
113
+ </div>
114
+ {/if}
115
+
116
+ <div class="authrim-dialog__body">
117
+ <slot />
118
+ </div>
119
+
120
+ {#if $$slots.footer}
121
+ <div class="authrim-dialog__footer">
122
+ <slot name="footer" />
123
+ </div>
124
+ {/if}
125
+ </div>
126
+ </div>
127
+ {/if}
128
+
129
+ <style>
130
+ .authrim-dialog-overlay {
131
+ position: fixed;
132
+ inset: 0;
133
+ z-index: 50;
134
+ display: flex;
135
+ align-items: center;
136
+ justify-content: center;
137
+ padding: var(--authrim-space-4);
138
+ background: rgba(0, 0, 0, 0.5);
139
+ backdrop-filter: blur(4px);
140
+ animation: authrim-dialog-fade-in var(--authrim-duration-normal)
141
+ var(--authrim-ease-default);
142
+ }
143
+
144
+ @keyframes authrim-dialog-fade-in {
145
+ from {
146
+ opacity: 0;
147
+ }
148
+ to {
149
+ opacity: 1;
150
+ }
151
+ }
152
+
153
+ .authrim-dialog {
154
+ position: relative;
155
+ width: 100%;
156
+ max-width: 480px;
157
+ max-height: 85vh;
158
+ display: flex;
159
+ flex-direction: column;
160
+ background: var(--authrim-color-bg);
161
+ border: 1.5px solid var(--authrim-color-border);
162
+ border-radius: var(--authrim-radius-lg);
163
+ box-shadow: var(--authrim-shadow-lg);
164
+ animation: authrim-dialog-scale-in var(--authrim-duration-normal)
165
+ var(--authrim-ease-bounce);
166
+ }
167
+
168
+ @keyframes authrim-dialog-scale-in {
169
+ from {
170
+ opacity: 0;
171
+ transform: scale(0.95) translateY(8px);
172
+ }
173
+ to {
174
+ opacity: 1;
175
+ transform: scale(1) translateY(0);
176
+ }
177
+ }
178
+
179
+ .authrim-dialog__header {
180
+ display: flex;
181
+ align-items: center;
182
+ justify-content: space-between;
183
+ padding: var(--authrim-space-5);
184
+ border-bottom: 1px solid var(--authrim-color-border);
185
+ }
186
+
187
+ .authrim-dialog__title {
188
+ margin: 0;
189
+ font-family: var(--authrim-font-sans);
190
+ font-size: var(--authrim-text-lg);
191
+ font-weight: 600;
192
+ color: var(--authrim-color-text);
193
+ letter-spacing: var(--authrim-tracking-tight);
194
+ }
195
+
196
+ .authrim-dialog__close {
197
+ display: flex;
198
+ align-items: center;
199
+ justify-content: center;
200
+ width: 32px;
201
+ height: 32px;
202
+ padding: 0;
203
+ background: transparent;
204
+ border: none;
205
+ border-radius: var(--authrim-radius-full);
206
+ color: var(--authrim-color-text-muted);
207
+ cursor: pointer;
208
+ transition:
209
+ background-color var(--authrim-duration-fast) var(--authrim-ease-default),
210
+ color var(--authrim-duration-fast) var(--authrim-ease-default);
211
+ }
212
+
213
+ .authrim-dialog__close:hover {
214
+ background: var(--authrim-color-bg-subtle);
215
+ color: var(--authrim-color-text);
216
+ }
217
+
218
+ .authrim-dialog__close:focus-visible {
219
+ outline: none;
220
+ box-shadow: var(--authrim-shadow-focus);
221
+ }
222
+
223
+ .authrim-dialog__close svg {
224
+ width: 16px;
225
+ height: 16px;
226
+ }
227
+
228
+ .authrim-dialog__body {
229
+ flex: 1;
230
+ overflow-y: auto;
231
+ padding: var(--authrim-space-5);
232
+ }
233
+
234
+ .authrim-dialog__footer {
235
+ padding: var(--authrim-space-4) var(--authrim-space-5);
236
+ border-top: 1px solid var(--authrim-color-border);
237
+ background: var(--authrim-color-bg-subtle);
238
+ border-radius: 0 0 var(--authrim-radius-lg) var(--authrim-radius-lg);
239
+ }
240
+ </style>
@@ -0,0 +1,39 @@
1
+ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
2
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
3
+ $$bindings?: Bindings;
4
+ } & Exports;
5
+ (internal: unknown, props: Props & {
6
+ $$events?: Events;
7
+ $$slots?: Slots;
8
+ }): Exports & {
9
+ $set?: any;
10
+ $on?: any;
11
+ };
12
+ z_$$bindings?: Bindings;
13
+ }
14
+ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
15
+ default: any;
16
+ } ? Props extends Record<string, never> ? any : {
17
+ children?: any;
18
+ } : {});
19
+ declare const Dialog: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
20
+ [x: string]: any;
21
+ open?: boolean | undefined;
22
+ title?: string | undefined;
23
+ closeOnOverlay?: boolean | undefined;
24
+ closeOnEscape?: boolean | undefined;
25
+ class?: string | undefined;
26
+ }, {
27
+ default: {};
28
+ footer: {};
29
+ }>, {
30
+ close: CustomEvent<void>;
31
+ } & {
32
+ [evt: string]: CustomEvent<any>;
33
+ }, {
34
+ default: {};
35
+ footer: {};
36
+ }, {}, string>;
37
+ type Dialog = InstanceType<typeof Dialog>;
38
+ export default Dialog;
39
+ //# sourceMappingURL=Dialog.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/shared/Dialog.svelte.ts"],"names":[],"mappings":"AAmHA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;cAA4G,CAAC;AACvG,KAAK,MAAM,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAe,MAAM,CAAC"}