@turnipxenon/pineapple 4.5.0 → 5.0.0-alpha.1

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

@@ -1,9 +1,15 @@
-declare const SocialSection: import("svelte").Component<{
-    isSmallVersion?: boolean;
-    email?: string;
-    linkedinSlug?: string;
-    isSlot?: boolean;
-    allowLinkedIn?: boolean;
-}, {}, "">;
-type SocialSection = ReturnType<typeof SocialSection>;
-export default SocialSection;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type SocialSectionProps_ = typeof __propDef.props;
+export { SocialSectionProps_ as SocialSectionProps };
+export type SocialSectionEvents = typeof __propDef.events;
+export type SocialSectionSlots = typeof __propDef.slots;
+export default class SocialSection extends SvelteComponentTyped<SocialSectionProps_, SocialSectionEvents, SocialSectionSlots> {
+}
+//# sourceMappingURL=SocialSection.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SocialSection.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/SocialSection.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkHD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,KAAK,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,OAAO,EAAE,mBAAmB,IAAI,kBAAkB,EAAE,CAAC;AACrD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC5H"}

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

@@ -1,21 +1,63 @@
 <script lang="ts">
-	import { Accordion } from "@skeletonlabs/skeleton-svelte";
-	import type { Snippet } from "svelte";
+	import { Accordion } from "melt/builders";
+	import { setContext, type Snippet } from "svelte";
+	import type { SvelteSet } from "svelte/reactivity";
+	import { accordionContextKey, type AccordionContext } from "./accordionContext";
 
 	let {
-		value = $bindable(),
 		children,
+		openItems = $bindable(),
+		multiple = true
 	}: {
-		value: string[],
 		children: Snippet,
+		openItems: string[],
+		multiple: boolean,
 	} = $props();
+	let accordion = $derived(new Accordion({
+		value: (() => {
+			if (openItems) {
+				if (multiple) {
+					return new Set(openItems);
+				} else if (openItems.length > 0) {
+					return openItems[0];
+				}
+			}
+
+			return undefined;
+		})(),
+		onValueChange: (t: SvelteSet<string> | string | undefined) => {
+			if (typeof t === "string") {
+				openItems = t ? [t] : [];
+			} else if (t) {
+				openItems = [...t];
+			} else {
+				openItems = [];
+			}
+		}, multiple
+	}));
+	setContext<AccordionContext>(accordionContextKey, (key) => accordion.getItem(key));
 </script>
 
-<Accordion
-	classes="bg-primary-100 dark:bg-tertiary-900 dark:saturate-75"
-	{value}
-	onValueChange={(e) => (value = e.value)}
-	collapsible
->
-	{@render children()}
-</Accordion>
+<div class="pinya-accordion-root" {...accordion.root}>
+	{@render children?.()}
+</div>
+
+<style>
+    :global {
+        .pinya-accordion-root {
+            .pinya-accordion-item {
+                &:first-child, &:first-child .consider-top-edge {
+                    border-top-left-radius: var(--radius-lg);
+                    border-top-right-radius: var(--radius-lg);
+                }
+            }
+
+            .pinya-accordion-item {
+                &:last-child, &:last-child .consider-bottom-edge, &:last-child .consider-top-edge[data-state="closed"] {
+                    border-bottom-left-radius: var(--radius-lg);
+                    border-bottom-right-radius: var(--radius-lg);
+                }
+            }
+        }
+    }
+</style>

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

@@ -1,8 +1,15 @@
-import type { Snippet } from "svelte";
-type $$ComponentProps = {
-    value: string[];
-    children: Snippet;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
 };
-declare const PinyaAccordion: import("svelte").Component<$$ComponentProps, {}, "value">;
-type PinyaAccordion = ReturnType<typeof PinyaAccordion>;
-export default PinyaAccordion;
+export type PinyaAccordionProps = typeof __propDef.props;
+export type PinyaAccordionEvents = typeof __propDef.events;
+export type PinyaAccordionSlots = typeof __propDef.slots;
+export default class PinyaAccordion extends SvelteComponentTyped<PinyaAccordionProps, PinyaAccordionEvents, PinyaAccordionSlots> {
+}
+export {};
+//# sourceMappingURL=PinyaAccordion.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PinyaAccordion.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/accordion/PinyaAccordion.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuDD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACzD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC3D,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,oBAAoB,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,mBAAmB,CAAC;CAC/H"}

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

@@ -1,29 +1,128 @@
+<!-- TODO: remove tailwind like classes -->
+
 <script lang="ts">
-	// noinspection ES6UnusedImports
-	import { Accordion } from "@skeletonlabs/skeleton-svelte";
-	import type { Snippet } from "svelte";
+	import Placeholder from "../../elements/Placeholder.svelte";
+	import { getContext, type Snippet } from "svelte";
+	import { accordionContextKey, type AccordionContext } from "./accordionContext";
 
 	let {
-		value,
 		control: controlSnippet,
+		controlIndicator = undefined,
 		panel: panelSnippet,
+		pinyaValue,
+		...props
 	}: {
-		value: string,
 		control: Snippet;
+		/** take advantage that the parent has [data-state="closed"] */
+		controlIndicator?: Snippet;
 		panel: Snippet;
+		pinyaValue?: string
 	} = $props();
+
+	let uid = $props.id();
+	let accordionContext = getContext<AccordionContext>(accordionContextKey);
+	let accordionItem = $derived(accordionContext({ id: pinyaValue ?? uid }));
 </script>
 
-<Accordion.Item
-	{value}
-	controlHover="hover:bg-primary-500 dark:hover:bg-secondary-600"
->
-	<!-- Control -->
-	{#snippet control()}
-		{@render controlSnippet()}
-	{/snippet}
-	<!-- Panel -->
-	{#snippet panel()}
-		{@render panelSnippet()}
-	{/snippet}
-</Accordion.Item>
+<div class="pinya-accordion-item consider-top-edge consider-bottom-edge bg-primary-100 dark:bg-tertiary-900 dark:saturate-75" {...props}>
+	{#if accordionItem}
+		<div {...accordionItem.heading} class="consider-top-edge accordion-heading">
+			<button {...accordionItem.trigger} class="consider-top-edge add-padding">
+				{#if controlIndicator}
+					{@render controlSnippet?.()}
+					{@render controlIndicator()}
+				{:else }
+					<div>{@render controlSnippet?.()}</div>
+					<svg class="indicator" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+						<line class="line-h" x1="5" y1="12" x2="19" y2="12" />
+						<line class="line-v" x1="12" y1="5" x2="12" y2="19" />
+					</svg>
+				{/if}
+			</button>
+		</div>
+		<div {...accordionItem.content} class="accordion-panel consider-bottom-edge add-padding">
+			{@render panelSnippet?.()}
+		</div>
+	{:else }
+		<Placeholder classes="mb-2" />
+	{/if}
+</div>
+
+<style>.apply-current-surface {
+  background-color: var(--current-surface-color);
+}
+
+button {
+  --current-surface-color: var(--color-primary-400-600);
+  --current-surface-contrast-dark: var(--color-secondary-950-0);
+  background-color: var(--current-surface-color);
+  color: var(--current-surface-contrast-dark);
+}
+
+.pinya-accordion-item:not(:last-child) .accordion-heading::after {
+  content: "";
+  display: block;
+  height: 2px;
+  width: 100%;
+  background-color: var(--color-primary-300-700);
+}
+
+button {
+  width: 100%;
+  text-align: start;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.add-padding {
+  padding: 0.25lh 1rem;
+}
+
+.indicator {
+  width: 1rem;
+  height: 1rem;
+  margin-left: auto;
+  transition: transform 200ms ease;
+}
+
+.indicator line {
+  stroke: currentColor;
+  stroke-width: 2;
+  stroke-linecap: round;
+}
+
+.indicator .line-v {
+  transform-origin: 50% 50%;
+  transition: transform 200ms ease;
+}
+
+button[data-state=open] .indicator {
+  transform: rotate(180deg);
+}
+
+button[data-state=open] .indicator .line-v {
+  transform: scaleY(0);
+}
+
+[data-melt-accordion-content] {
+  overflow: hidden;
+  max-height: 1000px;
+  opacity: 1;
+  transform: translateY(0);
+  transition: max-height 200ms ease, opacity 200ms ease, padding 200ms ease;
+}
+
+[data-melt-accordion-content][data-state=closed] {
+  max-height: 0;
+  opacity: 0;
+  transform: translateY(-8px);
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [data-melt-accordion-content] {
+    transition: none;
+  }
+}</style>

package/dist/ui/components/accordion/PinyaAccordionItem.svelte.d.ts

@@ -1,9 +1,15 @@
-import type { Snippet } from "svelte";
-type $$ComponentProps = {
-    value: string;
-    control: Snippet;
-    panel: Snippet;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
 };
-declare const PinyaAccordionItem: import("svelte").Component<$$ComponentProps, {}, "">;
-type PinyaAccordionItem = ReturnType<typeof PinyaAccordionItem>;
-export default PinyaAccordionItem;
+export type PinyaAccordionItemProps = typeof __propDef.props;
+export type PinyaAccordionItemEvents = typeof __propDef.events;
+export type PinyaAccordionItemSlots = typeof __propDef.slots;
+export default class PinyaAccordionItem extends SvelteComponentTyped<PinyaAccordionItemProps, PinyaAccordionItemEvents, PinyaAccordionItemSlots> {
+}
+export {};
+//# sourceMappingURL=PinyaAccordionItem.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PinyaAccordionItem.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/accordion/PinyaAccordionItem.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4DD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7D,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,oBAAoB,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,uBAAuB,CAAC;CAC/I"}

package/dist/ui/components/accordion/accordionContext.d.ts

@@ -0,0 +1,5 @@
+import { Accordion } from "melt/builders";
+export declare const accordionContextKey: unique symbol;
+export type AccordionInstance = InstanceType<typeof Accordion>;
+export type AccordionContext = AccordionInstance["getItem"];
+//# sourceMappingURL=accordionContext.d.ts.map

package/dist/ui/components/accordion/accordionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionContext.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/accordion/accordionContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,eAAO,MAAM,mBAAmB,eAAoC,CAAC;AAErE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAC/D,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC"}

package/dist/ui/components/accordion/accordionContext.js

@@ -0,0 +1,2 @@
+import { Accordion } from "melt/builders";
+export const accordionContextKey = Symbol("pinya-accordion-context");

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

@@ -1,2 +1,3 @@
 export { default as PinyaAccordion } from "./PinyaAccordion.svelte";
 export { default as PinyaAccordionItem } from "./PinyaAccordionItem.svelte";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC"}

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

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

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

@@ -0,0 +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"}

package/dist/ui/components/randomized-background/RandomizedBackground.svelte

@@ -1,3 +1,5 @@
+<!-- TODO: add suspend? load images first before showing them up slowly? -->
+
 <script lang="ts">
 	import { fade } from 'svelte/transition';
 
@@ -9,7 +11,7 @@
 	import BgTiledTurnip from '../../../assets/bg_tiled/bg_tiled_turnip.png';
 	import RandomizedImage from './RandomizedImage.svelte';
 	import { generatedDailySeed, mulberry32Generator } from '../../../util/util';
-	import { appState } from "../../templates/PinyaPageLayout/runes.svelte";
+	import { appState } from "../../templates/PinyaPageLayout/pinyaPageLayoutRunes.svelte.js";
 
 	let { enabled }: {
 		enabled: boolean

package/dist/ui/components/randomized-background/RandomizedBackground.svelte.d.ts

@@ -1,6 +1,15 @@
-type $$ComponentProps = {
-    enabled: boolean;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
 };
-declare const RandomizedBackground: import("svelte").Component<$$ComponentProps, {}, "">;
-type RandomizedBackground = ReturnType<typeof RandomizedBackground>;
-export default RandomizedBackground;
+export type RandomizedBackgroundProps = typeof __propDef.props;
+export type RandomizedBackgroundEvents = typeof __propDef.events;
+export type RandomizedBackgroundSlots = typeof __propDef.slots;
+export default class RandomizedBackground extends SvelteComponentTyped<RandomizedBackgroundProps, RandomizedBackgroundEvents, RandomizedBackgroundSlots> {
+}
+export {};
+//# sourceMappingURL=RandomizedBackground.svelte.d.ts.map

package/dist/ui/components/randomized-background/RandomizedBackground.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RandomizedBackground.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/randomized-background/RandomizedBackground.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2FD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/D,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjE,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/D,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,oBAAoB,CAAC,yBAAyB,EAAE,0BAA0B,EAAE,yBAAyB,CAAC;CACvJ"}

package/dist/ui/components/randomized-background/RandomizedImage.svelte

@@ -31,8 +31,9 @@
     }
 
     img {
-        width: 8rem;
-        height: 8rem;
+		    --randomized-image-size: min(10vw, 10vh);
+        width: var(--randomized-image-size);
+        height: var(--randomized-image-size);
         transform: rotate(var(--rotateRandom));
     }
 

package/dist/ui/components/randomized-background/RandomizedImage.svelte.d.ts

@@ -1,7 +1,15 @@
-type $$ComponentProps = {
-    src: string;
-    rng: () => number;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
 };
-declare const RandomizedImage: import("svelte").Component<$$ComponentProps, {}, "">;
-type RandomizedImage = ReturnType<typeof RandomizedImage>;
-export default RandomizedImage;
+export type RandomizedImageProps = typeof __propDef.props;
+export type RandomizedImageEvents = typeof __propDef.events;
+export type RandomizedImageSlots = typeof __propDef.slots;
+export default class RandomizedImage extends SvelteComponentTyped<RandomizedImageProps, RandomizedImageEvents, RandomizedImageSlots> {
+}
+export {};
+//# sourceMappingURL=RandomizedImage.svelte.d.ts.map

package/dist/ui/components/randomized-background/RandomizedImage.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RandomizedImage.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/randomized-background/RandomizedImage.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2BD,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

package/dist/ui/components/randomized-background/getSocialSection.remote.d.ts

@@ -0,0 +1,3 @@
+import type { RevealInfoRemoteQuery } from "../../../components/reveal-info/RevealInfoRemoteQuery";
+export declare const getSocialSectionRemote: RevealInfoRemoteQuery;
+//# sourceMappingURL=getSocialSection.remote.d.ts.map

package/dist/ui/components/randomized-background/getSocialSection.remote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSocialSection.remote.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/components/randomized-background/getSocialSection.remote.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAC;AAE/F,eAAO,MAAM,sBAAsB,EAAE,qBAKpC,CAAC"}

package/dist/ui/components/randomized-background/getSocialSection.remote.js

@@ -0,0 +1,7 @@
+import { query } from "$app/server";
+export const getSocialSectionRemote = {
+    type: "void",
+    run: query(async () => {
+        return "";
+    }),
+};

package/dist/ui/components/socialSectionRemote.remote.d.ts

@@ -0,0 +1,3 @@
+export declare const getDefaultEmail: import("@sveltejs/kit").RemoteQueryFunction<void, string>;
+export declare const getDefaultLinkedin: import("@sveltejs/kit").RemoteQueryFunction<void, string>;
+//# sourceMappingURL=socialSectionRemote.remote.d.ts.map

package/dist/ui/components/socialSectionRemote.remote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"socialSectionRemote.remote.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/components/socialSectionRemote.remote.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,2DAAuC,CAAC;AACpE,eAAO,MAAM,kBAAkB,2DAAwB,CAAC"}

package/dist/ui/components/socialSectionRemote.remote.js

@@ -0,0 +1,3 @@
+import { query } from "$app/server";
+export const getDefaultEmail = query(() => "turnipxenon@gmail.com");
+export const getDefaultLinkedin = query(() => "turnip");

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

@@ -63,4 +63,4 @@
 >
 	<!-- Output Shiki's Generated HTML -->
 	{@html generatedHtml}
-</div>
+</div>

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

@@ -1,5 +1,16 @@
-import type { CodeBlockProps } from "./CodeBlockProps";
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type CodeBlockProps_ = typeof __propDef.props;
+export { CodeBlockProps_ as CodeBlockProps };
+export type CodeBlockEvents = typeof __propDef.events;
+export type CodeBlockSlots = typeof __propDef.slots;
 /** Code Block based on: https://shiki.style/ and https://www.skeleton.dev/docs/integrations/code-block/svelte/ */
-declare const CodeBlock: import("svelte").Component<CodeBlockProps, {}, "">;
-type CodeBlock = ReturnType<typeof CodeBlock>;
-export default CodeBlock;
+export default class CodeBlock extends SvelteComponentTyped<CodeBlockProps_, CodeBlockEvents, CodeBlockSlots> {
+}
+//# sourceMappingURL=CodeBlock.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlock.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuED,QAAA,MAAM,SAAS;;;;;;CAA0C,CAAC;AAC1D,KAAK,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9C,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC7C,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD,kHAAkH;AAClH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,eAAe,EAAE,eAAe,EAAE,cAAc,CAAC;CAC5G"}

package/dist/ui/elements/CodeBlock/CodeBlockProps.d.ts

@@ -9,3 +9,4 @@ export interface CodeBlockProps {
     prePadding?: string;
     preClasses?: string;
 }
+//# sourceMappingURL=CodeBlockProps.d.ts.map

package/dist/ui/elements/CodeBlock/CodeBlockProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/CodeBlockProps.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,GAAG,KAAK,CAAC;IAErE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/ui/elements/CodeBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,cAAc,kBAAkB,CAAC"}

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

@@ -1,10 +1,11 @@
 export declare enum ColorScheme {
-    Primary = 0,
-    Secondary = 1,
-    Tertiary = 2,
-    Success = 3,
-    Warning = 4,
-    Error = 5,
-    Surface = 6,
-    Custom = 7
+    Primary = "primary",
+    Secondary = "secondary",
+    Tertiary = "tertiary",
+    Success = "success",
+    Warning = "warning",
+    Error = "error",
+    Surface = "surface",
+    Custom = "custom"
 }
+//# sourceMappingURL=ColorScheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorScheme.d.ts","sourceRoot":"","sources":["../../../src/lib/ui/elements/ColorScheme.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACtB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,MAAM,WAAY;CAClB"}

package/dist/ui/elements/ColorScheme.js

@@ -1,11 +1,11 @@
 export var ColorScheme;
 (function (ColorScheme) {
-    ColorScheme[ColorScheme["Primary"] = 0] = "Primary";
-    ColorScheme[ColorScheme["Secondary"] = 1] = "Secondary";
-    ColorScheme[ColorScheme["Tertiary"] = 2] = "Tertiary";
-    ColorScheme[ColorScheme["Success"] = 3] = "Success";
-    ColorScheme[ColorScheme["Warning"] = 4] = "Warning";
-    ColorScheme[ColorScheme["Error"] = 5] = "Error";
-    ColorScheme[ColorScheme["Surface"] = 6] = "Surface";
-    ColorScheme[ColorScheme["Custom"] = 7] = "Custom";
+    ColorScheme["Primary"] = "primary";
+    ColorScheme["Secondary"] = "secondary";
+    ColorScheme["Tertiary"] = "tertiary";
+    ColorScheme["Success"] = "success";
+    ColorScheme["Warning"] = "warning";
+    ColorScheme["Error"] = "error";
+    ColorScheme["Surface"] = "surface";
+    ColorScheme["Custom"] = "custom";
 })(ColorScheme || (ColorScheme = {}));

package/dist/ui/elements/ElementVisibilityDetector.svelte

@@ -1,28 +1,33 @@
 <script lang="ts">
 	import { onMount, type Snippet } from "svelte";
 
-    interface Props {
-        isVisible?: boolean;
-        children?: Snippet;
-    }
+	interface Props {
+		isVisible?: boolean;
+		children?: Snippet;
+	}
 
-    let {
-			isVisible = $bindable(true),
-	    children
-		}: Props = $props();
+	let {
+		isVisible = $bindable(true),
+		children
+	}: Props = $props();
 
-    let stickyElem: HTMLElement = $state();
+	let stickyElem: HTMLElement | undefined = $state();
 
-    let observer: undefined | IntersectionObserver;
-    onMount(() => {
-        observer = new IntersectionObserver(
-            ([e]) => {
-                isVisible = e.intersectionRatio >= 1;
-            },
-            {threshold: [1]}
-        );
-        observer.observe(stickyElem);
-    });
+	let observer: undefined | IntersectionObserver;
+	onMount(() => {
+		if (!stickyElem) {
+			console.warn("ElementVisibilityDetector: stickyElem is undefined, cannot observe visibility");
+			return;
+		}
+
+		observer = new IntersectionObserver(
+			([e]) => {
+				isVisible = e.intersectionRatio >= 1;
+			},
+			{ threshold: [1] }
+		);
+		observer.observe(stickyElem);
+	});
 </script>
 
 <span bind:this={stickyElem}>

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

@@ -1,8 +1,15 @@
-import { type Snippet } from "svelte";
-interface Props {
-    isVisible?: boolean;
-    children?: Snippet;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ElementVisibilityDetectorProps = typeof __propDef.props;
+export type ElementVisibilityDetectorEvents = typeof __propDef.events;
+export type ElementVisibilityDetectorSlots = typeof __propDef.slots;
+export default class ElementVisibilityDetector extends SvelteComponentTyped<ElementVisibilityDetectorProps, ElementVisibilityDetectorEvents, ElementVisibilityDetectorSlots> {
 }
-declare const ElementVisibilityDetector: import("svelte").Component<Props, {}, "isVisible">;
-type ElementVisibilityDetector = ReturnType<typeof ElementVisibilityDetector>;
-export default ElementVisibilityDetector;
+export {};
+//# sourceMappingURL=ElementVisibilityDetector.svelte.d.ts.map