@turnipxenon/pineapple 5.3.10 → 5.3.12

package/dist/ui/elements/ImageIcon.svelte

@@ -5,56 +5,53 @@
  -->
 
 <script lang="ts">
-	import type { HTMLImgAttributes } from 'svelte/elements';
+	import type { HTMLImgAttributes } from "svelte/elements";
 	import type { GeneralUIProps } from "./GeneralUIProps";
 	import { ColorScheme } from "./ColorScheme";
 
 	type PinyaButtonProps = HTMLImgAttributes & GeneralUIProps;
 
-	const {
-		colorScheme = ColorScheme.Primary,
-		...props
-	}: PinyaButtonProps = $props();
+	const { colorScheme = ColorScheme.Primary, ...props }: PinyaButtonProps = $props();
 
 	const chooseTailwindClass = () => {
 		switch (colorScheme) {
 			case ColorScheme.Warning:
-				return 'btn preset-filled-warning-600-400 text-surface-100 hover:brightness-110';
+				return "btn preset-filled-warning-600-400 text-surface-100 hover:brightness-110";
 			case ColorScheme.Surface:
-				return 'btn preset-filled-surface-800-200 text-surface-100-900 hover:brightness-110';
+				return "btn preset-filled-surface-800-200 text-surface-100-900 hover:brightness-110";
 			default:
-				console.error('Unimplemented color scheme');
+				console.error("Unimplemented color scheme");
 			// eslint-disable-next-line no-fallthrough
 			case ColorScheme.Primary:
-				return 'icon-filter-on-primary-button';
+				return "icon-filter-on-primary-button";
 		}
 	};
 
 	const tailwindClass = chooseTailwindClass();
 </script>
 
-<img
-	{...props}
-	class={`image-icon ${tailwindClass}`}>
+<img {...props} class={`image-icon ${tailwindClass}`} />
 
 <style>
-		:global(.image-icon) {
-        height: calc(var(--spacing) * 8);
+	:global(.image-icon) {
+		height: calc(var(--spacing) * 8);
+	}
+
+	:global(.small-icon-button .image-icon) {
+		height: calc(var(--spacing) * 6);
+	}
+
+	:global(.icon-filter-on-primary-button) {
+		/* based on secondary-950 */
+		filter: brightness(0) saturate(100%) invert(18%) sepia(10%) saturate(4620%) hue-rotate(331deg)
+			brightness(90%) contrast(88%);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(.icon-filter-on-primary-button) {
+			/* based on surface-0 */
+			filter: brightness(0) saturate(100%) invert(85%) sepia(3%) saturate(993%) hue-rotate(326deg)
+				brightness(113%) contrast(105%);
 		}
-
-		:global(.small-icon-button .image-icon) {
-        height: calc(var(--spacing) * 6);
-		}
-
-    :global(.icon-filter-on-primary-button) {
-				/* based on secondary-950 */
-        filter: brightness(0) saturate(100%) invert(18%) sepia(10%) saturate(4620%) hue-rotate(331deg) brightness(90%) contrast(88%);
-    }
-
-    @media (prefers-color-scheme: dark) {
-        :global(.icon-filter-on-primary-button) {
-						/* based on surface-0 */
-            filter: brightness(0) saturate(100%) invert(85%) sepia(3%) saturate(993%) hue-rotate(326deg) brightness(113%) contrast(105%);
-        }
-    }
+	}
 </style>

package/dist/ui/elements/ImageIcon.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLImgAttributes } from 'svelte/elements';
+import type { HTMLImgAttributes } from "svelte/elements";
 import type { GeneralUIProps } from "./GeneralUIProps";
 type PinyaButtonProps = HTMLImgAttributes & GeneralUIProps;
 /**

package/dist/ui/elements/ImageIcon.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/ImageIcon.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAIrE,KAAK,gBAAgB,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAuC5D;;;GAGG;AACH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ImageIcon.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/ImageIcon.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAIrE,KAAK,gBAAgB,GAAG,iBAAiB,GAAG,cAAc,CAAC;AAoC5D;;;GAGG;AACH,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/ui/elements/PineappleSwitch.svelte

@@ -6,7 +6,7 @@
 	interface Props {
 		checked?: boolean;
 		name?: string;
-		onChange?: ((val: boolean) => void);
+		onChange?: (val: boolean) => void;
 		children?: Snippet;
 	}
 
@@ -28,69 +28,69 @@ Posted by Naeem Akhtar
 Retrieved 2026-01-26, License - CC BY-SA 4.0
 -->
 <label class="pinya-toggle toggle">
-	<input type="checkbox" bind:checked={checked} {name} onchange={_onChange} />
+	<input type="checkbox" bind:checked {name} onchange={_onChange} />
 	<span class="slider"></span>
 	{@render children?.()}
 </label>
 
 <style>
-    :root {
-        --pinya-toggle-radius: 0.8lh;
-        --pinya-toggle-margin: 0.2lh;
-    }
+	:root {
+		--pinya-toggle-radius: 0.8lh;
+		--pinya-toggle-margin: 0.2lh;
+	}
 
-    :global {
-        .pinya-toggle {
-            --inactive-toggle-bg: var(--color-surface-800);
-            --active-toggle-bg: var(--color-secondary-400);
-        }
+	:global {
+		.pinya-toggle {
+			--inactive-toggle-bg: var(--color-surface-800);
+			--active-toggle-bg: var(--color-secondary-400);
+		}
 
-        .dark .pinya-toggle {
-            --inactive-toggle-bg: var(--color-surface-700);
-            --active-toggle-bg: var(--color-secondary-500);
-        }
-    }
+		.dark .pinya-toggle {
+			--inactive-toggle-bg: var(--color-surface-700);
+			--active-toggle-bg: var(--color-secondary-500);
+		}
+	}
 
-    .toggle {
-        position: relative;
-        display: inline-block;
-        width: calc((var(--pinya-toggle-radius) + var(--pinya-toggle-margin)) * 2);
-        height: calc(var(--pinya-toggle-radius) + (var(--pinya-toggle-margin) * 2));
-    }
+	.toggle {
+		position: relative;
+		display: inline-block;
+		width: calc((var(--pinya-toggle-radius) + var(--pinya-toggle-margin)) * 2);
+		height: calc(var(--pinya-toggle-radius) + (var(--pinya-toggle-margin) * 2));
+	}
 
-    .toggle input {
-        display: none;
-    }
+	.toggle input {
+		display: none;
+	}
 
-    .slider {
-        position: absolute;
-        cursor: pointer;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background-color: var(--inactive-toggle-bg);
-        transition: 0.4s;
-        border-radius: calc(var(--pinya-toggle-radius) + (var(--pinya-toggle-margin) * 2));
-    }
+	.slider {
+		position: absolute;
+		cursor: pointer;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background-color: var(--inactive-toggle-bg);
+		transition: 0.4s;
+		border-radius: calc(var(--pinya-toggle-radius) + (var(--pinya-toggle-margin) * 2));
+	}
 
-    .slider:before {
-        position: absolute;
-        content: "";
-        height: var(--pinya-toggle-radius);
-        width: var(--pinya-toggle-radius);
-        left: var(--pinya-toggle-margin);
-        bottom: var(--pinya-toggle-margin);
-        background-color: #FFF;
-        transition: 0.4s;
-        border-radius: 50%;
-    }
+	.slider:before {
+		position: absolute;
+		content: "";
+		height: var(--pinya-toggle-radius);
+		width: var(--pinya-toggle-radius);
+		left: var(--pinya-toggle-margin);
+		bottom: var(--pinya-toggle-margin);
+		background-color: #fff;
+		transition: 0.4s;
+		border-radius: 50%;
+	}
 
-    input:checked + .slider {
-        background-color: var(--active-toggle-bg);
-    }
+	input:checked + .slider {
+		background-color: var(--active-toggle-bg);
+	}
 
-    input:checked + .slider:before {
-        transform: translateX(var(--pinya-toggle-radius));
-    }
+	input:checked + .slider:before {
+		transform: translateX(var(--pinya-toggle-radius));
+	}
 </style>

package/dist/ui/elements/PineappleSwitch.svelte.d.ts

@@ -2,7 +2,7 @@ import type { Snippet } from "svelte";
 interface Props {
     checked?: boolean;
     name?: string;
-    onChange?: ((val: boolean) => void);
+    onChange?: (val: boolean) => void;
     children?: Snippet;
 }
 declare const PineappleSwitch: import("svelte").Component<Props, {}, "checked">;

package/dist/ui/elements/PineappleSwitch.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PineappleSwitch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/PineappleSwitch.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGrC,UAAU,KAAK;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA8BF,QAAA,MAAM,eAAe,kDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"PineappleSwitch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/PineappleSwitch.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGrC,UAAU,KAAK;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AA8BF,QAAA,MAAM,eAAe,kDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte

@@ -20,12 +20,11 @@
 		...props
 	}: PinyaAnchorButtonProps = $props();
 
-	let tailwindClass = $derived(createButtonClass({ colorScheme, paddingClass, buttonVariant, colorClass, classes }));
+	let tailwindClass = $derived(
+		createButtonClass({ colorScheme, paddingClass, buttonVariant, colorClass, classes })
+	);
 </script>
 
-<a
-	{...props}
-	class={`a-as-btn ${tailwindClass}`}
->
+<a {...props} class={`a-as-btn ${tailwindClass}`}>
 	{@render children()}
 </a>

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinyaAnchorButton.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AA+BvE;;;GAGG;AACH,QAAA,MAAM,iBAAiB,4DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"PinyaAnchorButton.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaAnchorButton/PinyaAnchorButton.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAiCvE;;;GAGG;AACH,QAAA,MAAM,iBAAiB,4DAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/ui/elements/PinyaAnchorButton/PinyaAnchorButtonProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinyaAnchorButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaAnchorButton/PinyaAnchorButtonProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAC9C,oBAAoB,GACpB,sBAAsB,CAAC"}
+{"version":3,"file":"PinyaAnchorButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaAnchorButton/PinyaAnchorButtonProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,oBAAoB,GAAG,sBAAsB,CAAC"}

package/dist/ui/elements/PinyaButton/PinyaButton.svelte

@@ -16,13 +16,12 @@
 		...props
 	}: PinyaButtonProps = $props();
 
-	let tailwindClass = $derived(createButtonClass({ colorScheme, paddingClass, buttonVariant, colorClass, classes }));
+	let tailwindClass = $derived(
+		createButtonClass({ colorScheme, paddingClass, buttonVariant, colorClass, classes })
+	);
 </script>
 
-<button
-	{...props}
-	class={`pinya-button ${props.class ?? ''} ${tailwindClass}`}
->
+<button {...props} class={`pinya-button ${props.class ?? ""} ${tailwindClass}`}>
 	{@render children()}
 </button>
 

package/dist/ui/elements/PinyaButton/PinyaButton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinyaButton.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButton/PinyaButton.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA+B3D,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"PinyaButton.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButton/PinyaButton.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAiC3D,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/ui/elements/PinyaButton/PinyaButtonProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinyaButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButton/PinyaButtonProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GACxC,oBAAoB,GACpB,sBAAsB,CAAC"}
+{"version":3,"file":"PinyaButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButton/PinyaButtonProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,oBAAoB,GAAG,sBAAsB,CAAC"}

package/dist/ui/elements/PinyaButton/index.d.ts

@@ -1,3 +1,3 @@
-export { default as PinyaButton } from './PinyaButton.svelte';
-export * from './PinyaButtonProps';
+export { default as PinyaButton } from "./PinyaButton.svelte";
+export * from "./PinyaButtonProps";
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/elements/PinyaButton/index.js

@@ -1,2 +1,2 @@
-export { default as PinyaButton } from './PinyaButton.svelte';
-export * from './PinyaButtonProps';
+export { default as PinyaButton } from "./PinyaButton.svelte";
+export * from "./PinyaButtonProps";

package/dist/ui/elements/PinyaButtonCommon/ButtonVariant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonVariant.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButtonCommon/ButtonVariant.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACxB,OAAO,YAAY;IACnB,KAAK,iBAAiB;IACtB,SAAS,sBAAuB;CAChC"}
+{"version":3,"file":"ButtonVariant.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButtonCommon/ButtonVariant.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACxB,OAAO,YAAY;IACnB,KAAK,iBAAiB;IACtB,SAAS,sBAAsB;CAC/B"}

package/dist/ui/elements/PinyaButtonCommon/PinyaButtonCommonProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinyaButtonCommonProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButtonCommon/PinyaButtonCommonProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,kDAAkD,CAAC;AAEjF,MAAM,MAAM,sBAAsB,GAC/B,cAAc,GACd;IACF,kBAAkB;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAA"}
+{"version":3,"file":"PinyaButtonCommonProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButtonCommon/PinyaButtonCommonProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,kDAAkD,CAAC;AAEjF,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG;IACrD,kBAAkB;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/dist/ui/elements/PinyaButtonCommon/createButtonClass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createButtonClass.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButtonCommon/createButtonClass.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGvE,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,WAkB9D,CAAC"}
+{"version":3,"file":"createButtonClass.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaButtonCommon/createButtonClass.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGvE,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,WAY9D,CAAC"}

package/dist/ui/elements/PinyaButtonCommon/createButtonClass.js

@@ -7,7 +7,7 @@ export const createButtonClass = (props) => {
     colorClass !== null && colorClass !== void 0 ? colorClass : (colorClass = "");
     classes !== null && classes !== void 0 ? classes : (classes = "");
     return `btn rounded-2xl text-xl font-bold 
-	${buttonVariant === ButtonVariant.SmallIcon ? 'small-icon-button' : ''}
+	${buttonVariant === ButtonVariant.SmallIcon ? "small-icon-button" : ""}
 	${colorScheme.toString()}
 	${paddingClass} ${classes}`;
 };

package/dist/ui/elements/PinyaCard/PinyaCard.svelte

@@ -19,18 +19,11 @@ When with texts, wrap the text content inside a div so flex wont apply
 </script>
 
 {#if _props.includeDataNoSnippet}
-	<div
-		id={_props.id}
-		data-nosnippet
-		class={`card text-start rounded-xl pinya-card ${cardClass}`}
-	>
+	<div id={_props.id} data-nosnippet class={`card text-start rounded-xl pinya-card ${cardClass}`}>
 		{@render _props?.children?.()}
 	</div>
-{:else }
-	<div
-		id={_props.id}
-		class={`card text-start rounded-xl pinya-card ${cardClass}`}
-	>
+{:else}
+	<div id={_props.id} class={`card text-start rounded-xl pinya-card ${cardClass}`}>
 		{@render _props?.children?.()}
 	</div>
 {/if}

package/dist/ui/elements/PinyaCard/PinyaCardProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinyaCardProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaCard/PinyaCardProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,GAAG;IAC5E,kBAAkB;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAA"}
+{"version":3,"file":"PinyaCardProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/PinyaCard/PinyaCardProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAC1D,YAAY,GAAG;IACd,kBAAkB;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC"}

package/dist/ui/elements/Placeholder.svelte

@@ -9,18 +9,18 @@
 
 	let {
 		isCircle = false,
-		classes = '',
+		classes = "",
 		...props
 	}: {
 		isCircle?: boolean;
 		classes?: string;
-	} & HTMLAttributes<HTMLDivElement>= $props();
+	} & HTMLAttributes<HTMLDivElement> = $props();
 </script>
 
 <div
 	{...props}
 	class="
-	{isCircle ?'placeholder-circle' : 'placeholder'}
+	{isCircle ? 'placeholder-circle' : 'placeholder'}
 	animate-pulse bg-surface-600 dark:bg-surface-800
 	{classes}
 "

package/dist/ui/elements/TextChip/TextChip.svelte

@@ -10,12 +10,14 @@
 	let { children, queryClass = "" }: TextChipProps = $props();
 </script>
 
-<span class={`chip text-chip font-bold pointer-events-none ${queryClass}`}>{@render children()}</span>
+<span class={`chip text-chip font-bold pointer-events-none ${queryClass}`}
+	>{@render children()}</span
+>
 
 <style>
-    /*noinspection CssUnusedSymbol*/
-    :global(.highlight-chip.text-chip) {
-        background-color: var(--color-secondary-500) /* oklch(55.6% 0 0deg) = #737373 */;
-        color: var(--color-secondary-contrast-500) /* var(--color-secondary-contrast-light) */;
-    }
+	/*noinspection CssUnusedSymbol*/
+	:global(.highlight-chip.text-chip) {
+		background-color: var(--color-secondary-500) /* oklch(55.6% 0 0deg) = #737373 */;
+		color: var(--color-secondary-contrast-500) /* var(--color-secondary-contrast-light) */;
+	}
 </style>

package/dist/ui/elements/TextLink.svelte

@@ -5,10 +5,7 @@
 <script lang="ts">
 	import type { TextLinkProps } from "./TextLinkProps";
 
-	let {
-		children,
-		...props
-	}: TextLinkProps = $props();
+	let { children, ...props }: TextLinkProps = $props();
 </script>
 
 <a {...props} class="pinya-text-link ${props.class}">
@@ -16,48 +13,49 @@
 </a>
 
 <style>
-    :global {
-        :root {
-            --link-color: var(--color-secondary-400);
-            --visited-link-color: var(--color-secondary-700);
-        }
-
-        html.dark {
-		        /* when adding new surfaces, apply the property like this */
-            --link-color-dark: var(--color-secondary-300);
-            --visited-link-color-dark: var(--color-secondary-400);
-        }
-
-        a.a-as-btn {
-            text-decoration: none;
-        }
-
-        a:not(.a-as-btn) {
-            text-decoration: underline;
-            color: var(--link-color);
-        }
-
-		    /* when adding new states for elements, apply the property like this */
-        html.dark a:not(.a-as-btn) {
-            color: var(--link-color-dark);
-        }
-
-        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-as-btn:hover {
-            filter: brightness(110%);
-        }
-
-        a:not(.a-as-btn):visited {
-            color: var(--visited-link-color);
-        }
-
-        html.dark a:not(.a-as-btn):visited {
-            color: var(--visited-link-color-dark);
-        }
-    }
+	:global {
+		:root {
+			--link-color: var(--color-secondary-400);
+			--visited-link-color: var(--color-secondary-700);
+		}
+
+		html.dark {
+			/* when adding new surfaces, apply the property like this */
+			--link-color-dark: var(--color-secondary-300);
+			--visited-link-color-dark: var(--color-secondary-400);
+		}
+
+		a.a-as-btn {
+			text-decoration: none;
+		}
+
+		a:not(.a-as-btn) {
+			text-decoration: underline;
+			color: var(--link-color);
+		}
+
+		/* when adding new states for elements, apply the property like this */
+		html.dark a:not(.a-as-btn) {
+			color: var(--link-color-dark);
+		}
+
+		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-as-btn:hover {
+			filter: brightness(110%);
+		}
+
+		a:not(.a-as-btn):visited {
+			color: var(--visited-link-color);
+		}
+
+		html.dark a:not(.a-as-btn):visited {
+			color: var(--visited-link-color-dark);
+		}
+	}
 </style>

package/dist/ui/elements/TextLink.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextLink.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/TextLink.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAqBrD;;;GAGG;AACH,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TextLink.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/TextLink.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAkBrD;;;GAGG;AACH,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/ui/elements/WrapperProps.d.ts

@@ -1,4 +1,4 @@
-import type { Snippet } from 'svelte';
+import type { Snippet } from "svelte";
 export type WrapperProps = {
     children: Snippet;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAA;AAGhC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAE1F,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AAGjC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAE1F,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC"}