@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,39 @@
1
+ import type { EmailCodeStep } 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 EmailCodeForm: $$__sveltets_2_IsomorphicComponent<{
16
+ [x: string]: any;
17
+ step?: EmailCodeStep | undefined;
18
+ email?: string | undefined;
19
+ maskedEmail?: string | undefined;
20
+ loading?: boolean | undefined;
21
+ error?: string | undefined;
22
+ resendRemainingTime?: number | undefined;
23
+ class?: string | undefined;
24
+ }, {
25
+ 'submit-email': CustomEvent<{
26
+ email: string;
27
+ }>;
28
+ 'submit-code': CustomEvent<{
29
+ code: string;
30
+ }>;
31
+ 'dismiss-error': CustomEvent<void>;
32
+ back: CustomEvent<void>;
33
+ resend: CustomEvent<void>;
34
+ } & {
35
+ [evt: string]: CustomEvent<any>;
36
+ }, {}, {}, string>;
37
+ type EmailCodeForm = InstanceType<typeof EmailCodeForm>;
38
+ export default EmailCodeForm;
39
+ //# sourceMappingURL=EmailCodeForm.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmailCodeForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/forms/EmailCodeForm.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AA4HjD,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,aAAa;;WAhB+J,aAAa;;;;;;;;;eAClK,MAAM;;;cACR,MAAM;;;;;;;kBAcwF,CAAC;AACxG,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}
@@ -0,0 +1,95 @@
1
+ <!--
2
+ OrgSelector Component
3
+ Organization selection dropdown for consent screens
4
+ -->
5
+ <script context="module" lang="ts">
6
+ export interface OrgItem {
7
+ id: string;
8
+ name: string;
9
+ type: string;
10
+ is_primary: boolean;
11
+ plan?: string;
12
+ }
13
+ </script>
14
+
15
+ <script lang="ts">
16
+ import { createEventDispatcher } from "svelte";
17
+
18
+ export let organizations: OrgItem[] = [];
19
+ export let selectedOrgId: string | null = null;
20
+ export let label = "Organization";
21
+ export let primaryLabel = "Primary";
22
+ let className = "";
23
+ export { className as class };
24
+
25
+ const dispatch = createEventDispatcher<{
26
+ change: { orgId: string | null };
27
+ }>();
28
+
29
+ function handleChange(e: Event) {
30
+ const target = e.target as HTMLSelectElement;
31
+ const value = target.value || null;
32
+ dispatch("change", { orgId: value });
33
+ }
34
+ </script>
35
+
36
+ <div class="authrim-org-selector {className}" {...$$restProps}>
37
+ <label for="authrim-org-select" class="authrim-org-selector__label">
38
+ {label}
39
+ </label>
40
+ <select
41
+ id="authrim-org-select"
42
+ class="authrim-org-selector__select"
43
+ value={selectedOrgId || ""}
44
+ on:change={handleChange}
45
+ >
46
+ {#each organizations as org (org.id)}
47
+ <option value={org.id}>
48
+ {org.name}
49
+ {#if org.is_primary}
50
+ ({primaryLabel})
51
+ {/if}
52
+ </option>
53
+ {/each}
54
+ </select>
55
+ </div>
56
+
57
+ <style>
58
+ .authrim-org-selector {
59
+ display: flex;
60
+ flex-direction: column;
61
+ gap: var(--authrim-space-2);
62
+ }
63
+
64
+ .authrim-org-selector__label {
65
+ font-family: var(--authrim-font-sans);
66
+ font-size: var(--authrim-text-sm);
67
+ font-weight: 500;
68
+ color: var(--authrim-color-text-secondary);
69
+ }
70
+
71
+ .authrim-org-selector__select {
72
+ width: 100%;
73
+ font-family: var(--authrim-font-sans);
74
+ font-size: var(--authrim-text-sm);
75
+ color: var(--authrim-color-text);
76
+ background: var(--authrim-color-bg);
77
+ border: 1.5px solid var(--authrim-color-border);
78
+ border-radius: var(--authrim-radius-md);
79
+ padding: var(--authrim-space-2) var(--authrim-space-3);
80
+ cursor: pointer;
81
+ transition:
82
+ border-color var(--authrim-duration-fast) var(--authrim-ease-default),
83
+ box-shadow var(--authrim-duration-fast) var(--authrim-ease-default);
84
+ }
85
+
86
+ .authrim-org-selector__select:hover {
87
+ border-color: var(--authrim-color-border-strong);
88
+ }
89
+
90
+ .authrim-org-selector__select:focus-visible {
91
+ outline: none;
92
+ box-shadow: var(--authrim-shadow-focus);
93
+ border-color: var(--authrim-color-primary);
94
+ }
95
+ </style>
@@ -0,0 +1,37 @@
1
+ export interface OrgItem {
2
+ id: string;
3
+ name: string;
4
+ type: string;
5
+ is_primary: boolean;
6
+ plan?: string;
7
+ }
8
+ 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> {
9
+ new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
10
+ $$bindings?: Bindings;
11
+ } & Exports;
12
+ (internal: unknown, props: Props & {
13
+ $$events?: Events;
14
+ $$slots?: Slots;
15
+ }): Exports & {
16
+ $set?: any;
17
+ $on?: any;
18
+ };
19
+ z_$$bindings?: Bindings;
20
+ }
21
+ declare const OrgSelector: $$__sveltets_2_IsomorphicComponent<{
22
+ [x: string]: any;
23
+ organizations?: OrgItem[] | undefined;
24
+ selectedOrgId?: string | null | undefined;
25
+ label?: string | undefined;
26
+ primaryLabel?: string | undefined;
27
+ class?: string | undefined;
28
+ }, {
29
+ change: CustomEvent<{
30
+ orgId: string | null;
31
+ }>;
32
+ } & {
33
+ [evt: string]: CustomEvent<any>;
34
+ }, {}, {}, string>;
35
+ type OrgSelector = InstanceType<typeof OrgSelector>;
36
+ export default OrgSelector;
37
+ //# sourceMappingURL=OrgSelector.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OrgSelector.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/forms/OrgSelector.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAiDH,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,WAAW;;oBAZgJ,OAAO,EAAE;oBAAkB,MAAM,GAAG,IAAI;;;;;;eACpL,MAAM,GAAG,IAAI;;;;kBAWqF,CAAC;AACtG,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}
@@ -0,0 +1,173 @@
1
+ <!--
2
+ PasskeyConditionalInput Component
3
+ Input field that supports WebAuthn conditional UI (autofill)
4
+ -->
5
+ <script lang="ts">
6
+ import { createEventDispatcher } from 'svelte';
7
+ import type { Size } from '../types.js';
8
+
9
+ export let value = '';
10
+ export let placeholder = 'Email or username';
11
+ export let disabled = false;
12
+ export let size: Size = 'md';
13
+ export let label = '';
14
+ export let showPasskeyHint = true;
15
+ export let id = `passkey-input-${Math.random().toString(36).slice(2, 9)}`;
16
+ let className = '';
17
+ export { className as class };
18
+
19
+ const dispatch = createEventDispatcher<{
20
+ input: { value: string };
21
+ focus: void;
22
+ blur: void;
23
+ }>();
24
+
25
+ function handleInput(e: Event) {
26
+ value = (e.target as HTMLInputElement).value;
27
+ dispatch('input', { value });
28
+ }
29
+ </script>
30
+
31
+ <div class="authrim-passkey-input {className}" {...$$restProps}>
32
+ {#if label}
33
+ <label for={id} class="authrim-passkey-input__label">{label}</label>
34
+ {/if}
35
+
36
+ <div class="authrim-passkey-input__wrap">
37
+ <input
38
+ {id}
39
+ type="text"
40
+ autocomplete="username webauthn"
41
+ {placeholder}
42
+ {value}
43
+ {disabled}
44
+ class="authrim-passkey-input__field authrim-passkey-input__field--{size}"
45
+ on:input={handleInput}
46
+ on:focus={() => dispatch('focus')}
47
+ on:blur={() => dispatch('blur')}
48
+ />
49
+ {#if showPasskeyHint}
50
+ <div class="authrim-passkey-input__hint" aria-hidden="true">
51
+ <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
52
+ <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
53
+ <circle cx="12" cy="16" r="1"/>
54
+ <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
55
+ </svg>
56
+ </div>
57
+ {/if}
58
+ </div>
59
+
60
+ {#if showPasskeyHint}
61
+ <p class="authrim-passkey-input__subtext">
62
+ <svg viewBox="0 0 16 16" fill="currentColor" class="authrim-passkey-input__icon">
63
+ <path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM0 8a8 8 0 1116 0A8 8 0 010 8zm6.5-.25A.75.75 0 017.25 7h1a.75.75 0 01.75.75v2.75h.25a.75.75 0 010 1.5h-2a.75.75 0 010-1.5h.25v-2h-.25a.75.75 0 01-.75-.75zM8 6a1 1 0 100-2 1 1 0 000 2z"/>
64
+ </svg>
65
+ Passkey suggestions will appear as you type
66
+ </p>
67
+ {/if}
68
+ </div>
69
+
70
+ <style>
71
+ .authrim-passkey-input {
72
+ display: flex;
73
+ flex-direction: column;
74
+ gap: var(--authrim-space-2);
75
+ }
76
+
77
+ .authrim-passkey-input__label {
78
+ font-size: var(--authrim-text-sm);
79
+ font-weight: 500;
80
+ color: var(--authrim-color-text);
81
+ letter-spacing: var(--authrim-tracking-tight);
82
+ }
83
+
84
+ .authrim-passkey-input__wrap {
85
+ position: relative;
86
+ }
87
+
88
+ .authrim-passkey-input__field {
89
+ width: 100%;
90
+ font-family: var(--authrim-font-sans);
91
+ font-size: var(--authrim-text-sm);
92
+ background: var(--authrim-color-bg);
93
+ border: 1.5px solid var(--authrim-color-border);
94
+ border-radius: var(--authrim-radius-md);
95
+ color: var(--authrim-color-text);
96
+ transition:
97
+ border-color var(--authrim-duration-fast) var(--authrim-ease-default),
98
+ box-shadow var(--authrim-duration-fast) var(--authrim-ease-default);
99
+ }
100
+
101
+ .authrim-passkey-input__field::placeholder {
102
+ color: var(--authrim-color-text-muted);
103
+ }
104
+
105
+ .authrim-passkey-input__field:hover:not(:disabled):not(:focus) {
106
+ border-color: var(--authrim-color-border-strong);
107
+ }
108
+
109
+ .authrim-passkey-input__field:focus {
110
+ outline: none;
111
+ border-color: var(--authrim-color-primary);
112
+ box-shadow: var(--authrim-shadow-focus);
113
+ }
114
+
115
+ .authrim-passkey-input__field:disabled {
116
+ background: var(--authrim-color-bg-subtle);
117
+ color: var(--authrim-color-text-muted);
118
+ cursor: not-allowed;
119
+ }
120
+
121
+ .authrim-passkey-input__field--sm {
122
+ height: 34px;
123
+ padding: 0 var(--authrim-space-3);
124
+ padding-right: 40px;
125
+ }
126
+
127
+ .authrim-passkey-input__field--md {
128
+ height: 42px;
129
+ padding: 0 var(--authrim-space-4);
130
+ padding-right: 44px;
131
+ }
132
+
133
+ .authrim-passkey-input__field--lg {
134
+ height: 50px;
135
+ padding: 0 var(--authrim-space-4);
136
+ padding-right: 48px;
137
+ font-size: var(--authrim-text-base);
138
+ }
139
+
140
+ .authrim-passkey-input__hint {
141
+ position: absolute;
142
+ right: var(--authrim-space-3);
143
+ top: 50%;
144
+ transform: translateY(-50%);
145
+ display: flex;
146
+ align-items: center;
147
+ justify-content: center;
148
+ width: 24px;
149
+ height: 24px;
150
+ color: var(--authrim-color-text-muted);
151
+ pointer-events: none;
152
+ }
153
+
154
+ .authrim-passkey-input__hint svg {
155
+ width: 18px;
156
+ height: 18px;
157
+ }
158
+
159
+ .authrim-passkey-input__subtext {
160
+ display: flex;
161
+ align-items: center;
162
+ gap: var(--authrim-space-1);
163
+ margin: 0;
164
+ font-size: var(--authrim-text-xs);
165
+ color: var(--authrim-color-text-muted);
166
+ }
167
+
168
+ .authrim-passkey-input__icon {
169
+ width: 14px;
170
+ height: 14px;
171
+ flex-shrink: 0;
172
+ }
173
+ </style>
@@ -0,0 +1,36 @@
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 PasskeyConditionalInput: $$__sveltets_2_IsomorphicComponent<{
16
+ [x: string]: any;
17
+ value?: string | undefined;
18
+ placeholder?: string | undefined;
19
+ disabled?: boolean | undefined;
20
+ size?: Size | undefined;
21
+ label?: string | undefined;
22
+ showPasskeyHint?: boolean | undefined;
23
+ id?: string | undefined;
24
+ class?: string | undefined;
25
+ }, {
26
+ input: CustomEvent<{
27
+ value: string;
28
+ }>;
29
+ focus: CustomEvent<void>;
30
+ blur: CustomEvent<void>;
31
+ } & {
32
+ [evt: string]: CustomEvent<any>;
33
+ }, {}, {}, string>;
34
+ type PasskeyConditionalInput = InstanceType<typeof PasskeyConditionalInput>;
35
+ export default PasskeyConditionalInput;
36
+ //# sourceMappingURL=PasskeyConditionalInput.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PasskeyConditionalInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/forms/PasskeyConditionalInput.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAiExC,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,uBAAuB;;;;;WAd4O,IAAI;;;;;;;eACzP,MAAM;;;;;;kBAayG,CAAC;AAClH,KAAK,uBAAuB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC9E,eAAe,uBAAuB,CAAC"}
@@ -0,0 +1,122 @@
1
+ <!--
2
+ QRCodeDisplay Component
3
+ Renders a QR code from a URL string
4
+ Uses canvas-based rendering, no external dependency
5
+ -->
6
+ <script lang="ts">
7
+ /** The URL or string to encode as QR code */
8
+ export let data = "";
9
+ /** QR code pixel size */
10
+ export let size = 256;
11
+ /** Label text shown above the QR code */
12
+ export let label = "";
13
+ /** Caption text shown below the QR code */
14
+ export let caption = "";
15
+ let className = "";
16
+ export { className as class };
17
+
18
+ /** QR code image as data URL. Must be set by the parent component or via onGenerate callback. */
19
+ export let imageUrl = "";
20
+
21
+ /**
22
+ * Since QR code generation requires a library (e.g., qrcode),
23
+ * the parent should generate the data URL and pass it via imageUrl prop,
24
+ * or listen to the 'generate' event.
25
+ */
26
+ </script>
27
+
28
+ <div class="authrim-qr {className}" {...$$restProps}>
29
+ {#if label}
30
+ <p class="authrim-qr__label">{label}</p>
31
+ {/if}
32
+
33
+ <div class="authrim-qr__frame">
34
+ {#if imageUrl}
35
+ <img
36
+ src={imageUrl}
37
+ alt="QR code for {data}"
38
+ width={size}
39
+ height={size}
40
+ class="authrim-qr__image"
41
+ />
42
+ {:else}
43
+ <div
44
+ class="authrim-qr__placeholder"
45
+ style="width: {size}px; height: {size}px;"
46
+ role="img"
47
+ aria-label="QR code loading"
48
+ >
49
+ <svg
50
+ viewBox="0 0 24 24"
51
+ fill="none"
52
+ stroke="currentColor"
53
+ stroke-width="1.5"
54
+ >
55
+ <path d="M3 3h6v6H3zM15 3h6v6h-6zM3 15h6v6H3z" />
56
+ <path
57
+ d="M15 15h2v2h-2zM19 15h2v2h-2zM15 19h2v2h-2zM19 19h2v2h-2zM17 17h2v2h-2z"
58
+ />
59
+ </svg>
60
+ </div>
61
+ {/if}
62
+ </div>
63
+
64
+ {#if caption}
65
+ <p class="authrim-qr__caption">{caption}</p>
66
+ {/if}
67
+ </div>
68
+
69
+ <style>
70
+ .authrim-qr {
71
+ display: flex;
72
+ flex-direction: column;
73
+ align-items: center;
74
+ gap: var(--authrim-space-3);
75
+ }
76
+
77
+ .authrim-qr__label {
78
+ margin: 0;
79
+ font-family: var(--authrim-font-sans);
80
+ font-size: var(--authrim-text-sm);
81
+ font-weight: 500;
82
+ color: var(--authrim-color-text-secondary);
83
+ }
84
+
85
+ .authrim-qr__frame {
86
+ display: flex;
87
+ justify-content: center;
88
+ }
89
+
90
+ .authrim-qr__image {
91
+ border: 4px solid var(--authrim-color-border);
92
+ border-radius: var(--authrim-radius-lg);
93
+ box-shadow: var(--authrim-shadow-md);
94
+ }
95
+
96
+ .authrim-qr__placeholder {
97
+ display: flex;
98
+ align-items: center;
99
+ justify-content: center;
100
+ background: var(--authrim-color-bg-subtle);
101
+ border: 4px solid var(--authrim-color-border);
102
+ border-radius: var(--authrim-radius-lg);
103
+ color: var(--authrim-color-text-muted);
104
+ }
105
+
106
+ .authrim-qr__placeholder svg {
107
+ width: 48px;
108
+ height: 48px;
109
+ opacity: 0.5;
110
+ }
111
+
112
+ .authrim-qr__caption {
113
+ margin: 0;
114
+ font-family: var(--authrim-font-sans);
115
+ font-size: var(--authrim-text-xs);
116
+ color: var(--authrim-color-text-muted);
117
+ word-break: break-all;
118
+ text-align: center;
119
+ max-width: 100%;
120
+ padding: 0 var(--authrim-space-4);
121
+ }
122
+ </style>
@@ -0,0 +1,27 @@
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
+ declare const QRCodeDisplay: $$__sveltets_2_IsomorphicComponent<{
15
+ [x: string]: any;
16
+ data?: string | undefined;
17
+ size?: number | undefined;
18
+ label?: string | undefined;
19
+ caption?: string | undefined;
20
+ class?: string | undefined;
21
+ imageUrl?: string | undefined;
22
+ }, {
23
+ [evt: string]: CustomEvent<any>;
24
+ }, {}, {}, string>;
25
+ type QRCodeDisplay = InstanceType<typeof QRCodeDisplay>;
26
+ export default QRCodeDisplay;
27
+ //# sourceMappingURL=QRCodeDisplay.svelte.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"QRCodeDisplay.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/forms/QRCodeDisplay.svelte.ts"],"names":[],"mappings":"AA0DA,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,aAAa;;;;;;;;;;kBAAsG,CAAC;AACxG,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}