@keycloakify/svelte 0.0.1-rc.1

package/package.json

@@ -0,0 +1,468 @@
+{
+  "name": "@keycloakify/svelte",
+  "version": "0.0.1-rc.1",
+  "description": "Svelte Components for Keycloakify",
+  "keywords": [
+    "keycloak",
+    "svelte",
+    "keycloakify"
+  ],
+  "homepage": "https://www.keycloakify.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/keycloakify/keycloakify-svelte.git"
+  },
+  "license": "MIT",
+  "author": "u/luca-peruzzo",
+  "sideEffects": false,
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    "./tools/useConst": {
+      "types": "./dist/tools/useConst.d.ts",
+      "svelte": "./dist/tools/useConst.js",
+      "default": "./dist/tools/useConst.js"
+    },
+    "./tools/useInsertLinkTags": {
+      "types": "./dist/tools/useInsertLinkTags.d.ts",
+      "svelte": "./dist/tools/useInsertLinkTags.js",
+      "default": "./dist/tools/useInsertLinkTags.js"
+    },
+    "./tools/useInsertScriptTags": {
+      "types": "./dist/tools/useInsertScriptTags.d.ts",
+      "svelte": "./dist/tools/useInsertScriptTags.js",
+      "default": "./dist/tools/useInsertScriptTags.js"
+    },
+    "./tools/useReducer": {
+      "types": "./dist/tools/useReducer.d.ts",
+      "svelte": "./dist/tools/useReducer.js",
+      "default": "./dist/tools/useReducer.js"
+    },
+    "./tools/useSetClassName": {
+      "types": "./dist/tools/useSetClassName.d.ts",
+      "svelte": "./dist/tools/useSetClassName.js",
+      "default": "./dist/tools/useSetClassName.js"
+    },
+    "./tools/useState": {
+      "types": "./dist/tools/useState.d.ts",
+      "svelte": "./dist/tools/useState.js",
+      "default": "./dist/tools/useState.js"
+    },
+    "./login/components/AddRemoveButtonsMultiValuedAttribute.svelte": {
+      "types": "./dist/login/components/AddRemoveButtonsMultiValuedAttribute.svelte.d.ts",
+      "svelte": "./dist/login/components/AddRemoveButtonsMultiValuedAttribute.svelte"
+    },
+    "./login/components/FieldErrors.svelte": {
+      "types": "./dist/login/components/FieldErrors.svelte.d.ts",
+      "svelte": "./dist/login/components/FieldErrors.svelte"
+    },
+    "./login/components/GroupLabel.svelte": {
+      "types": "./dist/login/components/GroupLabel.svelte.d.ts",
+      "svelte": "./dist/login/components/GroupLabel.svelte"
+    },
+    "./login/components/InputFieldByType.svelte": {
+      "types": "./dist/login/components/InputFieldByType.svelte.d.ts",
+      "svelte": "./dist/login/components/InputFieldByType.svelte"
+    },
+    "./login/components/InputFieldByTypeProps": {
+      "types": "./dist/login/components/InputFieldByTypeProps.d.ts",
+      "svelte": "./dist/login/components/InputFieldByTypeProps.js",
+      "default": "./dist/login/components/InputFieldByTypeProps.js"
+    },
+    "./login/components/inputLabel": {
+      "types": "./dist/login/components/inputLabel.d.ts",
+      "svelte": "./dist/login/components/inputLabel.js",
+      "default": "./dist/login/components/inputLabel.js"
+    },
+    "./login/components/InputTag.svelte": {
+      "types": "./dist/login/components/InputTag.svelte.d.ts",
+      "svelte": "./dist/login/components/InputTag.svelte"
+    },
+    "./login/components/InputTagSelects.svelte": {
+      "types": "./dist/login/components/InputTagSelects.svelte.d.ts",
+      "svelte": "./dist/login/components/InputTagSelects.svelte"
+    },
+    "./login/components/LogoutOtherSessions.svelte": {
+      "types": "./dist/login/components/LogoutOtherSessions.svelte.d.ts",
+      "svelte": "./dist/login/components/LogoutOtherSessions.svelte"
+    },
+    "./login/components/PasswordWrapper.svelte": {
+      "types": "./dist/login/components/PasswordWrapper.svelte.d.ts",
+      "svelte": "./dist/login/components/PasswordWrapper.svelte"
+    },
+    "./login/components/SelectTag.svelte": {
+      "types": "./dist/login/components/SelectTag.svelte.d.ts",
+      "svelte": "./dist/login/components/SelectTag.svelte"
+    },
+    "./login/components/TermsAcceptance.svelte": {
+      "types": "./dist/login/components/TermsAcceptance.svelte.d.ts",
+      "svelte": "./dist/login/components/TermsAcceptance.svelte"
+    },
+    "./login/components/TextareaTag.svelte": {
+      "types": "./dist/login/components/TextareaTag.svelte.d.ts",
+      "svelte": "./dist/login/components/TextareaTag.svelte"
+    },
+    "./login/components/UserProfileFormFields.svelte": {
+      "types": "./dist/login/components/UserProfileFormFields.svelte.d.ts",
+      "svelte": "./dist/login/components/UserProfileFormFields.svelte"
+    },
+    "./login/components/UserProfileFormFieldsProps": {
+      "types": "./dist/login/components/UserProfileFormFieldsProps.d.ts",
+      "svelte": "./dist/login/components/UserProfileFormFieldsProps.js",
+      "default": "./dist/login/components/UserProfileFormFieldsProps.js"
+    },
+    "./login": {
+      "types": "./dist/login/index.d.ts",
+      "svelte": "./dist/login/index.js",
+      "default": "./dist/login/index.js"
+    },
+    "./login/i18n": {
+      "types": "./dist/login/i18n/index.d.ts",
+      "svelte": "./dist/login/i18n/index.js",
+      "default": "./dist/login/i18n/index.js"
+    },
+    "./login/i18n/i18nBuilder": {
+      "types": "./dist/login/i18n/i18nBuilder.d.ts",
+      "svelte": "./dist/login/i18n/i18nBuilder.js",
+      "default": "./dist/login/i18n/i18nBuilder.js"
+    },
+    "./login/i18n/useI18n": {
+      "types": "./dist/login/i18n/useI18n.d.ts",
+      "svelte": "./dist/login/i18n/useI18n.js",
+      "default": "./dist/login/i18n/useI18n.js"
+    },
+    "./login/KcContext": {
+      "types": "./dist/login/KcContext/index.d.ts",
+      "svelte": "./dist/login/KcContext/index.js",
+      "default": "./dist/login/KcContext/index.js"
+    },
+    "./login/DefaultPage.svelte": {
+      "types": "./dist/login/DefaultPage.svelte.d.ts",
+      "svelte": "./dist/login/DefaultPage.svelte"
+    },
+    "./login/Template.svelte": {
+      "types": "./dist/login/Template.svelte.d.ts",
+      "svelte": "./dist/login/Template.svelte"
+    },
+    "./login/Template.useInitialize": {
+      "types": "./dist/login/Template.useInitialize.d.ts",
+      "svelte": "./dist/login/Template.useInitialize.js",
+      "default": "./dist/login/Template.useInitialize.js"
+    },
+    "./login/TemplateProps": {
+      "types": "./dist/login/TemplateProps.d.ts",
+      "svelte": "./dist/login/TemplateProps.js",
+      "default": "./dist/login/TemplateProps.js"
+    },
+    "./login/lib/useUserProfileForm": {
+      "types": "./dist/login/lib/useUserProfileForm.d.ts",
+      "svelte": "./dist/login/lib/useUserProfileForm.js",
+      "default": "./dist/login/lib/useUserProfileForm.js"
+    },
+    "./login/pages/Code.svelte": {
+      "types": "./dist/login/pages/Code.svelte.d.ts",
+      "svelte": "./dist/login/pages/Code.svelte"
+    },
+    "./login/pages/DeleteAccountConfirm.svelte": {
+      "types": "./dist/login/pages/DeleteAccountConfirm.svelte.d.ts",
+      "svelte": "./dist/login/pages/DeleteAccountConfirm.svelte"
+    },
+    "./login/pages/DeleteCredential.svelte": {
+      "types": "./dist/login/pages/DeleteCredential.svelte.d.ts",
+      "svelte": "./dist/login/pages/DeleteCredential.svelte"
+    },
+    "./login/pages/Error.svelte": {
+      "types": "./dist/login/pages/Error.svelte.d.ts",
+      "svelte": "./dist/login/pages/Error.svelte"
+    },
+    "./login/pages/FrontchannelLogout.svelte": {
+      "types": "./dist/login/pages/FrontchannelLogout.svelte.d.ts",
+      "svelte": "./dist/login/pages/FrontchannelLogout.svelte"
+    },
+    "./login/pages/IdpReviewUserProfile.svelte": {
+      "types": "./dist/login/pages/IdpReviewUserProfile.svelte.d.ts",
+      "svelte": "./dist/login/pages/IdpReviewUserProfile.svelte"
+    },
+    "./login/pages/Info.svelte": {
+      "types": "./dist/login/pages/Info.svelte.d.ts",
+      "svelte": "./dist/login/pages/Info.svelte"
+    },
+    "./login/pages/LoginConfigTotp.svelte": {
+      "types": "./dist/login/pages/LoginConfigTotp.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginConfigTotp.svelte"
+    },
+    "./login/pages/LoginIdpLinkConfirmOverride.svelte": {
+      "types": "./dist/login/pages/LoginIdpLinkConfirmOverride.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginIdpLinkConfirmOverride.svelte"
+    },
+    "./login/pages/LoginIdpLinkConfirm.svelte": {
+      "types": "./dist/login/pages/LoginIdpLinkConfirm.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginIdpLinkConfirm.svelte"
+    },
+    "./login/pages/LoginIdpLinkEmail.svelte": {
+      "types": "./dist/login/pages/LoginIdpLinkEmail.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginIdpLinkEmail.svelte"
+    },
+    "./login/pages/LoginOauth2DeviceVerifyUserCode.svelte": {
+      "types": "./dist/login/pages/LoginOauth2DeviceVerifyUserCode.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginOauth2DeviceVerifyUserCode.svelte"
+    },
+    "./login/pages/LoginOauthGrant.svelte": {
+      "types": "./dist/login/pages/LoginOauthGrant.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginOauthGrant.svelte"
+    },
+    "./login/pages/LoginOtp.svelte": {
+      "types": "./dist/login/pages/LoginOtp.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginOtp.svelte"
+    },
+    "./login/pages/LoginPageExpired.svelte": {
+      "types": "./dist/login/pages/LoginPageExpired.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginPageExpired.svelte"
+    },
+    "./login/pages/LoginPasskeysConditionalAuthenticate.svelte": {
+      "types": "./dist/login/pages/LoginPasskeysConditionalAuthenticate.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginPasskeysConditionalAuthenticate.svelte"
+    },
+    "./login/pages/LoginPasskeysConditionalAuthenticate.useScript": {
+      "types": "./dist/login/pages/LoginPasskeysConditionalAuthenticate.useScript.d.ts",
+      "svelte": "./dist/login/pages/LoginPasskeysConditionalAuthenticate.useScript.js",
+      "default": "./dist/login/pages/LoginPasskeysConditionalAuthenticate.useScript.js"
+    },
+    "./login/pages/LoginPassword.svelte": {
+      "types": "./dist/login/pages/LoginPassword.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginPassword.svelte"
+    },
+    "./login/pages/LoginRecoveryAuthnCodeConfig.svelte": {
+      "types": "./dist/login/pages/LoginRecoveryAuthnCodeConfig.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginRecoveryAuthnCodeConfig.svelte"
+    },
+    "./login/pages/LoginRecoveryAuthnCodeConfig.useScript": {
+      "types": "./dist/login/pages/LoginRecoveryAuthnCodeConfig.useScript.d.ts",
+      "svelte": "./dist/login/pages/LoginRecoveryAuthnCodeConfig.useScript.js",
+      "default": "./dist/login/pages/LoginRecoveryAuthnCodeConfig.useScript.js"
+    },
+    "./login/pages/LoginRecoveryAuthnCodeInput.svelte": {
+      "types": "./dist/login/pages/LoginRecoveryAuthnCodeInput.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginRecoveryAuthnCodeInput.svelte"
+    },
+    "./login/pages/LoginResetOtp.svelte": {
+      "types": "./dist/login/pages/LoginResetOtp.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginResetOtp.svelte"
+    },
+    "./login/pages/LoginResetPassword.svelte": {
+      "types": "./dist/login/pages/LoginResetPassword.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginResetPassword.svelte"
+    },
+    "./login/pages/Login.svelte": {
+      "types": "./dist/login/pages/Login.svelte.d.ts",
+      "svelte": "./dist/login/pages/Login.svelte"
+    },
+    "./login/pages/LoginUpdatePassword.svelte": {
+      "types": "./dist/login/pages/LoginUpdatePassword.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginUpdatePassword.svelte"
+    },
+    "./login/pages/LoginUpdateProfile.svelte": {
+      "types": "./dist/login/pages/LoginUpdateProfile.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginUpdateProfile.svelte"
+    },
+    "./login/pages/LoginUsername.svelte": {
+      "types": "./dist/login/pages/LoginUsername.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginUsername.svelte"
+    },
+    "./login/pages/LoginVerifyEmail.svelte": {
+      "types": "./dist/login/pages/LoginVerifyEmail.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginVerifyEmail.svelte"
+    },
+    "./login/pages/LoginX509Info.svelte": {
+      "types": "./dist/login/pages/LoginX509Info.svelte.d.ts",
+      "svelte": "./dist/login/pages/LoginX509Info.svelte"
+    },
+    "./login/pages/LogoutConfirm.svelte": {
+      "types": "./dist/login/pages/LogoutConfirm.svelte.d.ts",
+      "svelte": "./dist/login/pages/LogoutConfirm.svelte"
+    },
+    "./login/pages/PageProps": {
+      "types": "./dist/login/pages/PageProps.d.ts",
+      "svelte": "./dist/login/pages/PageProps.js",
+      "default": "./dist/login/pages/PageProps.js"
+    },
+    "./login/pages/Register.svelte": {
+      "types": "./dist/login/pages/Register.svelte.d.ts",
+      "svelte": "./dist/login/pages/Register.svelte"
+    },
+    "./login/pages/SamlPostForm.svelte": {
+      "types": "./dist/login/pages/SamlPostForm.svelte.d.ts",
+      "svelte": "./dist/login/pages/SamlPostForm.svelte"
+    },
+    "./login/pages/SelectAuthenticator.svelte": {
+      "types": "./dist/login/pages/SelectAuthenticator.svelte.d.ts",
+      "svelte": "./dist/login/pages/SelectAuthenticator.svelte"
+    },
+    "./login/pages/Terms.svelte": {
+      "types": "./dist/login/pages/Terms.svelte.d.ts",
+      "svelte": "./dist/login/pages/Terms.svelte"
+    },
+    "./login/pages/UpdateEmail.svelte": {
+      "types": "./dist/login/pages/UpdateEmail.svelte.d.ts",
+      "svelte": "./dist/login/pages/UpdateEmail.svelte"
+    },
+    "./login/pages/WebauthnAuthenticate.svelte": {
+      "types": "./dist/login/pages/WebauthnAuthenticate.svelte.d.ts",
+      "svelte": "./dist/login/pages/WebauthnAuthenticate.svelte"
+    },
+    "./login/pages/WebauthnAuthenticate.useScript": {
+      "types": "./dist/login/pages/WebauthnAuthenticate.useScript.d.ts",
+      "svelte": "./dist/login/pages/WebauthnAuthenticate.useScript.js",
+      "default": "./dist/login/pages/WebauthnAuthenticate.useScript.js"
+    },
+    "./login/pages/WebauthnError.svelte": {
+      "types": "./dist/login/pages/WebauthnError.svelte.d.ts",
+      "svelte": "./dist/login/pages/WebauthnError.svelte"
+    },
+    "./login/pages/WebauthnRegister.svelte": {
+      "types": "./dist/login/pages/WebauthnRegister.svelte.d.ts",
+      "svelte": "./dist/login/pages/WebauthnRegister.svelte"
+    },
+    "./login/pages/WebauthnRegister.useScript": {
+      "types": "./dist/login/pages/WebauthnRegister.useScript.d.ts",
+      "svelte": "./dist/login/pages/WebauthnRegister.useScript.js",
+      "default": "./dist/login/pages/WebauthnRegister.useScript.js"
+    },
+    "./account": {
+      "types": "./dist/account/index.d.ts",
+      "svelte": "./dist/account/index.js",
+      "default": "./dist/account/index.js"
+    },
+    "./account/i18n": {
+      "types": "./dist/account/i18n/index.d.ts",
+      "svelte": "./dist/account/i18n/index.js",
+      "default": "./dist/account/i18n/index.js"
+    },
+    "./account/i18n/i18nBuilder": {
+      "types": "./dist/account/i18n/i18nBuilder.d.ts",
+      "svelte": "./dist/account/i18n/i18nBuilder.js",
+      "default": "./dist/account/i18n/i18nBuilder.js"
+    },
+    "./account/i18n/useI18n": {
+      "types": "./dist/account/i18n/useI18n.d.ts",
+      "svelte": "./dist/account/i18n/useI18n.js",
+      "default": "./dist/account/i18n/useI18n.js"
+    },
+    "./account/KcContext": {
+      "types": "./dist/account/KcContext/index.d.ts",
+      "svelte": "./dist/account/KcContext/index.js",
+      "default": "./dist/account/KcContext/index.js"
+    },
+    "./account/DefaultPage.svelte": {
+      "types": "./dist/account/DefaultPage.svelte.d.ts",
+      "svelte": "./dist/account/DefaultPage.svelte"
+    },
+    "./account/Template.svelte": {
+      "types": "./dist/account/Template.svelte.d.ts",
+      "svelte": "./dist/account/Template.svelte"
+    },
+    "./account/Template.useInitialize": {
+      "types": "./dist/account/Template.useInitialize.d.ts",
+      "svelte": "./dist/account/Template.useInitialize.js",
+      "default": "./dist/account/Template.useInitialize.js"
+    },
+    "./account/TemplateProps": {
+      "types": "./dist/account/TemplateProps.d.ts",
+      "svelte": "./dist/account/TemplateProps.js",
+      "default": "./dist/account/TemplateProps.js"
+    },
+    "./account/pages/Account.svelte": {
+      "types": "./dist/account/pages/Account.svelte.d.ts",
+      "svelte": "./dist/account/pages/Account.svelte"
+    },
+    "./account/pages/Applications.svelte": {
+      "types": "./dist/account/pages/Applications.svelte.d.ts",
+      "svelte": "./dist/account/pages/Applications.svelte"
+    },
+    "./account/pages/FederatedIdentity.svelte": {
+      "types": "./dist/account/pages/FederatedIdentity.svelte.d.ts",
+      "svelte": "./dist/account/pages/FederatedIdentity.svelte"
+    },
+    "./account/pages/Log.svelte": {
+      "types": "./dist/account/pages/Log.svelte.d.ts",
+      "svelte": "./dist/account/pages/Log.svelte"
+    },
+    "./account/pages/PageProps": {
+      "types": "./dist/account/pages/PageProps.d.ts",
+      "svelte": "./dist/account/pages/PageProps.js",
+      "default": "./dist/account/pages/PageProps.js"
+    },
+    "./account/pages/Password.svelte": {
+      "types": "./dist/account/pages/Password.svelte.d.ts",
+      "svelte": "./dist/account/pages/Password.svelte"
+    },
+    "./account/pages/Sessions.svelte": {
+      "types": "./dist/account/pages/Sessions.svelte.d.ts",
+      "svelte": "./dist/account/pages/Sessions.svelte"
+    },
+    "./account/pages/Totp.svelte": {
+      "types": "./dist/account/pages/Totp.svelte.d.ts",
+      "svelte": "./dist/account/pages/Totp.svelte"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*",
+    "src",
+    "!src/**/*.test.*",
+    "!src/**/*.spec.*",
+    "!src/bin",
+    "!src/tools",
+    "package.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsx scripts/build.ts",
+    "watch": "tsx scripts/watch.ts",
+    "link-in-starter": "tsx scripts/link-in-starter.ts",
+    "svelte:check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "svelte:check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "_format": "prettier '**/*.{ts,html,json,md,svelte}'",
+    "format": "yarn _format --write",
+    "lint": "yarn format && eslint . --fix"
+  },
+  "peerDependencies": {
+    "keycloakify": "^11.3.19",
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^3.3.1",
+    "@sveltejs/kit": "^2.8.3",
+    "@sveltejs/package": "^2.3.7",
+    "@sveltejs/vite-plugin-svelte": "^4.0.2",
+    "@types/eslint": "^9.6.1",
+    "@types/node": "^22.9.3",
+    "@vercel/ncc": "^0.38.3",
+    "cli-select": "^1.1.2",
+    "eslint": "9.15.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-svelte": "^2.46.0",
+    "eslint-plugin-unused-imports": "^4.1.4",
+    "globals": "^15.12.0",
+    "keycloakify": "^11.3.32",
+    "npm-check-updates": "^17.1.11",
+    "prettier": "^3.3.3",
+    "prettier-plugin-svelte": "^3.3.2",
+    "publint": "^0.2.12",
+    "svelte": "^5.2.8",
+    "svelte-check": "^4.1.0",
+    "tsx": "^4.19.2",
+    "typescript": "~5.6.3",
+    "typescript-eslint": "^8.15.0",
+    "vite": "^5.4.11",
+    "zod": "^3.23.8"
+  },
+  "bin": {
+    "_keycloakify-custom-handler": "dist/bin/main.js"
+  }
+}

package/src/account/DefaultPage.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+  import type { PageProps } from '@keycloakify/svelte/account/pages/PageProps';
+  import type { I18n } from './i18n';
+  import type { KcContext } from './KcContext';
+
+  const props: PageProps<KcContext, I18n> = $props();
+  const { kcContext: kcContext, ...rest } = props;
+  const loadComponent = () => {
+    switch (kcContext.pageId) {
+      case 'password.ftl':
+        return import('@keycloakify/svelte/account/pages/Password.svelte');
+
+      case 'sessions.ftl':
+        return import('@keycloakify/svelte/account/pages/Sessions.svelte');
+
+      case 'account.ftl':
+        return import('@keycloakify/svelte/account/pages/Account.svelte');
+
+      case 'totp.ftl':
+        return import('@keycloakify/svelte/account/pages/Totp.svelte');
+
+      case 'applications.ftl':
+        return import('@keycloakify/svelte/account/pages/Applications.svelte');
+
+      case 'log.ftl':
+        return import('@keycloakify/svelte/account/pages/Log.svelte');
+
+      case 'federatedIdentity.ftl':
+        return import('@keycloakify/svelte/account/pages/FederatedIdentity.svelte');
+    }
+  };
+  const lazyComponent = loadComponent();
+</script>
+
+{#if lazyComponent}
+  {#await lazyComponent then { default: LazyComponent }}
+    <LazyComponent
+      kcContext={kcContext as never}
+      {...rest}
+    />
+  {/await}
+{/if}

package/src/account/KcContext/KcContext.ts

@@ -0,0 +1 @@
+export type { ExtendKcContext, KcContext } from 'keycloakify/account/KcContext';

package/src/account/KcContext/index.ts

@@ -0,0 +1 @@
+export * from './KcContext';

package/src/account/Template.svelte

@@ -0,0 +1,143 @@
+<script lang="ts">
+  import { useInitialize } from '@keycloakify/svelte/account/Template.useInitialize';
+  import type { TemplateProps } from '@keycloakify/svelte/account/TemplateProps';
+  import { useSetClassName } from '@keycloakify/svelte/tools/useSetClassName';
+  import { getKcClsx } from 'keycloakify/account/lib/kcClsx';
+  import { clsx } from 'keycloakify/tools/clsx';
+  import { onMount } from 'svelte';
+  import type { I18n } from './i18n';
+  import type { KcContext } from './KcContext';
+  import { kcSanitize } from 'keycloakify/lib/kcSanitize';
+
+  const { kcContext, i18n, doUseDefaultCss, active, classes, children }: TemplateProps<KcContext, I18n> = $props();
+  const { kcClsx } = getKcClsx({ doUseDefaultCss, classes });
+
+  const { msg, msgStr, currentLanguage, enabledLanguages } = $i18n;
+
+  const { url, features, realm, message, referrer } = kcContext;
+
+  onMount(() => {
+    document.title = msgStr('accountManagementTitle');
+  });
+
+  useSetClassName({
+    qualifiedName: 'html',
+    className: kcClsx('kcHtmlClass'),
+  });
+
+  useSetClassName({
+    qualifiedName: 'body',
+    className: clsx('admin-console', 'user', kcClsx('kcBodyClass')),
+  });
+
+  const { isReadyToRender } = useInitialize({ kcContext, doUseDefaultCss });
+</script>
+
+{#if $isReadyToRender}
+  <header class="navbar navbar-default navbar-pf navbar-main header">
+    <!-- svelte-ignore a11y_no_redundant_roles -->
+    <nav
+      class="navbar"
+      role="navigation"
+    >
+      <div class="navbar-header">
+        <div class="container">
+          <h1 class="navbar-title">Keycloak</h1>
+        </div>
+      </div>
+      <div class="navbar-collapse navbar-collapse-1">
+        <div class="container">
+          <ul class="nav navbar-nav navbar-utility">
+            {#if enabledLanguages.length}
+              <li>
+                <div
+                  class="kc-dropdown"
+                  id="kc-locale-dropdown"
+                >
+                  <!-- svelte-ignore a11y_invalid_attribute -->
+                  <a
+                    href="#"
+                    id="kc-current-locale-link"
+                  >
+                    {currentLanguage.label}
+                  </a>
+                  <ul>
+                    {#each enabledLanguages as { label, href }}
+                      <li class="kc-dropdown-item">
+                        <a {href}>{label}</a>
+                      </li>
+                    {/each}
+                  </ul>
+                </div>
+              </li>
+            {/if}
+            {#if referrer?.url}
+              <li>
+                <a
+                  href={referrer.url}
+                  id="referrer"
+                >
+                  {@render msg('backTo', referrer.name)()}
+                </a>
+              </li>
+            {/if}
+            <li>
+              <a href={url.getLogoutUrl()}>{@render msg('doSignOut')()}</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+  </header>
+
+  <div class="container">
+    <div class="bs-sidebar col-sm-3">
+      <ul>
+        <li class={clsx(active === 'account' && 'active')}>
+          <a href={url.accountUrl}>{@render msg('account')()}</a>
+        </li>
+        {#if features.passwordUpdateSupported}
+          <li class={clsx(active === 'password' && 'active')}>
+            <a href={url.passwordUrl}>{@render msg('password')()}</a>
+          </li>
+        {/if}
+        <li class={clsx(active === 'totp' && 'active')}>
+          <a href={url.totpUrl}>{@render msg('authenticator')()}</a>
+        </li>
+        {#if features.identityFederation}
+          <li class={clsx(active === 'social' && 'active')}>
+            <a href={url.socialUrl}>{@render msg('federatedIdentity')()}</a>
+          </li>
+        {/if}
+        <li class={clsx(active === 'sessions' && 'active')}>
+          <a href={url.sessionsUrl}>{@render msg('sessions')()}</a>
+        </li>
+        <li class={clsx(active === 'applications' && 'active')}>
+          <a href={url.applicationsUrl}>{@render msg('applications')()}</a>
+        </li>
+        {#if features.log}
+          <li class={clsx(active === 'log' && 'active')}>
+            <a href={url.logUrl}>{@render msg('log')()}</a>
+          </li>
+        {/if}
+        {#if realm.userManagedAccessAllowed && features.authorization}
+          <li class={clsx(active === 'authorization' && 'active')}>
+            <a href={url.resourceUrl}>{@render msg('myResources')()}</a>
+          </li>
+        {/if}
+      </ul>
+    </div>
+
+    <div class="col-sm-9 content-area">
+      {#if message !== undefined}
+        <div class={clsx('alert', `alert-${message.type}`)}>
+          {#if message.type === 'success'}<span class="pficon pficon-ok"></span>{/if}
+          {#if message.type === 'error'}<span class="pficon pficon-error-circle-o"></span>{/if}
+          <span class="kc-feedback-text">{@html kcSanitize(message.summary)}</span>
+        </div>
+      {/if}
+
+      {@render children?.()}
+    </div>
+  </div>
+{/if}