@turnipxenon/pineapple 2.4.12 → 2.4.14

package/.svelte-kit/__package__/components/pineapple/toast/Toast.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="svelte" />
+import type { DefaultToastPair } from "./DefaultToastBody";
+import type { TestCustomToastPair } from "./custom-toast/TestCustomToast";
+/**
+ * Default toast duration is 5 seconds
+ */
+export declare const DefaultToastParamsDuration = 5000;
+export type CustomToastPairs = DefaultToastPair | TestCustomToastPair;
+export type DismissToastCallback = () => void;
+export interface ToastParams {
+    componentAndProps: CustomToastPairs;
+    /**
+     * Time in millisecond. If undefined, defaults to DefaultToastParamsDuration
+     */
+    duration?: number;
+}
+/**
+ * todo: do not call directly documentation
+ */
+export declare const activeToast: import("svelte/store").Writable<ToastParams | undefined>;
+export declare const toastQueue: ToastParams[];
+/**
+ *
+ * @param newToast
+ */
+export declare const showComponentInToast: (newToast: ToastParams) => void;
+export declare const showTextInToast: (message: string) => void;

package/.svelte-kit/__package__/components/pineapple/toast/Toast.js

@@ -0,0 +1,37 @@
+import { writable } from "svelte/store";
+import DefaultToastBody from "./DefaultToastBody.svelte";
+/**
+ * Default toast duration is 5 seconds
+ */
+export const DefaultToastParamsDuration = 5000;
+/**
+ * todo: do not call directly documentation
+ */
+export const activeToast = writable();
+export const toastQueue = [];
+/**
+ *
+ * @param newToast
+ */
+export const showComponentInToast = (newToast) => {
+    // todo: queue component
+    activeToast.update((currentToast) => {
+        if (currentToast !== undefined) {
+            toastQueue.push(newToast);
+            return currentToast;
+        }
+        else {
+            return newToast;
+        }
+    });
+};
+export const showTextInToast = (message) => {
+    showComponentInToast({
+        componentAndProps: {
+            component: DefaultToastBody,
+            props: {
+                message
+            }
+        }
+    });
+};

package/.svelte-kit/__package__/components/pineapple/toast/Toast.svelte

@@ -0,0 +1,89 @@
+<script>import {
+  activeToast,
+  DefaultToastParamsDuration,
+  toastQueue
+} from "./Toast";
+import {} from "svelte";
+import Card from "../../Card.svelte";
+import { spring, tweened } from "svelte/motion";
+let localComponent;
+let localProps;
+const HIDDEN_VALUE = -15;
+const SHOWN_VALUE = 0;
+const progress = tweened(0, { duration: DefaultToastParamsDuration });
+const position = spring(HIDDEN_VALUE);
+position.damping = 0.4;
+let isDismissed = false;
+let shouldEnableButton = false;
+const onToastDisappear = () => {
+  localComponent = void 0;
+  activeToast.update(() => {
+    if (toastQueue.length === 0) {
+      return void 0;
+    }
+    return toastQueue.shift();
+  });
+};
+activeToast.subscribe((params) => {
+  if (!params) {
+    return;
+  }
+  if (params.componentAndProps?.component === localComponent) {
+    return;
+  }
+  localComponent = params.componentAndProps.component;
+  localProps = params.componentAndProps.props;
+  progress.set(0, { duration: 0 }).then(() => {
+    position.set(SHOWN_VALUE).then(() => {
+      shouldEnableButton = true;
+      progress.set(100, { delay: 500, duration: params.duration ?? DefaultToastParamsDuration }).then(() => {
+        shouldEnableButton = false;
+        if (isDismissed) {
+          return;
+        }
+        position.set(HIDDEN_VALUE).then(onToastDisappear);
+      });
+    });
+  });
+});
+const dismissToast = () => {
+  shouldEnableButton = false;
+  isDismissed = true;
+  position.set(HIDDEN_VALUE).then(onToastDisappear);
+};
+</script>
+
+{#if (localComponent !== undefined)}
+	<div class="toast-positioner" style={`bottom: ${$position}lh;`}>
+		<!-- todo: adjust shadow to be more dynamic or transparent -->
+		<Card marginBottom="1lh" overrideStyle="box-shadow: 3px 3px 3px var(--shadow-color);">
+			<div slot="content">
+				{#if (localProps !== undefined)}
+					<svelte:component this={localComponent}
+					                  props={localProps}
+					                  dismissToastCallback={dismissToast}
+					                  shouldEnableButton={shouldEnableButton} />
+				{:else }
+					<svelte:component this={localComponent} />
+				{/if}
+				<progress id="toast-progress" value={$progress/100}></progress>
+			</div>
+		</Card>
+	</div>
+{/if}
+
+<style>
+    .toast-positioner {
+        position: fixed;
+        /* 12em = this component's margin (4em) + fab margin + width (8em) */
+        max-width: calc(100vw - 12em);
+    }
+
+    .toast-positioner:dir(ltr) {
+        left: 2em;
+    }
+
+    .toast-positioner:dir(rtl) {
+        right: 2em;
+    }
+</style>

package/.svelte-kit/__package__/components/pineapple/toast/Toast.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ToastProps = typeof __propDef.props;
+export type ToastEvents = typeof __propDef.events;
+export type ToastSlots = typeof __propDef.slots;
+export default class Toast extends SvelteComponent<ToastProps, ToastEvents, ToastSlots> {
+}
+export {};

package/.svelte-kit/__package__/components/pineapple/toast/custom-toast/TestCustomToast.d.ts

@@ -0,0 +1,5 @@
+import TestCustomToast from "./TestCustomToast.svelte";
+export interface TestCustomToastPair {
+    component: typeof TestCustomToast;
+    props: undefined;
+}

package/.svelte-kit/__package__/components/pineapple/toast/custom-toast/TestCustomToast.js

@@ -0,0 +1 @@
+import TestCustomToast from "./TestCustomToast.svelte";

package/.svelte-kit/__package__/components/pineapple/toast/custom-toast/TestCustomToast.svelte

@@ -0,0 +1 @@
+<h1>Testing bad custom card</h1>

package/.svelte-kit/__package__/components/pineapple/toast/custom-toast/TestCustomToast.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  TestCustomToastProps */
+/** @typedef {typeof __propDef.events}  TestCustomToastEvents */
+/** @typedef {typeof __propDef.slots}  TestCustomToastSlots */
+export default class TestCustomToast extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type TestCustomToastProps = typeof __propDef.props;
+export type TestCustomToastEvents = typeof __propDef.events;
+export type TestCustomToastSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/.svelte-kit/__package__/index.d.ts

@@ -1,4 +1,4 @@
-export { default as PineappleLayoutBase } from "./components/layouts/PineappleBaseLayout.svelte";
+export { default as PineappleLayoutBase } from "./components/pineapple/PineappleBaseLayout.svelte";
 export { default as SeaweedTemplate } from "./template/SeaweedTemplate.svelte";
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export * from "./components/dialog_manager/DialogManagerStore";

package/.svelte-kit/__package__/index.js

@@ -1,4 +1,4 @@
-export { default as PineappleLayoutBase } from "./components/layouts/PineappleBaseLayout.svelte";
+export { default as PineappleLayoutBase } from "./components/pineapple/PineappleBaseLayout.svelte";
 export { default as SeaweedTemplate } from "./template/SeaweedTemplate.svelte";
 export { default as LazyAsset } from "./components/LazyAsset.svelte";
 export * from "./components/dialog_manager/DialogManagerStore";

package/.svelte-kit/__package__/postcss.d.ts

@@ -1,3 +1,3 @@
-// from https://stackoverflow.com/a/63885623/17836168
-declare module "./app.postcss";
-declare module "./theme.postcss";
+// from https://stackoverflow.com/a/63885623/17836168
+declare module "./app.postcss";
+declare module "./theme.postcss";

package/.svelte-kit/__package__/styles/global.css

@@ -1 +1 @@
-/* todo: delete if unneeded */
+/* todo: delete if unneeded */

package/.svelte-kit/__package__/theme.postcss

@@ -5,7 +5,7 @@
     --theme-font-family-base: system-ui;
     --theme-font-family-heading: system-ui;
     --theme-font-color-base: var(--color-primary-900);
-    --theme-font-color-dark: var(--color-primary-100);
+    --theme-font-color-dark: var(--color-primary-50);
     --theme-rounded-base: 24px;
     --theme-rounded-container: 16px;
     --theme-border-base: 2px;
@@ -99,6 +99,7 @@
     --color-surface-800: 153 148 136; /* ⬅ #999488 */
     --color-surface-900: 125 121 111; /* ⬅ #7d796f */
     /* text color | #3f312f */
+    --color-text-25: 237 234 234; /* ⬅ #e2e0e0 */
     --color-text-50: 226 224 224; /* ⬅ #e2e0e0 */
     --color-text-100: 217 214 213; /* ⬅ #d9d6d5 */
     --color-text-200: 207 204 203; /* ⬅ #cfcccb */

package/.svelte-kit/ambient.d.ts

@@ -37,6 +37,8 @@ declare module '$env/static/private' {
 	export const COMSPEC: string;
 	export const DriverData: string;
 	export const EXEPATH: string;
+	export const FPS_BROWSER_APP_PROFILE_STRING: string;
+	export const FPS_BROWSER_USER_PROFILE_STRING: string;
 	export const GIT_XL_PATH: string;
 	export const GoLand: string;
 	export const GOPATH: string;
@@ -228,6 +230,8 @@ declare module '$env/dynamic/private' {
 		COMSPEC: string;
 		DriverData: string;
 		EXEPATH: string;
+		FPS_BROWSER_APP_PROFILE_STRING: string;
+		FPS_BROWSER_USER_PROFILE_STRING: string;
 		GIT_XL_PATH: string;
 		GoLand: string;
 		GOPATH: string;

package/.svelte-kit/generated/client/app.js

@@ -7,16 +7,17 @@ export const nodes = [
 	() => import('./nodes/3'),
 	() => import('./nodes/4'),
 	() => import('./nodes/5'),
-	() => import('./nodes/6')
+	() => import('./nodes/6'),
+	() => import('./nodes/7')
 ];
 
 export const server_loads = [];
 
 export const dictionary = {
-		"/": [3],
-		"/personal": [4,[2]],
-		"/portfolio": [~5],
-		"/portfolio/actual": [6]
+		"/(pineapple)": [4,[2]],
+		"/(pineapple)/pineapple": [5,[2]],
+		"/(seaweed)/portfolio": [~6,[3]],
+		"/(seaweed)/portfolio/actual": [7,[3]]
 	};
 
 export const hooks = {

package/.svelte-kit/generated/client/nodes/2.js

@@ -1 +1 @@
-export { default as component } from "../../../../src/routes/personal/+layout.svelte";
+export { default as component } from "../../../../src/routes/(pineapple)/+layout.svelte";

package/.svelte-kit/generated/client/nodes/3.js

@@ -1 +1 @@
-export { default as component } from "../../../../src/routes/+page.svelte";
+export { default as component } from "../../../../src/routes/(seaweed)/+layout.svelte";

package/.svelte-kit/generated/client/nodes/4.js

@@ -1 +1 @@
-export { default as component } from "../../../../src/routes/personal/+page.svelte";
+export { default as component } from "../../../../src/routes/(pineapple)/+page.svelte";

package/.svelte-kit/generated/client/nodes/5.js

@@ -1 +1 @@
-export { default as component } from "../../../../src/routes/portfolio/+page.svelte";
+export { default as component } from "../../../../src/routes/(pineapple)/pineapple/+page.svelte";

package/.svelte-kit/generated/client/nodes/6.js

@@ -1 +1 @@
-export { default as component } from "../../../../src/routes/portfolio/actual/+page.svelte";
+export { default as component } from "../../../../src/routes/(seaweed)/portfolio/+page.svelte";

package/.svelte-kit/generated/client/nodes/7.js

@@ -0,0 +1 @@
+export { default as component } from "../../../../src/routes/(seaweed)/portfolio/actual/+page.svelte";

package/.svelte-kit/generated/server/internal.js

@@ -21,7 +21,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<link rel=\"icon\" href=\"" + assets + "/favicon.png\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t" + head + "\n\t</head>\n\n\t<body data-sveltekit-preload-data=\"hover\" data-theme=\"crimson\">\n\t\t<div style=\"display: contents\" class=\"h-full overflow-hidden\">" + body + "</div>\n\t</body>\n</html>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "oug70e"
+	version_hash: "3q1q8i"
 };
 
 export async function get_hooks() {

package/.svelte-kit/types/route_meta_data.json

@@ -1,8 +1,10 @@
 {
+	"/(seaweed)": [],
+	"/(pineapple)": [],
 	"/": [],
-	"/personal": [],
-	"/portfolio": [
-		"src/routes/portfolio/+page.server.ts"
+	"/(pineapple)/pineapple": [],
+	"/(seaweed)/portfolio": [
+		"src/routes/(seaweed)/portfolio/+page.server.ts"
 	],
-	"/portfolio/actual": []
+	"/(seaweed)/portfolio/actual": []
 }

package/.svelte-kit/types/src/routes/$types.d.ts

@@ -11,12 +11,9 @@ type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Pa
 type EnsureDefined<T> = T extends null | undefined ? {} : T;
 type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
 export type Snapshot<T = any> = Kit.Snapshot<T>;
-type PageParentData = EnsureDefined<LayoutData>;
-type LayoutRouteId = RouteId | "/" | "/personal" | "/portfolio" | "/portfolio/actual" | null
+type LayoutRouteId = RouteId | "/(pineapple)" | "/(pineapple)/pineapple" | "/(seaweed)/portfolio" | "/(seaweed)/portfolio/actual" | null
 type LayoutParams = RouteParams & {  }
 type LayoutParentData = EnsureDefined<{}>;
 
-export type PageServerData = null;
-export type PageData = Expand<PageParentData>;
 export type LayoutServerData = null;
 export type LayoutData = Expand<LayoutParentData>;

package/.svelte-kit/types/src/routes/{personal → (pineapple)}/$types.d.ts

@@ -4,7 +4,7 @@ type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
 // @ts-ignore
 type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
 type RouteParams = {  };
-type RouteId = '/personal';
+type RouteId = '/(pineapple)';
 type MaybeWithVoid<T> = {} extends T ? T | void : T;
 export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
 type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
@@ -12,7 +12,7 @@ type EnsureDefined<T> = T extends null | undefined ? {} : T;
 type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
 export type Snapshot<T = any> = Kit.Snapshot<T>;
 type PageParentData = Omit<EnsureDefined<import('../$types.js').LayoutData>, keyof LayoutData> & EnsureDefined<LayoutData>;
-type LayoutRouteId = RouteId | "/personal"
+type LayoutRouteId = RouteId | "/(pineapple)" | "/(pineapple)/pineapple"
 type LayoutParams = RouteParams & {  }
 type LayoutParentData = EnsureDefined<import('../$types.js').LayoutData>;
 

package/.svelte-kit/types/src/routes/{portfolio/actual → (pineapple)/pineapple}/$types.d.ts

@@ -4,14 +4,14 @@ type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
 // @ts-ignore
 type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
 type RouteParams = {  };
-type RouteId = '/portfolio/actual';
+type RouteId = '/(pineapple)/pineapple';
 type MaybeWithVoid<T> = {} extends T ? T | void : T;
 export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
 type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
 type EnsureDefined<T> = T extends null | undefined ? {} : T;
 type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
 export type Snapshot<T = any> = Kit.Snapshot<T>;
-type PageParentData = EnsureDefined<import('../../$types.js').LayoutData>;
+type PageParentData = Omit<EnsureDefined<import('../../$types.js').LayoutData>, keyof import('../$types.js').LayoutData> & EnsureDefined<import('../$types.js').LayoutData>;
 
 export type PageServerData = null;
 export type PageData = Expand<PageParentData>;

package/.svelte-kit/types/src/routes/(seaweed)/$types.d.ts

@@ -0,0 +1,19 @@
+import type * as Kit from '@sveltejs/kit';
+
+type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
+// @ts-ignore
+type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
+type RouteParams = {  };
+type RouteId = '/(seaweed)';
+type MaybeWithVoid<T> = {} extends T ? T | void : T;
+export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
+type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
+type EnsureDefined<T> = T extends null | undefined ? {} : T;
+type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
+export type Snapshot<T = any> = Kit.Snapshot<T>;
+type LayoutRouteId = RouteId | "/(seaweed)/portfolio" | "/(seaweed)/portfolio/actual"
+type LayoutParams = RouteParams & {  }
+type LayoutParentData = EnsureDefined<import('../$types.js').LayoutData>;
+
+export type LayoutServerData = null;
+export type LayoutData = Expand<LayoutParentData>;

package/.svelte-kit/types/src/routes/{portfolio → (seaweed)/portfolio}/$types.d.ts

@@ -4,15 +4,15 @@ type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
 // @ts-ignore
 type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
 type RouteParams = {  };
-type RouteId = '/portfolio';
+type RouteId = '/(seaweed)/portfolio';
 type MaybeWithVoid<T> = {} extends T ? T | void : T;
 export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
 type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
 type EnsureDefined<T> = T extends null | undefined ? {} : T;
 type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
 export type Snapshot<T = any> = Kit.Snapshot<T>;
-type PageServerParentData = EnsureDefined<import('../$types.js').LayoutServerData>;
-type PageParentData = EnsureDefined<import('../$types.js').LayoutData>;
+type PageServerParentData = Omit<EnsureDefined<import('../../$types.js').LayoutServerData>, keyof import('../$types.js').LayoutServerData> & EnsureDefined<import('../$types.js').LayoutServerData>;
+type PageParentData = Omit<EnsureDefined<import('../../$types.js').LayoutData>, keyof import('../$types.js').LayoutData> & EnsureDefined<import('../$types.js').LayoutData>;
 
 export type PageServerLoad<OutputData extends OutputDataShape<PageServerParentData> = OutputDataShape<PageServerParentData>> = Kit.ServerLoad<RouteParams, PageServerParentData, OutputData, RouteId>;
 export type PageServerLoadEvent = Parameters<PageServerLoad>[0];

package/.svelte-kit/types/src/routes/(seaweed)/portfolio/actual/$types.d.ts

@@ -0,0 +1,17 @@
+import type * as Kit from '@sveltejs/kit';
+
+type Expand<T> = T extends infer O ? { [K in keyof O]: O[K] } : never;
+// @ts-ignore
+type MatcherParam<M> = M extends (param : string) => param is infer U ? U extends string ? U : string : string;
+type RouteParams = {  };
+type RouteId = '/(seaweed)/portfolio/actual';
+type MaybeWithVoid<T> = {} extends T ? T | void : T;
+export type RequiredKeys<T> = { [K in keyof T]-?: {} extends { [P in K]: T[K] } ? never : K; }[keyof T];
+type OutputDataShape<T> = MaybeWithVoid<Omit<App.PageData, RequiredKeys<T>> & Partial<Pick<App.PageData, keyof T & keyof App.PageData>> & Record<string, any>>
+type EnsureDefined<T> = T extends null | undefined ? {} : T;
+type OptionalUnion<U extends Record<string, any>, A extends keyof U = U extends U ? keyof U : never> = U extends unknown ? { [P in Exclude<A, keyof U>]?: never } & U : never;
+export type Snapshot<T = any> = Kit.Snapshot<T>;
+type PageParentData = Omit<EnsureDefined<import('../../../$types.js').LayoutData>, keyof import('../../$types.js').LayoutData> & EnsureDefined<import('../../$types.js').LayoutData>;
+
+export type PageServerData = null;
+export type PageData = Expand<PageParentData>;

package/.svelte-kit/types/src/routes/{portfolio → (seaweed)/portfolio}/proxy+page.server.ts

@@ -1,5 +1,5 @@
 // @ts-nocheck
-import type {PageLoad} from './$types';
+import type {PageLoad} from '../../../../.svelte-kit/types/src/routes';
 import * as htmlparser2 from "htmlparser2";
 import {DomUtils} from "htmlparser2";
 

package/README.md

@@ -1,28 +1,18 @@
-# create-svelte
+# Pineapple
 
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+This is the base package for styling my projects in Svelte.
 
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
+NPM package: https://www.npmjs.com/package/@turnipxenon/pineapple
 
 ## Developing
 
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+Once you've created a project and installed dependencies with `yarn`, start a development server:
 
 ```bash
-npm run dev
+yarn dev
 
 # or start the server and open the app in a new browser tab
-npm run dev -- --open
+yarn dev -- --open
 ```
 
 ## Building
@@ -30,9 +20,9 @@ npm run dev -- --open
 To create a production version of your app:
 
 ```bash
-npm run build
+yarn build
 ```
 
-You can preview the production build with `npm run preview`.
+You can preview the production build with `yarn preview`.
 
 > To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

package/dist/app.postcss

@@ -41,11 +41,11 @@ html, body {
 }
 
 /* todo: add some hues to the icon that should be in sync with primary and make them not pure darkness */
-.turnip-button > img {
+.turnip-button > img, .img-icon {
     filter: grayscale(100%) brightness(0%) invert(25%);
 }
 
-.dark .turnip-button > img {
+.dark .turnip-button > img, .dark .img-icon {
     filter: grayscale(100%) brightness(0%) invert(100%);
 }
 
@@ -164,4 +164,30 @@ a:active {
 .accordion-item {
     @apply variant-filled-primary rounded-md;
 }
+
 /* endregion Accordion css for handling missing styles in package */
+
+:root {
+    --shadow-color: rgba(91, 79, 54, 0.5);
+}
+
+/* todo: adjust shadow for each component + change depending on dark mode or not */
+.fab, #shell-header {
+    box-shadow: 3px 3px 3px var(--shadow-color);
+}
+
+#toast-progress {
+    position: relative;
+    top: 5px;
+    left: 6px;
+    width: calc(100% - 12px);
+    border-radius: 8px;
+    background: transparent;
+    height: 10px;
+}
+
+#toast-progress::-moz-progress-bar {
+    /*background-color: red;*/
+    background: rgba(var(--color-secondary-500));
+}
+

package/dist/assets/icons/close.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>

package/dist/components/Card.svelte

@@ -1,5 +1,5 @@
 <script>export let margin = "0";
-export let marginBottom = "3em";
+export let marginBottom = "2lh";
 export let overrideStyle = "";
 export let includeDataNoSnippet = true;
 const style = `
@@ -7,30 +7,30 @@ const style = `
 		--turnip-card-margin-bottom: ${marginBottom};
 		${overrideStyle};
 	`;
-</script>
-
-{#if (includeDataNoSnippet)}
-	<div class="card turnip-card" style={style} data-no-snippet>
-		<slot name="content" class="card" />
-	</div>
-{:else }
-	<div class="card turnip-card" style={style}>
-		<slot name="content" class="card" />
-	</div>
-{/if}
-
-<style>
-    .turnip-card {
-        --tw-bg-opacity: 1;
-        background-color: rgb(var(--color-surface-100) / var(--tw-bg-opacity));
-}
-:is(.dark .turnip-card) {
-        --tw-bg-opacity: 1;
-        background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity));
-}
-    .turnip-card {
-        margin: var(--turnip-card-margin);
-        margin-bottom: var(--turnip-card-margin-bottom);
-        border-radius: var(--theme-rounded-container);
-    }
-</style>
+</script>
+
+{#if (includeDataNoSnippet)}
+	<div class="card turnip-card" style={style} data-no-snippet>
+		<slot name="content" class="card" />
+	</div>
+{:else }
+	<div class="card turnip-card" style={style}>
+		<slot name="content" class="card" />
+	</div>
+{/if}
+
+<style>
+    .turnip-card {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-surface-100) / var(--tw-bg-opacity));
+}
+:is(.dark .turnip-card) {
+        --tw-bg-opacity: 1;
+        background-color: rgb(var(--color-surface-900) / var(--tw-bg-opacity));
+}
+    .turnip-card {
+        margin: var(--turnip-card-margin);
+        margin-bottom: var(--turnip-card-margin-bottom);
+        border-radius: var(--theme-rounded-container);
+    }
+</style>