@turnipxenon/pineapple 4.5.1 → 5.0.0-alpha.10

package/dist/styles/turnip-theme.css

@@ -211,39 +211,46 @@
     --filter-button-image: brightness(0) saturate(100%) invert(21%) sepia(75%) saturate(397%) hue-rotate(338deg) brightness(99%) contrast(93%);
 }
 
+:root {
+    --header-color: var(--color-primary-900);
+}
+
 html.dark {
-    @variant turnip {
-        --border-card: 0;
-        --filter-randomized-image: brightness(50%);
-        --filter-ares-logo: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(1524%) hue-rotate(3deg) brightness(90%) contrast(88%);
-        --filter-button-image: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(1524%) hue-rotate(3deg) brightness(90%) contrast(88%);
-    }
+    --header-color: var(--color-primary-100);
+    /*todo: migration*/
+    /*@variant turnip {*/
+    /*    --border-card: 0;*/
+    /*    --filter-randomized-image: brightness(50%);*/
+    /*    --filter-ares-logo: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(1524%) hue-rotate(3deg) brightness(90%) contrast(88%);*/
+    /*    --filter-button-image: brightness(0) saturate(100%) invert(72%) sepia(8%) saturate(1524%) hue-rotate(3deg) brightness(90%) contrast(88%);*/
+    /*}*/
 }
 
 .icon {
-    @variant turnip {
-        filter: var(--filter-button-image);
-        margin: 0.3rem 0.2rem 0.2rem;
-    }
+    /*todo: migration*/
+    /*@variant turnip {*/
+    /*    filter: var(--filter-button-image);*/
+    /*    margin: 0.3rem 0.2rem 0.2rem;*/
+    /*}*/
 }
 
+/*todo: migration*/
+/*@layer base {*/
+/*    @variant turnip {*/
 
-@layer base {
-    @variant turnip {
+/*        !* region components *!*/
+/*        color: var(--color-secondary-0);*/
 
-        /* region components */
-        color: var(--color-secondary-0);
-
-        @variant dark {
-            color: var(--color-surface-950);
-        }
-        /* endregion components */
-    }
-}
+/*        @variant dark {*/
+/*            color: var(--color-surface-950);*/
+/*        }*/
+/*        !* endregion components *!*/
+/*    }*/
+/*}*/
 
 
 blockquote {
-    @apply mb-4;
+    margin-bottom: 1lh;
     font-style: italic;
     border: 0;
     text-align: center;
@@ -254,11 +261,7 @@ h1, h2, h3, h4, h5, h6, .fake-h1, .fake-h2, .fake-h3, .fake-h4 {
     text-align: start;
     margin-top: 0;
     font-weight: bolder;
-    color: var(--color-primary-900);
-
-    @variant dark {
-        color: var(--color-primary-100);
-    }
+    color: var(--header-color);
 }
 
 h1 {
@@ -269,61 +272,31 @@ h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .fake-h2 + p, .fake-h3 + p, .fak
     margin-top: 0.5lh;
 }
 
-h1, .fake-h1 {
-    @apply text-4xl;
-}
+/*in tailwind.css*/
+/*h1, .fake-h1 {*/
+/*    @apply text-4xl;*/
+/*}*/
 
-h2, .fake-h2 {
-    @apply text-3xl;
-}
+/*h2, .fake-h2 {*/
+/*    @apply text-3xl;*/
+/*}*/
 
-h3, .fake-h3 {
-    @apply text-2xl;
-}
+/*h3, .fake-h3 {*/
+/*    @apply text-2xl;*/
+/*}*/
 
-h4, .fake-h4 {
-    @apply text-xl;
-}
+/*h4, .fake-h4 {*/
+/*    @apply text-xl;*/
+/*}*/
 
-h5 {
-    @apply text-lg;
-}
+/*h5 {*/
+/*    @apply text-lg;*/
+/*}*/
 
 h6 {
     text-decoration: underline;
 }
 
-a.a-as-btn {
-    text-decoration: none;
-}
-
-a:not(.a-as-btn) {
-    text-decoration: underline;
-    color: var(--color-secondary-500);
-
-    @variant dark {
-        color: var(--color-secondary-300);
-    }
-}
-
-a:not(.a-as-btn):hover, a:not(.a-as-btn):focus {
-    filter: brightness(150%);
-}
-
-/*  we're fighting a specificity war with skeleton components */
-a.a-as-btn:hover {
-    filter: brightness(110%);
-}
-
-a:not(.a-as-btn):visited {
-    color: var(--color-secondary-950);
-
-    @variant dark {
-        color: var(--color-secondary-200);
-    }
-}
-
-
 ul {
     list-style: inside;
 }
@@ -336,9 +309,10 @@ li > ul, li > ol {
     margin-inline-start: 2em;
 }
 
-p {
-    @apply mb-3;
-}
+/*in tailwind.css*/
+/*p {*/
+/*    @apply mb-3;*/
+/*}*/
 
 @theme {
     --color-secondary-0: oklch(99% 0.02 38.38deg);

package/dist/types/BlogBlurbMeta.d.ts

@@ -9,3 +9,4 @@ export declare class BlogBlurbMeta {
     previewAlt: string;
     blogLink: string;
 }
+//# sourceMappingURL=BlogBlurbMeta.d.ts.map

package/dist/types/BlogBlurbMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlogBlurbMeta.d.ts","sourceRoot":"","sources":["../../src/lib/types/BlogBlurbMeta.ts"],"names":[],"mappings":"AAKA,qBAAa,aAAa;IACzB,KAAK,SAAM;IACX,KAAK,SAAM;IACX,OAAO,EAAE,MAAM,EAAE,CAAM;IACvB,WAAW,SAAM;IACjB,UAAU,SAAM;IAChB,UAAU,EAAE,GAAG,CAAM;IACrB,gBAAgB,SAAM;IACtB,UAAU,SAAM;IAChB,QAAQ,SAAM;CACd"}

package/dist/types/BlogBlurbMeta.js

@@ -4,13 +4,15 @@
 // - src/lib/types/BlogBlurbMeta.ts
 // - pineapple_scripts/blog_list_data_generator.ts
 export class BlogBlurbMeta {
-    title = "";
-    blurb = "";
-    tagList = [];
-    publishDate = "";
-    lastUpdate = "";
-    previewSrc = "";
-    previewSrcScript = "";
-    previewAlt = "";
-    blogLink = "";
+    constructor() {
+        this.title = "";
+        this.blurb = "";
+        this.tagList = [];
+        this.publishDate = "";
+        this.lastUpdate = "";
+        this.previewSrc = "";
+        this.previewSrcScript = "";
+        this.previewAlt = "";
+        this.blogLink = "";
+    }
 }

package/dist/types/BreadcrumbData.d.ts

@@ -2,3 +2,4 @@ export interface BreadcrumbData {
     path: string;
     name: string;
 }
+//# sourceMappingURL=BreadcrumbData.d.ts.map

package/dist/types/BreadcrumbData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbData.d.ts","sourceRoot":"","sources":["../../src/lib/types/BreadcrumbData.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb"}

package/dist/types/api/CreateUrl.d.ts

@@ -13,3 +13,4 @@ export interface CreateUrlResponse {
 }
 export declare const jsonToCreateUrlRequest: (json: Record<string, never>) => CreateUrlRequest;
 export declare const jsonToCreateUrlResponse: (json: Record<string, never>) => CreateUrlResponse;
+//# sourceMappingURL=CreateUrl.d.ts.map

package/dist/types/api/CreateUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateUrl.d.ts","sourceRoot":"","sources":["../../../src/lib/types/api/CreateUrl.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,eAAe;IAC1B,IAAI,IAAI;IACR,OAAO,IAAI;IACX,SAAS,IAAI;CACb;AAED,MAAM,WAAW,iBAAiB;IACjC,MAAM,EAAE,eAAe,CAAC;CACxB;AAED,eAAO,MAAM,sBAAsB,GAAI,MAAM,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAG,gBAMpE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,MAAM,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAG,iBAKrE,CAAC"}

package/dist/types/api/CreateUrl.js

@@ -5,10 +5,11 @@ export var CreateUrlResult;
     CreateUrlResult[CreateUrlResult["Duplicate"] = 2] = "Duplicate";
 })(CreateUrlResult || (CreateUrlResult = {}));
 export const jsonToCreateUrlRequest = (json) => {
+    var _a, _b, _c;
     return {
-        queryParams: json["queryParams"] ?? "",
-        shortUrl: json["shortUrl"] ?? "",
-        password: json["password"] ?? ""
+        queryParams: (_a = json["queryParams"]) !== null && _a !== void 0 ? _a : "",
+        shortUrl: (_b = json["shortUrl"]) !== null && _b !== void 0 ? _b : "",
+        password: (_c = json["password"]) !== null && _c !== void 0 ? _c : ""
     };
 };
 export const jsonToCreateUrlResponse = (json) => {

package/dist/types/api/index.d.ts

@@ -1 +1,2 @@
 export * from "./CreateUrl";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/api/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/types/api/index.ts"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAC"}

package/dist/types/pineapple_fiber/DialogDetail.d.ts

@@ -4,3 +4,4 @@ export interface DialogDetail {
     dialogId?: string;
     portraitType?: PortraitType;
 }
+//# sourceMappingURL=DialogDetail.d.ts.map

package/dist/types/pineapple_fiber/DialogDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogDetail.d.ts","sourceRoot":"","sources":["../../../src/lib/types/pineapple_fiber/DialogDetail.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAE5E,MAAM,WAAW,YAAY;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC5B"}

package/dist/types/pineapple_fiber/DialogState.d.ts

@@ -4,3 +4,4 @@ export declare enum DialogState {
     Busy = 2,
     Inherit = 3
 }
+//# sourceMappingURL=DialogState.d.ts.map

package/dist/types/pineapple_fiber/DialogState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogState.d.ts","sourceRoot":"","sources":["../../../src/lib/types/pineapple_fiber/DialogState.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACtB,SAAS,IAAA;IACT,OAAO,IAAA;IACP,IAAI,IAAA;IACJ,OAAO,IAAA;CACP"}

package/dist/types/pineapple_fiber/DialogVariableStore.d.ts

@@ -1,2 +1,3 @@
 export type DialogMapStore = Storage;
 export declare const createNewMapStore: () => DialogMapStore;
+//# sourceMappingURL=DialogVariableStore.d.ts.map

package/dist/types/pineapple_fiber/DialogVariableStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogVariableStore.d.ts","sourceRoot":"","sources":["../../../src/lib/types/pineapple_fiber/DialogVariableStore.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;AAErC,eAAO,MAAM,iBAAiB,QAAO,cAgBpC,CAAC"}

package/dist/types/pineapple_fiber/PortraitType.d.ts

@@ -9,3 +9,4 @@ export declare enum PortraitType {
     AresSurprised = "AresSurprised",
     AresYay = "AresYay"
 }
+//# sourceMappingURL=PortraitType.d.ts.map

package/dist/types/pineapple_fiber/PortraitType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortraitType.d.ts","sourceRoot":"","sources":["../../../src/lib/types/pineapple_fiber/PortraitType.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACvB,SAAS,cAAc;IACvB,gBAAgB,qBAAqB;IACrC,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,eAAe,oBAAoB;IACnC,aAAa,kBAAkB;IAC/B,OAAO,YAAY;CACnB"}

package/dist/ui/components/FourPartCard.svelte

@@ -1,7 +1,9 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
 <script lang="ts">
 
-	import type { Snippet } from 'svelte';
-	import { PinyaCard, type PinyaCardProps } from '../elements';
+	import { PinyaCard, type PinyaCardProps } from "../elements";
+	import type { Snippet } from "svelte";
 
 	interface Props extends PinyaCardProps {
 		headerCover?: Snippet;
@@ -14,12 +16,11 @@
 		header,
 		footer,
 		headerCover,
-		paddingClass = '',
 		...props
 	}: Props = $props();
 </script>
 
-<PinyaCard {...props} {paddingClass}>
+<PinyaCard {...props} class={`pinya-four-part-card ${props.class}`}>
 	<section class="mb-6">
 
 		{#if headerCover}
@@ -44,4 +45,12 @@
 			{/if}
 		</section>
 	</section>
-</PinyaCard>
+</PinyaCard>
+
+<style>
+    :global {
+        .pinya-four-part-card.pinya-card {
+            padding: 0;
+        }
+    }
+</style>

package/dist/ui/components/FourPartCard.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Snippet } from 'svelte';
-import { type PinyaCardProps } from '../elements';
+import { type PinyaCardProps } from "../elements";
+import type { Snippet } from "svelte";
 interface Props extends PinyaCardProps {
     headerCover?: Snippet;
     header?: Snippet;
@@ -8,3 +8,4 @@ interface Props extends PinyaCardProps {
 declare const FourPartCard: import("svelte").Component<Props, {}, "">;
 type FourPartCard = ReturnType<typeof FourPartCard>;
 export default FourPartCard;
+//# sourceMappingURL=FourPartCard.svelte.d.ts.map

package/dist/ui/components/FourPartCard.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FourPartCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/FourPartCard.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGrC,UAAU,KAAM,SAAQ,cAAc;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAiDF,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/ui/components/MeltToaster/MeltToaster.svelte

@@ -0,0 +1,103 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
+<script lang="ts" module>
+	import type { ToastSettings } from "./ToastSettings";
+	import { Toaster } from "melt/builders";
+
+	// const toaster = new Toaster<ToastSettings>({ closeDelay: 0 });
+	const toaster = new Toaster<ToastSettings>();
+
+	export const addToast = toaster.addToast;
+</script>
+
+<script lang="ts">
+	import { onDestroy, onMount } from "svelte";
+
+	let toasterRoot: HTMLDivElement;
+	let observer = $state<MutationObserver>();
+
+	onMount(() => {
+		// from https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver
+		observer = new MutationObserver((mutationList) => {
+			for (const mutation of mutationList) {
+				if (mutation.type === "childList") {
+					setTimeout(() => {
+						// get all toasterRoot children
+						const children = Array.from(toasterRoot.children);
+						children.forEach((child, index) => {
+							const revNum = Math.min(Math.abs(children.length - 1 - index), 5);
+							child.style.setProperty("--toast-index", index.toString());
+							child.style.setProperty("--toast-gap", `${Math.max(2 - (revNum * 0.2), 1)}lh`);
+							child.style.setProperty("--toast-scale", `${Math.max(1 - (revNum * 0.02), 0.9)}`);
+							child.style.setProperty("--toast-shadow-px", `${Math.max(8 - (revNum), 3)}px`);
+						});
+					}, 16); // 16 is an approximate ms for 60 Hz
+				}
+			}
+		});
+		observer.observe(toasterRoot, { childList: true });
+	});
+
+	onDestroy(() => {
+		if (observer) observer.disconnect();
+	});
+</script>
+
+<!-- @component MeltToaster
+ todo: implement outgoing animation
+ todo: add animation indicating its duration
+ -->
+<div {...toaster.root} bind:this={toasterRoot} class="pinya-toaster-root">
+	{#each toaster.toasts as toast (toast.id)}
+
+		<div {...toast.content} class={`toast-instance ${toast.data.type}`}>
+			<div class="toast-header">
+				<div {...toast.title} class="fake-h4">{toast.data.title ?? (toast.data.type ?? "Info").toUpperCase()}</div>
+				<button {...toast.close} aria-label="dismiss alert">X</button>
+			</div>
+			<div {...toast.description}>{toast.data.description}</div>
+		</div>
+	{/each}
+</div>
+
+<style>.apply-current-surface {
+  background-color: var(--current-surface-color);
+}
+
+.pinya-toaster-root .toast-instance {
+  --current-surface-color: var(--body-background-color);
+  background-color: var(--current-surface-color);
+}
+
+.pinya-toaster-root .toast-instance.success {
+  --current-surface-color: var(--color-success-500);
+  background-color: var(--current-surface-color);
+}
+
+.pinya-toaster-root .toast-instance.error {
+  --current-surface-color: var(--color-error-500);
+  background-color: var(--current-surface-color);
+}
+
+.pinya-toaster-root .toast-instance {
+  position: fixed;
+  width: min(90vw, 14em);
+  --toast-gap: -10lh;
+  bottom: calc(var(--toast-gap));
+  transition: bottom 0.25s linear 0.2s, transform 0.25s linear 0.2s;
+}
+.pinya-toaster-root .toast-instance:last-child {
+  transition: bottom 0.25s cubic-bezier(0, 0, 0.5, 1.2), transform 0.25s linear;
+}
+.pinya-toaster-root .toast-instance {
+  transform: scale(var(--toast-scale));
+  z-index: var(--toast-index);
+  left: 1rem;
+  box-shadow: var(--toast-shadow-px) var(--toast-shadow-px) var(--toast-shadow-px) var(--shadow-color);
+  padding: 1rem;
+  border-radius: var(--radius-sm);
+}
+.pinya-toaster-root .toast-instance .toast-header {
+  display: flex;
+  justify-content: space-between;
+}</style>

package/dist/ui/components/MeltToaster/MeltToaster.svelte.d.ts

@@ -0,0 +1,54 @@
+import type { ToastSettings } from "./ToastSettings";
+import { Toaster } from "melt/builders";
+export declare const addToast: (props: import("melt/builders").AddToastArgs<ToastSettings>) => {
+    "__#private@#private": any;
+    readonly toaster: Toaster<ToastSettings>;
+    readonly id: string;
+    data: ToastSettings;
+    closeDelay: number;
+    type: "assertive" | "polite";
+    ids: {
+        title: string;
+        description: string;
+        content: string;
+        close: string;
+    };
+    readonly createdAt: number;
+    timeElapsed: number;
+    readonly percentage: number;
+    readonly removeSelf: () => void;
+    readonly cleanup: () => void;
+    readonly pause: () => void;
+    readonly reset: () => void;
+    readonly resume: () => void;
+    get content(): {
+        readonly "data-melt-toaster-toast-content": "";
+        readonly id: string;
+        readonly role: "alert";
+        readonly "aria-labelledby": string;
+        readonly "aria-describedby": string;
+        readonly "aria-live": "assertive" | "polite";
+        readonly tabindex: -1;
+        readonly onpointerenter: (e: PointerEvent) => void;
+        readonly onpointerleave: (e: PointerEvent) => void;
+    };
+    get title(): {
+        id: string;
+    };
+    get description(): {
+        id: string;
+    };
+    get close(): {
+        readonly "data-melt-toaster-toast-close": "";
+        readonly onclick: () => void;
+    };
+};
+/**
+ * MeltToaster
+ * todo: implement outgoing animation
+ * todo: add animation indicating its duration
+ */
+declare const MeltToaster: import("svelte").Component<Record<string, never>, {}, "">;
+type MeltToaster = ReturnType<typeof MeltToaster>;
+export default MeltToaster;
+//# sourceMappingURL=MeltToaster.svelte.d.ts.map

package/dist/ui/components/MeltToaster/MeltToaster.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeltToaster.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/MeltToaster/MeltToaster.svelte.ts"],"names":[],"mappings":"AAGC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAKxC,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAmB,CAAC;AA4D1C;;;;GAIG;AACH,QAAA,MAAM,WAAW,2DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/ui/{templates/SeaweedLayout → components/MeltToaster}/ToastSettings.d.ts

@@ -1,6 +1,5 @@
 export interface ToastSettings {
     /** The unique toast ID. */
-    id?: string;
     /** The unique toast title text. */
     title?: string;
     /** The unique toast description text. */
@@ -13,3 +12,4 @@ export interface ToastSettings {
     /** The duration of the toast. Default varies by type. */
     duration?: number;
 }
+//# sourceMappingURL=ToastSettings.d.ts.map

package/dist/ui/components/MeltToaster/ToastSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastSettings.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/MeltToaster/ToastSettings.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,aAAa;IAC7B,2BAA2B;IAE3B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;IACpC,yDAAyD;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/ui/components/MeltToaster/ToastSettings.js

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

package/dist/ui/components/ModalBase.svelte

@@ -1,3 +1,5 @@
+<!-- TODO: Documentation: consider documentation showcase -->
+
 <script lang="ts">
 	import { scale } from 'svelte/transition';
 	import { elasticOut } from 'svelte/easing';
@@ -5,7 +7,7 @@
 	import type { ModalProps } from 'svelte-modals';
 
 	import { onMount, type Snippet } from 'svelte';
-	import { PinyaCard } from '../elements';
+	import { PinyaCard, type PinyaCardProps } from "../elements";
 
 	// https://svelte-modals.mattjennin.gs/modal-components/props/#typescript
 	interface ModalBaseProps extends ModalProps {
@@ -15,8 +17,9 @@
 	let {
 		children,
 		isOpen,
-		close
-	}: ModalBaseProps = $props();
+		close,
+		...props
+	}: ModalBaseProps & PinyaCardProps = $props();
 
 	let container = $state<HTMLDivElement>();
 	onMount(() => {
@@ -44,6 +47,7 @@
 			<PinyaCard
 				widthClass="max-w-xl2"
 				paddingClass="pl-8 pr-8 pt-4 pb-8"
+				{...props}
 			>
 				{@render children?.()}
 			</PinyaCard>

package/dist/ui/components/ModalBase.svelte.d.ts

@@ -1,8 +1,11 @@
 import type { ModalProps } from 'svelte-modals';
 import { type Snippet } from 'svelte';
+import { type PinyaCardProps } from "../elements";
 interface ModalBaseProps extends ModalProps {
     children: Snippet;
 }
-declare const ModalBase: import("svelte").Component<ModalBaseProps, {}, "">;
+type $$ComponentProps = ModalBaseProps & PinyaCardProps;
+declare const ModalBase: import("svelte").Component<$$ComponentProps, {}, "">;
 type ModalBase = ReturnType<typeof ModalBase>;
 export default ModalBase;
+//# sourceMappingURL=ModalBase.svelte.d.ts.map

package/dist/ui/components/ModalBase.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBase.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/ModalBase.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIjE,UAAU,cAAe,SAAQ,UAAU;IAC1C,QAAQ,EAAE,OAAO,CAAC;CAClB;AACD,KAAK,gBAAgB,GAAI,cAAc,GAAG,cAAc,CAAC;AAsD1D,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}