123ishaTest · Ishadijcks · May 24, 2026 · May 23, 2026 · May 23, 2026 · May 24, 2026
diff --git a/packages/ludiek/CHANGELOG.md b/packages/ludiek/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @123ishatest/ludiek
 
+## 0.9.0
+
+### Minor Changes
+
+- 8578211: Release through peer dependencies
+
 ## 0.8.0
 
 ### Minor Changes

diff --git a/packages/ludiek/package.json b/packages/ludiek/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@123ishatest/ludiek",
   "private": false,
-  "version": "0.8.0",
+  "version": "0.9.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",

diff --git a/packages/lui/CHANGELOG.md b/packages/lui/CHANGELOG.md
@@ -1,5 +1,16 @@
 # @123ishatest/lui
 
+## 1.0.0
+
+### Minor Changes
+
+- 8578211: Release through peer dependencies
+
+### Patch Changes
+
+- Updated dependencies [8578211]
+  - @123ishatest/ludiek@0.9.0
+
 ## 0.0.4
 
 ### Patch Changes

diff --git a/packages/lui/package.json b/packages/lui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@123ishatest/lui",
-  "version": "0.0.4",
+  "version": "1.0.0",
   "repository": {
     "url": "https://github.com/123ishaTest/ludiek"
   },
@@ -39,9 +39,11 @@
     }
   },
   "peerDependencies": {
+    "@123ishatest/ludiek": "^0.9.0",
     "svelte": "^5.0.0"
   },
   "devDependencies": {
+    "@123ishatest/ludiek": "*",
     "@eslint/compat": "^2.0.4",
     "@eslint/js": "^10.0.1",
     "@sveltejs/kit": "^2.57.0",
@@ -72,7 +74,6 @@
     "svelte"
   ],
   "dependencies": {
-    "@123ishatest/ludiek": "*",
     "@lucide/svelte": "^1.3.0"
   }
 }
diff --git a/packages/lui/src/lib/LuiContext.svelte b/packages/lui/src/lib/LuiContext.svelte
@@ -24,11 +24,16 @@
   };
 
   onMount(() => {
-    document.addEventListener('keypress', (e) => {
+    const listener = (e: KeyboardEvent) => {
       if (toggleKeys.includes(e.key)) {
         toggleOverlay();
       }
-    });
+    };
+    document.addEventListener('keydown', listener);
+
+    return () => {
+      document.removeEventListener('keydown', listener)
+    }
   });
 
 </script>
@@ -38,22 +43,26 @@
     <p>Lui error: {error}</p>
   {/snippet}
 
+  {#if children}
+    {@render children()}
+  {/if}
+
+  <!-- Debug-only overlays -->
   {#if isDebug()}
-    {#if children}
-      {@render children()}
-    {/if}
 
-    <div class="inset-0 pb-16 absolute z-50 bg-base-200" class:hidden={!showOverlay}>
+    <div
+      data-theme="dark"
+      class="lui fixed inset-0 z-50 bg-base-200 pb-18"
+      class:hidden={!showOverlay}
+    >
       <LuiDebugger />
     </div>
 
     {#if withToolbar}
-      <LuiToolbar />
+      <div class="w-full fixed bottom-0 left-0 z-60">
+        <LuiToolbar />
+      </div>
     {/if}
 
-  {:else}
-    {#if children}
-      {@render children()}
-    {/if}
   {/if}
-</svelte:boundary>
+</svelte:boundary>
diff --git a/packages/lui/src/lib/components/LuiSidebar.svelte b/packages/lui/src/lib/components/LuiSidebar.svelte
@@ -14,16 +14,16 @@
 </script>
 
 {#snippet button(page: PageType, name: string)}
-  <li class:menu-active={selectedPage === page}>
+  <li class:d-menu-active={selectedPage === page}>
     <button onclick={() => selectPage(page)}>{name}</button>
   </li>
 {/snippet}
 
-<ul class="menu h-full bg-base-200 w-56">
+<ul class="d-menu h-full d-bg-base-200 w-56">
   {@render button('dashboard', 'Dashboard')}
 
   <li>
-    <h2 class="menu-title">State</h2>
+    <h2 class="d-menu-title">State</h2>
     <ul>
       {@render button('plugin', 'Plugin')}
       {@render button('feature', 'Feature')}
@@ -32,7 +32,7 @@
   </li>
 
   <li>
-    <h2 class="menu-title">Contributions</h2>
+    <h2 class="d-menu-title">Contributions</h2>
     <ul>
       {@render button('condition', 'Condition')}
       {@render button('input', 'Input')}
@@ -43,7 +43,7 @@
   </li>
 
   <li>
-    <h2 class="menu-title">Other</h2>
+    <h2 class="d-menu-title">Other</h2>
     <ul>
       {@render button('content', 'Content')}
     </ul>

diff --git a/packages/lui/src/lib/components/LuiVersion.svelte b/packages/lui/src/lib/components/LuiVersion.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
-  // import ludiek from 'packages/ludiek/package.json' with { type: 'json' };
+  import ludiek from '@123ishatest/ludiek/package.json' with { type: 'json' };
 
-  // const ludiekVersion = ludiek.version;
-  const ludiekVersion = 'TODO';
+  const ludiekVersion = ludiek.version;
 </script>
 
 <span>{ludiekVersion}</span>
diff --git a/packages/lui/src/lib/components/content/LuiContentCard.svelte b/packages/lui/src/lib/components/content/LuiContentCard.svelte
@@ -23,6 +23,6 @@
 <div class="flex flex-col space-y-4 items-center p-4 rounded-sm shadow-xl">
   <h2 class="">{id}</h2>
 
-  <pre class="text-primary-content">{JSON.stringify(content, null, 2)}</pre>
+  <pre class="d-text-primary-content">{JSON.stringify(content, null, 2)}</pre>
 </div>
 
diff --git a/packages/lui/src/lib/components/content/LuiContentHint.svelte b/packages/lui/src/lib/components/content/LuiContentHint.svelte
@@ -14,20 +14,20 @@
 </script>
 
 {#if isDebug()}
-  <div class="indicator">
+  <div class="d-indicator">
     {#if children}
       {@render children()}
     {/if}
-    <div class="tooltip tooltip-right">
+    <div class="d-tooltip d-tooltip-right">
       <svelte:boundary>
         {#snippet failed(error)}
-          <span class="indicator-item status status-error"></span>
-          <div class="tooltip-content text-left">
+          <span class="d-indicator-item d-status d-status-error"></span>
+          <div class="d-tooltip-content text-left">
             {error}
           </div>
         {/snippet}
-        <span class="indicator-item status status-primary cursor-help"></span>
-        <div class="tooltip-content text-left">
+        <span class="d-indicator-item d-status d-status-primary cursor-help"></span>
+        <div class="d-tooltip-content text-left">
           <LuiContentCard {id} {kind} />
         </div>
       </svelte:boundary>

diff --git a/packages/lui/src/lib/components/content/LuiContentSelector.svelte b/packages/lui/src/lib/components/content/LuiContentSelector.svelte
@@ -15,7 +15,7 @@
   let content = $derived(introspection.kinds)
 </script>
 
-<ul class="menu menu-vertical lg:menu-horizontal rounded-box">
+<ul class="d-menu d-menu-horizontal d-rounded-box">
   {#each content as c (c.kind)}
     <li>
       <button class="capitalize" class:menu-active={selectedKind === c.kind} onclick={() => selectKind(c.kind)}>{c.kind} ({c.items.length})</button>

diff --git a/packages/lui/src/lib/components/content/LuiContentTable.svelte b/packages/lui/src/lib/components/content/LuiContentTable.svelte
@@ -13,7 +13,7 @@
 
 
 <div class="overflow-x-auto">
-  <table class="table">
+  <table class="d-table">
     <thead class="">
     <tr>
       {#each nodes as node (node.path)}

diff --git a/packages/lui/src/lib/components/persistence/LuiPersistencePage.svelte b/packages/lui/src/lib/components/persistence/LuiPersistencePage.svelte
@@ -13,7 +13,7 @@
 
 
 <div class="flex flex-col h-full">
-  <div class="mockup-code w-full overflow-y-auto">
+  <div class="d-mockup-code w-full overflow-y-auto">
     <pre>{formattedSave}</pre>
   </div>
 </div>
diff --git a/packages/lui/src/lib/components/toolbar/LuiToolbar.svelte b/packages/lui/src/lib/components/toolbar/LuiToolbar.svelte
@@ -32,49 +32,49 @@
 </script>
 
 {#if isVisible}
-  <div class="lui absolute bottom-0 w-full h-16 bg-base-200 flex flex-row items-center z-60 px-2">
+  <div class="lui w-full h-12 flex flex-row items-center z-60 px-2">
 
     <div class="flex flex-row items-center space-x-4">
 
       <div class="flex flex-row">
-        <a class="btn btn-primary" href="https://ludiek.123ishatest.com/docs" target="_blank">
+        <a class="d-btn d-btn-primary" href="https://ludiek.123ishatest.com/docs" target="_blank">
           <span>Ludiek</span>
           <LuiVersion />
         </a>
       </div>
 
       <LuiToolbarEntry BadgeIcon={ContentIcon} value={introspection.content.kinds.length}>
-        <ul class="list rounded-box shadow-md">
+        <ul class="d-list d-rounded-box shadow-md">
           {#each introspection.content.kinds as kind (kind.kind)}
-            <li class="list-row">
+            <li class="d-list-row">
               <div class="text-left capitalize">{kind.kind}</div>
             </li>
           {:else}
-            <li class="list-row">No content registered</li>
+            <li class="d-list-row">No content registered</li>
           {/each}
         </ul>
       </LuiToolbarEntry>
 
       <LuiToolbarEntry BadgeIcon={FeatureIcon} value={introspection.features.features.length}>
-        <ul class="list rounded-box shadow-md">
+        <ul class="d-list d-rounded-box shadow-md">
           {#each introspection.features.features as feature (feature.type)}
-            <li class="list-row">
+            <li class="d-list-row">
               <div class="text-left capitalize">{feature.type}</div>
             </li>
           {:else}
-            <li class="list-row">No features registered</li>
+            <li class="d-list-row">No features registered</li>
           {/each}
         </ul>
       </LuiToolbarEntry>
 
       <LuiToolbarEntry BadgeIcon={PluginIcon} value={introspection.plugins.plugins.length}>
-        <ul class="list rounded-box shadow-md">
+        <ul class="d-list d-rounded-box shadow-md">
           {#each introspection.plugins.plugins as plugin (plugin.type)}
-            <li class="list-row">
+            <li class="d-list-row">
               <div class="text-left capitalize">{plugin.type}</div>
             </li>
           {:else}
-            <li class="list-row">No plugins registered</li>
+            <li class="d-list-row">No plugins registered</li>
           {/each}
         </ul>
       </LuiToolbarEntry>
@@ -103,12 +103,12 @@
 
     <div class="grow"></div>
 
-    <button class="btn" onclick={()=> closeToolbar()}>
+    <button class="d-btn" onclick={()=> closeToolbar()}>
       <CloseIcon />
     </button>
   </div>
 {:else}
-  <div class="absolute bottom-0 right-0 p-2 z-60">
-    <button class="btn btn-primary" onclick={() => openToolbar()}>Ludiek</button>
+  <div class="lui absolute bottom-0 right-0 p-2 z-60">
+    <button class="d-btn d-btn-primary" onclick={() => openToolbar()}>Ludiek</button>
   </div>
 {/if}
diff --git a/packages/lui/src/lib/components/toolbar/LuiToolbarCommandList.svelte b/packages/lui/src/lib/components/toolbar/LuiToolbarCommandList.svelte
@@ -9,14 +9,14 @@
   let { commands, kind }: Props = $props();
 </script>
 
-<ul class="list rounded-box shadow-md">
+<ul class="d-list rounded-box shadow-md">
   {#each commands as command (command.command)}
     {@const args = command.arguments.map(a => `<${a.field}>`).join(' ')}
-    <li class="list-row">
-      <div class="list-col-grow text-left">{command.command}</div>
-      <div class="text-base-content/50">{args}</div>
+    <li class="d-list-row">
+      <div class="d-list-col-grow text-left">{command.command}</div>
+      <div class="d-text-base-content/50">{args}</div>
     </li>
   {:else}
-    <li class="list-row">No {kind} registered</li>
+    <li class="d-list-row">No {kind} registered</li>
   {/each}
 </ul>
diff --git a/packages/lui/src/lib/components/toolbar/LuiToolbarEntry.svelte b/packages/lui/src/lib/components/toolbar/LuiToolbarEntry.svelte
@@ -11,14 +11,14 @@
   let { BadgeIcon, value, children }: Props = $props();
 </script>
 
-<div class="tooltip">
-  <div class="tooltip-content absolute max-w-100">
+<div class="d-tooltip">
+  <div class="d-tooltip-content absolute max-w-100">
     {#if children}
       {@render children()}
     {/if}
   </div>
-  <div class="btn flex flex-row items-center text-primary">
+  <div class="d-btn flex flex-row items-center d-text-primary">
     <BadgeIcon size={16} />
-    <span class="text-base-content/50">{value}</span>
+    <span class="d-text-base-content/50">{value}</span>
   </div>
 </div>
diff --git a/packages/lui/src/lib/index.css b/packages/lui/src/lib/index.css
@@ -3,6 +3,15 @@
 @plugin '@tailwindcss/typography';
 
 @plugin "daisyui" {
+  themes:
+    light --default,
+    dark --prefersdark;
+  prefix: 'd-';
   root: '.lui';
 }
+
+.lui {
+  --color-primary: oklch(62% 0.194 149.214);
+}
+
 @source './';