sh3-core 0.5.2 → 0.5.4

package/dist/Shell.svelte

@@ -160,7 +160,7 @@
     background: transparent;
     color: var(--shell-fg-muted);
     border: 1px solid var(--shell-border);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     cursor: pointer;
   }
   .shell-tabbar-home-button:hover {
@@ -180,6 +180,6 @@
     color: #fff;
     background: var(--shell-accent);
     padding: 1px 6px;
-    border-radius: 8px;
+    border-radius: var(--shell-radius-lg);
   }
 </style>

package/dist/apps/lifecycle.d.ts

@@ -31,7 +31,12 @@ export declare function unloadApp(id: string): void;
  * refcount hold intact, and its view containers stay alive in the pool.
  * Launching the same app again is a root swap only.
  *
+ * Fires `suspend` hooks on all required shards (in order), then on the
+ * app itself. Any hook returning `false` cancels navigation — the user
+ * stays in the app. Returns `true` if navigation succeeded, `false` if
+ * cancelled.
+ *
  * Writes `null` to `__shell__:last-app` so reloading the page while on
  * home lands on home, not on the formerly-active app.
  */
-export declare function returnToHome(): void;
+export declare function returnToHome(): Promise<boolean>;

package/dist/apps/lifecycle.js

@@ -12,7 +12,7 @@
  * return-to-home (null). Boot reads it to decide whether to auto-launch.
  */
 import { createStateZones } from '../state/zones.svelte';
-import { activateShard, deactivateShard, registeredShards, } from '../shards/activate.svelte';
+import { activateShard, deactivateShard, getShardContext, registeredShards, } from '../shards/activate.svelte';
 import { attachApp, detachApp, switchToApp, switchToHome, } from '../layout/store.svelte';
 import { activeApp, getRegisteredApp } from './registry.svelte';
 import { createZoneManager } from '../state/manage';
@@ -69,7 +69,7 @@ function getOrCreateAppContext(appId) {
  * @throws If the app is not registered or a required shard is not registered.
  */
 export async function launchApp(id) {
-    var _a;
+    var _a, _b, _c;
     const app = getRegisteredApp(id);
     if (!app) {
         throw new Error(`Cannot launch app "${id}": not registered`);
@@ -82,6 +82,14 @@ export async function launchApp(id) {
         unloadApp(activeApp.id);
     }
     else if (activeApp.id === id) {
+        // Re-entering the same app from Home — fire resume hooks.
+        for (const shardId of app.manifest.requiredShards) {
+            const shard = registeredShards.get(shardId);
+            const shardCtx = getShardContext(shardId);
+            if (shard && shardCtx)
+                void ((_a = shard.resume) === null || _a === void 0 ? void 0 : _a.call(shard, shardCtx));
+        }
+        void ((_b = app.resume) === null || _b === void 0 ? void 0 : _b.call(app, getOrCreateAppContext(id)));
         switchToApp();
         writeLastApp(id);
         return;
@@ -99,7 +107,7 @@ export async function launchApp(id) {
     // Attach the layout (creates the workspace-zone proxy with version
     // gate) and run the app's optional activate hook.
     attachApp(app);
-    void ((_a = app.activate) === null || _a === void 0 ? void 0 : _a.call(app, getOrCreateAppContext(id)));
+    void ((_c = app.activate) === null || _c === void 0 ? void 0 : _c.call(app, getOrCreateAppContext(id)));
     activeApp.id = id;
     switchToApp();
     writeLastApp(id);
@@ -151,10 +159,26 @@ export function unloadApp(id) {
  * refcount hold intact, and its view containers stay alive in the pool.
  * Launching the same app again is a root swap only.
  *
+ * Fires `suspend` hooks on all required shards (in order), then on the
+ * app itself. Any hook returning `false` cancels navigation — the user
+ * stays in the app. Returns `true` if navigation succeeded, `false` if
+ * cancelled.
+ *
  * Writes `null` to `__shell__:last-app` so reloading the page while on
  * home lands on home, not on the formerly-active app.
  */
-export function returnToHome() {
+export async function returnToHome() {
+    const app = activeApp.id ? getRegisteredApp(activeApp.id) : null;
+    if (app) {
+        for (const shardId of app.manifest.requiredShards) {
+            const shard = registeredShards.get(shardId);
+            if ((shard === null || shard === void 0 ? void 0 : shard.suspend) && (await shard.suspend()) === false)
+                return false;
+        }
+        if (app.suspend && (await app.suspend()) === false)
+            return false;
+    }
     switchToHome();
     writeLastApp(null);
+    return true;
 }

package/dist/apps/registry.svelte.d.ts

@@ -14,8 +14,11 @@ export declare const activeApp: {
     id: string | null;
 };
 /**
- * Register an app with the framework. Must be called before `launchApp`.
- * Throws if an app with the same id is already registered.
+ * Register (or re-register) an app with the framework.
+ *
+ * If an app with the same id already exists it is silently replaced,
+ * which is the expected path during package updates — the new bundle is
+ * loaded and re-registered without requiring a full page reload.
  *
  * @param app - The app module to register.
  */

package/dist/apps/registry.svelte.js

@@ -21,17 +21,16 @@ export const registeredApps = $state(new Map());
  */
 export const activeApp = $state({ id: null });
 /**
- * Register an app with the framework. Must be called before `launchApp`.
- * Throws if an app with the same id is already registered.
+ * Register (or re-register) an app with the framework.
+ *
+ * If an app with the same id already exists it is silently replaced,
+ * which is the expected path during package updates — the new bundle is
+ * loaded and re-registered without requiring a full page reload.
  *
  * @param app - The app module to register.
  */
 export function registerApp(app) {
-    const id = app.manifest.id;
-    if (registeredApps.has(id)) {
-        throw new Error(`App "${id}" is already registered`);
-    }
-    registeredApps.set(id, app);
+    registeredApps.set(app.manifest.id, app);
 }
 /**
  * Reactive snapshot of all registered app manifests. Shell home iterates

package/dist/apps/types.d.ts

@@ -77,4 +77,17 @@ export interface App {
     activate?(ctx: AppContext): void | Promise<void>;
     /** Optional hook called before the app's shards are deactivated and the layout is detached. */
     deactivate?(): void | Promise<void>;
+    /**
+     * Called when the user navigates to Home while the app is active. The
+     * app's shards, state, and pooled views remain alive. Return `false`
+     * (sync or async) to cancel the navigation — useful for "unsaved
+     * changes" confirmation modals.
+     */
+    suspend?(): void | false | Promise<void | false>;
+    /**
+     * Called when the app is re-entered from Home (root swap back to app).
+     * Does NOT fire on first launch — that is `activate`. Receives the
+     * same `AppContext` that `activate` received.
+     */
+    resume?(ctx: AppContext): void | Promise<void>;
 }

package/dist/diagnostic/DiagnosticPromptModal.svelte

@@ -73,7 +73,7 @@
     background: var(--shell-accent-muted);
     color: var(--shell-fg);
     border: 1px solid var(--shell-border-strong);
-    border-radius: 3px;
+    border-radius: var(--shell-radius-sm);
     cursor: pointer;
   }
   button:hover { background: var(--shell-accent); }

package/dist/layout/DragPreview.svelte

@@ -49,7 +49,7 @@
     background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
     color: var(--shell-fg);
     border: 1px solid var(--shell-accent);
-    border-radius: 3px;
+    border-radius: var(--shell-radius-sm);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
     font-size: 12px;
     font-family: var(--shell-font-ui);

package/dist/overlays/ModalFrame.svelte

@@ -76,7 +76,7 @@
     background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
     color: var(--shell-fg);
     border: 1px solid var(--shell-border-strong);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     min-width: 320px;
     max-width: min(640px, 90vw);
     max-height: 90vh;

package/dist/overlays/PopupFrame.svelte

@@ -76,7 +76,7 @@
     background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
     color: var(--shell-fg);
     border: 1px solid var(--shell-border-strong);
-    border-radius: 3px;
+    border-radius: var(--shell-radius-sm);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
     min-width: 120px;
     outline: none;

package/dist/overlays/ToastItem.svelte

@@ -48,7 +48,7 @@
     color: var(--shell-fg);
     border: 1px solid var(--shell-border-strong);
     border-left-width: 3px;
-    border-radius: 3px;
+    border-radius: var(--shell-radius-sm);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
     font-size: 12px;
     min-width: 220px;

package/dist/primitives/TabbedPanel.svelte

@@ -265,7 +265,7 @@
     font-size: 10px;
     line-height: 1;
     padding: 2px;
-    border-radius: 3px;
+    border-radius: var(--shell-radius-sm);
     color: var(--shell-fg-muted);
     cursor: pointer;
     flex-shrink: 0;

package/dist/registry/installer.js

@@ -97,8 +97,6 @@ export async function installPackage(bundle, meta) {
             registerApp(app);
     }
     catch (err) {
-        // Registration failure (e.g. duplicate id) -- the package is persisted
-        // but not usable until reload. Log and continue.
         console.warn(`[sh3] Package "${meta.id}" installed but registration failed (will retry on next boot):`, err instanceof Error ? err.message : err);
         hotLoaded = false;
     }

package/dist/shards/activate.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Shard } from './types';
+import type { Shard, ShardContext } from './types';
 /**
  * Reactive registry of every shard known to the host. Keys are shard ids.
  * Populated once at boot by the glob-discovery loop in main.ts (through
@@ -10,12 +10,14 @@ import type { Shard } from './types';
 export declare const registeredShards: Map<string, Shard>;
 export declare const activeShards: Map<string, Shard>;
 /**
- * Register a shard with the framework so it can later be activated. Records
- * the shard in `registeredShards` but does not run `activate` — that happens
- * at app launch (or immediately for self-starting shards).
+ * Register (or re-register) a shard with the framework so it can later be
+ * activated. Records the shard in `registeredShards` but does not run
+ * `activate` — that happens at app launch (or for self-starting shards).
  *
- * @param shard - The shard module to register. `shard.manifest.id` must be unique.
- * @throws If a shard with the same id is already registered.
+ * If a shard with the same id already exists it is silently replaced,
+ * which is the expected path during package updates. If the old shard was
+ * active it is deactivated first so the new version can be cleanly
+ * activated on next launch.
  */
 export declare function registerShard(shard: Shard): void;
 /**
@@ -43,3 +45,8 @@ export declare function deactivateShard(id: string): void;
  * @param id - The `ShardManifest.id` to check.
  */
 export declare function isActive(id: string): boolean;
+/**
+ * Return the ShardContext for an active shard, or undefined if not active.
+ * Used by lifecycle.ts to pass context to `shard.resume()`.
+ */
+export declare function getShardContext(id: string): ShardContext | undefined;

package/dist/shards/activate.svelte.js

@@ -39,17 +39,19 @@ export const registeredShards = $state(new Map());
 const active = new Map();
 export const activeShards = $state(new Map());
 /**
- * Register a shard with the framework so it can later be activated. Records
- * the shard in `registeredShards` but does not run `activate` — that happens
- * at app launch (or immediately for self-starting shards).
+ * Register (or re-register) a shard with the framework so it can later be
+ * activated. Records the shard in `registeredShards` but does not run
+ * `activate` — that happens at app launch (or for self-starting shards).
  *
- * @param shard - The shard module to register. `shard.manifest.id` must be unique.
- * @throws If a shard with the same id is already registered.
+ * If a shard with the same id already exists it is silently replaced,
+ * which is the expected path during package updates. If the old shard was
+ * active it is deactivated first so the new version can be cleanly
+ * activated on next launch.
  */
 export function registerShard(shard) {
     const id = shard.manifest.id;
-    if (registeredShards.has(id)) {
-        throw new Error(`Shard "${id}" is already registered`);
+    if (registeredShards.has(id) && activeShards.has(id)) {
+        deactivateShard(id);
     }
     registeredShards.set(id, shard);
 }
@@ -73,7 +75,7 @@ export async function activateShard(id) {
         // and is now being required by an app). Idempotent — no error.
         return;
     }
-    const entry = { shard, viewIds: new Set(), cleanupFns: [] };
+    const entry = { shard, ctx: undefined, viewIds: new Set(), cleanupFns: [] };
     // envState holds the reactive env data for this shard.
     // Must be declared with $state at variable declaration time (Svelte 5 rule).
     const envState = $state({
@@ -122,6 +124,7 @@ export async function activateShard(id) {
             ? createZoneManager()
             : undefined,
     };
+    entry.ctx = ctx;
     active.set(id, entry);
     activeShards.set(id, shard);
     await shard.activate(ctx);
@@ -173,3 +176,11 @@ export function deactivateShard(id) {
 export function isActive(id) {
     return active.has(id);
 }
+/**
+ * Return the ShardContext for an active shard, or undefined if not active.
+ * Used by lifecycle.ts to pass context to `shard.resume()`.
+ */
+export function getShardContext(id) {
+    var _a;
+    return (_a = active.get(id)) === null || _a === void 0 ? void 0 : _a.ctx;
+}

package/dist/shards/types.d.ts

@@ -193,4 +193,15 @@ export interface Shard {
     autostart?(ctx: ShardContext): void | Promise<void>;
     /** Optional cleanup hook called when the shard is deactivated. Release timers, subscriptions, and external resources here. */
     deactivate?(): void | Promise<void>;
+    /**
+     * Called when the owning app is suspended (Home button). The shard
+     * remains active; its views and state are preserved. Return `false`
+     * (sync or async) to cancel the navigation.
+     */
+    suspend?(): void | false | Promise<void | false>;
+    /**
+     * Called when the owning app resumes from Home. Receives the same
+     * `ShardContext` that `activate` received.
+     */
+    resume?(ctx: ShardContext): void | Promise<void>;
 }

package/dist/shell-shard/ShellHome.svelte

@@ -203,7 +203,7 @@
     padding: 14px 18px;
     background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
     border: 1px solid var(--shell-border);
-    border-radius: 6px;
+    border-radius: var(--shell-radius-md);
   }
   .shell-home-entry-label {
     grid-column: 1;
@@ -223,7 +223,7 @@
     background: var(--shell-accent);
     color: var(--shell-bg);
     border: none;
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     font-weight: 600;
     cursor: pointer;
   }
@@ -235,7 +235,7 @@
     background: transparent;
     color: var(--shell-fg-subtle);
     border: 1px solid var(--shell-border);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     cursor: pointer;
     font-size: 12px;
   }
@@ -258,7 +258,7 @@
     background: var(--shell-grad-bg-elevated, var(--shell-bg-elevated));
     color: var(--shell-fg);
     border: 1px solid var(--shell-border);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     font-family: monospace;
     font-size: 13px;
   }
@@ -270,7 +270,7 @@
     background: var(--shell-accent);
     color: var(--shell-bg);
     border: none;
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     font-weight: 600;
     cursor: pointer;
     white-space: nowrap;
@@ -285,6 +285,6 @@
     font-size: 12px;
     color: var(--shell-error, #d32f2f);
     background: color-mix(in srgb, var(--shell-error, #d32f2f) 10%, transparent);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
   }
 </style>

package/dist/store/InstalledView.svelte

@@ -125,7 +125,7 @@
 
 <style>
   .installed-view {
-    font-family: var(--shell-font, system-ui, sans-serif);
+    font-family: var(--shell-font-ui);
     color: var(--shell-fg, #e0e0e0);
     background: var(--shell-bg, #1e1e1e);
     padding: 16px;
@@ -149,7 +149,7 @@
     background: var(--shell-accent, #007acc);
     color: #fff;
     border: none;
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     cursor: pointer;
     font-family: inherit;
     font-size: 0.875rem;
@@ -171,7 +171,7 @@
   .installed-item {
     background: var(--shell-input-bg, #2a2a2a);
     border: 1px solid var(--shell-border, #444);
-    border-radius: 6px;
+    border-radius: var(--shell-radius-md);
     padding: 12px 14px;
     display: flex;
     flex-direction: column;
@@ -189,7 +189,7 @@
   .installed-item-badge {
     font-size: 0.6875rem;
     padding: 1px 6px;
-    border-radius: 3px;
+    border-radius: var(--shell-radius-sm);
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 0.04em;
@@ -223,7 +223,7 @@
     background: transparent;
     color: var(--shell-error, #d32f2f);
     border: 1px solid var(--shell-error, #d32f2f);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     cursor: pointer;
     font-family: inherit;
     font-size: 0.8125rem;
@@ -240,7 +240,7 @@
     background: var(--shell-warning, #ff9800);
     color: #fff;
     border: none;
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     cursor: pointer;
     font-family: inherit;
     font-size: 0.8125rem;
@@ -258,7 +258,7 @@
     background: color-mix(in srgb, var(--shell-error, #d32f2f) 15%, transparent);
     color: var(--shell-error, #d32f2f);
     border: 1px solid var(--shell-error, #d32f2f);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     font-size: 0.8125rem;
   }
 </style>

package/dist/store/StoreView.svelte

@@ -273,7 +273,7 @@
 
 <style>
   .store-view {
-    font-family: var(--shell-font, system-ui, sans-serif);
+    font-family: var(--shell-font-ui);
     color: var(--shell-fg, #e0e0e0);
     background: var(--shell-bg, #1e1e1e);
     padding: 16px;
@@ -301,7 +301,7 @@
     background: var(--shell-input-bg, #2a2a2a);
     color: var(--shell-fg, #e0e0e0);
     border: 1px solid var(--shell-border, #444);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     font-family: inherit;
     font-size: 0.875rem;
   }
@@ -313,7 +313,7 @@
     background: var(--shell-input-bg, #2a2a2a);
     color: var(--shell-fg, #e0e0e0);
     border: 1px solid var(--shell-border, #444);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     font-family: inherit;
     font-size: 0.875rem;
   }
@@ -322,7 +322,7 @@
     background: var(--shell-accent, #007acc);
     color: #fff;
     border: none;
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     cursor: pointer;
     font-family: inherit;
     font-size: 0.875rem;
@@ -337,7 +337,7 @@
     background: color-mix(in srgb, var(--shell-error, #d32f2f) 15%, transparent);
     color: var(--shell-error, #d32f2f);
     border: 1px solid var(--shell-error, #d32f2f);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     font-size: 0.8125rem;
   }
   .store-grid {
@@ -348,7 +348,7 @@
   .store-card {
     background: var(--shell-input-bg, #2a2a2a);
     border: 1px solid var(--shell-border, #444);
-    border-radius: 6px;
+    border-radius: var(--shell-radius-md);
     padding: 14px;
     display: flex;
     flex-direction: column;
@@ -373,7 +373,7 @@
   .store-icon-img {
     width: 36px;
     height: 36px;
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     object-fit: cover;
   }
   .store-icon-placeholder {
@@ -384,7 +384,7 @@
     justify-content: center;
     background: var(--shell-accent, #007acc);
     color: #fff;
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     font-weight: 700;
     font-size: 1rem;
   }
@@ -401,7 +401,7 @@
   .store-card-badge {
     font-size: 0.6875rem;
     padding: 1px 6px;
-    border-radius: 3px;
+    border-radius: var(--shell-radius-sm);
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 0.04em;
@@ -433,7 +433,7 @@
     color: var(--shell-warning, #ff9800);
     padding: 4px 8px;
     background: color-mix(in srgb, var(--shell-warning, #ff9800) 10%, transparent);
-    border-radius: 3px;
+    border-radius: var(--shell-radius-sm);
   }
   .store-card-actions {
     margin-top: auto;
@@ -445,7 +445,7 @@
     background: var(--shell-accent, #007acc);
     color: #fff;
     border: none;
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     cursor: pointer;
     font-family: inherit;
     font-size: 0.8125rem;
@@ -464,7 +464,7 @@
     background: var(--shell-warning, #ff9800);
     color: #fff;
     border: none;
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     cursor: pointer;
     font-family: inherit;
     font-size: 0.8125rem;
@@ -495,7 +495,7 @@
     padding: 4px 8px;
     background: var(--shell-input-bg, #2a2a2a);
     border: 1px solid var(--shell-border, #444);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     font-size: 0.8125rem;
   }
   .store-registry-url {
@@ -509,7 +509,7 @@
     background: transparent;
     color: var(--shell-error, #d32f2f);
     border: 1px solid var(--shell-error, #d32f2f);
-    border-radius: 3px;
+    border-radius: var(--shell-radius-sm);
     cursor: pointer;
     font-size: 0.75rem;
     flex-shrink: 0;
@@ -526,7 +526,7 @@
     background: var(--shell-input-bg, #2a2a2a);
     color: var(--shell-fg, #e0e0e0);
     border: 1px solid var(--shell-border, #444);
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     font-family: inherit;
     font-size: 0.8125rem;
   }
@@ -538,7 +538,7 @@
     background: var(--shell-accent, #007acc);
     color: #fff;
     border: none;
-    border-radius: 4px;
+    border-radius: var(--shell-radius);
     cursor: pointer;
     font-family: inherit;
     font-size: 0.8125rem;

package/dist/store/storeApp.js

@@ -10,7 +10,7 @@ export const storeApp = {
     manifest: {
         id: 'sh3-store-app',
         label: 'Package Store',
-        version: '0.2.0',
+        version: '0.2.1',
         requiredShards: ['sh3-store'],
         layoutVersion: 1,
         admin: true,

package/dist/store/storeShard.svelte.js

@@ -48,7 +48,7 @@ export const storeShard = {
     manifest: {
         id: 'sh3-store',
         label: 'Package Store',
-        version: '0.2.0',
+        version: '0.2.1',
         views: [
             { id: 'sh3-store:browse', label: 'Store' },
             { id: 'sh3-store:installed', label: 'Installed' },
@@ -208,10 +208,11 @@ export const storeShard = {
         };
         ctx.registerView('sh3-store:browse', browseFactory);
         ctx.registerView('sh3-store:installed', installedFactory);
+        // refreshInstalled can run immediately (hits server, no env needed).
+        refreshInstalled();
     },
     autostart() {
-        // Intentionally empty. Defining autostart puts the store shard on
-        // the self-starting path at boot so its views are available from
-        // the launcher without requiring an app to declare it.
+        // Runs after env hydration, so registries are populated.
+        storeContext.refreshCatalog();
     },
 };

package/dist/tokens.css

@@ -32,12 +32,26 @@
   --shell-accent:       #6ea8fe;
   --shell-accent-muted: #3a5580;
 
+  /* Inputs */
+  --shell-input-bg:  #2a2a2a;
+
+  /* Semantic */
+  --shell-error:   #f87171;
+  --shell-warning: #fbbf24;
+  --shell-success: #34d399;
+
   /* Typography */
   --shell-font-ui:   system-ui, -apple-system, "Segoe UI", sans-serif;
   --shell-font-mono: ui-monospace, "Cascadia Code", "Consolas", monospace;
   --shell-font-size: 13px;
   --shell-line:      1.45;
 
+  /* Radius */
+  --shell-radius-sm: 3px;
+  --shell-radius:    4px;
+  --shell-radius-md: 6px;
+  --shell-radius-lg: 8px;
+
   /* Spacing */
   --shell-pad-xs: 2px;
   --shell-pad-sm: 4px;

package/dist/version.d.ts

@@ -1,2 +1,2 @@
 /** sh3-core package version. Keep in sync with package.json. */
-export declare const VERSION = "0.5.1";
+export declare const VERSION = "0.5.4";

package/dist/version.js

@@ -1,2 +1,2 @@
 /** sh3-core package version. Keep in sync with package.json. */
-export const VERSION = '0.5.1';
+export const VERSION = '0.5.4';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sh3-core",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "type": "module",
   "files": [
     "dist"