@hyvor/design 1.0.13 → 1.1.1

package/dist/components/Internationalization/i18n.js

@@ -1,7 +1,8 @@
 import { deepmerge } from 'deepmerge-ts';
-import { writable, derived } from 'svelte/store';
+import { writable, derived, get } from 'svelte/store';
 import { t } from './t.js';
 import T from './T.svelte';
+export const LOCALE_LOCAL_STORAGE_KEY = 'hds-language';
 export class InternationalizationService {
     languages = [];
     locale;
@@ -9,7 +10,7 @@ export class InternationalizationService {
     strings = writable({});
     stringsCache = new Map();
     defaultStrings;
-    constructor(languages) {
+    constructor(languages, forceLanguage) {
         const defaultLanguage = languages.find((l) => l.default);
         if (!defaultLanguage) {
             throw new Error('Default language not found');
@@ -26,6 +27,28 @@ export class InternationalizationService {
         for (const language of languages) {
             this.register(language);
         }
+        const localeStorageLocale = InternationalizationService.getLocaleFromLocalStorage();
+        const browserLocale = InternationalizationService.getClosestLanguageCode(navigator.language, this.languages.map((l) => l.code));
+        if (forceLanguage) {
+            this.setLocale(forceLanguage);
+        }
+        else if (localeStorageLocale) {
+            this.setLocale(localeStorageLocale);
+        }
+        else if (browserLocale) {
+            this.setLocale(browserLocale);
+        }
+    }
+    static getLocaleFromLocalStorage() {
+        if (typeof window !== 'undefined') {
+            return localStorage.getItem(LOCALE_LOCAL_STORAGE_KEY);
+        }
+        return null;
+    }
+    setLocaleOnLocalStorage(code) {
+        if (typeof window !== 'undefined') {
+            localStorage.setItem(LOCALE_LOCAL_STORAGE_KEY, code);
+        }
     }
     setStrings(code) {
         const defaultStrings = this.defaultStrings;
@@ -33,20 +56,28 @@ export class InternationalizationService {
         const merged = deepmerge(defaultStrings, strings);
         this.strings.set(merged);
     }
-    setLocale(code) {
+    async setLocale(code) {
         if (this.stringsCache.has(code)) {
             this.setStrings(code);
             this.locale.set(code);
         }
         else {
-            this.languageByCode(code)
-                ?.loader()
-                .then(({ default: strings }) => {
-                this.stringsCache.set(code, strings);
-                this.setStrings(code);
-                this.locale.set(code);
-            });
+            const language = this.languageByCode(code);
+            if (!language) {
+                throw new Error(`Language with code ${code} not found`);
+            }
+            let strings = language.strings;
+            if (!strings) {
+                strings = await language.loader();
+            }
+            this.stringsCache.set(code, strings);
+            this.setStrings(code);
+            this.locale.set(code);
         }
+        this.setLocaleOnLocalStorage(code);
+    }
+    getLocale() {
+        return get(this.locale);
     }
     register(language) {
         this.languages.push({
@@ -65,6 +96,18 @@ export class InternationalizationService {
     t(key, params = {}) {
         return t(key, params, this);
     }
+    static getClosestLanguageCode(code, availableCodes) {
+        if (availableCodes.includes(code)) {
+            return code;
+        }
+        const codeLanguagePart = code.split('-')[0];
+        for (const availableCode of availableCodes) {
+            if (availableCode.split('-')[0] === codeLanguagePart) {
+                return availableCode;
+            }
+        }
+        return null;
+    }
     T = T;
 }
 export function getStringByKey(messages, key) {

package/dist/components/NavLink/NavLink.svelte

@@ -68,6 +68,10 @@
 		border-left: 3px solid var(--accent);
 	}
 
+	:global(:root.dark) a.active {
+		background-color: color-mix(in srgb, var(--accent-lightest), transparent 80%);
+	}
+
 	a.disabled {
 		cursor: not-allowed;
 		pointer-events: none;

package/dist/components/Slider/Slider.svelte

@@ -8,9 +8,19 @@
 		step?: number;
 		// export let disabled = false;
 		dots?: boolean;
+		onchange?: (value: number) => void;
+		valueFormat?: (value: number) => string;
 	}
 
-	let { min, max, value = $bindable(), step = 1, dots = false }: Props = $props();
+	let {
+		min,
+		max,
+		value = $bindable(),
+		step = 1,
+		dots = false,
+		onchange,
+		valueFormat = (val) => val.toString()
+	}: Props = $props();
 
 	const dispatch = createEventDispatcher<{
 		change: number;
@@ -75,6 +85,7 @@
 		const newValue = min + (x / width) * (max - min);
 		value = toStep(newValue);
 		dispatch('change', value);
+		onchange?.(value);
 	}
 </script>
 
@@ -90,7 +101,7 @@
 		<div class="progress" style="width: {progress}%"></div>
 		<button class="handle" style="left: {progress}%">
 			<span class="tip">
-				{value}
+				{valueFormat(value)}
 			</span>
 		</button>
 

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

@@ -4,6 +4,8 @@ interface Props {
     value: number;
     step?: number;
     dots?: boolean;
+    onchange?: (value: number) => void;
+    valueFormat?: (value: number) => string;
 }
 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> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {

package/dist/components/Usage/Usage.svelte

@@ -0,0 +1,126 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	// import byteFormatter from '../../../lib/helper/byte-formatter';
+
+	interface Props {
+		name: string;
+		current: number;
+		limit: number;
+		bytes?: boolean;
+		warningPercentage?: number;
+		dangerPercentage?: number;
+		notIncludedText?: string;
+	}
+
+	let {
+		name,
+		current,
+		limit,
+		bytes = false,
+		warningPercentage = 85,
+		dangerPercentage = 95,
+		notIncludedText = 'Your license does not include this feature.'
+	}: Props = $props();
+
+	let width = $state('0%');
+	let percentage = $derived(Math.min(limit === 0 ? 100 : (current / limit) * 100, 100));
+
+	onMount(() => {
+		setTimeout(() => {
+			width = percentage + '%';
+		}, 200);
+	});
+
+	function byteFormatter(bytes: number) {
+		const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+		if (bytes == 0) return '0 Bytes';
+		const i = parseInt(String(Math.floor(Math.log(bytes) / Math.log(1000))));
+		return Math.round(bytes / Math.pow(1000, i)) + ' ' + sizes[i];
+	}
+
+	function getReadableValue(num: number) {
+		if (bytes) {
+			return byteFormatter(num);
+		}
+		return num.toLocaleString();
+	}
+
+	let color = $derived.by(() => {
+		if (percentage >= dangerPercentage) {
+			return 'var(--red-dark)';
+		} else if (percentage >= warningPercentage) {
+			return 'var(--orange-dark)';
+		} else {
+			return 'var(--accent)';
+		}
+	});
+</script>
+
+<div class="usage-bar">
+	<div class="usage-bar-top">
+		<div class="usage-name">
+			{name}
+		</div>
+		{#if limit > 0}
+			<div class="usage-number">
+				<span class="usage-now" style:color={color === 'var(--accent)' ? 'var(--text)' : color}
+					>{getReadableValue(current)}</span
+				>
+				<span class="usage-full">/ {getReadableValue(limit)}</span>
+			</div>
+		{/if}
+	</div>
+
+	{#if limit === 0}
+		<div class="feature-not-included">{notIncludedText}</div>
+	{:else}
+		<div class="usage-bar-bar">
+			<div class="usage-bar-fill" style:width style:background={color}></div>
+		</div>
+	{/if}
+</div>
+
+<style>.usage-bar-top {
+  display: flex;
+}
+
+.usage-name {
+  flex: 1;
+  font-size: 14px;
+}
+
+.usage-now {
+  margin-right: 4px;
+  font-weight: 600;
+}
+
+.usage-full {
+  color: var(--text-light);
+  font-size: 12px;
+}
+
+.usage-bar-bar {
+  margin: 6px 0 15px;
+  width: 100%;
+  height: 15px;
+  background: var(--accent-light);
+  border-radius: 20px;
+  position: relative;
+  overflow: hidden;
+}
+
+.usage-bar-fill {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  background: var(--accent);
+  border-radius: 20px;
+  transition: 0.3s width ease-out;
+}
+
+.feature-not-included {
+  color: var(--text-light);
+  font-size: 12px;
+  margin: 5px 0 15px;
+}</style>

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

@@ -0,0 +1,12 @@
+interface Props {
+    name: string;
+    current: number;
+    limit: number;
+    bytes?: boolean;
+    warningPercentage?: number;
+    dangerPercentage?: number;
+    notIncludedText?: string;
+}
+declare const Usage: import("svelte").Component<Props, {}, "">;
+type Usage = ReturnType<typeof Usage>;
+export default Usage;

package/dist/components/index.d.ts

@@ -7,10 +7,12 @@ export { default as Base } from './Base/Base.svelte';
 export { default as Box } from './Box/Box.svelte';
 export { default as Button } from './Button/Button.svelte';
 export { default as ButtonGroup } from './Button/ButtonGroup.svelte';
+export { default as BoxShadowPicker } from './BoxShadowPicker/BoxShadowPicker.svelte';
 export { default as Callout } from './Callout/Callout.svelte';
 export { default as Checkbox } from './Checkbox/Checkbox.svelte';
 export { default as CodeBlock } from './CodeBlock/CodeBlock.svelte';
 export { default as ColorPicker } from './ColorPicker/ColorPicker.svelte';
+export { default as DarkProvider } from './Dark/DarkProvider.svelte';
 export { default as DarkToggle } from './Dark/DarkToggle.svelte';
 export { default as Dropdown } from './Dropdown/Dropdown.svelte';
 export { default as Divider } from './Divider/Divider.svelte';
@@ -43,6 +45,7 @@ export { default as Text } from './Text/Text.svelte';
 export { default as TextInput } from './TextInput/TextInput.svelte';
 export { default as toast } from './Toast/toast.js';
 export { default as Tooltip } from './Tooltip/Tooltip.svelte';
+export { default as Usage } from './Usage/Usage.svelte';
 export { default as IconMessage } from './IconMessage/IconMessage.svelte';
 export { clickOutside } from './directives/clickOutside.js';
 export { default as InternationalizationProvider } from './Internationalization/InternationalizationProvider.svelte';

package/dist/components/index.js

@@ -7,10 +7,12 @@ export { default as Base } from './Base/Base.svelte';
 export { default as Box } from './Box/Box.svelte';
 export { default as Button } from './Button/Button.svelte';
 export { default as ButtonGroup } from './Button/ButtonGroup.svelte';
+export { default as BoxShadowPicker } from './BoxShadowPicker/BoxShadowPicker.svelte';
 export { default as Callout } from './Callout/Callout.svelte';
 export { default as Checkbox } from './Checkbox/Checkbox.svelte';
 export { default as CodeBlock } from './CodeBlock/CodeBlock.svelte';
 export { default as ColorPicker } from './ColorPicker/ColorPicker.svelte';
+export { default as DarkProvider } from './Dark/DarkProvider.svelte';
 export { default as DarkToggle } from './Dark/DarkToggle.svelte';
 export { default as Dropdown } from './Dropdown/Dropdown.svelte';
 export { default as Divider } from './Divider/Divider.svelte';
@@ -43,6 +45,7 @@ export { default as Text } from './Text/Text.svelte';
 export { default as TextInput } from './TextInput/TextInput.svelte';
 export { default as toast } from './Toast/toast.js';
 export { default as Tooltip } from './Tooltip/Tooltip.svelte';
+export { default as Usage } from './Usage/Usage.svelte';
 export { default as IconMessage } from './IconMessage/IconMessage.svelte';
 // directives
 export { clickOutside } from './directives/clickOutside.js';

package/dist/marketing/Footer/Footer.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import Container from '../Container/Container.svelte';
-
 	import IconCopy from '@hyvor/icons/IconCopy';
 	import IconDiscord from '@hyvor/icons/IconDiscord';
 	import IconEnvelope from '@hyvor/icons/IconEnvelope';
@@ -8,39 +7,34 @@
 	import IconLinkedin from '@hyvor/icons/IconLinkedin';
 	import IconTwitterX from '@hyvor/icons/IconTwitterX';
 	import IconYoutube from '@hyvor/icons/IconYoutube';
-
 	import Link from '../../components/Link/Link.svelte';
 	import IconButton from '../../components/IconButton/IconButton.svelte';
 	import Tooltip from '../../components/Tooltip/Tooltip.svelte';
 	import LanguageToggle from '../../components/Internationalization/LanguageToggle.svelte';
+	import IconBluesky from '@hyvor/icons/IconBluesky';
+	import { SOCIAL_LINKS, type Socials } from '../social.js';
 
 	const year = new Date().getFullYear();
 
 	interface Props {
 		email?: string | null;
-		social?: any;
-		emailCopied?: boolean;
+		social?: Partial<Socials>;
 		center?: import('svelte').Snippet;
 	}
 
 	let {
 		email = null,
 		social = $bindable({} as Record<string, string | null>),
-		emailCopied = $bindable(false),
 		center
 	}: Props = $props();
 
 	social = {
-		...{
-			x: null,
-			discord: 'https://discord.com/invite/2WRJxQB',
-			github: 'https://github.com/hyvor',
-			youtube: 'https://www.youtube.com/@HYVOR',
-			linkedin: 'https://www.linkedin.com/company/30240435'
-		},
+		...SOCIAL_LINKS,
 		...social
 	};
 
+	let emailCopied = $state(false);
+
 	function handleCopy() {
 		navigator.clipboard.writeText(email!);
 		emailCopied = true;
@@ -79,25 +73,27 @@
 					{#if social.github}
 						<a href={social.github} target="_blank" rel="nofollow"><IconGithub /></a>
 					{/if}
-					{#if social.x}
-						<a href={social.x} target="_blank" rel="nofollow"><IconTwitterX /></a>
-					{/if}
 					{#if social.discord}
 						<a href={social.discord} target="_blank" rel="nofollow"><IconDiscord /></a>
 					{/if}
+					{#if social.blueksy}
+						<a href={social.blueksy} target="_blank" rel="nofollow"><IconBluesky /></a>
+					{/if}
+					{#if social.x}
+						<a href={social.x} target="_blank" rel="nofollow"><IconTwitterX /></a>
+					{/if}
 					{#if social.youtube}
 						<a href={social.youtube} target="_blank" rel="nofollow"><IconYoutube /></a>
 					{/if}
 					{#if social.linkedin}
-						<a href={social.linkedin} target="_blank" rel="nofollow"><IconLinkedin /></a
-						>
+						<a href={social.linkedin} target="_blank" rel="nofollow"><IconLinkedin /></a>
 					{/if}
 				</div>
 			</div>
 
 			<div class="footer-top-right">
 				<span class="language-toggle-wrap">
-					<LanguageToggle />
+					<LanguageToggle align="end" position="top" staticPage />
 				</span>
 			</div>
 		</div>

package/dist/marketing/Footer/Footer.svelte.d.ts

@@ -1,9 +1,9 @@
+import { type Socials } from '../social.js';
 interface Props {
     email?: string | null;
-    social?: any;
-    emailCopied?: boolean;
+    social?: Partial<Socials>;
     center?: import('svelte').Snippet;
 }
-declare const Footer: import("svelte").Component<Props, {}, "social" | "emailCopied">;
+declare const Footer: import("svelte").Component<Props, {}, "social">;
 type Footer = ReturnType<typeof Footer>;
 export default Footer;

package/dist/marketing/Header/Header.svelte

@@ -8,6 +8,7 @@
 	interface Props {
 		logo: string;
 		name?: string;
+		href?: string;
 		subName?: undefined | string;
 		darkToggle?: boolean;
 		center?: import('svelte').Snippet;
@@ -17,6 +18,7 @@
 	let {
 		logo,
 		name = 'HYVOR',
+		href = '/',
 		subName = undefined,
 		darkToggle = true,
 		center,
@@ -27,7 +29,7 @@
 <header>
 	<Container as="nav">
 		<div class="nav-start">
-			<a class="nav-brand" href="/">
+			<a class="nav-brand" {href}>
 				<img src={logo} alt="Hyvor Logo" width="30" height="30" />
 				<span class="brand-product">
 					<span class="brand">{name}</span>

package/dist/marketing/Header/Header.svelte.d.ts

@@ -1,6 +1,7 @@
 interface Props {
     logo: string;
     name?: string;
+    href?: string;
     subName?: undefined | string;
     darkToggle?: boolean;
     center?: import('svelte').Snippet;

package/dist/marketing/social.d.ts

@@ -0,0 +1,9 @@
+export declare const SOCIAL_LINKS: {
+    readonly x: "https://x.com/HyvorHQ";
+    readonly blueksy: "https://bsky.app/profile/hyvor.com";
+    readonly discord: "https://discord.com/invite/2WRJxQB";
+    readonly github: "https://github.com/hyvor";
+    readonly youtube: "https://www.youtube.com/@HYVOR";
+    readonly linkedin: "https://www.linkedin.com/company/30240435";
+};
+export type Socials = typeof SOCIAL_LINKS;

package/dist/marketing/social.js

@@ -0,0 +1,8 @@
+export const SOCIAL_LINKS = {
+    x: 'https://x.com/HyvorHQ',
+    blueksy: 'https://bsky.app/profile/hyvor.com',
+    discord: 'https://discord.com/invite/2WRJxQB',
+    github: 'https://github.com/hyvor',
+    youtube: 'https://www.youtube.com/@HYVOR',
+    linkedin: 'https://www.linkedin.com/company/30240435'
+};

package/dist/stores/dark.d.ts

@@ -1,2 +1,3 @@
 export declare const dark: import("svelte/store").Writable<boolean>;
+export declare const DARK_LOCAL_STORAGE_KEY = "hds-dark";
 export declare function setInitialState(): void;

package/dist/stores/dark.js

@@ -1,5 +1,6 @@
 import { writable } from 'svelte/store';
 export const dark = writable(false);
+export const DARK_LOCAL_STORAGE_KEY = 'hds-dark';
 export function setInitialState() {
     const isDark = isDarkScheme();
     if (isDark) {
@@ -8,16 +9,16 @@ export function setInitialState() {
     dark.subscribe((isDark) => {
         if (isDark) {
             document.documentElement.classList.add('dark');
-            window.localStorage.setItem('scheme-dark', 'true');
+            window.localStorage.setItem(DARK_LOCAL_STORAGE_KEY, 'true');
         }
         else {
             document.documentElement.classList.remove('dark');
-            window.localStorage.removeItem('scheme-dark');
+            window.localStorage.removeItem(DARK_LOCAL_STORAGE_KEY);
         }
     });
 }
 function isDarkScheme() {
-    const localStorageData = window.localStorage.getItem('scheme-dark');
+    const localStorageData = window.localStorage.getItem(DARK_LOCAL_STORAGE_KEY);
     if (localStorageData) {
         return !!localStorageData;
     }

package/dist/variables.scss

@@ -63,7 +63,7 @@
 	--box-background: #1c1c1c;
 
 	--accent-light: #555;
-	--accent-lightest: #333;
+	--accent-lightest: #2d2d2d;
 
 	--border: #4a4a4a;
 	--link: #7cb6e1;

package/package.json

@@ -48,7 +48,7 @@
 	},
 	"dependencies": {
 		"@fontsource/readex-pro": "^5.0.8",
-		"@hyvor/icons": "^1.1.0",
+		"@hyvor/icons": "^1.1.1",
 		"deepmerge-ts": "^5.1.0",
 		"highlight.js": "^11.9.0",
 		"intl-messageformat": "^10.5.11",
@@ -59,5 +59,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "1.0.13"
+	"version": "1.1.1"
 }

package/dist/marketing/Logo/LogoBlogs.svelte

@@ -1,46 +0,0 @@
-<script lang="ts">
-	interface Props {
-		size?: number;
-	}
-
-	let { size = 40 }: Props = $props();
-</script>
-
-<svg width={size} height={size} viewBox="0 0 132.29166 132.29167" version="1.1">
-	<g id="layer1">
-		<g id="g1067">
-			<rect
-				style="mix-blend-mode:normal;fill:#f1e8e8;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:7.15826;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-				id="rect1001"
-				width="77.870262"
-				height="123.57672"
-				x="26.535261"
-				y="5.0260782"
-				ry="38.935131"
-				transform="rotate(-0.58211807)"
-			/>
-			<path
-				id="path1003"
-				style="mix-blend-mode:normal;fill:#896c6b;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:7.15826;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-				d="m 105.07895,65.75026 0.23219,22.852048 C 105.53028,110.17126 88.342531,127.71185 66.773582,127.931 45.204632,128.15014 27.664036,110.96239 27.44489,89.393446 L 27.212709,66.541399 Z"
-			/>
-			<g id="g1011" transform="matrix(1.0727824,0,0,1.0727824,-4.7282157,-11.786447)">
-				<path
-					id="path1005"
-					style="fill:none;stroke:#000000;stroke-width:6.19866;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-					d="m 59.684412,40.713463 c 0,-2.381274 -3.065933,-4.311677 -6.847956,-4.311677 -3.782022,0 -6.847956,1.930403 -6.847956,4.311677"
-				/>
-				<path
-					id="path1007"
-					style="fill:none;stroke:#000000;stroke-width:6.19866;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-					d="m 86.142762,40.713463 c 0,-2.381274 -3.065933,-4.311677 -6.847956,-4.311677 -3.782022,0 -6.847956,1.930403 -6.847956,4.311677"
-				/>
-				<path
-					id="path1009"
-					style="fill:none;stroke:#000000;stroke-width:6.19866;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-					d="m 72.699971,55.496735 c 0,2.381274 -3.065933,4.311677 -6.847956,4.311677 -3.782022,0 -6.847956,-1.930403 -6.847956,-4.311677"
-				/>
-			</g>
-		</g>
-	</g>
-</svg>

package/dist/marketing/Logo/LogoBlogs.svelte.d.ts

@@ -1,6 +0,0 @@
-interface Props {
-    size?: number;
-}
-declare const LogoBlogs: import("svelte").Component<Props, {}, "">;
-type LogoBlogs = ReturnType<typeof LogoBlogs>;
-export default LogoBlogs;

package/dist/marketing/Logo/LogoCore.svelte

@@ -1,46 +0,0 @@
-<script lang="ts">
-	interface Props {
-		size?: number;
-	}
-
-	let { size = 40 }: Props = $props();
-</script>
-
-<svg width={size} height={size} viewBox="0 0 500 500" version="1.1">
-	<g id="layer1">
-		<g id="g5140" transform="translate(-986.41349,-538.31731)">
-			<rect
-				style="mix-blend-mode:normal;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:27.0548;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-				id="rect1001"
-				width="294.31281"
-				height="467.06161"
-				x="1081.1842"
-				y="567.30737"
-				ry="147.1564"
-				transform="rotate(-0.582118)"
-			/>
-			<path
-				id="path1003"
-				style="mix-blend-mode:normal;fill:#666666;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:27.0548;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-				d="m 1383.5623,786.82223 0.8775,86.36995 c 0.8283,81.52045 -64.1333,147.81562 -145.6537,148.64392 -81.5205,0.8282 -147.8157,-64.13337 -148.6439,-145.65379 l -0.8776,-86.36995 z"
-			/>
-			<g id="g1011" transform="matrix(4.0546107,0,0,4.0546107,968.54304,493.77011)">
-				<path
-					id="path1005"
-					style="fill:none;stroke:#000000;stroke-width:6.19866;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-					d="m 59.684412,40.713463 c 0,-2.381274 -3.065933,-4.311677 -6.847956,-4.311677 -3.782022,0 -6.847956,1.930403 -6.847956,4.311677"
-				/>
-				<path
-					id="path1007"
-					style="fill:none;stroke:#000000;stroke-width:6.19866;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-					d="m 86.142762,40.713463 c 0,-2.381274 -3.065933,-4.311677 -6.847956,-4.311677 -3.782022,0 -6.847956,1.930403 -6.847956,4.311677"
-				/>
-				<path
-					id="path1009"
-					style="fill:none;stroke:#000000;stroke-width:6.19866;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
-					d="m 72.699971,55.496735 c 0,2.381274 -3.065933,4.311677 -6.847956,4.311677 -3.782022,0 -6.847956,-1.930403 -6.847956,-4.311677"
-				/>
-			</g>
-		</g>
-	</g>
-</svg>

package/dist/marketing/Logo/LogoCore.svelte.d.ts

@@ -1,6 +0,0 @@
-interface Props {
-    size?: number;
-}
-declare const LogoCore: import("svelte").Component<Props, {}, "">;
-type LogoCore = ReturnType<typeof LogoCore>;
-export default LogoCore;