@ewanc26/ui 0.1.0

package/dist/config/themes.config.js

@@ -0,0 +1,116 @@
+/**
+ * Central theme configuration
+ * Add new themes here and they'll automatically appear in the dropdown and type system
+ */
+export const THEMES = [
+    // Neutral themes
+    {
+        value: 'sage',
+        label: 'Sage',
+        description: 'Calm green-blue',
+        color: 'oklch(77.77% 0.182 127.42)',
+        category: 'neutral'
+    },
+    {
+        value: 'monochrome',
+        label: 'Monochrome',
+        description: 'Pure greyscale',
+        color: 'oklch(78% 0 0)',
+        category: 'neutral'
+    },
+    {
+        value: 'slate',
+        label: 'Slate',
+        description: 'Blue-grey',
+        color: 'oklch(78.5% 0.095 230)',
+        category: 'neutral'
+    },
+    // Warm themes
+    {
+        value: 'ruby',
+        label: 'Ruby',
+        description: 'Bold red',
+        color: 'oklch(81.5% 0.228 10)',
+        category: 'warm'
+    },
+    {
+        value: 'coral',
+        label: 'Coral',
+        description: 'Orange-pink',
+        color: 'oklch(81.8% 0.212 20)',
+        category: 'warm'
+    },
+    {
+        value: 'sunset',
+        label: 'Sunset',
+        description: 'Warm orange',
+        color: 'oklch(80.5% 0.208 45)',
+        category: 'warm'
+    },
+    {
+        value: 'amber',
+        label: 'Amber',
+        description: 'Bright yellow',
+        color: 'oklch(82.8% 0.195 85)',
+        category: 'warm'
+    },
+    // Cool themes
+    {
+        value: 'forest',
+        label: 'Forest',
+        description: 'Natural green',
+        color: 'oklch(79.5% 0.195 145)',
+        category: 'cool'
+    },
+    {
+        value: 'teal',
+        label: 'Teal',
+        description: 'Blue-green',
+        color: 'oklch(79% 0.205 195)',
+        category: 'cool'
+    },
+    {
+        value: 'ocean',
+        label: 'Ocean',
+        description: 'Deep blue',
+        color: 'oklch(78.2% 0.188 240)',
+        category: 'cool'
+    },
+    // Vibrant themes
+    {
+        value: 'lavender',
+        label: 'Lavender',
+        description: 'Soft purple',
+        color: 'oklch(82% 0.215 295)',
+        category: 'vibrant'
+    },
+    {
+        value: 'rose',
+        label: 'Rose',
+        description: 'Pink-red',
+        color: 'oklch(83.5% 0.230 350)',
+        category: 'vibrant'
+    }
+];
+export const DEFAULT_THEME = 'slate';
+export const CATEGORY_LABELS = {
+    neutral: 'Neutral',
+    warm: 'Warm',
+    cool: 'Cool',
+    vibrant: 'Vibrant'
+};
+export const getThemesByCategory = () => {
+    const grouped = {
+        neutral: [],
+        warm: [],
+        cool: [],
+        vibrant: []
+    };
+    THEMES.forEach((theme) => {
+        grouped[theme.category].push(theme);
+    });
+    return grouped;
+};
+export const getTheme = (value) => {
+    return THEMES.find((theme) => theme.value === value);
+};

package/dist/helper/badges.d.ts

@@ -0,0 +1,9 @@
+import type { BlogPost } from '@ewanc26/atproto';
+export interface PostBadge {
+    text: string;
+    color: 'mint' | 'sage' | 'jade' | 'ink';
+    variant: 'soft' | 'solid';
+}
+export declare function getPostBadges(post: BlogPost): PostBadge[];
+export declare function getBadgeClasses(badge: PostBadge): string;
+//# sourceMappingURL=badges.d.ts.map

package/dist/helper/badges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badges.d.ts","sourceRoot":"","sources":["../../src/lib/helper/badges.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,SAAS;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC;IACxC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE,CAOzD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CA0BxD"}

package/dist/helper/badges.js

@@ -0,0 +1,28 @@
+export function getPostBadges(post) {
+    const badges = [];
+    badges.push({ text: 'Standard.site', color: 'jade', variant: 'solid' });
+    if (post.publicationName) {
+        badges.push({ text: post.publicationName, color: 'jade', variant: 'soft' });
+    }
+    return badges;
+}
+export function getBadgeClasses(badge) {
+    const baseStyle = badge.variant === 'soft'
+        ? 'px-2 py-0.5 text-xs font-medium rounded'
+        : 'px-2 py-0.5 text-xs font-semibold uppercase rounded';
+    const colorClasses = {
+        mint: badge.variant === 'soft'
+            ? 'bg-secondary-100 text-secondary-800 dark:bg-secondary-900 dark:text-secondary-200'
+            : 'bg-secondary-500 text-white dark:bg-secondary-600',
+        sage: badge.variant === 'soft'
+            ? 'bg-primary-100 text-primary-800 dark:bg-primary-900 dark:text-primary-200'
+            : 'bg-primary-500 text-white dark:bg-primary-600',
+        jade: badge.variant === 'soft'
+            ? 'bg-accent-100 text-accent-800 dark:bg-accent-900 dark:text-accent-200'
+            : 'bg-accent-500 text-white dark:bg-accent-600',
+        ink: badge.variant === 'soft'
+            ? 'bg-ink-100 text-ink-800 dark:bg-ink-800 dark:text-ink-100'
+            : 'bg-ink-700 text-white dark:bg-ink-300 dark:text-ink-900'
+    };
+    return `${baseStyle} ${colorClasses[badge.color]}`;
+}

package/dist/helper/posts.d.ts

@@ -0,0 +1,14 @@
+import type { BlogPost } from '@ewanc26/atproto';
+export interface MonthData {
+    monthName: string;
+    posts: BlogPost[];
+}
+export type GroupedPosts = Map<number, Map<number, MonthData>>;
+export declare function filterPosts(posts: BlogPost[], query: string): BlogPost[];
+export declare function groupPostsByDate(posts: BlogPost[], locale?: string): GroupedPosts;
+export declare function getSortedMonths(yearGroup: Map<number, MonthData>): [number, MonthData][];
+export declare function getSortedYears(groupedPosts: GroupedPosts): number[];
+export declare function getAllTags(items: Array<{
+    tags?: string[];
+}>): string[];
+//# sourceMappingURL=posts.d.ts.map

package/dist/helper/posts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"posts.d.ts","sourceRoot":"","sources":["../../src/lib/helper/posts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,WAAW,SAAS;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,QAAQ,EAAE,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GAAG,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,QAAQ,EAAE,CAWxE;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,CAyBjF;AAED,wBAAgB,eAAe,CAAC,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,CAExF;AAED,wBAAgB,cAAc,CAAC,YAAY,EAAE,YAAY,GAAG,MAAM,EAAE,CAEnE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,GAAG,MAAM,EAAE,CAItE"}

package/dist/helper/posts.js

@@ -0,0 +1,47 @@
+import { getUserLocale } from '../utils/locale.js';
+export function filterPosts(posts, query) {
+    if (!query.trim())
+        return posts;
+    const lowerQuery = query.toLowerCase();
+    return posts.filter((post) => {
+        const titleMatch = post.title.toLowerCase().includes(lowerQuery);
+        const descMatch = post.description?.toLowerCase().includes(lowerQuery);
+        const platformMatch = post.platform.toLowerCase().includes(lowerQuery);
+        const pubMatch = post.publicationName?.toLowerCase().includes(lowerQuery);
+        const tagsMatch = post.tags?.some((tag) => tag.toLowerCase().includes(lowerQuery));
+        return titleMatch || descMatch || platformMatch || pubMatch || tagsMatch;
+    });
+}
+export function groupPostsByDate(posts, locale) {
+    const userLocale = locale || getUserLocale();
+    const grouped = new Map();
+    posts.forEach((post) => {
+        const date = new Date(post.createdAt);
+        const year = date.getFullYear();
+        const month = date.getMonth();
+        const monthName = date.toLocaleString(userLocale, { month: 'long' });
+        if (!grouped.has(year))
+            grouped.set(year, new Map());
+        const yearGroup = grouped.get(year);
+        if (!yearGroup.has(month))
+            yearGroup.set(month, { monthName, posts: [] });
+        yearGroup.get(month).posts.push(post);
+    });
+    grouped.forEach((yearGroup) => {
+        yearGroup.forEach((monthData) => {
+            monthData.posts.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
+        });
+    });
+    return grouped;
+}
+export function getSortedMonths(yearGroup) {
+    return Array.from(yearGroup.entries()).sort((a, b) => b[0] - a[0]);
+}
+export function getSortedYears(groupedPosts) {
+    return Array.from(groupedPosts.keys()).sort((a, b) => b - a);
+}
+export function getAllTags(items) {
+    const tagsSet = new Set();
+    items.forEach((item) => item.tags?.forEach((tag) => tagsSet.add(tag.toLowerCase())));
+    return Array.from(tagsSet).sort();
+}

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+export { wolfMode, colorThemeDropdownOpen, happyMacStore, colorTheme } from './stores/index.js';
+export type { ColorTheme } from './stores/index.js';
+export { THEMES, DEFAULT_THEME, CATEGORY_LABELS, getThemesByCategory, getTheme } from './config/themes.config.js';
+export type { ThemeDefinition } from './config/themes.config.js';
+export type { SiteMetadata, NavItem } from './types/index.js';
+export { filterPosts, groupPostsByDate, getSortedMonths, getSortedYears, getAllTags } from './helper/posts.js';
+export type { MonthData, GroupedPosts } from './helper/posts.js';
+export { getPostBadges, getBadgeClasses } from './helper/badges.js';
+export type { PostBadge } from './helper/badges.js';
+export { default as ThemeToggle } from './components/layout/ThemeToggle.svelte';
+export { default as WolfToggle } from './components/layout/WolfToggle.svelte';
+export { DynamicLinks, ScrollToTop, TangledRepos } from './components/layout/main/index.js';
+export { LinkCard, ProfileCard, PostCard, BlueskyPostCard, TangledRepoCard, MusicStatusCard, KibunStatusCard } from './components/layout/main/card/index.js';
+export { MetaTags } from './components/seo/index.js';
+export { Card, InternalCard, Dropdown, Pagination, SearchBar, Tabs, PostsGroupedView, DocumentCard, BlogPostCard } from './components/ui/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,sBAAsB,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAChG,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAClH,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAGjE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/G,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACpE,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAG9E,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAG5F,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAG7J,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGrD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -0,0 +1,18 @@
+// ─── Stores ───────────────────────────────────────────────────────────────────
+export { wolfMode, colorThemeDropdownOpen, happyMacStore, colorTheme } from './stores/index.js';
+// ─── Config ───────────────────────────────────────────────────────────────────
+export { THEMES, DEFAULT_THEME, CATEGORY_LABELS, getThemesByCategory, getTheme } from './config/themes.config.js';
+// ─── Helper ───────────────────────────────────────────────────────────────────
+export { filterPosts, groupPostsByDate, getSortedMonths, getSortedYears, getAllTags } from './helper/posts.js';
+export { getPostBadges, getBadgeClasses } from './helper/badges.js';
+// ─── Layout toggles ───────────────────────────────────────────────────────────
+export { default as ThemeToggle } from './components/layout/ThemeToggle.svelte';
+export { default as WolfToggle } from './components/layout/WolfToggle.svelte';
+// ─── Layout main ──────────────────────────────────────────────────────────────
+export { DynamicLinks, ScrollToTop, TangledRepos } from './components/layout/main/index.js';
+// ─── Cards ────────────────────────────────────────────────────────────────────
+export { LinkCard, ProfileCard, PostCard, BlueskyPostCard, TangledRepoCard, MusicStatusCard, KibunStatusCard } from './components/layout/main/card/index.js';
+// ─── SEO ──────────────────────────────────────────────────────────────────────
+export { MetaTags } from './components/seo/index.js';
+// ─── UI primitives ────────────────────────────────────────────────────────────
+export { Card, InternalCard, Dropdown, Pagination, SearchBar, Tabs, PostsGroupedView, DocumentCard, BlogPostCard } from './components/ui/index.js';

package/dist/stores/colorTheme.d.ts

@@ -0,0 +1,12 @@
+import { type ColorTheme } from '../config/themes.config.js';
+interface ColorThemeState {
+    current: ColorTheme;
+    mounted: boolean;
+}
+export declare const colorTheme: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<ColorThemeState>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+    init: () => void;
+    setTheme: (theme: ColorTheme) => void;
+};
+export type { ColorTheme };
+//# sourceMappingURL=colorTheme.d.ts.map

package/dist/stores/colorTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorTheme.d.ts","sourceRoot":"","sources":["../../src/lib/stores/colorTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAI5E,UAAU,eAAe;IACxB,OAAO,EAAE,UAAU,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CACjB;AAkCD,eAAO,MAAM,UAAU;;;sBAdH,UAAU;CAcmB,CAAC;AAClD,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/stores/colorTheme.js

@@ -0,0 +1,36 @@
+import { writable } from 'svelte/store';
+import { DEFAULT_THEME } from '../config/themes.config.js';
+const browser = typeof window !== 'undefined';
+const STORAGE_KEY = 'color-theme';
+function createColorThemeStore() {
+    const { subscribe, set, update } = writable({
+        current: DEFAULT_THEME,
+        mounted: false
+    });
+    return {
+        subscribe,
+        init: () => {
+            if (!browser)
+                return;
+            const stored = localStorage.getItem(STORAGE_KEY);
+            const theme = stored || DEFAULT_THEME;
+            update((state) => ({ ...state, current: theme, mounted: true }));
+            const currentTheme = document.documentElement.getAttribute('data-color-theme');
+            if (currentTheme !== theme)
+                applyTheme(theme);
+        },
+        setTheme: (theme) => {
+            if (!browser)
+                return;
+            localStorage.setItem(STORAGE_KEY, theme);
+            update((state) => ({ ...state, current: theme }));
+            applyTheme(theme);
+        }
+    };
+}
+function applyTheme(theme) {
+    if (!browser)
+        return;
+    document.documentElement.setAttribute('data-color-theme', theme);
+}
+export const colorTheme = createColorThemeStore();

package/dist/stores/dropdownState.d.ts

@@ -0,0 +1,2 @@
+export declare const colorThemeDropdownOpen: import("svelte/store").Writable<boolean>;
+//# sourceMappingURL=dropdownState.d.ts.map

package/dist/stores/dropdownState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownState.d.ts","sourceRoot":"","sources":["../../src/lib/stores/dropdownState.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,0CAAkB,CAAC"}

package/dist/stores/dropdownState.js

@@ -0,0 +1,2 @@
+import { writable } from 'svelte/store';
+export const colorThemeDropdownOpen = writable(false);

package/dist/stores/happyMac.d.ts

@@ -0,0 +1,11 @@
+interface HappyMacState {
+    clickCount: number;
+    isTriggered: boolean;
+}
+export declare const happyMacStore: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<HappyMacState>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+    incrementClick: () => void;
+    reset: () => void;
+};
+export {};
+//# sourceMappingURL=happyMac.d.ts.map

package/dist/stores/happyMac.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"happyMac.d.ts","sourceRoot":"","sources":["../../src/lib/stores/happyMac.ts"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;CACrB;AAsBD,eAAO,MAAM,aAAa;;;;CAAwB,CAAC"}

package/dist/stores/happyMac.js

@@ -0,0 +1,19 @@
+import { writable } from 'svelte/store';
+function createHappyMacStore() {
+    const { subscribe, set, update } = writable({
+        clickCount: 0,
+        isTriggered: false
+    });
+    return {
+        subscribe,
+        incrementClick: () => update((state) => {
+            const newCount = state.clickCount + 1;
+            if (newCount === 24) {
+                return { clickCount: newCount, isTriggered: true };
+            }
+            return { ...state, clickCount: newCount };
+        }),
+        reset: () => set({ clickCount: 0, isTriggered: false })
+    };
+}
+export const happyMacStore = createHappyMacStore();

package/dist/stores/index.d.ts

@@ -0,0 +1,6 @@
+export { wolfMode } from './wolfMode.js';
+export { colorThemeDropdownOpen } from './dropdownState.js';
+export { happyMacStore } from './happyMac.js';
+export { colorTheme } from './colorTheme.js';
+export type { ColorTheme } from './colorTheme.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/stores/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/stores/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/stores/index.js

@@ -0,0 +1,4 @@
+export { wolfMode } from './wolfMode.js';
+export { colorThemeDropdownOpen } from './dropdownState.js';
+export { happyMacStore } from './happyMac.js';
+export { colorTheme } from './colorTheme.js';

package/dist/stores/wolfMode.d.ts

@@ -0,0 +1,7 @@
+export declare const wolfMode: {
+    subscribe: (this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+    toggle: () => void;
+    enable: () => void;
+    disable: () => void;
+};
+//# sourceMappingURL=wolfMode.d.ts.map

package/dist/stores/wolfMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wolfMode.d.ts","sourceRoot":"","sources":["../../src/lib/stores/wolfMode.ts"],"names":[],"mappings":"AA8HA,eAAO,MAAM,QAAQ;;;;;CAAwB,CAAC"}

package/dist/stores/wolfMode.js

@@ -0,0 +1,130 @@
+import { writable } from 'svelte/store';
+const browser = typeof window !== 'undefined';
+const wolfSounds = [
+    'awoo', 'awooo', 'howl', 'ahroo', 'owww', 'yip', 'yap', 'arf', 'ruff', 'woof',
+    'grr', 'grrr', 'growl', 'snarl', 'whine', 'whimper', 'bark', 'yowl', 'yelp', 'huff'
+];
+let originalTexts = new Map();
+let wordCounter = 0;
+let wordToSoundMap = new Map();
+function createWolfModeStore() {
+    const { subscribe, set, update } = writable(false);
+    return {
+        subscribe,
+        toggle: () => {
+            update((value) => {
+                const newValue = !value;
+                if (browser) {
+                    if (newValue)
+                        enableWolfMode();
+                    else
+                        disableWolfMode();
+                }
+                return newValue;
+            });
+        },
+        enable: () => { set(true); if (browser)
+            enableWolfMode(); },
+        disable: () => { set(false); if (browser)
+            disableWolfMode(); }
+    };
+}
+function getWolfSoundByPosition(position) {
+    return wolfSounds[position % wolfSounds.length];
+}
+function getWolfSoundForWord(word, position) {
+    const normalizedWord = word.toLowerCase();
+    if (wordToSoundMap.has(normalizedWord))
+        return wordToSoundMap.get(normalizedWord);
+    const wolfSound = getWolfSoundByPosition(position);
+    wordToSoundMap.set(normalizedWord, wolfSound);
+    return wolfSound;
+}
+function isNumberAbbreviation(text) {
+    return /^\d+\.?\d*[a-zA-Z]+$/.test(text);
+}
+function hasAlphabeticalCharacters(text) {
+    return /[a-zA-Z]/.test(text);
+}
+function shouldTransform(word) {
+    if (!hasAlphabeticalCharacters(word))
+        return false;
+    if (isNumberAbbreviation(word))
+        return false;
+    return true;
+}
+function splitWordAndPunctuation(token) {
+    const match = token.match(/^([^a-zA-Z0-9]*)([a-zA-Z0-9]+)([^a-zA-Z0-9]*)$/);
+    if (match)
+        return { prefix: match[1], word: match[2], suffix: match[3] };
+    return { prefix: '', word: token, suffix: '' };
+}
+function convertToWolfSpeak(text, startPosition) {
+    const words = text.split(/(\s+)/);
+    let currentPosition = startPosition;
+    return words.map((token) => {
+        if (token.trim().length === 0)
+            return token;
+        const { prefix, word, suffix } = splitWordAndPunctuation(token);
+        if (!shouldTransform(word))
+            return token;
+        const wolfSound = getWolfSoundForWord(word, currentPosition);
+        currentPosition++;
+        let transformedWord = wolfSound;
+        if (word === word.toUpperCase() && word.length > 1)
+            transformedWord = wolfSound.toUpperCase();
+        else if (word[0] === word[0].toUpperCase())
+            transformedWord = wolfSound.charAt(0).toUpperCase() + wolfSound.slice(1);
+        return prefix + transformedWord + suffix;
+    }).join('');
+}
+function shouldSkipElement(element) {
+    if (element.hasAttribute('aria-label')) {
+        const label = element.getAttribute('aria-label') || '';
+        if (label.includes('wolf mode') || label.includes('theme') || label.includes('mode'))
+            return true;
+    }
+    if (element.closest('header button'))
+        return true;
+    if (element.tagName === 'NAV' || element.closest('nav'))
+        return true;
+    return false;
+}
+function walkTextNodes(node, callback) {
+    if (node.nodeType === Node.TEXT_NODE) {
+        callback(node);
+    }
+    else if (node.nodeType === Node.ELEMENT_NODE) {
+        const element = node;
+        if (element.tagName === 'SCRIPT' || element.tagName === 'STYLE' || shouldSkipElement(element))
+            return;
+        for (const child of Array.from(node.childNodes))
+            walkTextNodes(child, callback);
+    }
+}
+function enableWolfMode() {
+    originalTexts.clear();
+    wordToSoundMap.clear();
+    wordCounter = 0;
+    walkTextNodes(document.body, (textNode) => {
+        const originalText = textNode.textContent || '';
+        if (originalText.trim().length > 0) {
+            originalTexts.set(textNode, originalText);
+            textNode.textContent = convertToWolfSpeak(originalText, wordCounter);
+            wordCounter += originalText.split(/\s+/).filter((w) => {
+                const { word } = splitWordAndPunctuation(w);
+                return shouldTransform(word);
+            }).length;
+        }
+    });
+}
+function disableWolfMode() {
+    originalTexts.forEach((originalText, textNode) => {
+        if (textNode.parentNode)
+            textNode.textContent = originalText;
+    });
+    originalTexts.clear();
+    wordToSoundMap.clear();
+    wordCounter = 0;
+}
+export const wolfMode = createWolfModeStore();

package/dist/types/index.d.ts

@@ -0,0 +1,19 @@
+export interface SiteMetadata {
+    title: string;
+    description: string;
+    keywords: string;
+    url: string;
+    image: string;
+    imageWidth?: number;
+    imageHeight?: number;
+}
+/**
+ * A nav item used by Header and NavLinks.
+ * The `iconPath` is a Lucide icon component name (e.g. 'Home', 'Archive').
+ */
+export interface NavItem {
+    href: string;
+    label: string;
+    iconPath: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,OAAO;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CACjB"}

package/dist/types/index.js

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

package/dist/utils/formatNumber.d.ts

@@ -0,0 +1,3 @@
+export declare function formatCompactNumber(num?: number, locale?: string): string;
+export declare function formatNumber(num: number, locale?: string): string;
+//# sourceMappingURL=formatNumber.d.ts.map

package/dist/utils/formatNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatNumber.d.ts","sourceRoot":"","sources":["../../src/lib/utils/formatNumber.ts"],"names":[],"mappings":"AAIA,wBAAgB,mBAAmB,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAkBzE;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAEjE"}

package/dist/utils/formatNumber.js

@@ -0,0 +1,26 @@
+function getLocale(locale) {
+    return locale || (typeof navigator !== 'undefined' && navigator.language) || 'en-GB';
+}
+export function formatCompactNumber(num, locale) {
+    if (num === undefined || num === null)
+        return '0';
+    const effectiveLocale = getLocale(locale);
+    if (num >= 1000) {
+        const divisor = num >= 1000000000 ? 1000000000 : num >= 1000000 ? 1000000 : 1000;
+        const roundedDown = Math.floor((num / divisor) * 10) / 10;
+        const adjustedNum = roundedDown * divisor;
+        return new Intl.NumberFormat(effectiveLocale, {
+            notation: 'compact',
+            compactDisplay: 'short',
+            maximumFractionDigits: 1
+        }).format(adjustedNum);
+    }
+    return new Intl.NumberFormat(effectiveLocale, {
+        notation: 'compact',
+        compactDisplay: 'short',
+        maximumFractionDigits: 1
+    }).format(num);
+}
+export function formatNumber(num, locale) {
+    return new Intl.NumberFormat(getLocale(locale)).format(num);
+}

package/dist/utils/locale.d.ts

@@ -0,0 +1,4 @@
+export declare function getUserLocale(): string;
+export declare function formatLocalizedDate(dateString: string, locale?: string): string;
+export declare function formatRelativeTime(dateString: string): string;
+//# sourceMappingURL=locale.d.ts.map

package/dist/utils/locale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"locale.d.ts","sourceRoot":"","sources":["../../src/lib/utils/locale.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,IAAI,MAAM,CAGtC;AAED,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAI/E;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAiB7D"}

package/dist/utils/locale.js

@@ -0,0 +1,32 @@
+export function getUserLocale() {
+    if (typeof navigator !== 'undefined')
+        return navigator.language || 'en-GB';
+    return 'en-GB';
+}
+export function formatLocalizedDate(dateString, locale) {
+    const date = new Date(dateString);
+    const userLocale = locale || getUserLocale();
+    return date.toLocaleDateString(userLocale, { month: 'short', day: 'numeric', year: 'numeric' });
+}
+export function formatRelativeTime(dateString) {
+    const date = new Date(dateString);
+    const now = new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffMins = Math.floor(diffMs / 60000);
+    const diffHours = Math.floor(diffMins / 60);
+    const diffDays = Math.floor(diffHours / 24);
+    if (diffMins < 1)
+        return 'just now';
+    if (diffMins < 60)
+        return `${diffMins}m ago`;
+    if (diffHours < 24)
+        return `${diffHours}h ago`;
+    if (diffDays < 7)
+        return `${diffDays}d ago`;
+    const userLocale = getUserLocale();
+    return date.toLocaleDateString(userLocale, {
+        day: 'numeric',
+        month: 'short',
+        year: date.getFullYear() !== now.getFullYear() ? 'numeric' : undefined
+    });
+}