@turnipxenon/pineapple 5.0.0 → 5.2.0-alpha.1

package/README.md

@@ -6,13 +6,13 @@ NPM package: https://www.npmjs.com/package/@turnipxenon/pineapple
 
 ## Developing
 
-Once you've created a project and installed dependencies with `yarn`, start a development server:
+Once you've created a project and installed dependencies with `pnpm`, start a development server:
 
 ```bash
-yarn dev
+pnpm dev
 
 # or start the server and open the app in a new browser tab
-yarn dev -- --open
+pnpm dev -- --open
 ```
 
 ## Building
@@ -20,10 +20,10 @@ yarn dev -- --open
 To create a production version of your app:
 
 ```bash
-yarn build
+pnpm build
 ```
 
-You can preview the production build with `yarn preview`.
+You can preview the production build with `pnpm preview`.
 
 > To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
 
@@ -35,7 +35,7 @@ TODO: If you're curious how to install this on a fresh package or a package not
 ## Migration from v2 to v3
 
 ```bash
-yarn add @turnipxenon2/pineapple
+pnpm add @turnipxenon2/pineapple
 ```
 
 **Manual steps**
@@ -119,13 +119,13 @@ kit: {
 
 ## Local linking
 
-1. In pineapple, run `yarn link`
-2. In seaweed2, run `yarn unlink @turnipxenon/pineapple`
+1. In pineapple, run `pnpm link`
+2. In seaweed2, run `pnpm link @turnipxenon/pineapple`
 
 **To unlink:**
 
-1. In seaweed2, run `yarn unlink @turnipxenon/pineapple`
-2. In pineapple, run `yarn unlink`
+1. In seaweed2, run `pnpm unlink @turnipxenon/pineapple`
+2. In pineapple, run `pnpm unlink`
 3. **If unlinking, remember to restart PC cause Windows symlinking is tricky**
 
-To reinstall a single package: `yarn add @turnipxenon/pineapple --no-package-lock --no-save`
+To reinstall a single package: `pnpm add @turnipxenon/pineapple --no-package-lock --no-save`

package/dist/remoteIndex.remote.d.ts

@@ -1,2 +1,3 @@
 export * from "./util/getParsnipData.remote";
+export * from "./util/getCommitDate.remote";
 //# sourceMappingURL=remoteIndex.remote.d.ts.map

package/dist/remoteIndex.remote.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remoteIndex.remote.d.ts","sourceRoot":"","sources":["../src/lib/remoteIndex.remote.ts"],"names":[],"mappings":"AAEA,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"remoteIndex.remote.d.ts","sourceRoot":"","sources":["../src/lib/remoteIndex.remote.ts"],"names":[],"mappings":"AAEA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC"}

package/dist/remoteIndex.remote.js

@@ -1,2 +1,3 @@
 // noinspection JSUnusedGlobalSymbols
 export * from "./util/getParsnipData.remote";
+export * from "./util/getCommitDate.remote";

package/dist/styles/color-tokens.css

@@ -8,6 +8,7 @@ html {
     --color-warning-700-400: var(--color-warning-700);
     --color-surface-50-950: var(--color-surface-50);
     --color-surface-700-600: var(--color-surface-700);
+    --color-surface-900-100: var(--color-surface-900);
 }
 
 html.dark {
@@ -20,4 +21,5 @@ html.dark {
     --color-warning-700-400: var(--color-warning-400);
     --color-surface-50-950: var(--color-surface-950);
     --color-surface-700-600: var(--color-surface-600);
+    --color-surface-900-100: var(--color-surface-100);
 }

package/dist/svelteIndex.svelte.d.ts

@@ -0,0 +1,3 @@
+import type { SnippetMeta } from "./ui/templates/index";
+export declare const projectList: SnippetMeta[];
+//# sourceMappingURL=svelteIndex.svelte.d.ts.map

package/dist/svelteIndex.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svelteIndex.svelte.d.ts","sourceRoot":"","sources":["../src/lib/svelteIndex.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAM3D,eAAO,MAAM,WAAW,EAAE,WAAW,EAMpC,CAAC"}

package/dist/svelteIndex.svelte.js

@@ -0,0 +1,13 @@
+// noinspection JSUnusedGlobalSymbols
+import * as ObsidianPublisher from "./ui/modules/projects/ObsidianPublisher.svelte";
+import * as Hepcat from "./ui/modules/projects/Hepcat.svelte";
+import * as Pengi from "./ui/modules/projects/Pengi.svelte";
+import * as Soulwork from "./ui/modules/projects/Soulwork.svelte";
+import * as ThisWebpage from "./ui/modules/projects/ThisWebpage.svelte";
+export const projectList = [
+    ThisWebpage,
+    Hepcat,
+    Pengi,
+    Soulwork,
+    ObsidianPublisher
+];

package/dist/ui/components/FourPartCard.svelte

@@ -57,5 +57,9 @@
                 border-top-left-radius: var(--radius-xl);
             }
         }
+
+		    html.dark .pinya-four-part-card {
+				    border: 0;
+		    }
     }
 </style>

package/dist/ui/components/SortDropdown.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+	import PinyaCombobox from "../elements/pinya-combobox/PinyaCombobox.svelte";
+	import type { GenericComboboxItem } from "../elements/pinya-combobox/PinyaComboboxProps";
+	import { SectionType } from "../templates/SeaweedLayout/props";
+
+	interface SortDropdownProps {
+		sortBy: string[];              // Current sort value (bindable)
+		sectionType: SectionType;    // Determines available sort options
+	}
+
+	let {
+		sortBy = $bindable(["default"]),
+		sectionType = SectionType.Projects
+	}: SortDropdownProps = $props();
+
+	const projectSortOptions: GenericComboboxItem<string>[] = [
+		{ label: "Default order", value: "default" },
+		{ label: "Most recently finished", value: "date-desc" },
+		{ label: "Oldest finished", value: "date-asc" },
+		{ label: "Longest projects", value: "duration-desc" },
+		{ label: "Shortest projects", value: "duration-asc" }
+	];
+
+	const experienceSortOptions: GenericComboboxItem<string>[] = [
+		{ label: "Default order", value: "default" },
+		{ label: "Most recent first", value: "date-desc" },
+		{ label: "Oldest first", value: "date-asc" }
+	];
+
+	const sortOptions = $derived(
+		sectionType === SectionType.Experience
+			? experienceSortOptions
+			: projectSortOptions
+	);
+</script>
+
+<div class="sort-dropdown">
+	<PinyaCombobox
+		data={sortOptions}
+		bind:value={sortBy}
+		label="Sort by"
+		placeholder="Select sort order"
+	/>
+</div>
+
+<style>
+    .sort-dropdown {
+        min-width: 200px;
+    }
+</style>

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

@@ -0,0 +1,9 @@
+import { SectionType } from "../templates/SeaweedLayout/props";
+interface SortDropdownProps {
+    sortBy: string[];
+    sectionType: SectionType;
+}
+declare const SortDropdown: import("svelte").Component<SortDropdownProps, {}, "sortBy">;
+type SortDropdown = ReturnType<typeof SortDropdown>;
+export default SortDropdown;
+//# sourceMappingURL=SortDropdown.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortDropdown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/SortDropdown.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAGnE,UAAU,iBAAiB;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,EAAE,WAAW,CAAC;CACzB;AAyCF,QAAA,MAAM,YAAY,6DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/ui/components/TagFilter.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+	import PinyaCombobox from "../elements/pinya-combobox/PinyaCombobox.svelte";
+
+	interface TagFilterProps {
+		allTags: string[];           // All available tags
+		selectedTags: string[];      // Currently selected tags (bindable)
+		label?: string;              // Optional label
+	}
+
+	let {
+		allTags,
+		selectedTags = $bindable([]),
+		label = "Filter by tags"
+	}: TagFilterProps = $props();
+</script>
+
+<div class="tag-filter">
+	<PinyaCombobox
+		bind:value={selectedTags}
+		data={allTags.map(t => ({value: t, label: t}))}
+		multiple={true}
+		{label}
+	/>
+</div>
+
+<style>
+    .tag-filter {
+        display: flex;
+        flex-direction: column;
+        gap: 0.5rem;
+    }
+</style>

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

@@ -0,0 +1,9 @@
+interface TagFilterProps {
+    allTags: string[];
+    selectedTags: string[];
+    label?: string;
+}
+declare const TagFilter: import("svelte").Component<TagFilterProps, {}, "selectedTags">;
+type TagFilter = ReturnType<typeof TagFilter>;
+export default TagFilter;
+//# sourceMappingURL=TagFilter.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagFilter.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/TagFilter.svelte.ts"],"names":[],"mappings":"AAMC,UAAU,cAAc;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAoBF,QAAA,MAAM,SAAS,gEAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/ui/components/accordion/PinyaAccordion.svelte

@@ -4,7 +4,7 @@
 	import { Accordion } from "melt/builders";
 	import { setContext } from "svelte";
 	import type { SvelteSet } from "svelte/reactivity";
-	import { accordionContextKey, type AccordionContext } from "./accordionContext";
+	import { type AccordionContext, accordionContextKey } from "./accordionContext";
 	import type { PinyaAccordionProps } from "./PinyaAccordionProps";
 
 	let {
@@ -13,6 +13,7 @@
 		multiple = true,
 		...props
 	}: PinyaAccordionProps = $props();
+
 	let accordion = $derived(new Accordion({
 		value: (() => {
 			if (openItems) {
@@ -33,10 +34,11 @@
 			} else {
 				openItems = [];
 			}
-		}, multiple
+		},
+		multiple,
 	}));
 	setContext<AccordionContext>(accordionContextKey, (key) => accordion.getItem(key));
-	setContext<string[]>('accordionOpenItems', openItems);
+	setContext<string[]>("accordionOpenItems", openItems);
 </script>
 
 <div {...props} class={`pinya-accordion-root ${props.class ?? ''}`} {...accordion.root}>

package/dist/ui/components/accordion/PinyaAccordion.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PinyaAccordion.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/accordion/PinyaAccordion.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAmDjE,QAAA,MAAM,cAAc,kEAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"PinyaAccordion.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/accordion/PinyaAccordion.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAqDjE,QAAA,MAAM,cAAc,kEAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/ui/components/index.d.ts

@@ -2,4 +2,6 @@ export * from "./accordion";
 export { default as ModalBase } from "./ModalBase.svelte";
 export { default as FourPartCard } from "./FourPartCard.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
+export { default as ProjectDateBadge } from "./project-date-badge/ProjectDateBadge.svelte";
+export * from "./project-date-badge/ProjectDateBageProps";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,cAAc,2CAA2C,CAAC"}

package/dist/ui/components/index.js

@@ -2,3 +2,5 @@ export * from "./accordion";
 export { default as ModalBase } from "./ModalBase.svelte";
 export { default as FourPartCard } from "./FourPartCard.svelte";
 export { default as SocialSection } from "./SocialSection.svelte";
+export { default as ProjectDateBadge } from "./project-date-badge/ProjectDateBadge.svelte";
+export * from "./project-date-badge/ProjectDateBageProps";

package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte

@@ -0,0 +1,160 @@
+<script lang="ts">
+	import { slide } from 'svelte/transition';
+	import type { ProjectDateBageProps } from "./ProjectDateBageProps";
+	import { TextLink } from "../../elements/index";
+
+	let {
+		dateStarted,
+		dateFinished,
+		isOngoing = false,
+		commitCount,
+		gitRepoLink
+	}: ProjectDateBageProps = $props();
+
+	function formatDate(date: Date | string): string {
+		const d = date instanceof Date ? date : new Date(date);
+		return d.toLocaleDateString("en-US", { month: "short", year: "numeric" });
+	}
+
+	function getDurationText(start: Date | string, end?: Date | string): string {
+		const startDate = start instanceof Date ? start : new Date(start);
+		const endDate = end ? (end instanceof Date ? end : new Date(end)) : new Date();
+
+		const totalMonths =
+			(endDate.getFullYear() - startDate.getFullYear()) * 12 +
+			(endDate.getMonth() - startDate.getMonth());
+
+		if (totalMonths < 1) {
+			const days = Math.max(1, Math.round((endDate.getTime() - startDate.getTime()) / (1000 * 60 * 60 * 24)));
+			return `${days} day${days !== 1 ? "s" : ""}`;
+		}
+
+		const years = Math.floor(totalMonths / 12);
+		const months = totalMonths % 12;
+
+		if (years === 0) return `${months} mo${months !== 1 ? "s" : ""}`;
+		if (months === 0) return `${years} yr${years !== 1 ? "s" : ""}`;
+		return `${years} yr${years !== 1 ? "s" : ""} ${months} mo${months !== 1 ? "s" : ""}`;
+	}
+
+	const hasData = $derived(!!dateStarted);
+</script>
+
+{#if hasData}
+	<section transition:slide class="project-date-badge">
+		<div class="badge-row">
+			<span class="date-info">
+				{formatDate(dateStarted!)}
+				<span class="separator">→</span>
+				{#if isOngoing}
+					<span class="ongoing-label">Present</span>
+				{:else if dateFinished}
+					{formatDate(dateFinished)}
+				{:else}
+					<span class="unknown-label">?</span>
+				{/if}
+			</span>
+
+			{#if dateStarted}
+				<span class="duration">
+					{getDurationText(dateStarted, isOngoing ? undefined : dateFinished)}
+				</span>
+			{/if}
+		</div>
+
+		{#if commitCount != null || isOngoing}
+			<div class="badge-row secondary-row">
+				{#if isOngoing}
+					<span class="ongoing-badge">ongoing</span>
+				{/if}
+				{#if commitCount != null && gitRepoLink}
+					<TextLink href={gitRepoLink} target="_blank" rel="noopener noreferrer" class="commit-count">
+						{commitCount} commit{commitCount !== 1 ? "s" : ""}
+					</TextLink>
+				{:else if commitCount != null}
+					<span class="commit-count">{commitCount} commit{commitCount !== 1 ? "s" : ""}</span>
+				{/if}
+			</div>
+		{/if}
+	</section>
+{/if}
+
+<style>
+    .project-date-badge {
+        display: flex;
+        flex-direction: column;
+        gap: 0.375rem;
+        padding: 0.75rem 0;
+        margin-top: 0.75rem;
+        border-top: 1px solid var(--color-surface-900-100);
+        font-size: 0.8125rem;
+        line-height: 1.4;
+    }
+
+    .badge-row {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+    }
+
+    .date-info {
+        color: var(--color-surface-900-100);
+    }
+
+    .separator {
+        margin: 0 0.25rem;
+        color: var(--color-surface-900-100);
+    }
+
+    .ongoing-label {
+        color: var(--color-primary-400-600);
+        font-weight: 600;
+    }
+
+    .unknown-label {
+        color: var(--color-surface-900-100);
+        font-style: italic;
+    }
+
+    .duration {
+        color: var(--color-surface-900-100);
+        font-weight: 500;
+    }
+
+    .secondary-row {
+        justify-content: flex-start;
+        gap: 0.5rem;
+    }
+
+    .ongoing-badge {
+        display: inline-block;
+        padding: 0.125rem 0.5rem;
+        border-radius: var(--radius-md, 0.375rem);
+        background-color: var(--color-primary-50-900);
+        color: var(--color-primary-700);
+        font-size: 0.75rem;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.025em;
+    }
+
+    :global(html.dark) .ongoing-badge {
+        color: var(--color-primary-300);
+    }
+
+    .commit-count {
+        font-size: 0.75rem;
+        color: var(--color-surface-900-100);
+    }
+
+    a.commit-count {
+        text-decoration: none;
+    }
+
+    a.commit-count:hover {
+        text-decoration: underline;
+        color: var(--color-primary-400-600);
+    }
+</style>

package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ProjectDateBageProps } from "./ProjectDateBageProps";
+declare const ProjectDateBadge: import("svelte").Component<ProjectDateBageProps, {}, "">;
+type ProjectDateBadge = ReturnType<typeof ProjectDateBadge>;
+export default ProjectDateBadge;
+//# sourceMappingURL=ProjectDateBadge.svelte.d.ts.map

package/dist/ui/components/project-date-badge/ProjectDateBadge.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDateBadge.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/project-date-badge/ProjectDateBadge.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4DAA4D,CAAC;AAwFvG,QAAA,MAAM,gBAAgB,0DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/ui/components/project-date-badge/ProjectDateBageProps.d.ts

@@ -0,0 +1,8 @@
+export interface ProjectDateBageProps {
+    dateStarted?: Date | string;
+    dateFinished?: Date | string;
+    isOngoing?: boolean;
+    commitCount?: number;
+    gitRepoLink?: string;
+}
+//# sourceMappingURL=ProjectDateBageProps.d.ts.map

package/dist/ui/components/project-date-badge/ProjectDateBageProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectDateBageProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/project-date-badge/ProjectDateBageProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACpC,WAAW,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/ui/components/project-date-badge/ProjectDateBageProps.js

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

package/dist/ui/elements/CodeBlock/CodeBlock.svelte

@@ -95,7 +95,11 @@
             font-style: var(--shiki-dark-font-style) !important;
             font-weight: var(--shiki-dark-font-weight) !important;
             -webkit-text-decoration: var(--shiki-dark-text-decoration) !important;
-            text-decoration: var(--shiki-dark-text-decoration) !important
+            text-decoration: var(--shiki-dark-text-decoration) !important;
+
+		        span[style*="color:#4C4F69"] {
+                color: oklch(0.835 0.043 279.325) !important;
+            }
         }
 
 		    html.dark .shiki.has-diff span.diff.add {
@@ -119,15 +123,17 @@
                 padding-inline-end: 0;
 
                 code {
-                    display: flex;
-                    flex-direction: column;
-                    gap: 0.2lh;
+                    display: block;
 
                     & > span {
-                        display: flex;
-                        flex-wrap: wrap;
+                        display: block;
                         padding-inline-start: 2em;
                         padding-inline-end: 1em;
+                        margin-block-end: -1lh;
+
+                        &:last-child {
+                            margin-block-end: 0;
+                        }
                     }
                 }
 

package/dist/ui/elements/PineappleSwitch.svelte

@@ -5,14 +5,14 @@
 
 	interface Props {
 		checked?: boolean;
-		name: string;
+		name?: string;
 		onChange?: ((val: boolean) => void);
 		children?: Snippet;
 	}
 
 	let {
 		checked = $bindable(false),
-		name,
+		name = undefined,
 		onChange = undefined,
 		children = undefined
 	}: Props = $props();

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

@@ -1,7 +1,7 @@
 import type { Snippet } from "svelte";
 interface Props {
     checked?: boolean;
-    name: string;
+    name?: string;
     onChange?: ((val: boolean) => void);
     children?: Snippet;
 }

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,EAAE,MAAM,CAAC;IACb,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,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"}