@functionalcms/svelte-components 5.0.1 → 5.0.2

package/dist/components/head/Font.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+	interface Props {
+		fonts: Array<{ name: string; values: string }>;
+	}
+
+	let { fonts = [] }: Partial<Props> = $props();
+
+	const fontQuery = $derived(() =>
+		fonts.map((font) => `family=${font.name}:${font.values}`).join('&')
+	);
+</script>
+
+<svelte:head>
+	<link rel="preconnect" href="https://fonts.googleapis.com" />
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="" />
+	<link
+		rel="stylesheet"
+		href={`https://fonts.googleapis.com/css2?${fontQuery}&display=swap`}
+	/>
+</svelte:head>

package/dist/components/head/Font.svelte.d.ts

@@ -0,0 +1,8 @@
+declare const Font: import("svelte").Component<Partial<{
+    fonts: Array<{
+        name: string;
+        values: string;
+    }>;
+}>, {}, "">;
+type Font = ReturnType<typeof Font>;
+export default Font;

package/dist/index.d.ts

@@ -1,10 +1,11 @@
-export { default as Meta } from './components/layouts/Meta.svelte';
+export { default as Meta } from './components/head/Meta.svelte';
+export { default as Font } from './components/head/Font.svelte';
 export { default as Tracker } from './components/layouts/Tracker.svelte';
 export { default as DefaultLayout } from './components/layouts/DefaultLayout.svelte';
+export { default as MenuLayout } from './components/layouts/MenuLayout.svelte';
 export { default as Well } from './components/layouts/Well.svelte';
 export { default as FlexBox } from './components/layouts/FlexBox.svelte';
 export { default as StyleBox } from './components/layouts/StyleBox.svelte';
-export { default as MenuLayout } from './components/layouts/MenuLayout.svelte';
 export type { MenuItem, MenuSection } from './components/layouts/menuItems.js';
 export { Visibility } from './components/layouts/menuItems.js';
 export { default as ImageCompare } from './components/presentation/ImageCompare.svelte';

package/dist/index.js

@@ -1,13 +1,11 @@
-/*
- * Layout
- */
-export { default as Meta } from './components/layouts/Meta.svelte';
+export { default as Meta } from './components/head/Meta.svelte';
+export { default as Font } from './components/head/Font.svelte';
 export { default as Tracker } from './components/layouts/Tracker.svelte';
 export { default as DefaultLayout } from './components/layouts/DefaultLayout.svelte';
+export { default as MenuLayout } from './components/layouts/MenuLayout.svelte';
 export { default as Well } from './components/layouts/Well.svelte';
 export { default as FlexBox } from './components/layouts/FlexBox.svelte';
 export { default as StyleBox } from './components/layouts/StyleBox.svelte';
-export { default as MenuLayout } from './components/layouts/MenuLayout.svelte';
 export { Visibility } from './components/layouts/menuItems.js';
 export { default as ImageCompare } from './components/presentation/ImageCompare.svelte';
 /*
@@ -16,9 +14,6 @@ export { default as ImageCompare } from './components/presentation/ImageCompare.
 export { InputType, FieldType, SubmitResult, createInputField, createTextareaField, createFilePickerField, createCollectionField, createSelectField, createTimePickerField, createPhoneInputField, } from './components/form/form.js';
 export { default as AntiBot } from './components/form/AntiBot.svelte';
 export { default as SmartForm } from './components/form/SmartForm.svelte';
-/*
- * Integrations
- */
 export { default as EasyTools } from './components/integrations/EasyTools.svelte';
 export { SolidIcons, OutlinedIcons } from './components/icons.js';
 export { default as Icon } from './components/Icon.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "5.0.1",
+	"version": "5.0.2",
 	"license": "MIT",
 	"watch": {
 		"build": {