@functionalcms/svelte-components 2.18.0 → 2.18.2

package/dist/auth/authenticationHandle.js

@@ -1,15 +1,36 @@
 import {} from '@sveltejs/kit';
-import { createSession, getSession } from './sessionstorage.js';
+import { createSession, getSession, deleteSession } from './sessionStorage.js';
 import { keycloak } from './authenticationProvider.js';
-const cookieName = `auth_state`;
-const logout = (cookies) => {
+const authStateCookieName = `auth_state`;
+const authSessionCookieName = `auth_session`;
+const logout = (cookies, afterLogoutPath = '/') => {
     const headers = new Headers();
-    const sid = cookies.get(cookieName);
-    if (sid) {
-        const deleteSessionCookieHeader = `${cookieName}=; Path=/; Expires=Thu, 01 Jan 1970 00:00:00 GMT;`;
-        const deleteAuthCookieHeader = `auth_session=; Path=/; Expires=Thu, 01 Jan 1970 00:00:00 GMT;`;
-        headers.append('Set-Cookie', deleteSessionCookieHeader);
-        headers.append('Set-Cookie', deleteAuthCookieHeader);
+    const state = cookies.get(authSessionCookieName);
+    if (state) {
+        cookies.delete('auth_session', { path: '/' });
+        const sid = cookies.get('auth_session');
+        deleteSession(sid);
+        headers.append('Set-Cookie', 'auth_session=; Path=/; Expires=Thu, 01 Jan 1970 00:00:00 GMT;');
+        headers.append('Location', afterLogoutPath);
+    }
+    else {
+        headers.append('Location', '/');
+    }
+    return headers;
+};
+const createUserSession = async (provider, event) => {
+    const token = await provider.getValidation(event);
+    const session = await provider.getUser(token);
+    const headers = new Headers();
+    headers.append('Location', '/');
+    headers.append('Set-Cookie', 'auth_state=; Path=/; Expires=Thu, 01 Jan 1970 00:00:00 GMT;');
+    if (session !== undefined) {
+        session.userId = session.sub;
+        event.locals.session = session;
+        event.locals.accessToken = token.access_token;
+        const sessionId = createSession({ session, token }, token.expires_in);
+        headers.append('Set-Cookie', `auth_session=${sessionId}; HttpOnly; Secure; SameSite=strict; Max-Age=${token.expires_in}; Path=/`);
+        headers.append('Location', provider.redirectPath);
     }
     return headers;
 };
@@ -24,45 +45,27 @@ const loadUserFromSession = (cookies, locals) => {
         locals.username = "";
     }
 };
-const getHeadersWithCookie = (sessionId, expiresIn) => {
-    const cookieHeader = `auth_session=${sessionId}; HttpOnly; Secure; SameSite=strict; Max-Age=${expiresIn}; Path=/`;
-    const headers = new Headers();
-    headers.append('Set-Cookie', cookieHeader);
-    return headers;
-};
 export const authenticationHandle = (issuer, clientId, scope = '', redirectPath = '/') => {
     const provider = keycloak(issuer, clientId, scope, redirectPath);
     return async ({ event, resolve }) => {
-        //login user check    
+        //login user check
         if (event.url.pathname.startsWith('/')) {
             loadUserFromSession(event.cookies, event.locals);
         }
-        //logout 
-        if (event.url.pathname === '/auth/logout' && event.cookies.get(cookieName) === undefined) {
-            const headers = logout(event.cookie);
+        //logout
+        if (event.url.pathname === '/auth/logout') {
+            const headers = logout(event.cookies);
             return new Response('Logging Out...', { status: 303, headers });
         }
-        // login 
+        // login
         else if (event.url.pathname === '/auth/login') {
             const authProvider = await provider.getAuthIdentity(event.url.origin);
             return new Response('Redirect', { status: 302, headers: authProvider });
         }
         //validate
         else if (event.url.pathname === "/auth/validate") {
-            const token = await provider.getValidation(event);
-            const session = await provider.getUser(token);
-            if (session !== undefined) {
-                session.userId = session.sub;
-                event.locals.session = session;
-                event.locals.accessToken = token.access_token;
-                const sessionId = createSession({ session, token }, token.expires_in);
-                const headers = getHeadersWithCookie(sessionId, token.expires_in);
-                headers.append('Location', provider.redirectPath);
-                return new Response('Redirect', { status: 303, headers });
-            }
-            else {
-                return new Response(`Error in authorizing user`);
-            }
+            const validationResponse = await createUserSession(provider, event);
+            return new Response('Redirect', { status: 302, headers: validationResponse });
         }
         return await resolve(event);
     };

package/dist/auth/authenticationProvider.js

@@ -1,9 +1,9 @@
 import * as o from "oauth4webapi";
-const cookieName = 'auth_state';
+const aurthStateCookieName = 'auth_state';
 const stateIdGenerator = () => crypto.randomUUID();
 const getKeycloakIdentity = async (issuer, client_id, scope, redirectUrl) => {
     const state = stateIdGenerator();
-    const cookieHeader = `${cookieName}=${state}; HttpOnly; Secure; SameSite=strict; Max-Age=3600; Path=/`;
+    const cookieHeader = `${aurthStateCookieName}=${state}; HttpOnly; Secure; SameSite=strict; Max-Age=3600; Path=/`;
     const code_challenge = await o.calculatePKCECodeChallenge(state);
     const authorizationUrlSearchParams = new URLSearchParams({
         client_id: client_id,
@@ -20,7 +20,7 @@ const getKeycloakIdentity = async (issuer, client_id, scope, redirectUrl) => {
     return headers;
 };
 const getKeycloakValidation = async (issuer, client_id, scope, event, redirectUrl) => {
-    const storedState = event.cookies.get(cookieName);
+    const storedState = event.cookies.get(aurthStateCookieName);
     const state = event.url.searchParams.get("state");
     if (!storedState || !state || storedState !== state) {
         throw new Error('State not valid');
@@ -50,7 +50,7 @@ const getKeycloakValidation = async (issuer, client_id, scope, event, redirectUr
         throw new Error('Token not validated.');
     }
     const token = await response.json();
-    event.cookies.delete(cookieName, { path: '/' });
+    event.cookies.delete(aurthStateCookieName, { path: '/' });
     return token;
 };
 const getUser = async (issuer, token) => {

package/dist/components/Banner.svelte

@@ -23,20 +23,18 @@ export let bannerCss = "";
 export let justify = Justify.Start;
 export let alignItems = AlignItmes.Start;
 export let orientation = Orientation.Column;
-$:
-  klasses = [
-    "flex",
-    "well",
-    css ? css : "",
-    `${orientation}`,
-    `${justify}`,
-    `${alignItems}`
-  ].filter((c) => c).join(" ");
-$:
-  bannerKlasses = [
-    "banner",
-    bannerCss
-  ].filter((c) => c).join(" ");
+$: klasses = [
+  "flex",
+  "well",
+  css ? css : "",
+  `${orientation}`,
+  `${justify}`,
+  `${alignItems}`
+].filter((c) => c).join(" ");
+$: bannerKlasses = [
+  "banner",
+  bannerCss
+].filter((c) => c).join(" ");
 </script>
 <div class={bannerKlasses} style="--functional-banner-background: {background};" >
     <div class={klasses}>

package/dist/components/Banner.svelte.d.ts

@@ -2,12 +2,12 @@ import { SvelteComponent } from "svelte";
 import { Justify, AlignItmes, Orientation } from "./Styling.js";
 declare const __propDef: {
     props: {
-        background?: string | undefined;
-        css?: string | undefined;
-        bannerCss?: string | undefined;
-        justify?: Justify | undefined;
-        alignItems?: AlignItmes | undefined;
-        orientation?: Orientation | undefined;
+        background?: string;
+        css?: string;
+        bannerCss?: string;
+        justify?: Justify;
+        alignItems?: AlignItmes;
+        orientation?: Orientation;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,6 +15,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BannerProps = typeof __propDef.props;
 export type BannerEvents = typeof __propDef.events;

package/dist/components/Link.svelte

@@ -307,32 +307,29 @@ export let size = ComponentSize.Normal;
 export let justify = Justify.Center;
 export let alignItems = AlignItmes.Center;
 export let orientation = Orientation.Row;
-$:
-  isSmall = size === ComponentSize.Small;
-$:
-  isLarge = size === ComponentSize.Large;
-$:
-  klasses = [
-    "btn",
-    isPrimary ? "btn-primary" : "",
-    isDisabled ? "disabled" : "",
-    isBordered ? "btn-bordered" : "",
-    isSecondary ? "btn-secondary" : "",
-    idRounded ? "btn-rounded" : "",
-    idPill ? "btn-pill" : "",
-    idBlock ? "btn-block" : "",
-    idCapsule ? "btn-capsule" : "",
-    idCircle ? "btn-circle" : "",
-    idGrouped ? "btn-grouped" : "",
-    isLarge ? "btn-large" : "",
-    isSmall ? "btn-small" : "",
-    isLarge && isCircle ? "btn-large btn-circle-large" : "",
-    isSmall && idCircle ? "btn-small btn-circle-small" : "",
-    `${orientation}`,
-    `${justify}`,
-    `${alignItems}`,
-    css ? css : ""
-  ].filter((c) => c).join(" ");
+$: isSmall = size === ComponentSize.Small;
+$: isLarge = size === ComponentSize.Large;
+$: klasses = [
+  "btn",
+  isPrimary ? "btn-primary" : "",
+  isDisabled ? "disabled" : "",
+  isBordered ? "btn-bordered" : "",
+  isSecondary ? "btn-secondary" : "",
+  idRounded ? "btn-rounded" : "",
+  idPill ? "btn-pill" : "",
+  idBlock ? "btn-block" : "",
+  idCapsule ? "btn-capsule" : "",
+  idCircle ? "btn-circle" : "",
+  idGrouped ? "btn-grouped" : "",
+  isLarge ? "btn-large" : "",
+  isSmall ? "btn-small" : "",
+  isLarge && isCircle ? "btn-large btn-circle-large" : "",
+  isSmall && idCircle ? "btn-small btn-circle-small" : "",
+  `${orientation}`,
+  `${justify}`,
+  `${alignItems}`,
+  css ? css : ""
+].filter((c) => c).join(" ");
 </script>
 <a class={klasses} href={href}>
     <slot />

package/dist/components/Link.svelte.d.ts

@@ -2,23 +2,23 @@ import { SvelteComponent } from "svelte";
 import { AlignItmes, ComponentSize, Justify, Orientation } from './Styling.js';
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        href?: string | undefined;
-        isPrimary?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isBordered?: boolean | undefined;
-        isSecondary?: boolean | undefined;
-        idRounded?: boolean | undefined;
-        idPill?: boolean | undefined;
-        idBlock?: boolean | undefined;
-        idCapsule?: boolean | undefined;
-        idCircle?: boolean | undefined;
-        idGrouped?: boolean | undefined;
-        isCircle?: boolean | undefined;
-        size?: ComponentSize | undefined;
-        justify?: Justify | undefined;
-        alignItems?: AlignItmes | undefined;
-        orientation?: Orientation | undefined;
+        css?: string;
+        href?: string;
+        isPrimary?: boolean;
+        isDisabled?: boolean;
+        isBordered?: boolean;
+        isSecondary?: boolean;
+        idRounded?: boolean;
+        idPill?: boolean;
+        idBlock?: boolean;
+        idCapsule?: boolean;
+        idCircle?: boolean;
+        idGrouped?: boolean;
+        isCircle?: boolean;
+        size?: ComponentSize;
+        justify?: Justify;
+        alignItems?: AlignItmes;
+        orientation?: Orientation;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -26,6 +26,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type LinkProps = typeof __propDef.props;
 export type LinkEvents = typeof __propDef.events;

package/dist/components/Logo.svelte.d.ts

@@ -9,12 +9,14 @@ declare const __propDef: {
              */ logoUrl: string;
         /**
              * @type {string}
-             */ css?: string | undefined;
+             */ css?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type LogoProps = typeof __propDef.props;
 export type LogoEvents = typeof __propDef.events;

package/dist/components/SimpleFooter.svelte.d.ts

@@ -3,10 +3,10 @@ declare const __propDef: {
     props: {
         /**
              * @type {string}
-             */ companyName?: string | undefined;
+             */ companyName?: string;
         /**
              * @type {string}
-             */ motto?: string | undefined;
+             */ motto?: string;
         /**
              * @type {string}
              */ logoUrl: string;
@@ -15,6 +15,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SimpleFooterProps = typeof __propDef.props;
 export type SimpleFooterEvents = typeof __propDef.events;

package/dist/components/Spacer.svelte.d.ts

@@ -2,13 +2,15 @@ import { SvelteComponent } from "svelte";
 import { Sizes } from "./Styling";
 declare const __propDef: {
     props: {
-        width?: Sizes | undefined;
-        height?: Sizes | undefined;
+        width?: Sizes;
+        height?: Sizes;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type SpacerProps = typeof __propDef.props;
 export type SpacerEvents = typeof __propDef.events;

package/dist/components/Well.svelte

@@ -17,14 +17,13 @@ export let css = "";
 export let orientation = Orientation.Column;
 export let justify = Justify.Start;
 export let alignItems = AlignItmes.Start;
-$:
-  klasses = [
-    "flex",
-    css ? css : "",
-    `${orientation}`,
-    `${justify}`,
-    `${alignItems}`
-  ].filter((c) => c).join(" ");
+$: klasses = [
+  "flex",
+  css ? css : "",
+  `${orientation}`,
+  `${justify}`,
+  `${alignItems}`
+].filter((c) => c).join(" ");
 </script>
 
 <div class={klasses}>

package/dist/components/Well.svelte.d.ts

@@ -2,10 +2,10 @@ import { SvelteComponent } from "svelte";
 import { AlignItmes, Justify, Orientation } from "./Styling.js";
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        orientation?: Orientation | undefined;
-        justify?: Justify | undefined;
-        alignItems?: AlignItmes | undefined;
+        css?: string;
+        orientation?: Orientation;
+        justify?: Justify;
+        alignItems?: AlignItmes;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -13,6 +13,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type WellProps = typeof __propDef.props;
 export type WellEvents = typeof __propDef.events;

package/dist/components/blog/BlogDescription.svelte.d.ts

@@ -9,6 +9,8 @@ declare const __propDef: {
     slots: {
         readMore: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BlogDescriptionProps = typeof __propDef.props;
 export type BlogDescriptionEvents = typeof __propDef.events;

package/dist/components/blog/BlogTitle.svelte.d.ts

@@ -1,14 +1,16 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        slug?: string | undefined;
-        path?: string | undefined;
+        slug?: string;
+        path?: string;
         title: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BlogTitleProps = typeof __propDef.props;
 export type BlogTitleEvents = typeof __propDef.events;

package/dist/components/layouts/DefaultLayout.svelte

@@ -17,8 +17,7 @@ export let robots = "index, follow";
 export let headerIsSticky = false;
 export let tracker = "";
 export let canonicalUrl = "";
-$:
-  headerCss = headerIsSticky ? "sticky" : "";
+$: headerCss = headerIsSticky ? "sticky" : "";
 </script>
 
 <svelte:head>

package/dist/components/layouts/DefaultLayout.svelte.d.ts

@@ -1,10 +1,10 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        robots?: string | undefined;
-        headerIsSticky?: boolean | undefined;
-        tracker?: string | undefined;
-        canonicalUrl?: string | undefined;
+        robots?: string;
+        headerIsSticky?: boolean;
+        tracker?: string;
+        canonicalUrl?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -15,6 +15,8 @@ declare const __propDef: {
         footer: {};
         sticky_footer: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DefaultLayoutProps = typeof __propDef.props;
 export type DefaultLayoutEvents = typeof __propDef.events;

package/dist/components/layouts/TwoColumnsLayout.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        leftCss?: string | undefined;
-        rightCss?: string | undefined;
+        leftCss?: string;
+        rightCss?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -11,6 +11,8 @@ declare const __propDef: {
         left: {};
         right: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TwoColumnsLayoutProps = typeof __propDef.props;
 export type TwoColumnsLayoutEvents = typeof __propDef.events;

package/dist/components/menu/ColumnMenu.svelte.d.ts

@@ -2,14 +2,16 @@ import { SvelteComponent } from "svelte";
 import { HeaderNavigationItem } from './Menu.js';
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        localPages?: HeaderNavigationItem[] | undefined;
-        includeSubpagesForSelect?: boolean | undefined;
+        css?: string;
+        localPages?: Array<HeaderNavigationItem>;
+        includeSubpagesForSelect?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ColumnMenuProps = typeof __propDef.props;
 export type ColumnMenuEvents = typeof __propDef.events;

package/dist/components/menu/DynamicMenu.svelte

@@ -6,12 +6,9 @@ import { page } from "$app/stores";
 export let css = "";
 export let navCss = "";
 export let localPages = [];
-$:
-  activePages = !localPages || localPages.length == 0 ? $pagesStore : localPages;
-$:
-  pagesVisiblity = isAuthenticated(page);
-$:
-  visibleNavItems = selectVisible(activePages, pagesVisiblity);
+$: activePages = !localPages || localPages.length == 0 ? $pagesStore : localPages;
+$: pagesVisiblity = isAuthenticated($page);
+$: visibleNavItems = selectVisible(activePages, pagesVisiblity);
 const klasses = ["flex", "flex-dynamic-row", css ? css : ""].filter((c) => c).join(" ");
 </script>
 

package/dist/components/menu/DynamicMenu.svelte.d.ts

@@ -2,9 +2,9 @@ import { SvelteComponent } from "svelte";
 import { HeaderNavigationItem } from './Menu.js';
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        navCss?: string | undefined;
-        localPages?: HeaderNavigationItem[] | undefined;
+        css?: string;
+        navCss?: string;
+        localPages?: Array<HeaderNavigationItem>;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,6 +17,8 @@ declare const __propDef: {
             pages: any[];
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type DynamicMenuProps = typeof __propDef.props;
 export type DynamicMenuEvents = typeof __propDef.events;

package/dist/components/menu/FlatMenu.svelte.d.ts

@@ -2,14 +2,16 @@ import { SvelteComponent } from "svelte";
 import { HeaderNavigationItem } from './Menu.js';
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        localPages?: HeaderNavigationItem[] | undefined;
-        includeSubpagesForSelect?: boolean | undefined;
+        css?: string;
+        localPages?: Array<HeaderNavigationItem>;
+        includeSubpagesForSelect?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type FlatMenuProps = typeof __propDef.props;
 export type FlatMenuEvents = typeof __propDef.events;

package/dist/components/menu/HamburgerMenu.svelte.d.ts

@@ -3,16 +3,18 @@ import { HeaderNavigationItem } from './Menu.js';
 import { Placement } from '../Styling.js';
 declare const __propDef: {
     props: {
-        css?: string | undefined;
-        noBorder?: boolean | undefined;
-        placement?: Placement | undefined;
-        localPages?: HeaderNavigationItem[] | undefined;
-        includeSubpagesForSelect?: boolean | undefined;
+        css?: string;
+        noBorder?: boolean;
+        placement?: Placement;
+        localPages?: Array<HeaderNavigationItem>;
+        includeSubpagesForSelect?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type HamburgerMenuProps = typeof __propDef.props;
 export type HamburgerMenuEvents = typeof __propDef.events;

package/dist/components/menu/authentication.js

@@ -1,8 +1,7 @@
 import { Visiblity } from '@functionalcms/svelte-components';
 import { get } from 'svelte/store';
 export function isAuthenticated(page) {
-    const pageStore = get(page);
-    const isAuthenticated = pageStore?.data?.session != null;
+    const isAuthenticated = page?.data?.session != null;
     const visibility = isAuthenticated ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
     return visibility;
 }

package/dist/components/presentation/Carusel.svelte.d.ts

@@ -2,13 +2,15 @@ import { SvelteComponent } from "svelte";
 import type { CaruseleItem } from "./Carusele";
 declare const __propDef: {
     props: {
-        items?: CaruseleItem[] | undefined;
-        perPage?: number | undefined;
+        items?: Array<CaruseleItem>;
+        perPage?: number;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type CaruselProps = typeof __propDef.props;
 export type CaruselEvents = typeof __propDef.events;

package/dist/components/presentation/Gallery.svelte

@@ -5,14 +5,13 @@ export let css = "";
 export let justify = Justify.Between;
 export let alignItems = AlignItmes.Center;
 export let orientation = Orientation.DynamicRow;
-$:
-  galleryKlasses = [
-    "flex",
-    css,
-    `${orientation}`,
-    `${justify}`,
-    `${alignItems}`
-  ].filter((c) => c).join(" ");
+$: galleryKlasses = [
+  "flex",
+  css,
+  `${orientation}`,
+  `${justify}`,
+  `${alignItems}`
+].filter((c) => c).join(" ");
 </script>
 <Card css={galleryKlasses}>
     {#each items as item}

package/dist/components/presentation/Gallery.svelte.d.ts

@@ -3,11 +3,11 @@ import type { ShowItem } from './ShowItem.js';
 import { AlignItmes, Justify, Orientation } from '../Styling.js';
 declare const __propDef: {
     props: {
-        items?: ShowItem[] | undefined;
-        css?: string | undefined;
-        justify?: Justify | undefined;
-        alignItems?: AlignItmes | undefined;
-        orientation?: Orientation | undefined;
+        items?: Array<ShowItem>;
+        css?: string;
+        justify?: Justify;
+        alignItems?: AlignItmes;
+        orientation?: Orientation;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,6 +17,8 @@ declare const __propDef: {
             item: ShowItem;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type GalleryProps = typeof __propDef.props;
 export type GalleryEvents = typeof __propDef.events;

package/dist/stores/meta.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import { type Writable } from 'svelte/store';
 export declare const metaDescription: Writable<string>;
 export declare const metaKeywords: Writable<string>;

package/dist/stores/pages.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="svelte" />
 import { HeaderNavigationItem } from "../components/menu/Menu.js";
 export declare const pages: import("svelte/store").Writable<HeaderNavigationItem[]>;

package/dist/stores/title.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="svelte" />
 export declare const title: import("svelte/store").Writable<string>;
 export declare const suffix: import("svelte/store").Writable<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.18.0",
+	"version": "2.18.2",
 	"watch": {
 		"build": {
 			"patterns": [