@turnipxenon/pineapple 3.0.0-alpha.1 → 3.0.0-alpha.11

package/dist/assets/icons/icon-check-dark-contrast.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#FFFDF6"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>

package/dist/assets/icons/icon-check-light-contrast.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#4C473B"><path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/></svg>

package/dist/assets/icons/icon-copy-dark-contrast.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#FFFDF6"><path d="M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"/></svg>

package/dist/assets/icons/icon-copy-light-contrast.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#4C473B"><path d="M360-240q-33 0-56.5-23.5T280-320v-480q0-33 23.5-56.5T360-880h360q33 0 56.5 23.5T800-800v480q0 33-23.5 56.5T720-240H360Zm0-80h360v-480H360v480ZM200-80q-33 0-56.5-23.5T120-160v-560h80v560h440v80H200Zm160-240v-480 480Z"/></svg>

package/dist/components/PineappleSlideToggle.svelte

@@ -1,24 +1,30 @@
 <script lang="ts">
 
 	import { Switch } from "@skeletonlabs/skeleton-svelte";
+	import type { Snippet } from "svelte";
+
 	interface Props {
 		checked?: boolean;
 		name: string;
-		onChange?: undefined | (() => void);
-		children?: import('svelte').Snippet;
+		onChange?: (() => void);
+		children?: Snippet;
 	}
 
 	let {
 		checked = $bindable(false),
 		name,
 		onChange = undefined,
-		children
+		children = undefined,
 	}: Props = $props();
 </script>
 
 <Switch name={name}
-             background="bg-surface-700 dark:bg-surface-700"
-             bind:checked={checked}
-             on:change={onChange}>
+        controlBase="bg-red-500"
+        checked={checked}
+        onCheckedChange={(e) => {
+					checked = e.checked;
+					onChange?.();
+        }}
+>
 	{@render children?.()}
 </Switch>

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

@@ -1,8 +1,9 @@
+import type { Snippet } from "svelte";
 interface Props {
     checked?: boolean;
     name: string;
-    onChange?: undefined | (() => void);
-    children?: import('svelte').Snippet;
+    onChange?: (() => void);
+    children?: Snippet;
 }
 declare const PineappleSlideToggle: import("svelte").Component<Props, {}, "checked">;
 type PineappleSlideToggle = ReturnType<typeof PineappleSlideToggle>;

package/dist/components/blog_template/BlogTemplate.svelte

@@ -1,9 +1,11 @@
 <script lang="ts">
-	import { Card, enableDialogueOverlay, type SimplePageMeta } from "../..";
 	import "./blog-template.css";
 	import { enableBackground } from "../../store";
 	import { onDestroy, onMount } from "svelte";
 	import BlogTemplateInner from "./BlogTemplateInner.svelte";
+	import type { SimplePageMeta } from "../navigation_component/index";
+	import { enableDialogueOverlay } from "../dialog_manager/DialogManagerStore";
+	import { Card } from "../index";
 
 	// grab page meta from the adjacent meta.json
 	interface Props {

package/dist/components/blog_template/BlogTemplate.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type SimplePageMeta } from "../..";
 import "./blog-template.css";
+import type { SimplePageMeta } from "../navigation_component/index";
 interface Props {
     pageMeta: SimplePageMeta;
     shouldFillWholePage?: boolean;

package/dist/components/blog_template/BlogTemplateInner.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { SimplePageMeta } from "../..";
+	import type { SimplePageMeta } from "../navigation_component/index";
 
 	interface Props {
 		pageMeta: SimplePageMeta;

package/dist/components/blog_template/BlogTemplateInner.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { SimplePageMeta } from "../..";
+import type { SimplePageMeta } from "../navigation_component/index";
 interface Props {
     pageMeta: SimplePageMeta;
     children?: import('svelte').Snippet;

package/dist/components/dialog_manager/DialogManagerStore.d.ts

@@ -4,7 +4,6 @@
  */
 import type { DialogMapStore } from "../../types/pineapple_fiber/DialogVariableStore";
 import type { DialogDetail } from "../../types/pineapple_fiber/DialogDetail";
-import { DialogManager } from "./DialogManager";
 /**
  * Enables the dialogue overlay
  *
@@ -24,17 +23,3 @@ export declare const enableDialogueOverlay: import("svelte/store").Writable<bool
 export declare const dialogVariableStore: DialogMapStore;
 export declare const updateRate: number;
 export declare const defaultDialogMessage: DialogDetail[];
-/**
- * strictly must be declared last! or you might receive a weird error that looks like:
- *
- * 2:04:21 AM [vite] Error when evaluating SSR module /src/lib/components/dialog_manager/DialogManagerStore.ts:
- * |- TypeError: Cannot read properties of undefined (reading '0')
- *     at <instance_members_initializer> (/src/lib/components/dialog_manager/DialogManager.ts:38:67)
- *     at new DialogManager (/src/lib/components/dialog_manager/DialogManager.ts:53:14)
- *     at eval (/src/lib/components/dialog_manager/DialogManagerStore.ts:15:23)
- *     at async instantiateModule (file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/vite/dist/node/chunks/dep-934dbc7c.js:54360:9)
- *
- * what this means is that one member of dialogManager cannot be initialized. in our case, it was the
- * defaultDialogMessage not yet being initialized
- */
-export declare const dialogManager: DialogManager;

package/dist/components/dialog_manager/DialogManagerStore.js

@@ -4,7 +4,6 @@
  */
 import { createNewMapStore } from "../../types/pineapple_fiber/DialogVariableStore";
 import { writable } from "svelte/store";
-import { DialogManager } from "./DialogManager";
 /**
  * Enables the dialogue overlay
  *
@@ -29,17 +28,3 @@ export const defaultDialogMessage = [
         textContent: `<p>I don't really have anything to say. Have you drank water? Or perhaps, you've checked out <a target="_blank" class="external-link" href="http://crouton.net">one of the best webpages</a> out there?`
     }
 ];
-/**
- * strictly must be declared last! or you might receive a weird error that looks like:
- *
- * 2:04:21 AM [vite] Error when evaluating SSR module /src/lib/components/dialog_manager/DialogManagerStore.ts:
- * |- TypeError: Cannot read properties of undefined (reading '0')
- *     at <instance_members_initializer> (/src/lib/components/dialog_manager/DialogManager.ts:38:67)
- *     at new DialogManager (/src/lib/components/dialog_manager/DialogManager.ts:53:14)
- *     at eval (/src/lib/components/dialog_manager/DialogManagerStore.ts:15:23)
- *     at async instantiateModule (file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/vite/dist/node/chunks/dep-934dbc7c.js:54360:9)
- *
- * what this means is that one member of dialogManager cannot be initialized. in our case, it was the
- * defaultDialogMessage not yet being initialized
- */
-export const dialogManager = new DialogManager();

package/dist/components/dialog_manager/DialogMangerInit.d.ts

@@ -0,0 +1,15 @@
+import { DialogManager } from "./DialogManager";
+/**
+ * strictly must be declared last! or you might receive a weird error that looks like:
+ *
+ * 2:04:21 AM [vite] Error when evaluating SSR module /src/lib/components/dialog_manager/DialogManagerStore.ts:
+ * |- TypeError: Cannot read properties of undefined (reading '0')
+ *     at <instance_members_initializer> (/src/lib/components/dialog_manager/DialogManager.ts:38:67)
+ *     at new DialogManager (/src/lib/components/dialog_manager/DialogManager.ts:53:14)
+ *     at eval (/src/lib/components/dialog_manager/DialogManagerStore.ts:15:23)
+ *     at async instantiateModule (file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/vite/dist/node/chunks/dep-934dbc7c.js:54360:9)
+ *
+ * what this means is that one member of dialogManager cannot be initialized. in our case, it was the
+ * defaultDialogMessage not yet being initialized
+ */
+export declare const dialogManager: DialogManager;

package/dist/components/dialog_manager/DialogMangerInit.js

@@ -0,0 +1,15 @@
+import { DialogManager } from "./DialogManager";
+/**
+ * strictly must be declared last! or you might receive a weird error that looks like:
+ *
+ * 2:04:21 AM [vite] Error when evaluating SSR module /src/lib/components/dialog_manager/DialogManagerStore.ts:
+ * |- TypeError: Cannot read properties of undefined (reading '0')
+ *     at <instance_members_initializer> (/src/lib/components/dialog_manager/DialogManager.ts:38:67)
+ *     at new DialogManager (/src/lib/components/dialog_manager/DialogManager.ts:53:14)
+ *     at eval (/src/lib/components/dialog_manager/DialogManagerStore.ts:15:23)
+ *     at async instantiateModule (file:///C:/Users/Pumpkin/Projects/Web/pineapple/node_modules/vite/dist/node/chunks/dep-934dbc7c.js:54360:9)
+ *
+ * what this means is that one member of dialogManager cannot be initialized. in our case, it was the
+ * defaultDialogMessage not yet being initialized
+ */
+export const dialogManager = new DialogManager();

package/dist/components/dialog_manager/behavior_tree/line_processors/commands/JumpCommand.js

@@ -1,7 +1,7 @@
 import { BehaviorStatus } from "../../core/BehaviorStatus";
 import { SetVariableNode } from "../SetVariableNode";
-import { dialogManager } from "../../../DialogManagerStore";
 import { btreeUtils } from "../../core/BTreeUtils";
+import { dialogManager } from "../../../DialogMangerInit";
 export class JumpCommand {
     setVariableNode = new SetVariableNode();
     process(nodeArgs) {

package/dist/components/dialog_overlay/DialogOverlay.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import AresHappy from "../../assets/characters/ares/ares_happy.webp";
 	import { onMount } from "svelte";
-	import { dialogManager } from "../dialog_manager/DialogManagerStore";
 	import { DialogState } from "../../types/pineapple_fiber/DialogState";
+	import { dialogManager } from "../dialog_manager/DialogMangerInit";
 
 	let currentMessage = $state("");
 	dialogManager.currentMessage.subscribe((value) => {

package/dist/components/index.d.ts

@@ -3,6 +3,6 @@ export { default as Card } from "./Card.svelte";
 export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "../ui/components/SocialSection.svelte";
-export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+export { default as ElementVisibilityDetector } from "../ui/elements/ElementVisibilityDetector.svelte";
 export { default as BlogTemplate } from "./blog_template/BlogTemplate.svelte";
 export { default as DialogOverlay } from "./dialog_overlay/DialogOverlay.svelte";

package/dist/components/index.js

@@ -4,6 +4,6 @@ export { default as Card } from "./Card.svelte";
 export { default as Chip } from "./chip/Chip.svelte";
 export { default as PineappleSlideToggle } from "./PineappleSlideToggle.svelte";
 export { default as SocialSection } from "../ui/components/SocialSection.svelte";
-export { default as ElementVisbilityDetector } from "./ElementVisbilityDetector.svelte";
+export { default as ElementVisibilityDetector } from "../ui/elements/ElementVisibilityDetector.svelte";
 export { default as BlogTemplate } from "./blog_template/BlogTemplate.svelte";
 export { default as DialogOverlay } from "./dialog_overlay/DialogOverlay.svelte";

package/dist/components/layouts/SeaweedBaseLayout.svelte

@@ -27,8 +27,6 @@
 		children
 	}: Props = $props();
 
-	$inspect("inside: should display:", shouldDisplayLeadingIcons, !!extraLeadingIcons);
-
 	$effect(() => {
 		if (extraLeadingIcons && shouldDisplayLeadingIcons) {
 			appState.lead = extraLeadingIcons;

package/dist/components/navigation_component/NavigationComponent.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
 	import NavigationControl from "./NavigationControl.svelte";
-	import { Card, createGoToFunction } from "../..";
 	import { parsePageMeta, type ParsePageMetaCompareFn } from "./PageMeta";
+	import { Card } from "../index";
+	import { createGoToFunction } from "../../util/util";
 
 
 	

package/dist/components/navigation_component/NavigationControl.svelte

@@ -2,7 +2,7 @@
 	import { onMount } from "svelte";
 	import { page } from "$app/state";
 
-	import { Card } from "../..";
+	import { Card } from "../index";
 	import { goto } from "$app/navigation";
 
 	interface Props {

package/dist/components/pineapple/PineappleBaseLayout.svelte

@@ -16,10 +16,11 @@
 	import AresLogo from "../../assets/characters/ares/ares_logo.webp";
 	import FABIcon from "../../assets/bg_tiled/bg_tiled_turnip.png";
 	import CloseIcon from "../../assets/icons/close.svg";
-	import { dialogManager, enableDialogueOverlay } from "../dialog_manager/DialogManagerStore";
+	import { enableDialogueOverlay } from "../dialog_manager/DialogManagerStore";
 	import Toast from "./toast/Toast.svelte";
 	import DialogOverlay from "../dialog_overlay/DialogOverlay.svelte";
 	import { fade } from "svelte/transition";
+	import { dialogManager } from "../dialog_manager/DialogMangerInit";
 
 	interface Props {
 		showDialogByDefault?: boolean;

package/dist/index.d.ts

@@ -11,3 +11,4 @@ export * from "./types/pineapple_fiber/DialogDetail";
 export * from "./util/util";
 export * from "./api/index";
 export * from "./template/seaweed/index";
+export { dialogManager } from "./components/dialog_manager/DialogMangerInit";

package/dist/index.js

@@ -12,3 +12,4 @@ export * from "./types/pineapple_fiber/DialogDetail";
 export * from "./util/util";
 export * from "./api/index";
 export * from "./template/seaweed/index";
+export { dialogManager } from "./components/dialog_manager/DialogMangerInit";

package/dist/styles/app.css

@@ -4,7 +4,7 @@
 @import "@skeletonlabs/skeleton/themes/crimson";
 @import "./turnip-theme.css";
 
-@source "../node_modules/@skeletonlabs/skeleton-svelte/dist";
+@source "../../../node_modules/@skeletonlabs/skeleton-svelte/dist";
 
 @custom-variant dark (&:where(.dark, .dark *));
 
@@ -51,3 +51,94 @@ a.external-link {
     --tw-ring-color: rgb(var(--color-text-400));
     /*background-color: red;*/
 }
+
+@layer base {
+    .game-link-section {
+        @apply mt-6 flex gap-2 justify-center;
+    }
+
+    .game-video-cover {
+        @apply rounded-t-lg max-h-64 object-cover w-full;
+    }
+
+    .text-chip-container {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+    }
+
+    .text-chip {
+        background-color: var(--color-secondary-50-950) /* light-dark(var(--color-secondary-50), var(--color-secondary-950)) */;
+        color: var(--color-secondary-950-50) /* light-dark(var(--color-secondary-950), var(--color-secondary-50)) */;
+    }
+}
+
+/*https://shiki.style/guide/dual-themes*/
+html.dark .shiki,
+html.dark .shiki span {
+    color: var(--shiki-dark) !important;
+    background-color: var(--shiki-dark-bg) !important;
+    /* Optional, if you also want font styles */
+    font-style: var(--shiki-dark-font-style) !important;
+    font-weight: var(--shiki-dark-font-weight) !important;
+    text-decoration: var(--shiki-dark-text-decoration) !important;
+}
+
+.shiki {
+    span {
+        white-space: pre-wrap;
+        word-wrap: break-word;
+    }
+}
+
+/* region shiki copy button */
+pre:has(code) {
+    position: relative;
+}
+
+pre button.copy {
+    position: absolute;
+    right: 16px;
+    top: 16px;
+    height: 28px;
+    width: 28px;
+    padding: 0;
+    display: flex;
+
+    & span {
+        width: 100%;
+        aspect-ratio: 1 / 1;
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: cover;
+    }
+
+    & .ready {
+        background-image: url("$pkg/assets/icons/icon-copy-light-contrast.svg");
+
+        @variant dark {
+            background-image: url("$pkg/assets/icons/icon-copy-dark-contrast.svg");
+        }
+    }
+
+    & .success {
+        display: none;
+        background-image: url("$pkg/assets/icons/icon-check-light-contrast.svg");
+
+        @variant dark {
+            background-image: url("$pkg/assets/icons/icon-check-dark-contrast.svg");
+        }
+    }
+
+    &.copied {
+        & .success {
+            display: block;
+        }
+
+        & .ready {
+            display: none;
+        }
+    }
+}
+
+/* endregion shiki copy button */

package/dist/styles/turnip-theme.css

@@ -237,85 +237,89 @@ html.dark {
         @variant dark {
             color: var(--color-surface-950);
         }
+        /* endregion components */
+    }
+}
 
-        blockquote {
-            @apply mb-4;
-            font-style: italic;
-            border: 0;
-            text-align: center;
-            filter: brightness(140%);
-        }
 
-        h1, h2, h3, h4, h5, h6, .fake-h2, .fake-h3 {
-            text-align: center;
-            margin-top: 0;
-            font-weight: bolder;
-            color: var(--color-primary-900);
+blockquote {
+    @apply mb-4;
+    font-style: italic;
+    border: 0;
+    text-align: center;
+    filter: brightness(140%);
+}
 
-            @variant dark {
-                color: var(--color-primary-100);
-            }
-        }
+h1, h2, h3, h4, h5, h6, .fake-h2, .fake-h3, .fake-h4 {
+    text-align: center;
+    margin-top: 0;
+    font-weight: bolder;
+    color: var(--color-primary-900);
 
-        h1 {
-            @apply text-4xl;
-        }
+    @variant dark {
+        color: var(--color-primary-100);
+    }
+}
 
-        h2, .fake-h2 {
-            @apply text-3xl;
-        }
+h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .fake-h2 + p, .fake-h3 + p, .fake-h4 + p {
+    margin-top: 0.5lh;
+}
 
-        h3, .fake-h3 {
-            @apply text-2xl;
-        }
+h1 {
+    @apply text-4xl;
+}
 
-        h4 {
-            @apply text-xl;
-        }
+h2, .fake-h2 {
+    @apply text-3xl;
+}
 
-        h5 {
-            @apply text-lg;
-        }
+h3, .fake-h3 {
+    @apply text-2xl;
+}
 
-        h6 {
-            text-decoration: underline;
-        }
+h4, .fake-h4 {
+    @apply text-xl;
+}
 
-        a {
-            text-decoration: underline;
-            color: var(--color-secondary-500);
+h5 {
+    @apply text-lg;
+}
 
-            @variant dark {
-                color: var(--color-secondary-300);
-            }
-        }
+h6 {
+    text-decoration: underline;
+}
 
-        a:hover, a:focus {
-            filter: brightness(150%);
-        }
+a {
+    text-decoration: underline;
+    color: var(--color-secondary-500);
 
-        a:visited {
-            color: var(--color-secondary-950);
+    @variant dark {
+        color: var(--color-secondary-300);
+    }
+}
 
-            @variant dark {
-                color: var(--color-secondary-200);
-            }
-        }
+a:hover, a:focus {
+    filter: brightness(150%);
+}
 
-        ul {
-            list-style: inside;
-        }
+a:visited {
+    color: var(--color-secondary-950);
 
-        ol {
-            list-style: decimal inside;
-        }
+    @variant dark {
+        color: var(--color-secondary-200);
+    }
+}
 
-        p{
-            @apply mb-3;
-        }
+ul {
+    list-style: inside;
+}
 
-        /* endregion components */
-    }
+ol {
+    list-style: decimal inside;
+}
+
+p{
+    @apply mb-3;
 }
 
 @theme {

package/dist/template/seaweed/CreateUrlForm.svelte

@@ -1,6 +1,12 @@
 <script lang="ts">
 	import { type CreateUrlRequest, CreateUrlResult, jsonToCreateUrlResponse } from "../../types/api/CreateUrl";
-	import { type ToastSettings } from "@skeletonlabs/skeleton-svelte";
+	import type { ToastContext } from "@skeletonlabs/skeleton-svelte";
+	import { getContext } from "svelte";
+	import type { ToastSettings } from "./ToastSettings";
+	import { PinyaButton } from "../../ui/elements/index";
+
+	export const toast: ToastContext = getContext("toast");
+
 
 	interface Props {
 		queryParams?: string;
@@ -8,8 +14,6 @@
 
 	let { queryParams = "" }: Props = $props();
 
-	const toastStore = getToastStore();
-
 	let request: CreateUrlRequest = $state({
 		queryParams: "",
 		shortUrl: "",
@@ -22,14 +26,15 @@
 
 
 	const failToast: ToastSettings = {
-		message: "Adding new url failed"
+		title: "Adding new url failed",
+		type: "error"
 	};
 	const toastMap = new Map<CreateUrlResult, ToastSettings>([
 		[CreateUrlResult.Success, {
-			message: "Successfully added new url"
+			title: "Successfully added new url"
 		}],
 		[CreateUrlResult.Duplicate, {
-			message: "Short url already used; try again with another url"
+			title: "Short url already used; try again with another url"
 		}],
 		[CreateUrlResult.Fail, failToast]
 	]);
@@ -44,7 +49,7 @@
 			resp.json()
 		).then(json => {
 			const properResp = jsonToCreateUrlResponse(json);
-			toastStore.trigger(toastMap.get(properResp.result) ?? failToast);
+			toast.create(toastMap.get(properResp.result) ?? failToast);
 		});
 	};
 </script>
@@ -53,23 +58,24 @@
 	<label for="short-url">Short URL for url shortener</label>
 	<input bind:value={request.shortUrl}
 	       name="short-url"
-	       class="input"
+	       class="input border-[2px] border-primary-500"
 	       type="text"
 	       placeholder="short-url" />
 	<label for="password">Password</label>
 	<input bind:value={request.password}
 	       name="password"
-	       class="input"
+	       class="input border-[2px] border-primary-500"
 	       type="password"
 	       placeholder="ILoveTurnips" />
-	<button class="send-link btn preset-filled" onclick={post}>Send link</button>
+	<PinyaButton onclick={post}>Send link</PinyaButton>
 </div>
 
 <style>
     .local-list {
         display: flex;
         flex-direction: column;
-        gap: 0.25lh;
+        gap: 0.5lh;
+		    margin-top: 1lh;
     }
 
     .send-link {

package/dist/template/seaweed/CreateUrlForm.svelte.d.ts

@@ -1,6 +1,9 @@
+import type { ToastContext } from "@skeletonlabs/skeleton-svelte";
 interface Props {
     queryParams?: string;
 }
-declare const CreateUrlForm: import("svelte").Component<Props, {}, "">;
+declare const CreateUrlForm: import("svelte").Component<Props, {
+    toast: ToastContext;
+}, "">;
 type CreateUrlForm = ReturnType<typeof CreateUrlForm>;
 export default CreateUrlForm;

package/dist/template/seaweed/ToastSettings.d.ts

@@ -0,0 +1,15 @@
+export interface ToastSettings {
+    /** The unique toast ID. */
+    id?: string;
+    /** The unique toast title text. */
+    title?: string;
+    /** The unique toast description text. */
+    description?: string;
+    /**
+     * Define the toast type.
+     * @default info
+     */
+    type?: "info" | "error" | "success";
+    /** The duration of the toast. Default varies by type. */
+    duration?: number;
+}

package/dist/template/seaweed/ToastSettings.js

@@ -0,0 +1 @@
+export {};