@turnipxenon/pineapple 4.5.1 → 5.0.0-alpha.1

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte

@@ -5,10 +5,7 @@
 	import { PinyaButton } from "../../elements/PinyaButton";
 	import { PinyaCard } from "../../elements/PinyaCard";
 	import type { ProjectGroup, SnippetMeta } from "./";
-	import { type ToastContext } from "@skeletonlabs/skeleton-svelte";
-	import { getContext } from "svelte";
-
-	export const toast: ToastContext = getContext("toast");
+	import { addToast } from "../../components/MeltToaster/MeltToaster.svelte";
 
 	interface Props {
 		layout: ProjectGroup[];
@@ -103,7 +100,7 @@
 		};
 	});
 
-	let comboboxValue = $state([comboboxData[0].value]);
+	let comboboxValue = $state(comboboxData[0].value);
 
 	const addEntry = () => {
 		const c = allEntries.find(e => e.key === comboboxValue[0]);
@@ -114,10 +111,12 @@
 		}
 
 		if (group.entryList.includes(c)) {
-			toast.create({
-				title: "Duplicate entry",
-				description: `The entry ${comboboxValue} is already in ${group.title}`,
-				type: "error"
+			addToast({
+				data: {
+					title: "Duplicate entry",
+					description: `The entry ${comboboxValue} is already in ${group.title}`,
+					type: "error"
+				}
 			});
 			return;
 		}
@@ -129,10 +128,9 @@
 </script>
 
 <PinyaCard
-	widthClass="max-w-2xl"
+	class="project-group-config-card"
 	borderClass="border-[2px] border-primary-500"
 	marginClass="mt-4 mb-4"
-	paddingClass=""
 >
 
 	<div class="m-4 flex flex-row gap-2">
@@ -203,6 +201,7 @@
 				<PinyaButton onclick={addEntry}>Add Entry
 				</PinyaButton>
 				<PinyaCombobox
+					class="project-group-config"
 					data={comboboxData}
 					defaultValue={comboboxValue}
 					bind:value={comboboxValue}
@@ -225,7 +224,7 @@
     }
 
     .entry-name {
-        grow: 1;
+        flex-grow: 1;
     }
 
     tr, td, th, table {
@@ -260,4 +259,15 @@
         flex-direction: row;
         gap: 1em;
     }
+
+    :global {
+        .project-group-config-card.pinya-card {
+            max-width:var(--container-2xl);
+		        padding: 0;
+        }
+
+        .project-group-config.pinya-combobox-wrapper {
+		        flex-grow: 1;
+        }
+    }
 </style>

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.d.ts

@@ -1,14 +1,15 @@
-import type { ProjectGroup, SnippetMeta } from "./";
-import { type ToastContext } from "@skeletonlabs/skeleton-svelte";
-interface Props {
-    layout: ProjectGroup[];
-    orderUrl: string;
-    allEntries: SnippetMeta[];
-    group: ProjectGroup;
-    groupIndex: number;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ProjectGroupConfigProps = typeof __propDef.props;
+export type ProjectGroupConfigEvents = typeof __propDef.events;
+export type ProjectGroupConfigSlots = typeof __propDef.slots;
+export default class ProjectGroupConfig extends SvelteComponentTyped<ProjectGroupConfigProps, ProjectGroupConfigEvents, ProjectGroupConfigSlots> {
 }
-declare const ProjectGroupConfig: import("svelte").Component<Props, {
-    toast: ToastContext;
-}, "layout" | "orderUrl">;
-type ProjectGroupConfig = ReturnType<typeof ProjectGroupConfig>;
-export default ProjectGroupConfig;
+export {};
+//# sourceMappingURL=ProjectGroupConfig.svelte.d.ts.map

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectGroupConfig.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgND,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}

package/dist/ui/templates/SeaweedLayout/SeaweedLayout.svelte

@@ -286,4 +286,9 @@
         gap: 0.25em;
         margin-top: 1lh;
     }
+
+    .advanced-setting {
+		    margin-left: 1em;
+		    margin-right: 1em;
+    }
 </style>

package/dist/ui/templates/SeaweedLayout/SeaweedLayout.svelte.d.ts

@@ -1,4 +1,15 @@
-import type { SeaweedLayoutProps } from "./props";
-declare const SeaweedLayout: import("svelte").Component<SeaweedLayoutProps, {}, "">;
-type SeaweedLayout = ReturnType<typeof SeaweedLayout>;
-export default SeaweedLayout;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type SeaweedLayoutProps_ = typeof __propDef.props;
+export { SeaweedLayoutProps_ as SeaweedLayoutProps };
+export type SeaweedLayoutEvents = typeof __propDef.events;
+export type SeaweedLayoutSlots = typeof __propDef.slots;
+export default class SeaweedLayout extends SvelteComponentTyped<SeaweedLayoutProps_, SeaweedLayoutEvents, SeaweedLayoutSlots> {
+}
+//# sourceMappingURL=SeaweedLayout.svelte.d.ts.map

package/dist/ui/templates/SeaweedLayout/SeaweedLayout.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeaweedLayout.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/SeaweedLayout.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6PD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,KAAK,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,OAAO,EAAE,mBAAmB,IAAI,kBAAkB,EAAE,CAAC;AACrD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC5H"}

package/dist/ui/templates/SeaweedLayout/index.d.ts

@@ -2,3 +2,4 @@ export { default as SeaweedLayout } from "./SeaweedLayout.svelte";
 export { default as EntryGroup } from "./EntryGroup.svelte";
 export * from "./props";
 export * from "./ProjectComponentProps";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/templates/SeaweedLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAA"}

package/dist/ui/templates/SeaweedLayout/props.d.ts

@@ -25,3 +25,4 @@ export interface SeaweedLayoutProps {
     serverParams?: string;
 }
 export {};
+//# sourceMappingURL=props.d.ts.map

package/dist/ui/templates/SeaweedLayout/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/SeaweedLayout/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAE7E,KAAK,gBAAgB,GAAG,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,gBAAgB,CAAC;CAC5B;AAED,MAAM,WAAW,YAAY;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC9C;AAED,MAAM,WAAW,kBAAkB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAElB,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/ui/templates/blog_template/BlogTemplate.svelte

@@ -1,11 +1,12 @@
 <script lang="ts">
 	import "./blog-template.css";
+	import { setIgnoreOverlayOverride } from "../../../util/context/pineappleBaseContextDefinitions";
 	import { onDestroy, onMount, type Snippet } from "svelte";
 	import BlogTemplateInner from "./BlogTemplateInner.svelte";
 	import type { SimplePageMeta } from "../../modules/NavigationMenu/index";
-	import { enableDialogueOverlay } from "../../../components/dialog_manager/DialogManagerStore";
+	import { enableUniversalOverlaySvelte4 } from "../../../components/dialog_manager/DialogManagerStore";
 	import PinyaCard from "../../elements/PinyaCard/PinyaCard.svelte";
-	import { appState } from "../PinyaPageLayout/runes.svelte";
+	import { appState } from "../PinyaPageLayout/pinyaPageLayoutRunes.svelte.js";
 
 	// grab page meta from the adjacent meta.json
 	interface Props {
@@ -26,14 +27,16 @@
 
 	let initialDialogState = false;
 
+	setIgnoreOverlayOverride(true);
+
 	onMount(() => {
-		initialDialogState = $enableDialogueOverlay;
-		enableDialogueOverlay.set(shouldEnableDialogOverlay);
+		initialDialogState = $enableUniversalOverlaySvelte4;
+		enableUniversalOverlaySvelte4.set(shouldEnableDialogOverlay);
 	});
 
 	onDestroy(() => {
 		appState.bgOpacity = 1;
-		enableDialogueOverlay.set(initialDialogState);
+		enableUniversalOverlaySvelte4.set(initialDialogState);
 	});
 
 	appState.bgOpacity = shouldFillWholePage ? 0.2 : 1;
@@ -60,4 +63,4 @@
         padding-right: 2em;
         padding-left: 2em;
     }
-</style>
+</style>

package/dist/ui/templates/blog_template/BlogTemplate.svelte.d.ts

@@ -1,13 +1,16 @@
+import { SvelteComponentTyped } from "svelte";
 import "./blog-template.css";
-import { type Snippet } from "svelte";
-import type { SimplePageMeta } from "../../modules/NavigationMenu/index";
-interface Props {
-    pageMeta: SimplePageMeta;
-    shouldFillWholePage?: boolean;
-    shouldEnableDialogOverlay?: boolean;
-    includeDataNoSnippet?: boolean;
-    children?: Snippet;
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type BlogTemplateProps = typeof __propDef.props;
+export type BlogTemplateEvents = typeof __propDef.events;
+export type BlogTemplateSlots = typeof __propDef.slots;
+export default class BlogTemplate extends SvelteComponentTyped<BlogTemplateProps, BlogTemplateEvents, BlogTemplateSlots> {
 }
-declare const BlogTemplate: import("svelte").Component<Props, {}, "">;
-type BlogTemplate = ReturnType<typeof BlogTemplate>;
-export default BlogTemplate;
+export {};
+//# sourceMappingURL=BlogTemplate.svelte.d.ts.map

package/dist/ui/templates/blog_template/BlogTemplate.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogTemplate.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/blog_template/BlogTemplate.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,qBAAqB,CAAC;AAwE7B,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

package/dist/ui/templates/blog_template/BlogTemplateInner.svelte

@@ -23,7 +23,7 @@
 		{#if pageMeta.tags.length > 0}
 			<section id="article-tags">
 				Tags:
-				{#each pageMeta.tags as tag}
+				{#each pageMeta.tags as tag, index (index)}
 					<span class="badge preset-filled">{tag}</span>
 				{/each}
 			</section>
@@ -43,4 +43,4 @@
     .badge {
         margin-inline-end: 0.5em;
     }
-</style>
+</style>

package/dist/ui/templates/blog_template/BlogTemplateInner.svelte.d.ts

@@ -1,8 +1,15 @@
-import type { SimplePageMeta } from "../../modules/NavigationMenu/index";
-interface Props {
-    pageMeta: SimplePageMeta;
-    children?: import('svelte').Snippet;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type BlogTemplateInnerProps = typeof __propDef.props;
+export type BlogTemplateInnerEvents = typeof __propDef.events;
+export type BlogTemplateInnerSlots = typeof __propDef.slots;
+export default class BlogTemplateInner extends SvelteComponentTyped<BlogTemplateInnerProps, BlogTemplateInnerEvents, BlogTemplateInnerSlots> {
 }
-declare const BlogTemplateInner: import("svelte").Component<Props, {}, "">;
-type BlogTemplateInner = ReturnType<typeof BlogTemplateInner>;
-export default BlogTemplateInner;
+export {};
+//# sourceMappingURL=BlogTemplateInner.svelte.d.ts.map

package/dist/ui/templates/blog_template/BlogTemplateInner.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogTemplateInner.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/blog_template/BlogTemplateInner.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6CD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}

package/dist/ui/templates/confirmation-modal/component.svelte

@@ -44,4 +44,4 @@
         margin-top: 1.4lh;
         gap: 1rem;
     }
-</style>
+</style>

package/dist/ui/templates/confirmation-modal/component.svelte.d.ts

@@ -1,4 +1,15 @@
-import type { ConfirmationModalProps } from './props';
-declare const Component: import("svelte").Component<ConfirmationModalProps, {}, "">;
-type Component = ReturnType<typeof Component>;
-export default Component;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ComponentProps = typeof __propDef.props;
+export type ComponentEvents = typeof __propDef.events;
+export type ComponentSlots = typeof __propDef.slots;
+export default class Component extends SvelteComponentTyped<ComponentProps, ComponentEvents, ComponentSlots> {
+}
+export {};
+//# sourceMappingURL=component.svelte.d.ts.map

package/dist/ui/templates/confirmation-modal/component.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/confirmation-modal/component.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwCD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/ui/templates/confirmation-modal/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ConfirmationModal } from "./component.svelte";
 export * from "./props";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/templates/confirmation-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/confirmation-modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAClE,cAAc,SAAS,CAAC"}

package/dist/ui/templates/confirmation-modal/props.d.ts

@@ -8,3 +8,4 @@ export interface ConfirmationModalProps extends ModalProps {
         text?: string;
     };
 }
+//# sourceMappingURL=props.d.ts.map

package/dist/ui/templates/confirmation-modal/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/confirmation-modal/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,sBAAuB,SAAQ,UAAU;IACzD,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE;QACR,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,CAAA;KACb,CAAA;CACD"}

package/dist/ui/templates/index.d.ts

@@ -1,4 +1,5 @@
-export { default as PinyaBase } from "./PinyaBase.svelte";
+export { default as PinyaBase } from "./pinya-base/PinyaBase.svelte";
 export * from "./PinyaPageLayout";
 export * from "./SeaweedLayout";
 export * from "./confirmation-modal";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAErE,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC"}

package/dist/ui/templates/index.js

@@ -1,4 +1,4 @@
-export { default as PinyaBase } from "./PinyaBase.svelte";
+export { default as PinyaBase } from "./pinya-base/PinyaBase.svelte";
 export * from "./PinyaPageLayout";
 export * from "./SeaweedLayout";
 export * from "./confirmation-modal";

package/dist/ui/templates/{PinyaBase.svelte → pinya-base/PinyaBase.svelte}

@@ -1,12 +1,13 @@
 <script lang="ts">
 	import { page } from "$app/state";
-	import { locales, localizeHref } from "../../external/paraglide/runtime";
-	import "../../styles/global.css";
-	import WebThumbnailImage from "../../assets/placeholder/placeholder_circle.png";
-	import type { PinyaHead } from "./runes.svelte";
-	import { ToastProvider } from "@skeletonlabs/skeleton-svelte";
+	import WebThumbnailImage from "../../../assets/placeholder/placeholder_circle.png";
+	import { locales, localizeHref } from "../../../external/paraglide/runtime";
+	import "../../../styles/global.css";
+	import MeltToaster from "../../components/MeltToaster/MeltToaster.svelte";
+	import type { PinyaHead } from "./pinyaBaseRunes.svelte.js";
+	import PineappleBaseContext from "../../../util/context/PineappleBaseContext.svelte";
 	import { ModeWatcher } from "mode-watcher";
-	import "../../styles/app.css";
+	import "../../../styles/app.css";
 	import { Modals } from "svelte-modals";
 
 	let { children } = $props();
@@ -32,21 +33,24 @@
 	}) ?? []);
 </script>
 
-<Modals>
-	<!-- shown when any modal is opened -->
-	{#snippet backdrop({ close })}
-		<div
-			aria-hidden="true"
-			class="backdrop"
-			onclick={() => close()}
-		></div>
-	{/snippet}
-</Modals>
-<ModeWatcher defaultTheme="turnip" />
+<PineappleBaseContext>
+
+	<Modals>
+		<!-- shown when any modal is opened -->
+		{#snippet backdrop({ close })}
+			<div
+				aria-hidden="true"
+				class="backdrop"
+				onclick={() => close()}
+			></div>
+		{/snippet}
+	</Modals>
+	<ModeWatcher defaultTheme="turnip" />
+
+	<MeltToaster />
 
-<ToastProvider>
 	{@render children()}
-</ToastProvider>
+</PineappleBaseContext>
 
 <!--invisible ink-->
 <div style="display:none">
@@ -72,15 +76,22 @@
 	{/each}
 </svelte:head>
 
-<style>
-    .backdrop {
-        position: fixed;
-        z-index: 19;
-        top: 0;
-        bottom: 0;
-        right: 0;
-        left: 0;
-        background: rgba(0, 0, 0, 0.50);
-        backdrop-filter: blur(4px);
-    }
-</style>
+<style>.apply-current-surface {
+  background-color: var(--current-surface-color);
+}
+
+body {
+  --current-surface-color: var(--body-background-color);
+  background-color: var(--current-surface-color);
+}
+
+.backdrop {
+  position: fixed;
+  z-index: 19;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  background: rgba(0, 0, 0, 0.5);
+  backdrop-filter: blur(4px);
+}</style>

package/dist/ui/templates/pinya-base/PinyaBase.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponentTyped } from "svelte";
+import "../../../styles/global.css";
+import "../../../styles/app.css";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type PinyaBaseProps = typeof __propDef.props;
+export type PinyaBaseEvents = typeof __propDef.events;
+export type PinyaBaseSlots = typeof __propDef.slots;
+export default class PinyaBase extends SvelteComponentTyped<PinyaBaseProps, PinyaBaseEvents, PinyaBaseSlots> {
+}
+export {};
+//# sourceMappingURL=PinyaBase.svelte.d.ts.map

package/dist/ui/templates/pinya-base/PinyaBase.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinyaBase.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/pinya-base/PinyaBase.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,wBAAwB,CAAC;AAKhC,OAAO,qBAAqB,CAAC;AAiF7B,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/ui/templates/{runes.svelte.d.ts → pinya-base/pinyaBaseRunes.svelte.d.ts}

@@ -9,3 +9,4 @@ export interface PinyaHeadMetaWrap {
     meta: PinyaHead;
 }
 export declare const pinyaHead: PinyaHead;
+//# sourceMappingURL=pinyaBaseRunes.svelte.d.ts.map

package/dist/ui/templates/pinya-base/pinyaBaseRunes.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pinyaBaseRunes.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/templates/pinya-base/pinyaBaseRunes.svelte.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IACjC,IAAI,EAAE,SAAS,CAAA;CACf;AAUD,eAAO,MAAM,SAAS,WAErB,CAAC"}

package/dist/ui/templates/{runes.svelte.js → pinya-base/pinyaBaseRunes.svelte.js}

@@ -1,4 +1,4 @@
-import WebThumbnailImage from "../../assets/placeholder/placeholder_circle.png";
+import WebThumbnailImage from "../../../assets/placeholder/placeholder_circle.png";
 const defaultData = {
     rootUrl: "http://localhost:5173",
     title: "Welcome to my portfolio",

package/dist/util/context/PineappleBaseContext.svelte

@@ -0,0 +1,52 @@
+<script lang="ts">
+	import { enableUniversalOverlaySvelte4 } from "../..";
+	import {
+		getEnableDialogOverlayContext, getIgnoreOverlayOverride,
+		setEnableDialogOverlayContext,
+		setEnablePortraitContext, setIgnoreOverlayOverride,
+		setOverlayTypeContext
+	} from "./pineappleBaseContextDefinitions";
+	import { createLocalStore } from "../localStore.svelte";
+	import { onMount } from "svelte";
+
+	let { children } = $props();
+
+	setEnablePortraitContext(createLocalStore("enable-portrait"));
+	setOverlayTypeContext(createLocalStore("overlay-type"));
+
+	/**
+	 * how do we want to use this context???
+	 *
+	 * let testValue = getContext(key)
+	 *
+	 * testValue.value <= read
+	 * testValue.setValue(value) = write
+	 *
+	 *
+	 * let c = getContext('enablePortraitContext');
+	 * c.value?
+	 * c.setValue
+	 */
+
+	// special logic since we would need to change the extensions for all the typescript code if we dont
+	setEnableDialogOverlayContext(createLocalStore("enable-dialog-overlay"));
+	let _enableDialogOverlayRunes = getEnableDialogOverlayContext();
+	setIgnoreOverlayOverride(true);
+	let ignoreOverlaySet = getIgnoreOverlayOverride();
+	onMount(() => {
+		enableUniversalOverlaySvelte4.subscribe((value) => {
+			if (ignoreOverlaySet) {
+				ignoreOverlaySet = false;
+				// force initial value?
+				enableUniversalOverlaySvelte4.set(_enableDialogOverlayRunes.value);
+			} else {
+				console.log('subscribing enable-dialog-overlay')
+				_enableDialogOverlayRunes.value = value;
+			}
+		});
+
+		// if putting more onMount here, maybe add some associations to not make code confusing
+	});
+</script>
+
+{@render children()}

package/dist/util/context/PineappleBaseContext.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type PineappleBaseContextProps = typeof __propDef.props;
+export type PineappleBaseContextEvents = typeof __propDef.events;
+export type PineappleBaseContextSlots = typeof __propDef.slots;
+export default class PineappleBaseContext extends SvelteComponentTyped<PineappleBaseContextProps, PineappleBaseContextEvents, PineappleBaseContextSlots> {
+}
+export {};
+//# sourceMappingURL=PineappleBaseContext.svelte.d.ts.map

package/dist/util/context/PineappleBaseContext.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PineappleBaseContext.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/PineappleBaseContext.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6DD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/D,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjE,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/D,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,oBAAoB,CAAC,yBAAyB,EAAE,0BAA0B,EAAE,yBAAyB,CAAC;CACvJ"}

package/dist/util/context/pineappleBaseContextDefinitions.d.ts

@@ -0,0 +1,7 @@
+import type { OverlayType } from "../..";
+import { LocalStore } from "../localStore.svelte";
+export declare const getEnablePortraitContext: () => LocalStore<boolean>, setEnablePortraitContext: (context: LocalStore<boolean>) => LocalStore<boolean>;
+export declare const getEnableDialogOverlayContext: () => LocalStore<boolean>, setEnableDialogOverlayContext: (context: LocalStore<boolean>) => LocalStore<boolean>;
+export declare const getOverlayTypeContext: () => LocalStore<OverlayType>, setOverlayTypeContext: (context: LocalStore<OverlayType>) => LocalStore<OverlayType>;
+export declare const getIgnoreOverlayOverride: () => boolean, setIgnoreOverlayOverride: (context: boolean) => boolean;
+//# sourceMappingURL=pineappleBaseContextDefinitions.d.ts.map

package/dist/util/context/pineappleBaseContextDefinitions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pineappleBaseContextDefinitions.d.ts","sourceRoot":"","sources":["../../../src/lib/util/context/pineappleBaseContextDefinitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGzD,eAAO,MAAO,wBAAwB,6BAAE,wBAAwB,uDAAwC,CAAC;AACzG,eAAO,MAAO,6BAA6B,6BAAE,6BAA6B,uDAAwC,CAAC;AAEnH,eAAO,MAAO,qBAAqB,iCAAE,qBAAqB,+DAA4C,CAAC;AACvG,eAAO,MAAO,wBAAwB,iBAAE,wBAAwB,+BAA4B,CAAC"}

package/dist/util/context/pineappleBaseContextDefinitions.js

@@ -0,0 +1,6 @@
+import { LocalStore } from "../localStore.svelte";
+import { createContext } from "svelte";
+export const [getEnablePortraitContext, setEnablePortraitContext] = createContext();
+export const [getEnableDialogOverlayContext, setEnableDialogOverlayContext] = createContext();
+export const [getOverlayTypeContext, setOverlayTypeContext] = createContext();
+export const [getIgnoreOverlayOverride, setIgnoreOverlayOverride] = createContext();

package/dist/util/env-getter.d.ts

@@ -1,2 +1,3 @@
 export declare const getCmsBaseUrl: () => any;
 export declare const getWebBaseUrl: () => any;
+//# sourceMappingURL=env-getter.d.ts.map

package/dist/util/env-getter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env-getter.d.ts","sourceRoot":"","sources":["../../src/lib/util/env-getter.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,WAG0C,CAAC;AACrE,eAAO,MAAM,aAAa,WACuD,CAAC"}

package/dist/util/env-getter.js

@@ -1,4 +1,7 @@
 // import.meta.env.* works default everywhere
 // env.* is for cloudflare
-export const getCmsBaseUrl = () => import.meta.env.VITE_CMS_BASE_URL ?? process.env.VITE_CMS_BASE_URL ?? 'https://gitlab.com/turnipxenon-personal/test-obdisian/-/raw/main';
-export const getWebBaseUrl = () => import.meta.env.VITE_WEB_BASE_URL ?? process.env.VITE_WEB_BASE_URL ?? '/pineapple';
+const nodeEnv = typeof process !== 'undefined' ? process.env : undefined;
+export const getCmsBaseUrl = () => import.meta.env.VITE_CMS_BASE_URL ??
+    nodeEnv?.VITE_CMS_BASE_URL ??
+    'https://gitlab.com/turnipxenon-personal/test-obdisian/-/raw/main';
+export const getWebBaseUrl = () => import.meta.env.VITE_WEB_BASE_URL ?? nodeEnv?.VITE_WEB_BASE_URL ?? '/pineapple';

package/dist/util/localStore.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { OverlayType } from "..";
+export declare class LocalStore<T> {
+    value: T;
+    key: string;
+    valueType: "undefined" | "object" | "boolean" | "number" | "string" | "function" | "symbol" | "bigint";
+    defaultValue: T;
+    constructor(key: string, defaultValue: T);
+    serialize(value: T): string;
+    deserialize(item: string): T;
+}
+export interface LocalStoreRestriction {
+    "enable-portrait": boolean;
+    "enable-dialog-overlay": boolean;
+    "overlay-type": OverlayType;
+}
+export declare const createLocalStore: <k extends keyof LocalStoreRestriction>(key: k) => LocalStore<Readonly<LocalStoreRestriction>[k]>;
+//# sourceMappingURL=localStore.svelte.d.ts.map

package/dist/util/localStore.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localStore.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/util/localStore.svelte.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAOxC,qBAAa,UAAU,CAAC,CAAC;IACxB,KAAK,EAAkB,CAAC,CAAC;IACzB,GAAG,SAAM;IACT,SAAS,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvG,YAAY,EAAE,CAAC,CAAC;gBAEJ,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;IAmCxC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,MAAM;IAQ3B,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC;CAc5B;AAED,MAAM,WAAW,qBAAqB;IACrC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,uBAAuB,EAAE,OAAO,CAAC;IACjC,cAAc,EAAE,WAAW,CAAC;CAC5B;AAQD,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,qBAAqB,EAAE,KAAK,CAAC,mDAE7E,CAAC"}