@turnipxenon/pineapple 5.3.9 → 5.3.11

package/dist/theme.css

@@ -2,113 +2,113 @@
 
 /*todo: delete after all downstream works #migration*/
 :root {
-    /* =~= Theme Properties =~= */
-    --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-50);
-    --theme-rounded-base: 24px;
-    --theme-rounded-container: 16px;
-    --theme-border-base: 2px;
-    /* =~= Theme On-X Colors =~= */
-    --on-primary: var(--color-text-900);
-    --on-secondary: var(--color-surface-500);
-    --on-tertiary: var(--color-text-900);
-    --on-success: var(--color-text-900);
-    --on-warning: var(--color-text-900);
-    --on-error: var(--color-surface-500);
-    --on-surface: var(--color-text-900);
-    /* =~= Theme Colors  =~= */
-    /* primary | #b9a26e */
-    --color-primary-50: 245 241 233; /* ⬅ #f5f1e9 */
-    --color-primary-100: 241 236 226; /* ⬅ #f1ece2 */
-    --color-primary-200: 238 232 219; /* ⬅ #eee8db */
-    --color-primary-300: 227 218 197; /* ⬅ #e3dac5 */
-    --color-primary-400: 206 190 154; /* ⬅ #cebe9a */
-    --color-primary-500: 185 162 110; /* ⬅ #b9a26e */
-    --color-primary-600: 167 146 99; /* ⬅ #a79263 */
-    --color-primary-700: 139 122 83; /* ⬅ #8b7a53 */
-    --color-primary-800: 111 97 66; /* ⬅ #6f6142 */
-    --color-primary-900: 91 79 54; /* ⬅ #5b4f36 */
-    --color-primary-1000: 66 54 29; /* ⬅ #42361d */
-    /* secondary | #b55639 */
-    --color-secondary-50: 244 230 225; /* ⬅ #f4e6e1 */
-    --color-secondary-100: 240 221 215; /* ⬅ #f0ddd7 */
-    --color-secondary-200: 237 213 206; /* ⬅ #edd5ce */
-    --color-secondary-300: 225 187 176; /* ⬅ #e1bbb0 */
-    --color-secondary-350: 214 162 146; /* ⬅ #D6A292 */
-    --color-secondary-400: 203 137 116; /* ⬅ #cb8974 */
-    --color-secondary-450: 192 112 87; /* ⬅ #C07057 */
-    --color-secondary-500: 181 86 57; /* ⬅ #b55639 */
-    --color-secondary-600: 163 77 51; /* ⬅ #a34d33 */
-    --color-secondary-700: 136 65 43; /* ⬅ #88412b */
-    --color-secondary-800: 109 52 34; /* ⬅ #6d3422 */
-    --color-secondary-900: 89 42 28; /* ⬅ #592a1c */
-    /* tertiary | #cd7949 */
-    --color-tertiary-50: 248 235 228; /* ⬅ #f8ebe4 */
-    --color-tertiary-100: 245 228 219; /* ⬅ #f5e4db */
-    --color-tertiary-200: 243 222 210; /* ⬅ #f3ded2 */
-    --color-tertiary-300: 235 201 182; /* ⬅ #ebc9b6 */
-    --color-tertiary-400: 220 161 128; /* ⬅ #dca180 */
-    --color-tertiary-500: 205 121 73; /* ⬅ #cd7949 */
-    --color-tertiary-600: 185 109 66; /* ⬅ #b96d42 */
-    --color-tertiary-700: 154 91 55; /* ⬅ #9a5b37 */
-    --color-tertiary-800: 123 73 44; /* ⬅ #7b492c */
-    --color-tertiary-900: 100 59 36; /* ⬅ #643b24 */
-    /* success | #7cab36 */
-    --color-success-50: 235 242 225; /* ⬅ #ebf2e1 */
-    --color-success-100: 229 238 215; /* ⬅ #e5eed7 */
-    --color-success-200: 222 234 205; /* ⬅ #deeacd */
-    --color-success-300: 203 221 175; /* ⬅ #cbddaf */
-    --color-success-400: 163 196 114; /* ⬅ #a3c472 */
-    --color-success-500: 124 171 54; /* ⬅ #7cab36 */
-    --color-success-600: 112 154 49; /* ⬅ #709a31 */
-    --color-success-700: 93 128 41; /* ⬅ #5d8029 */
-    --color-success-800: 74 103 32; /* ⬅ #4a6720 */
-    --color-success-900: 61 84 26; /* ⬅ #3d541a */
-    /* warning | #b8993a */
-    --color-warning-50: 244 240 225; /* ⬅ #f4f0e1 */
-    --color-warning-100: 241 235 216; /* ⬅ #f1ebd8 */
-    --color-warning-200: 237 230 206; /* ⬅ #ede6ce */
-    --color-warning-300: 227 214 176; /* ⬅ #e3d6b0 */
-    --color-warning-400: 205 184 117; /* ⬅ #cdb875 */
-    --color-warning-500: 184 153 58; /* ⬅ #b8993a */
-    --color-warning-600: 166 138 52; /* ⬅ #a68a34 */
-    --color-warning-700: 138 115 44; /* ⬅ #8a732c */
-    --color-warning-800: 110 92 35; /* ⬅ #6e5c23 */
-    --color-warning-900: 90 75 28; /* ⬅ #5a4b1c */
-    /* error | #b53977 */
-    --color-error-50: 244 225 235; /* ⬅ #f4e1eb */
-    --color-error-100: 240 215 228; /* ⬅ #f0d7e4 */
-    --color-error-200: 237 206 221; /* ⬅ #edcedd */
-    --color-error-300: 225 176 201; /* ⬅ #e1b0c9 */
-    --color-error-400: 203 116 160; /* ⬅ #cb74a0 */
-    --color-error-500: 181 57 119; /* ⬅ #b53977 */
-    --color-error-600: 163 51 107; /* ⬅ #a3336b */
-    --color-error-700: 136 43 89; /* ⬅ #882b59 */
-    --color-error-800: 109 34 71; /* ⬅ #6d2247 */
-    --color-error-900: 89 28 58; /* ⬅ #591c3a */
-    /* surface | #fff7e3 */
-    --color-surface-50: 255 254 251; /* ⬅ #fffefb */
-    --color-surface-100: 255 253 249; /* ⬅ #fffdf9 */
-    --color-surface-200: 255 253 248; /* ⬅ #fffdf8 */
-    --color-surface-300: 255 252 244; /* ⬅ #fffcf4 */
-    --color-surface-400: 255 249 235; /* ⬅ #fff9eb */
-    --color-surface-500: 255 247 227; /* ⬅ #fff7e3 */
-    --color-surface-600: 230 222 204; /* ⬅ #e6decc */
-    --color-surface-700: 191 185 170; /* ⬅ #bfb9aa */
-    --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 */
-    --color-text-300: 178 173 172; /* ⬅ #b2adac */
-    --color-text-400: 121 111 109; /* ⬅ #796f6d */
-    --color-text-500: 63 49 47; /* ⬅ #3f312f */
-    --color-text-600: 57 44 42; /* ⬅ #392c2a */
-    --color-text-700: 47 37 35; /* ⬅ #2f2523 */
-    --color-text-800: 38 29 28; /* ⬅ #261d1c */
-    --color-text-900: 31 24 23; /* ⬅ #1f1817 */
+	/* =~= Theme Properties =~= */
+	--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-50);
+	--theme-rounded-base: 24px;
+	--theme-rounded-container: 16px;
+	--theme-border-base: 2px;
+	/* =~= Theme On-X Colors =~= */
+	--on-primary: var(--color-text-900);
+	--on-secondary: var(--color-surface-500);
+	--on-tertiary: var(--color-text-900);
+	--on-success: var(--color-text-900);
+	--on-warning: var(--color-text-900);
+	--on-error: var(--color-surface-500);
+	--on-surface: var(--color-text-900);
+	/* =~= Theme Colors  =~= */
+	/* primary | #b9a26e */
+	--color-primary-50: 245 241 233; /* ⬅ #f5f1e9 */
+	--color-primary-100: 241 236 226; /* ⬅ #f1ece2 */
+	--color-primary-200: 238 232 219; /* ⬅ #eee8db */
+	--color-primary-300: 227 218 197; /* ⬅ #e3dac5 */
+	--color-primary-400: 206 190 154; /* ⬅ #cebe9a */
+	--color-primary-500: 185 162 110; /* ⬅ #b9a26e */
+	--color-primary-600: 167 146 99; /* ⬅ #a79263 */
+	--color-primary-700: 139 122 83; /* ⬅ #8b7a53 */
+	--color-primary-800: 111 97 66; /* ⬅ #6f6142 */
+	--color-primary-900: 91 79 54; /* ⬅ #5b4f36 */
+	--color-primary-1000: 66 54 29; /* ⬅ #42361d */
+	/* secondary | #b55639 */
+	--color-secondary-50: 244 230 225; /* ⬅ #f4e6e1 */
+	--color-secondary-100: 240 221 215; /* ⬅ #f0ddd7 */
+	--color-secondary-200: 237 213 206; /* ⬅ #edd5ce */
+	--color-secondary-300: 225 187 176; /* ⬅ #e1bbb0 */
+	--color-secondary-350: 214 162 146; /* ⬅ #D6A292 */
+	--color-secondary-400: 203 137 116; /* ⬅ #cb8974 */
+	--color-secondary-450: 192 112 87; /* ⬅ #C07057 */
+	--color-secondary-500: 181 86 57; /* ⬅ #b55639 */
+	--color-secondary-600: 163 77 51; /* ⬅ #a34d33 */
+	--color-secondary-700: 136 65 43; /* ⬅ #88412b */
+	--color-secondary-800: 109 52 34; /* ⬅ #6d3422 */
+	--color-secondary-900: 89 42 28; /* ⬅ #592a1c */
+	/* tertiary | #cd7949 */
+	--color-tertiary-50: 248 235 228; /* ⬅ #f8ebe4 */
+	--color-tertiary-100: 245 228 219; /* ⬅ #f5e4db */
+	--color-tertiary-200: 243 222 210; /* ⬅ #f3ded2 */
+	--color-tertiary-300: 235 201 182; /* ⬅ #ebc9b6 */
+	--color-tertiary-400: 220 161 128; /* ⬅ #dca180 */
+	--color-tertiary-500: 205 121 73; /* ⬅ #cd7949 */
+	--color-tertiary-600: 185 109 66; /* ⬅ #b96d42 */
+	--color-tertiary-700: 154 91 55; /* ⬅ #9a5b37 */
+	--color-tertiary-800: 123 73 44; /* ⬅ #7b492c */
+	--color-tertiary-900: 100 59 36; /* ⬅ #643b24 */
+	/* success | #7cab36 */
+	--color-success-50: 235 242 225; /* ⬅ #ebf2e1 */
+	--color-success-100: 229 238 215; /* ⬅ #e5eed7 */
+	--color-success-200: 222 234 205; /* ⬅ #deeacd */
+	--color-success-300: 203 221 175; /* ⬅ #cbddaf */
+	--color-success-400: 163 196 114; /* ⬅ #a3c472 */
+	--color-success-500: 124 171 54; /* ⬅ #7cab36 */
+	--color-success-600: 112 154 49; /* ⬅ #709a31 */
+	--color-success-700: 93 128 41; /* ⬅ #5d8029 */
+	--color-success-800: 74 103 32; /* ⬅ #4a6720 */
+	--color-success-900: 61 84 26; /* ⬅ #3d541a */
+	/* warning | #b8993a */
+	--color-warning-50: 244 240 225; /* ⬅ #f4f0e1 */
+	--color-warning-100: 241 235 216; /* ⬅ #f1ebd8 */
+	--color-warning-200: 237 230 206; /* ⬅ #ede6ce */
+	--color-warning-300: 227 214 176; /* ⬅ #e3d6b0 */
+	--color-warning-400: 205 184 117; /* ⬅ #cdb875 */
+	--color-warning-500: 184 153 58; /* ⬅ #b8993a */
+	--color-warning-600: 166 138 52; /* ⬅ #a68a34 */
+	--color-warning-700: 138 115 44; /* ⬅ #8a732c */
+	--color-warning-800: 110 92 35; /* ⬅ #6e5c23 */
+	--color-warning-900: 90 75 28; /* ⬅ #5a4b1c */
+	/* error | #b53977 */
+	--color-error-50: 244 225 235; /* ⬅ #f4e1eb */
+	--color-error-100: 240 215 228; /* ⬅ #f0d7e4 */
+	--color-error-200: 237 206 221; /* ⬅ #edcedd */
+	--color-error-300: 225 176 201; /* ⬅ #e1b0c9 */
+	--color-error-400: 203 116 160; /* ⬅ #cb74a0 */
+	--color-error-500: 181 57 119; /* ⬅ #b53977 */
+	--color-error-600: 163 51 107; /* ⬅ #a3336b */
+	--color-error-700: 136 43 89; /* ⬅ #882b59 */
+	--color-error-800: 109 34 71; /* ⬅ #6d2247 */
+	--color-error-900: 89 28 58; /* ⬅ #591c3a */
+	/* surface | #fff7e3 */
+	--color-surface-50: 255 254 251; /* ⬅ #fffefb */
+	--color-surface-100: 255 253 249; /* ⬅ #fffdf9 */
+	--color-surface-200: 255 253 248; /* ⬅ #fffdf8 */
+	--color-surface-300: 255 252 244; /* ⬅ #fffcf4 */
+	--color-surface-400: 255 249 235; /* ⬅ #fff9eb */
+	--color-surface-500: 255 247 227; /* ⬅ #fff7e3 */
+	--color-surface-600: 230 222 204; /* ⬅ #e6decc */
+	--color-surface-700: 191 185 170; /* ⬅ #bfb9aa */
+	--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 */
+	--color-text-300: 178 173 172; /* ⬅ #b2adac */
+	--color-text-400: 121 111 109; /* ⬅ #796f6d */
+	--color-text-500: 63 49 47; /* ⬅ #3f312f */
+	--color-text-600: 57 44 42; /* ⬅ #392c2a */
+	--color-text-700: 47 37 35; /* ⬅ #2f2523 */
+	--color-text-800: 38 29 28; /* ⬅ #261d1c */
+	--color-text-900: 31 24 23; /* ⬅ #1f1817 */
 }

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

@@ -1 +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;AA2BrC,eAAO,MAAM,iBAAiB,QAAO,cAoBpC,CAAC"}
+{"version":3,"file":"DialogVariableStore.d.ts","sourceRoot":"","sources":["../../../src/lib/types/pineapple_fiber/DialogVariableStore.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;AA2BrC,eAAO,MAAM,iBAAiB,QAAO,cAoBpC,CAAC"}

package/dist/types/pineapple_fiber/DialogVariableStore.js

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { browser } from "$app/environment";
 const createInMemoryStore = () => {

package/dist/ui/components/FourPartCard.svelte

@@ -1,7 +1,6 @@
 <!-- TODO: Documentation: consider documentation showcase -->
 
 <script lang="ts">
-
 	import { PinyaCard, type PinyaCardProps } from "../elements";
 	import type { Snippet } from "svelte";
 
@@ -11,18 +10,11 @@
 		footer?: Snippet;
 	}
 
-	let {
-		children,
-		header,
-		footer,
-		headerCover,
-		...props
-	}: Props = $props();
+	let { children, header, footer, headerCover, ...props }: Props = $props();
 </script>
 
 <PinyaCard {...props} class={`pinya-four-part-card ${props.class}`}>
 	<section class="mb-6 flex-wrapper">
-
 		{#if headerCover}
 			<section class="card-header-cover w-full">
 				{@render headerCover()}
@@ -48,26 +40,26 @@
 </PinyaCard>
 
 <style>
-    :global {
-        .pinya-four-part-card.pinya-card {
-            padding: 0;
+	:global {
+		.pinya-four-part-card.pinya-card {
+			padding: 0;
 
-            .card-header-cover > img {
-                border-radius: calc(var(--radius-xl) - 2px);
-            }
+			.card-header-cover > img {
+				border-radius: calc(var(--radius-xl) - 2px);
+			}
 
-		        word-wrap: break-word;
-            -webkit-hyphens: auto;
-            -moz-hyphens: auto;
-            -ms-hyphens: auto;
-            hyphens: auto;
-        }
+			word-wrap: break-word;
+			-webkit-hyphens: auto;
+			-moz-hyphens: auto;
+			-ms-hyphens: auto;
+			hyphens: auto;
+		}
 
-		    html.dark .pinya-four-part-card {
-				    border: 0;
-            .card-header-cover > img {
-                border-radius: var(--radius-xl);
-            }
-		    }
-    }
+		html.dark .pinya-four-part-card {
+			border: 0;
+			.card-header-cover > img {
+				border-radius: var(--radius-xl);
+			}
+		}
+	}
 </style>

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

@@ -1 +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"}
+{"version":3,"file":"FourPartCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/FourPartCard.svelte.ts"],"names":[],"mappings":"AAGA,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;AAyCF,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

@@ -28,9 +28,9 @@
 						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`);
+							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
 				}
@@ -52,10 +52,11 @@
  -->
 <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>
+				<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>

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

@@ -1 +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;AAgE1C;;;;GAIG;AACH,QAAA,MAAM,WAAW,2DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"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;AAiE1C;;;;GAIG;AACH,QAAA,MAAM,WAAW,2DAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/ui/components/ModalBase.svelte

@@ -1,35 +1,32 @@
 <!-- TODO: Documentation: consider documentation showcase -->
 
 <script lang="ts">
-	import { scale } from 'svelte/transition';
-	import { elasticOut } from 'svelte/easing';
+	import { scale } from "svelte/transition";
+	import { elasticOut } from "svelte/easing";
 
-	import type { ModalProps } from 'svelte-modals';
+	import type { ModalProps } from "svelte-modals";
 
-	import { onMount, type Snippet } from 'svelte';
+	import { onMount, type Snippet } from "svelte";
 	import { PinyaCard, type PinyaCardProps } from "../elements";
 
 	// https://svelte-modals.mattjennin.gs/modal-components/props/#typescript
 	interface ModalBaseProps extends ModalProps {
-		children: Snippet,
+		children: Snippet;
 	}
 
-	let {
-		children,
-		isOpen,
-		close,
-		...props
-	}: ModalBaseProps & PinyaCardProps = $props();
+	let { children, isOpen, close, ...props }: ModalBaseProps & PinyaCardProps = $props();
 
 	let container = $state<HTMLDivElement>();
 	onMount(() => {
-		const focusableElement = container?.querySelector('input, select, textarea, button, object, a, area[href], [tabindex]');
+		const focusableElement = container?.querySelector(
+			"input, select, textarea, button, object, a, area[href], [tabindex]"
+		);
 		if (focusableElement) {
 			(focusableElement as HTMLElement).focus();
 		}
 
-		document.addEventListener('keydown', (e) => {
-			if (e.code === 'Escape') {
+		document.addEventListener("keydown", (e) => {
+			if (e.code === "Escape") {
 				close();
 			}
 		});
@@ -37,18 +34,17 @@
 </script>
 
 {#if isOpen}
-	<dialog aria-modal="true" in:scale|global={{
-		start: 0.95,
-		duration: 750,
-		easing: elasticOut,
-		opacity: 0.9
-	}}>
+	<dialog
+		aria-modal="true"
+		in:scale|global={{
+			start: 0.95,
+			duration: 750,
+			easing: elasticOut,
+			opacity: 0.9
+		}}
+	>
 		<div class="interactable" bind:this={container}>
-			<PinyaCard
-				widthClass="max-w-xl2"
-				paddingClass="pl-8 pr-8 pt-4 pb-8"
-				{...props}
-			>
+			<PinyaCard widthClass="max-w-xl2" paddingClass="pl-8 pr-8 pt-4 pb-8" {...props}>
 				{@render children?.()}
 			</PinyaCard>
 		</div>
@@ -56,24 +52,24 @@
 {/if}
 
 <style>
-    dialog {
-        padding: 0;
-        background-color: transparent;
-        border-color: transparent;
-        z-index: 20;
-        position: fixed;
-        top: 0;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
+	dialog {
+		padding: 0;
+		background-color: transparent;
+		border-color: transparent;
+		z-index: 20;
+		position: fixed;
+		top: 0;
+		width: 100%;
+		height: 100%;
+		display: flex;
+		justify-content: center;
+		align-items: center;
 
-        /* allow click-through to backdrop */
-        pointer-events: none;
-    }
+		/* allow click-through to backdrop */
+		pointer-events: none;
+	}
 
-    .interactable {
-        pointer-events: auto;
-    }
+	.interactable {
+		pointer-events: auto;
+	}
 </style>

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

@@ -1,5 +1,5 @@
-import type { ModalProps } from 'svelte-modals';
-import { type Snippet } from 'svelte';
+import type { ModalProps } from "svelte-modals";
+import { type Snippet } from "svelte";
 import { type PinyaCardProps } from "../elements";
 interface ModalBaseProps extends ModalProps {
     children: Snippet;

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

@@ -1 +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"}
+{"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;AAmD1D,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/ui/components/NestedNavigation.svelte

@@ -11,17 +11,16 @@
 	let {
 		layout,
 		depth,
-		close = () => {
-		},
+		close = () => {},
 		openBehavior,
 		...props
 	}: {
-		layout: PageMeta[],
-		depth: number,
-		close?: () => void,
-		openBehavior?: "open-all" | "open-active" | "close-all"
+		layout: PageMeta[];
+		depth: number;
+		close?: () => void;
+		openBehavior?: "open-all" | "open-active" | "close-all";
 		// we have to omit id since id is auto assigned by melt
-	} & Omit<HTMLAttributes<HTMLDivElement>, 'id'> = $props();
+	} & Omit<HTMLAttributes<HTMLDivElement>, "id"> = $props();
 
 	let openItems = $state<string[]>([]);
 
@@ -36,18 +35,17 @@
 				break;
 
 			case "open-all":
-				openItems = layout.map(site => site.relativeLink);
+				openItems = layout.map((site) => site.relativeLink);
 				break;
 
-			case "open-active":
-				// find the biggest match
-				// for example if our current link is documentation/test/test2
-				// if the relativeLink are documentation-test, documentation, doc
-				// we return [documentation]
+			case "open-active": // find the biggest match
+			// for example if our current link is documentation/test/test2
+			// if the relativeLink are documentation-test, documentation, doc
+			// we return [documentation]
 			{
 				let bestMatch: string | null = null;
 
-				layout.forEach(site => {
+				layout.forEach((site) => {
 					const link = site.relativeLink;
 					if (!link) {
 						return;
@@ -72,13 +70,14 @@
 </script>
 
 {#if layout.length > 0}
-	<PinyaAccordion bind:openItems={openItems} {...props} class="pinya-nested-navigation {props.class ?? ''}">
+	<PinyaAccordion bind:openItems {...props} class="pinya-nested-navigation {props.class ?? ''}">
 		{#each layout as site (site.relativeLink)}
 			<!-- todo: add highlighted class when relativeLink === page.url -->
 			<PinyaAccordionItem
-				class={currentPath === site.relativeLink ? 'highlighted' : ''}
+				class={currentPath === site.relativeLink ? "highlighted" : ""}
 				hasNoChild={site.nestedPages.length === 0}
-				pinyaValue={site.relativeLink}>
+				pinyaValue={site.relativeLink}
+			>
 				{#snippet control()}
 					<TextLink href={localizeHref(site.relativeLink)} onclick={() => close()}>
 						{site.title}
@@ -94,8 +93,12 @@
 			</PinyaAccordionItem>
 		{/each}
 	</PinyaAccordion>
-{:else }
-	<PinyaCard {...props} class={`nested-navigation-placeholder ${props.class ?? ''}`} colorClass="bg-primary-100 dark:bg-tertiary-900">
+{:else}
+	<PinyaCard
+		{...props}
+		class={`nested-navigation-placeholder ${props.class ?? ""}`}
+		colorClass="bg-primary-100 dark:bg-tertiary-900"
+	>
 		{#each { length: 10 } as _, idx (idx)}
 			<Placeholder class="mb-2 placeholder" />
 		{/each}

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

@@ -5,7 +5,7 @@ type $$ComponentProps = {
     depth: number;
     close?: () => void;
     openBehavior?: "open-all" | "open-active" | "close-all";
-} & Omit<HTMLAttributes<HTMLDivElement>, 'id'>;
+} & Omit<HTMLAttributes<HTMLDivElement>, "id">;
 declare const NestedNavigation: import("svelte").Component<$$ComponentProps, {}, "">;
 type NestedNavigation = ReturnType<typeof NestedNavigation>;
 export default NestedNavigation;

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

@@ -1 +1 @@
-{"version":3,"file":"NestedNavigation.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/NestedNavigation.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAKrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGrD,KAAK,gBAAgB,GAAI;IACxB,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,WAAW,CAAA;CAEvD,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,CAAC;AAoGhD,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"NestedNavigation.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/NestedNavigation.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAC;AAKrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGrD,KAAK,gBAAgB,GAAI;IACxB,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,CAAC,EAAE,UAAU,GAAG,aAAa,GAAG,WAAW,CAAC;CAExD,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,CAAC;AAkGhD,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}