rune-lab 0.4.5 → 0.4.7

package/dist/runes/layout/src/ConnectedNavigationPanel.svelte

@@ -5,11 +5,13 @@
     import { createNavigationConnection } from "./connection-factory.js";
     import type { Snippet } from "svelte";
 
-    let { sections, header, footer } = $props<{
+    interface Props {
         sections: NavigationSection[];
         header?: Snippet;
         footer?: Snippet;
-    }>();
+    }
+
+    let { sections, header, footer }: Props = $props();
 
     const layoutStore = getLayoutStore();
     const connection = createNavigationConnection(layoutStore);

package/dist/runes/layout/src/ConnectedNavigationPanel.svelte.d.ts

@@ -1,20 +1,14 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-  props: Record<string, never>;
-  events: {
-    [evt: string]: CustomEvent<any>;
-  };
-  slots: {};
-  exports?: {};
-  bindings?: string;
-};
-export type ConnectedNavigationPanelProps = typeof __propDef.props;
-export type ConnectedNavigationPanelEvents = typeof __propDef.events;
-export type ConnectedNavigationPanelSlots = typeof __propDef.slots;
-export default class ConnectedNavigationPanel extends SvelteComponentTyped<
-  ConnectedNavigationPanelProps,
-  ConnectedNavigationPanelEvents,
-  ConnectedNavigationPanelSlots
-> {
+import { type NavigationSection } from "../../../kernel/src/mod.js";
+import type { Snippet } from "svelte";
+interface Props {
+  sections: NavigationSection[];
+  header?: Snippet;
+  footer?: Snippet;
 }
-export {};
+declare const ConnectedNavigationPanel: import("svelte").Component<
+  Props,
+  {},
+  ""
+>;
+type ConnectedNavigationPanel = ReturnType<typeof ConnectedNavigationPanel>;
+export default ConnectedNavigationPanel;

package/dist/runes/layout/src/ConnectedWorkspaceStrip.svelte

@@ -5,10 +5,12 @@
     import { createWorkspaceConnection } from "./connection-factory.js";
     import type { Snippet } from "svelte";
 
-    let { items, globalActions } = $props<{
+    interface Props {
         items: WorkspaceItem[];
         globalActions?: Snippet;
-    }>();
+    }
+
+    let { items, globalActions }: Props = $props();
 
     const layoutStore = getLayoutStore();
     const connection = createWorkspaceConnection(layoutStore);

package/dist/runes/layout/src/ConnectedWorkspaceStrip.svelte.d.ts

@@ -1,20 +1,13 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-  props: Record<string, never>;
-  events: {
-    [evt: string]: CustomEvent<any>;
-  };
-  slots: {};
-  exports?: {};
-  bindings?: string;
-};
-export type ConnectedWorkspaceStripProps = typeof __propDef.props;
-export type ConnectedWorkspaceStripEvents = typeof __propDef.events;
-export type ConnectedWorkspaceStripSlots = typeof __propDef.slots;
-export default class ConnectedWorkspaceStrip extends SvelteComponentTyped<
-  ConnectedWorkspaceStripProps,
-  ConnectedWorkspaceStripEvents,
-  ConnectedWorkspaceStripSlots
-> {
+import { type WorkspaceItem } from "../../../kernel/src/mod.js";
+import type { Snippet } from "svelte";
+interface Props {
+  items: WorkspaceItem[];
+  globalActions?: Snippet;
 }
-export {};
+declare const ConnectedWorkspaceStrip: import("svelte").Component<
+  Props,
+  {},
+  ""
+>;
+type ConnectedWorkspaceStrip = ReturnType<typeof ConnectedWorkspaceStrip>;
+export default ConnectedWorkspaceStrip;

package/dist/runes/layout/src/ContentArea.svelte.d.ts

@@ -1,20 +1,8 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-  props: Record<string, never>;
-  events: {
-    [evt: string]: CustomEvent<any>;
-  };
-  slots: {};
-  exports?: {};
-  bindings?: string;
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+  header?: Snippet;
+  children: Snippet;
 };
-export type ContentAreaProps = typeof __propDef.props;
-export type ContentAreaEvents = typeof __propDef.events;
-export type ContentAreaSlots = typeof __propDef.slots;
-export default class ContentArea extends SvelteComponentTyped<
-  ContentAreaProps,
-  ContentAreaEvents,
-  ContentAreaSlots
-> {
-}
-export {};
+declare const ContentArea: import("svelte").Component<$$ComponentProps, {}, "">;
+type ContentArea = ReturnType<typeof ContentArea>;
+export default ContentArea;

package/dist/runes/layout/src/DetailPanel.svelte.d.ts

@@ -1,20 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-  props: Record<string, never>;
-  events: {
-    [evt: string]: CustomEvent<any>;
-  };
-  slots: {};
-  exports?: {};
-  bindings?: string;
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+  children: Snippet;
 };
-export type DetailPanelProps = typeof __propDef.props;
-export type DetailPanelEvents = typeof __propDef.events;
-export type DetailPanelSlots = typeof __propDef.slots;
-export default class DetailPanel extends SvelteComponentTyped<
-  DetailPanelProps,
-  DetailPanelEvents,
-  DetailPanelSlots
-> {
-}
-export {};
+declare const DetailPanel: import("svelte").Component<$$ComponentProps, {}, "">;
+type DetailPanel = ReturnType<typeof DetailPanel>;
+export default DetailPanel;

package/dist/runes/layout/src/Icon.svelte

@@ -1,5 +1,9 @@
 <script lang="ts">
-  let { name, class: className = "" } = $props<{ name: string; class?: string }>();
+  interface Props {
+    name: string;
+    class?: string;
+  }
+  let { name, class: className = "" }: Props = $props();
 </script>
 
 <span class="material-symbols-outlined {className}">

package/dist/runes/layout/src/Icon.svelte.d.ts

@@ -1,17 +1,7 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-  props: Record<string, never>;
-  events: {
-    [evt: string]: CustomEvent<any>;
-  };
-  slots: {};
-  exports?: {};
-  bindings?: string;
-};
-export type IconProps = typeof __propDef.props;
-export type IconEvents = typeof __propDef.events;
-export type IconSlots = typeof __propDef.slots;
-export default class Icon
-  extends SvelteComponentTyped<IconProps, IconEvents, IconSlots> {
+interface Props {
+  name: string;
+  class?: string;
 }
-export {};
+declare const Icon: import("svelte").Component<Props, {}, "">;
+type Icon = ReturnType<typeof Icon>;
+export default Icon;

package/dist/runes/layout/src/LanguageSelector.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
     import ResourceSelector from "./ResourceSelector.svelte";
     import { getLanguageStore } from "../../../kernel/src/mod.js";
+    import { getLanguageName } from "./language.svelte.js";
 
     const languageStore = getLanguageStore();
 
@@ -23,11 +24,13 @@
     filterKeys={[...allowedLocales]}
     {onchange}
 >
-    {#snippet triggerLabel(active)}
-        <span class="text-lg">{active.flag}</span>
+    {#snippet triggerLabel(active: any)}
+        <div class="flex items-center gap-2">
+            <span class="text-lg">{active.flag}</span>
+        </div>
     {/snippet}
 
-    {#snippet item(l)}
+    {#snippet item(l: any)}
         <button
             class="flex items-center gap-3 w-full"
             onclick={() => {
@@ -37,7 +40,8 @@
             }}
         >
             <span class="text-lg">{l.flag}</span>
-            <span>{l.code.toUpperCase()}</span>
+            <span class="text-xs opacity-50 uppercase">{l.code}</span>
+            <span class="flex-grow text-left">{getLanguageName(l)}</span>
         </button>
     {/snippet}
 </ResourceSelector>

package/dist/runes/layout/src/LanguageSelector.svelte.d.ts

@@ -1,20 +1,12 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-  props: Record<string, never>;
-  events: {
-    [evt: string]: CustomEvent<any>;
-  };
-  slots: {};
-  exports?: {};
-  bindings?: string;
+type $$ComponentProps = {
+  languages?: string[];
+  current?: string;
+  onchange?: (value: string) => void;
 };
-export type LanguageSelectorProps = typeof __propDef.props;
-export type LanguageSelectorEvents = typeof __propDef.events;
-export type LanguageSelectorSlots = typeof __propDef.slots;
-export default class LanguageSelector extends SvelteComponentTyped<
-  LanguageSelectorProps,
-  LanguageSelectorEvents,
-  LanguageSelectorSlots
-> {
-}
-export {};
+declare const LanguageSelector: import("svelte").Component<
+  $$ComponentProps,
+  {},
+  "current"
+>;
+type LanguageSelector = ReturnType<typeof LanguageSelector>;
+export default LanguageSelector;

package/dist/runes/layout/src/NavigationPanel.svelte

@@ -3,6 +3,16 @@
     import type { Snippet } from "svelte";
     import type { NavigationItem, NavigationSection } from "../../../kernel/src/mod.js";
 
+    interface Props {
+        header?: Snippet;
+        sections: NavigationSection[];
+        footer?: Snippet;
+        activeId?: string | null;
+        collapsedIds?: Set<string>;
+        onSelect?: (item: NavigationItem) => void;
+        onToggle?: (id: string, isOpen: boolean) => void;
+    }
+
     let {
         header,
         sections = [],
@@ -11,15 +21,7 @@
         collapsedIds = new Set(),
         onSelect,
         onToggle,
-    } = $props<{
-        header?: Snippet;
-        sections: NavigationSection[];
-        footer?: Snippet;
-        activeId?: string | null;
-        collapsedIds?: Set<string>;
-        onSelect?: (item: NavigationItem) => void;
-        onToggle?: (id: string, isOpen: boolean) => void;
-    }>();
+    }: Props = $props();
 
     function handleItemClick(item: NavigationItem) {
         onSelect?.(item);

package/dist/runes/layout/src/NavigationPanel.svelte.d.ts

@@ -1,20 +1,17 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-  props: Record<string, never>;
-  events: {
-    [evt: string]: CustomEvent<any>;
-  };
-  slots: {};
-  exports?: {};
-  bindings?: string;
-};
-export type NavigationPanelProps = typeof __propDef.props;
-export type NavigationPanelEvents = typeof __propDef.events;
-export type NavigationPanelSlots = typeof __propDef.slots;
-export default class NavigationPanel extends SvelteComponentTyped<
-  NavigationPanelProps,
-  NavigationPanelEvents,
-  NavigationPanelSlots
-> {
+import type { Snippet } from "svelte";
+import type {
+  NavigationItem,
+  NavigationSection,
+} from "../../../kernel/src/mod.js";
+interface Props {
+  header?: Snippet;
+  sections: NavigationSection[];
+  footer?: Snippet;
+  activeId?: string | null;
+  collapsedIds?: Set<string>;
+  onSelect?: (item: NavigationItem) => void;
+  onToggle?: (id: string, isOpen: boolean) => void;
 }
-export {};
+declare const NavigationPanel: import("svelte").Component<Props, {}, "">;
+type NavigationPanel = ReturnType<typeof NavigationPanel>;
+export default NavigationPanel;

package/dist/runes/layout/src/ResourceSelector.svelte

@@ -1,36 +1,38 @@
-<script lang="ts">
+<script lang="ts" generics="T">
     import AppSettingSelector from "./AppSettingSelector.svelte";
     import type { ConfigStore } from "../../../kernel/src/mod.js";
-    import * as rlMessages from "../../../i18n/paraglide/messages.js";
+    import { m } from "../../../i18n/messages.js";
     import { getContext, type Snippet } from "svelte";
 
-    let {
-        store,
-        idKey,
-        filterKeys = [],
-        triggerLabel,
-        item,
-        onchange,
-        direction = "bottom",
-        responsive = true,
-    }: {
+    interface Props {
         /** ConfigStore instance to bind to */
-        store: ConfigStore<any>;
+        store: ConfigStore<T>;
         /** Key to use as identifier (e.g., "name", "code") */
         idKey: string;
         /** Optional subset of IDs to show */
         filterKeys?: string[];
         /** Snippet to render the trigger button content */
-        triggerLabel: Snippet<[any]>;
+        triggerLabel: Snippet<[T]>;
         /** Snippet to render each option in the dropdown */
-        item: Snippet<[any]>;
+        item: Snippet<[T]>;
         /** Callback when selection changes */
         onchange?: (value: string) => void;
         /** Dropdown direction */
         direction?: "top" | "bottom" | "left" | "right" | "end" | "auto";
         /** Whether to show responsive mobile modal */
         responsive?: boolean;
-    } = $props();
+    }
+
+    let {
+        store,
+        idKey,
+        filterKeys = [],
+        triggerLabel,
+        item,
+        onchange,
+        direction = "bottom",
+        responsive = true,
+    }: Props = $props();
 
     const userDictionary =
         getContext<Record<string, any>>("rl:dictionary") ?? {};
@@ -41,12 +43,11 @@
      * 2. Paraglide messages
      * 3. Raw key fallback
      */
-    export function resolveLabel(item: any): string {
+    function resolveLabel(item: any): string {
         const key = String(item[idKey]);
         if (typeof userDictionary[key] === "function")
             return userDictionary[key]();
-        if (typeof (rlMessages as any)[key] === "function")
-            return (rlMessages as any)[key]();
+        if (typeof (m as any)[key] === "function") return (m as any)[key]();
         return key;
     }
 
@@ -61,11 +62,11 @@
     );
 </script>
 
-{#snippet _triggerLabel(v: any)}
+{#snippet _triggerLabel(v: T)}
     {@render triggerLabel(v)}
 {/snippet}
 
-{#snippet _item(option: any)}
+{#snippet _item(option: T)}
     {@render item(option)}
 {/snippet}
 

package/dist/runes/layout/src/ResourceSelector.svelte.d.ts

@@ -1,23 +1,57 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
+import type { ConfigStore } from "../../../kernel/src/mod.js";
+import { type Snippet } from "svelte";
+declare function $$render<T>(): {
   props: {
-    resolveLabel?: (item: any) => string;
-  };
-  events: {
-    [evt: string]: CustomEvent<any>;
+    /** ConfigStore instance to bind to */
+    store: ConfigStore<T>;
+    /** Key to use as identifier (e.g., "name", "code") */
+    idKey: string;
+    /** Optional subset of IDs to show */
+    filterKeys?: string[];
+    /** Snippet to render the trigger button content */
+    triggerLabel: Snippet<[T]>;
+    /** Snippet to render each option in the dropdown */
+    item: Snippet<[T]>;
+    /** Callback when selection changes */
+    onchange?: (value: string) => void;
+    /** Dropdown direction */
+    direction?: "top" | "bottom" | "left" | "right" | "end" | "auto";
+    /** Whether to show responsive mobile modal */
+    responsive?: boolean;
   };
+  exports: {};
+  bindings: "";
   slots: {};
-  exports?: {};
-  bindings?: string;
+  events: {};
 };
-export type ResourceSelectorProps = typeof __propDef.props;
-export type ResourceSelectorEvents = typeof __propDef.events;
-export type ResourceSelectorSlots = typeof __propDef.slots;
-export default class ResourceSelector extends SvelteComponentTyped<
-  ResourceSelectorProps,
-  ResourceSelectorEvents,
-  ResourceSelectorSlots
-> {
-  get resolveLabel(): (item: any) => string;
+declare class __sveltets_Render<T> {
+  props(): ReturnType<typeof $$render<T>>["props"];
+  events(): ReturnType<typeof $$render<T>>["events"];
+  slots(): ReturnType<typeof $$render<T>>["slots"];
+  bindings(): "";
+  exports(): {};
+}
+interface $$IsomorphicComponent {
+  new <T>(
+    options: import("svelte").ComponentConstructorOptions<
+      ReturnType<__sveltets_Render<T>["props"]>
+    >,
+  ):
+    & import("svelte").SvelteComponent<
+      ReturnType<__sveltets_Render<T>["props"]>,
+      ReturnType<__sveltets_Render<T>["events"]>,
+      ReturnType<__sveltets_Render<T>["slots"]>
+    >
+    & {
+      $$bindings?: ReturnType<__sveltets_Render<T>["bindings"]>;
+    }
+    & ReturnType<__sveltets_Render<T>["exports"]>;
+  <T>(
+    internal: unknown,
+    props: ReturnType<__sveltets_Render<T>["props"]> & {},
+  ): ReturnType<__sveltets_Render<T>["exports"]>;
+  z_$$bindings?: ReturnType<__sveltets_Render<any>["bindings"]>;
 }
-export {};
+declare const ResourceSelector: $$IsomorphicComponent;
+type ResourceSelector<T> = InstanceType<typeof ResourceSelector<T>>;
+export default ResourceSelector;

package/dist/runes/layout/src/ThemeSelector.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
     import ResourceSelector from "./ResourceSelector.svelte";
-    import { getThemeStore, type Theme } from "../../../kernel/src/mod.js";
+    import { getThemeStore } from "../../../kernel/src/mod.js";
+    import { getThemeName } from "./theme.svelte.js";
 
     const themeStore = getThemeStore();
 
@@ -21,11 +22,13 @@
     filterKeys={themes}
     {onchange}
 >
-    {#snippet triggerLabel(active)}
-        <span class="text-lg">{active.icon}</span>
+    {#snippet triggerLabel(active: any)}
+        <div class="flex items-center gap-2">
+            <span class="text-lg">{active.icon}</span>
+        </div>
     {/snippet}
 
-    {#snippet item(t)}
+    {#snippet item(t: any)}
         <button
             class="flex items-center gap-3 w-full"
             onclick={() => {
@@ -42,8 +45,8 @@
                 bind:group={themeStore.current}
             />
             <span class="text-lg">{t.icon}</span>
-            <span class="capitalize">
-                {t.name}
+            <span class="flex-grow text-left capitalize">
+                {getThemeName(t)}
             </span>
         </button>
     {/snippet}

package/dist/runes/layout/src/ThemeSelector.svelte.d.ts

@@ -1,20 +1,12 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-  props: Record<string, never>;
-  events: {
-    [evt: string]: CustomEvent<any>;
-  };
-  slots: {};
-  exports?: {};
-  bindings?: string;
+type $$ComponentProps = {
+  themes?: string[];
+  current?: string;
+  onchange?: (value: string) => void;
 };
-export type ThemeSelectorProps = typeof __propDef.props;
-export type ThemeSelectorEvents = typeof __propDef.events;
-export type ThemeSelectorSlots = typeof __propDef.slots;
-export default class ThemeSelector extends SvelteComponentTyped<
-  ThemeSelectorProps,
-  ThemeSelectorEvents,
-  ThemeSelectorSlots
-> {
-}
-export {};
+declare const ThemeSelector: import("svelte").Component<
+  $$ComponentProps,
+  {},
+  "current"
+>;
+type ThemeSelector = ReturnType<typeof ThemeSelector>;
+export default ThemeSelector;

package/dist/runes/layout/src/WorkspaceLayout.svelte.d.ts

@@ -1,4 +1,3 @@
-import { SvelteComponentTyped } from "svelte";
 import type { Snippet } from "svelte";
 import type { LayoutConfig } from "./types.js";
 export interface WorkspaceLayoutProps {
@@ -28,22 +27,10 @@ export interface WorkspaceLayoutProps {
   /** Controlled override for detail panel visibility */
   detailOpen?: boolean;
 }
-declare const __propDef: {
-  props: Record<string, never>;
-  events: {
-    [evt: string]: CustomEvent<any>;
-  };
-  slots: {};
-  exports?: {};
-  bindings?: string;
-};
-type WorkspaceLayoutProps_ = typeof __propDef.props;
-export type WorkspaceLayoutEvents = typeof __propDef.events;
-export type WorkspaceLayoutSlots = typeof __propDef.slots;
-export default class WorkspaceLayout extends SvelteComponentTyped<
-  WorkspaceLayoutProps_,
-  WorkspaceLayoutEvents,
-  WorkspaceLayoutSlots
-> {
-}
-export {};
+declare const WorkspaceLayout: import("svelte").Component<
+  WorkspaceLayoutProps,
+  {},
+  "navOpen" | "detailOpen"
+>;
+type WorkspaceLayout = ReturnType<typeof WorkspaceLayout>;
+export default WorkspaceLayout;

package/dist/runes/layout/src/WorkspaceStrip.svelte

@@ -3,17 +3,19 @@
     import type { Snippet } from "svelte";
     import type { WorkspaceItem } from "../../../kernel/src/mod.js";
 
+    interface Props {
+        items: WorkspaceItem[];
+        globalActions?: Snippet;
+        activeId?: string | null;
+        onSelect?: (id: string, item: WorkspaceItem) => void;
+    }
+
     let {
         items = [],
         globalActions,
         activeId,
         onSelect,
-    } = $props<{
-        items: WorkspaceItem[];
-        globalActions?: Snippet;
-        activeId?: string | null;
-        onSelect?: (id: string, item: WorkspaceItem) => void;
-    }>();
+    }: Props = $props();
 
     function handleWorkspaceClick(item: WorkspaceItem) {
         onSelect?.(item.id, item);

package/dist/runes/layout/src/WorkspaceStrip.svelte.d.ts

@@ -1,20 +1,11 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-  props: Record<string, never>;
-  events: {
-    [evt: string]: CustomEvent<any>;
-  };
-  slots: {};
-  exports?: {};
-  bindings?: string;
-};
-export type WorkspaceStripProps = typeof __propDef.props;
-export type WorkspaceStripEvents = typeof __propDef.events;
-export type WorkspaceStripSlots = typeof __propDef.slots;
-export default class WorkspaceStrip extends SvelteComponentTyped<
-  WorkspaceStripProps,
-  WorkspaceStripEvents,
-  WorkspaceStripSlots
-> {
+import type { Snippet } from "svelte";
+import type { WorkspaceItem } from "../../../kernel/src/mod.js";
+interface Props {
+  items: WorkspaceItem[];
+  globalActions?: Snippet;
+  activeId?: string | null;
+  onSelect?: (id: string, item: WorkspaceItem) => void;
 }
-export {};
+declare const WorkspaceStrip: import("svelte").Component<Props, {}, "">;
+type WorkspaceStrip = ReturnType<typeof WorkspaceStrip>;
+export default WorkspaceStrip;