rune-lab 0.2.2 → 0.2.3

package/dist/ui/paraglide/messages/gbp3.js

@@ -0,0 +1,85 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Gbp3Inputs */
+
+const es_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Libra esterlina`)
+};
+
+const fr_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Livre sterling`)
+};
+
+const it_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Sterlina britannica`)
+};
+
+const pt_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Libra esterlina`)
+};
+
+const en_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`British Pound`)
+};
+
+const de_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Britisches Pfund`)
+};
+
+const ru_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Британский фунт`)
+};
+
+const hi_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`ब्रिटिश पाउंड`)
+};
+
+const ar_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`جنيه إسترليني`)
+};
+
+const zh_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`英镑`)
+};
+
+const ja_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`英ポンド`)
+};
+
+const ko_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`영국 파운드`)
+};
+
+const vi_gbp3 = /** @type {(inputs: Gbp3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Bảng Anh`)
+};
+
+/**
+* | output |
+* | --- |
+* | "British Pound" |
+*
+* @param {Gbp3Inputs} inputs
+* @param {{ locale?: "es" | "fr" | "it" | "pt" | "en" | "de" | "ru" | "hi" | "ar" | "zh" | "ja" | "ko" | "vi" }} options
+* @returns {LocalizedString}
+*/
+const gbp3 = /** @type {((inputs?: Gbp3Inputs, options?: { locale?: "es" | "fr" | "it" | "pt" | "en" | "de" | "ru" | "hi" | "ar" | "zh" | "ja" | "ko" | "vi" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Gbp3Inputs, { locale?: "es" | "fr" | "it" | "pt" | "en" | "de" | "ru" | "hi" | "ar" | "zh" | "ja" | "ko" | "vi" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "es") return es_gbp3(inputs)
+	if (locale === "fr") return fr_gbp3(inputs)
+	if (locale === "it") return it_gbp3(inputs)
+	if (locale === "pt") return pt_gbp3(inputs)
+	if (locale === "en") return en_gbp3(inputs)
+	if (locale === "de") return de_gbp3(inputs)
+	if (locale === "ru") return ru_gbp3(inputs)
+	if (locale === "hi") return hi_gbp3(inputs)
+	if (locale === "ar") return ar_gbp3(inputs)
+	if (locale === "zh") return zh_gbp3(inputs)
+	if (locale === "ja") return ja_gbp3(inputs)
+	if (locale === "ko") return ko_gbp3(inputs)
+	return vi_gbp3(inputs)
+});
+export { gbp3 as "GBP" }

package/dist/ui/paraglide/messages/inr3.d.ts

@@ -0,0 +1,17 @@
+export { inr3 as INR };
+export type LocalizedString = import("../runtime.js").LocalizedString;
+export type Inr3Inputs = {};
+/**
+* | output |
+* | --- |
+* | "Indian Rupee" |
+*
+* @param {Inr3Inputs} inputs
+* @param {{ locale?: "es" | "fr" | "it" | "pt" | "en" | "de" | "ru" | "hi" | "ar" | "zh" | "ja" | "ko" | "vi" }} options
+* @returns {LocalizedString}
+*/
+declare const inr3: ((inputs?: Inr3Inputs, options?: {
+    locale?: "es" | "fr" | "it" | "pt" | "en" | "de" | "ru" | "hi" | "ar" | "zh" | "ja" | "ko" | "vi";
+}) => LocalizedString) & import("../runtime.js").MessageMetadata<Inr3Inputs, {
+    locale?: "es" | "fr" | "it" | "pt" | "en" | "de" | "ru" | "hi" | "ar" | "zh" | "ja" | "ko" | "vi";
+}, {}>;

package/dist/ui/paraglide/messages/inr3.js

@@ -0,0 +1,85 @@
+/* eslint-disable */
+import { getLocale, experimentalStaticLocale } from '../runtime.js';
+
+/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */
+
+/** @typedef {{}} Inr3Inputs */
+
+const es_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rupia india`)
+};
+
+const fr_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Roupie indienne`)
+};
+
+const it_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rupia indiana`)
+};
+
+const pt_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rúpia indiana`)
+};
+
+const en_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Indian Rupee`)
+};
+
+const de_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Indische Rupie`)
+};
+
+const ru_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Индийская рупия`)
+};
+
+const hi_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`भारतीय रुपया`)
+};
+
+const ar_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`روبية هندية`)
+};
+
+const zh_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`印度卢比`)
+};
+
+const ja_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`インドルピー`)
+};
+
+const ko_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`인도 루피`)
+};
+
+const vi_inr3 = /** @type {(inputs: Inr3Inputs) => LocalizedString} */ () => {
+	return /** @type {LocalizedString} */ (`Rupee Ấn Độ`)
+};
+
+/**
+* | output |
+* | --- |
+* | "Indian Rupee" |
+*
+* @param {Inr3Inputs} inputs
+* @param {{ locale?: "es" | "fr" | "it" | "pt" | "en" | "de" | "ru" | "hi" | "ar" | "zh" | "ja" | "ko" | "vi" }} options
+* @returns {LocalizedString}
+*/
+const inr3 = /** @type {((inputs?: Inr3Inputs, options?: { locale?: "es" | "fr" | "it" | "pt" | "en" | "de" | "ru" | "hi" | "ar" | "zh" | "ja" | "ko" | "vi" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Inr3Inputs, { locale?: "es" | "fr" | "it" | "pt" | "en" | "de" | "ru" | "hi" | "ar" | "zh" | "ja" | "ko" | "vi" }, {}>} */ ((inputs = {}, options = {}) => {
+	const locale = experimentalStaticLocale ?? options.locale ?? getLocale()
+	if (locale === "es") return es_inr3(inputs)
+	if (locale === "fr") return fr_inr3(inputs)
+	if (locale === "it") return it_inr3(inputs)
+	if (locale === "pt") return pt_inr3(inputs)
+	if (locale === "en") return en_inr3(inputs)
+	if (locale === "de") return de_inr3(inputs)
+	if (locale === "ru") return ru_inr3(inputs)
+	if (locale === "hi") return hi_inr3(inputs)
+	if (locale === "ar") return ar_inr3(inputs)
+	if (locale === "zh") return zh_inr3(inputs)
+	if (locale === "ja") return ja_inr3(inputs)
+	if (locale === "ko") return ko_inr3(inputs)
+	return vi_inr3(inputs)
+});
+export { inr3 as "INR" }

package/dist/ui/primitives/DatePicker.svelte

@@ -0,0 +1,257 @@
+<!--
+  DatePicker — Locale-aware calendar grid primitive.
+  Reads LanguageStore from context for weekday/month names.
+  Zero domain knowledge.
+-->
+<script module lang="ts">
+    export interface DatePickerProps {
+        /** Currently selected date */
+        value?: Date | string;
+        /** Disabled dates (cannot be selected) */
+        disabledDates?: Date[];
+        /** Highlighted dates (visual emphasis) */
+        highlightedDates?: Date[];
+        /** Minimum selectable date */
+        minDate?: Date;
+        /** Maximum selectable date */
+        maxDate?: Date;
+        /** Fired when a date is selected */
+        onchange?: (date: Date) => void;
+    }
+</script>
+
+<script lang="ts">
+    import { getLanguageStore } from "rune-lab/state";
+    import { untrack } from "svelte";
+
+    let {
+        value,
+        disabledDates = [],
+        highlightedDates = [],
+        minDate,
+        maxDate,
+        onchange,
+    }: DatePickerProps = $props();
+
+    const languageStore = getLanguageStore();
+
+    // Parse initial value
+    function parseDate(d?: Date | string): Date {
+        if (!d) return new Date();
+        return typeof d === "string" ? new Date(d) : d;
+    }
+
+    // Capture the initial value once to avoid state_referenced_locally warnings
+    const initialDate = untrack(() => parseDate(value));
+
+    let selectedDate = $state(initialDate);
+    let viewYear = $state(initialDate.getFullYear());
+    let viewMonth = $state(initialDate.getMonth());
+
+    // Locale-aware formatting
+    const locale = $derived(String(languageStore.current) || "en");
+
+    const weekdayNames = $derived(
+        Array.from({ length: 7 }, (_, i) => {
+            const d = new Date(2024, 0, i + 1); // Mon=1 Jan 2024
+            return new Intl.DateTimeFormat(locale, { weekday: "short" }).format(
+                d,
+            );
+        }),
+    );
+
+    const monthName = $derived(
+        new Intl.DateTimeFormat(locale, { month: "long" }).format(
+            new Date(viewYear, viewMonth),
+        ),
+    );
+
+    // Calendar grid
+    const calendarDays = $derived.by(() => {
+        const firstDay = new Date(viewYear, viewMonth, 1);
+        const lastDay = new Date(viewYear, viewMonth + 1, 0);
+        const startOffset = (firstDay.getDay() + 6) % 7; // Monday-based
+        const totalDays = lastDay.getDate();
+
+        const days: (number | null)[] = [];
+
+        // Leading empty slots
+        for (let i = 0; i < startOffset; i++) days.push(null);
+        // Actual days
+        for (let d = 1; d <= totalDays; d++) days.push(d);
+
+        return days;
+    });
+
+    const today = new Date();
+    const todayStr = `${today.getFullYear()}-${today.getMonth()}-${today.getDate()}`;
+
+    function dateKey(year: number, month: number, day: number): string {
+        return `${year}-${month}-${day}`;
+    }
+
+    const disabledSet = $derived(
+        new Set(
+            disabledDates.map((d) =>
+                dateKey(d.getFullYear(), d.getMonth(), d.getDate()),
+            ),
+        ),
+    );
+
+    const highlightedSet = $derived(
+        new Set(
+            highlightedDates.map((d) =>
+                dateKey(d.getFullYear(), d.getMonth(), d.getDate()),
+            ),
+        ),
+    );
+
+    function isDisabled(day: number): boolean {
+        const k = dateKey(viewYear, viewMonth, day);
+        if (disabledSet.has(k)) return true;
+        const d = new Date(viewYear, viewMonth, day);
+        if (minDate && d < minDate) return true;
+        if (maxDate && d > maxDate) return true;
+        return false;
+    }
+
+    function isSelected(day: number): boolean {
+        return (
+            selectedDate.getFullYear() === viewYear &&
+            selectedDate.getMonth() === viewMonth &&
+            selectedDate.getDate() === day
+        );
+    }
+
+    function isToday(day: number): boolean {
+        return dateKey(viewYear, viewMonth, day) === todayStr;
+    }
+
+    function isHighlighted(day: number): boolean {
+        return highlightedSet.has(dateKey(viewYear, viewMonth, day));
+    }
+
+    function selectDay(day: number) {
+        if (isDisabled(day)) return;
+        selectedDate = new Date(viewYear, viewMonth, day);
+        onchange?.(selectedDate);
+    }
+
+    function prevMonth() {
+        if (viewMonth === 0) {
+            viewMonth = 11;
+            viewYear--;
+        } else {
+            viewMonth--;
+        }
+    }
+
+    function nextMonth() {
+        if (viewMonth === 11) {
+            viewMonth = 0;
+            viewYear++;
+        } else {
+            viewMonth++;
+        }
+    }
+
+    function handleKeydown(e: KeyboardEvent) {
+        const day = selectedDate.getDate();
+        let newDate: Date | null = null;
+
+        switch (e.key) {
+            case "ArrowLeft":
+                newDate = new Date(viewYear, viewMonth, day - 1);
+                break;
+            case "ArrowRight":
+                newDate = new Date(viewYear, viewMonth, day + 1);
+                break;
+            case "ArrowUp":
+                newDate = new Date(viewYear, viewMonth, day - 7);
+                break;
+            case "ArrowDown":
+                newDate = new Date(viewYear, viewMonth, day + 7);
+                break;
+            case "Enter":
+                selectDay(day);
+                return;
+            case "Escape":
+                (e.currentTarget as HTMLElement)?.blur();
+                return;
+            default:
+                return;
+        }
+
+        if (newDate) {
+            e.preventDefault();
+            selectedDate = newDate;
+            viewYear = newDate.getFullYear();
+            viewMonth = newDate.getMonth();
+        }
+    }
+</script>
+
+<!-- svelte-ignore a11y_no_noninteractive_tabindex -->
+<div
+    class="rl-datepicker inline-flex flex-col gap-2 p-4 rounded-box bg-base-200 border border-base-content/10 select-none"
+    tabindex="0"
+    role="grid"
+    aria-label="Date picker"
+    onkeydown={handleKeydown}
+>
+    <!-- Header: Month/Year + Navigation -->
+    <div class="flex items-center justify-between">
+        <button
+            class="btn btn-ghost btn-sm btn-square"
+            onclick={prevMonth}
+            aria-label="Previous month"
+        >
+            ‹
+        </button>
+        <span class="font-semibold text-sm capitalize">
+            {monthName}
+            {viewYear}
+        </span>
+        <button
+            class="btn btn-ghost btn-sm btn-square"
+            onclick={nextMonth}
+            aria-label="Next month"
+        >
+            ›
+        </button>
+    </div>
+
+    <!-- Weekday Headers -->
+    <div class="grid grid-cols-7 gap-1 text-center">
+        {#each weekdayNames as wd}
+            <span class="text-xs text-base-content/50 font-medium">{wd}</span>
+        {/each}
+    </div>
+
+    <!-- Day Grid -->
+    <div class="grid grid-cols-7 gap-1">
+        {#each calendarDays as day}
+            {#if day === null}
+                <div></div>
+            {:else}
+                <button
+                    class="btn btn-sm btn-square text-xs transition-all duration-150"
+                    class:btn-primary={isSelected(day)}
+                    class:btn-ghost={!isSelected(day)}
+                    class:ring-2={isToday(day) && !isSelected(day)}
+                    class:ring-primary={isToday(day) && !isSelected(day)}
+                    class:btn-disabled={isDisabled(day)}
+                    class:opacity-30={isDisabled(day)}
+                    class:bg-accent={isHighlighted(day) && !isSelected(day)}
+                    class:bg-opacity-20={isHighlighted(day) && !isSelected(day)}
+                    onclick={() => selectDay(day)}
+                    disabled={isDisabled(day)}
+                    aria-label={`${day} ${monthName} ${viewYear}`}
+                    aria-pressed={isSelected(day)}
+                >
+                    {day}
+                </button>
+            {/if}
+        {/each}
+    </div>
+</div>

package/dist/ui/primitives/DatePicker.svelte.d.ts

@@ -0,0 +1,17 @@
+export interface DatePickerProps {
+    /** Currently selected date */
+    value?: Date | string;
+    /** Disabled dates (cannot be selected) */
+    disabledDates?: Date[];
+    /** Highlighted dates (visual emphasis) */
+    highlightedDates?: Date[];
+    /** Minimum selectable date */
+    minDate?: Date;
+    /** Maximum selectable date */
+    maxDate?: Date;
+    /** Fired when a date is selected */
+    onchange?: (date: Date) => void;
+}
+declare const DatePicker: import("svelte").Component<DatePickerProps, {}, "">;
+type DatePicker = ReturnType<typeof DatePicker>;
+export default DatePicker;

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

@@ -0,0 +1 @@
+export { default as DatePicker } from "./DatePicker.svelte";

package/dist/ui/primitives/index.js

@@ -0,0 +1,3 @@
+// sdk/ui/src/lib/primitives/index.ts
+// Barrel export for primitive UI components
+export { default as DatePicker } from "./DatePicker.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rune-lab",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Modern toolkit for Svelte 5 Runes applications.",
   "type": "module",
   "license": "MIT",
@@ -16,8 +16,7 @@
     "build:index": "bun run scripts/build-index.js"
   },
   "workspaces": [
-    "src/sdk/*",
-    "src/explorer/*"
+    "src/sdk/*"
   ],
   "files": [
     "dist"
@@ -43,28 +42,39 @@
     },
     "./package.json": "./package.json"
   },
+  "peerDependencies": {
+    "svelte": "^5.53.7",
+    "tailwindcss": "^4.2.1",
+    "daisyui": "^5.5.19"
+  },
+  "peerDependenciesMeta": {
+    "better-auth": {
+      "optional": true
+    },
+    "dinero.js": {
+      "optional": true
+    }
+  },
   "dependencies": {
-    "vite": "npm:vite@^7.3.1",
-    "typescript": "npm:typescript@^5.9.3",
-    "tailwindcss": "npm:tailwindcss@^4.2.1",
-    "@tailwindcss/vite": "npm:@tailwindcss/vite@^4.2.1",
-    "@tailwindcss/forms": "npm:@tailwindcss/forms@^0.5.11",
-    "@tailwindcss/typography": "npm:@tailwindcss/typography@^0.5.19",
-    "@inlang/paraglide-js": "npm:@inlang/paraglide-js@^2.13.1",
     "hotkeys-js": "npm:hotkeys-js@^4.0.2",
-    "dinero.js": "npm:dinero.js@^2.0.0",
-    "daisyui": "npm:daisyui@^5.5.19",
-    "svelte": "npm:svelte@^5.53.6",
-    "svelte-check": "npm:svelte-check@^4.4.4",
-    "@sveltejs/kit": "npm:@sveltejs/kit@^2.53.4",
-    "@sveltejs/adapter-static": "npm:@sveltejs/adapter-static@^3.0.10",
-    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^7.0.0"
+    "better-auth": "^1.5.2",
+    "dinero.js": "npm:dinero.js@^2.0.0"
   },
   "devDependencies": {
+    "@inlang/paraglide-js": "npm:@inlang/paraglide-js@^2.13.1",
+    "@sveltejs/adapter-static": "npm:@sveltejs/adapter-static@^3.0.10",
+    "@sveltejs/kit": "npm:@sveltejs/kit@^2.53.4",
+    "@sveltejs/vite-plugin-svelte": "npm:@sveltejs/vite-plugin-svelte@^7.0.0",
     "@sveltejs/package": "^2.5.7",
+    "@tailwindcss/forms": "npm:@tailwindcss/forms@^0.5.11",
+    "@tailwindcss/typography": "npm:@tailwindcss/typography@^0.5.19",
+    "@tailwindcss/vite": "npm:@tailwindcss/vite@^4.2.1",
+    "svelte-check": "npm:svelte-check@^4.4.4",
+    "typescript": "npm:typescript@^5.9.3",
+    "vite": "npm:vite@^7.3.1",
     "publint": "^0.3.18",
     "@internal/core": "0.2.0",
     "@internal/state": "0.2.0",
     "@internal/ui": "0.2.0"
   }
-}
+}

package/dist/state/config.d.ts

@@ -1,4 +0,0 @@
-export { AppStore, createAppStore, getAppStore } from "./state/app.svelte";
-export { createLayoutStore, getLayoutStore, LayoutStore, } from "./state/layout.svelte";
-export { type Command, CommandStore, createCommandStore, getCommandStore, } from "./state/commands.svelte";
-export { createApiStore, createCurrencyStore, createLanguageStore, createShortcutStore, createThemeStore, createToastStore, getApiStore, getCurrencyStore, getLanguageStore, getShortcutStore, getThemeStore, getToastStore, } from "./state/index";

package/dist/state/config.js

@@ -1,8 +0,0 @@
-// src/lib/config.ts
-// Unified facade over all app-level stores.
-// Updated for SSR safety: Re-exports factories for context-aware stores.
-export { AppStore, createAppStore, getAppStore } from "./state/app.svelte";
-export { createLayoutStore, getLayoutStore, LayoutStore, } from "./state/layout.svelte";
-export { CommandStore, createCommandStore, getCommandStore, } from "./state/commands.svelte";
-// These stores are factories now
-export { createApiStore, createCurrencyStore, createLanguageStore, createShortcutStore, createThemeStore, createToastStore, getApiStore, getCurrencyStore, getLanguageStore, getShortcutStore, getThemeStore, getToastStore, } from "./state/index";