sh3-core 0.15.4 → 0.16.1

package/dist/primitives/widgets/PickerList.svelte

@@ -88,18 +88,18 @@
     display: flex;
     flex-direction: column;
     gap: 6px;
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-radius-sm, 3px);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-radius-sm, 3px);
     padding: 6px;
-    background: var(--shell-bg-elevated);
+    background: var(--sh3-bg-elevated);
   }
   .sh3-picker__search {
     width: 100%;
     padding: 4px 6px;
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-radius-sm, 3px);
-    background: var(--shell-bg);
-    color: var(--shell-fg);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-radius-sm, 3px);
+    background: var(--sh3-bg);
+    color: var(--sh3-fg);
     font: inherit;
     font-size: 12px;
   }
@@ -115,26 +115,26 @@
     gap: 8px;
     padding: 4px 6px;
     cursor: pointer;
-    border-radius: var(--shell-radius-sm, 3px);
+    border-radius: var(--sh3-radius-sm, 3px);
   }
-  .sh3-picker__row:hover { background: var(--shell-bg); }
+  .sh3-picker__row:hover { background: var(--sh3-bg); }
   .sh3-picker__row-text { display: flex; flex-direction: column; gap: 0; }
   .sh3-picker__row-label { font-size: 13px; }
-  .sh3-picker__row-sub { font-size: 11px; color: var(--shell-fg-muted); }
+  .sh3-picker__row-sub { font-size: 11px; color: var(--sh3-fg-muted); }
   .sh3-picker__status {
     margin: 0;
     padding: 8px 6px;
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
     font-size: 12px;
   }
-  .sh3-picker__status--error { color: var(--shell-error, #c33); }
+  .sh3-picker__status--error { color: var(--sh3-error, #c33); }
   .sh3-picker__retry {
     align-self: flex-start;
     margin: 0 6px 8px;
-    background: var(--shell-bg);
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-radius-sm, 3px);
+    background: var(--sh3-bg);
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-radius-sm, 3px);
     padding: 2px 8px;
     font: inherit;
     font-size: 12px;
@@ -143,7 +143,7 @@
   .sh3-picker__footer {
     margin: 0;
     font-size: 11px;
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
     text-align: right;
   }
   .sh3-picker--disabled .sh3-picker__row { cursor: not-allowed; opacity: 0.6; }

package/dist/primitives/widgets/RangeSlider.svelte

@@ -66,16 +66,16 @@
     top: 50%; left: 0; right: 0;
     height: 4px;
     transform: translateY(-50%);
-    background: var(--shell-track-bg);
-    border: 1px solid var(--shell-track-border);
-    border-radius: var(--shell-widget-radius-pill);
+    background: var(--sh3-track-bg);
+    border: 1px solid var(--sh3-track-border);
+    border-radius: var(--sh3-widget-radius-pill);
   }
   .sh3-range__fill {
     position: absolute;
     top: 0; bottom: 0;
     left: var(--lo);
     width: calc(var(--hi) - var(--lo));
-    background: var(--shell-track-fill);
+    background: var(--sh3-track-fill);
     border-radius: inherit;
   }
   .sh3-range__native {
@@ -95,9 +95,9 @@
     -webkit-appearance: none;
     width: var(--thumb-size); height: var(--thumb-size);
     border-radius: 50%;
-    background: var(--shell-thumb-bg);
-    border: 2px solid var(--shell-thumb-border);
-    box-shadow: var(--shell-thumb-shadow);
+    background: var(--sh3-thumb-bg);
+    border: 2px solid var(--sh3-thumb-border);
+    box-shadow: var(--sh3-thumb-shadow);
     pointer-events: auto;
     cursor: pointer;
     opacity: 1;
@@ -105,31 +105,31 @@
   .sh3-range__native::-moz-range-thumb {
     width: var(--thumb-size); height: var(--thumb-size);
     border-radius: 50%;
-    background: var(--shell-thumb-bg);
-    border: 2px solid var(--shell-thumb-border);
-    box-shadow: var(--shell-thumb-shadow);
+    background: var(--sh3-thumb-bg);
+    border: 2px solid var(--sh3-thumb-border);
+    box-shadow: var(--sh3-thumb-shadow);
     pointer-events: auto;
     cursor: pointer;
     opacity: 1;
   }
   .sh3-range__native:disabled::-webkit-slider-thumb {
-    background: var(--shell-fg-subtle);
-    border-color: var(--shell-border-strong);
+    background: var(--sh3-fg-subtle);
+    border-color: var(--sh3-border-strong);
     cursor: not-allowed;
     opacity: 1;
   }
   .sh3-range__native:disabled::-moz-range-thumb {
-    background: var(--shell-fg-subtle);
-    border-color: var(--shell-border-strong);
+    background: var(--sh3-fg-subtle);
+    border-color: var(--sh3-border-strong);
     cursor: not-allowed;
     opacity: 1;
   }
   .sh3-range:has(.sh3-range__native:disabled) .sh3-range__fill {
-    background: var(--shell-border-strong);
+    background: var(--sh3-border-strong);
   }
   .sh3-range__native::-webkit-slider-runnable-track,
   .sh3-range__native::-moz-range-track {
     background: transparent;
   }
-  .sh3-range--invalid .sh3-range__track { border-color: var(--shell-error); }
+  .sh3-range--invalid .sh3-range__track { border-color: var(--sh3-error); }
 </style>

package/dist/primitives/widgets/Segmented.svelte

@@ -52,41 +52,41 @@
 <style>
   .sh3-seg {
     display: inline-flex;
-    background: var(--shell-bg-sunken);
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-widget-radius-pill);
+    background: var(--sh3-bg-sunken);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-widget-radius-pill);
     padding: 2px;
-    height: var(--shell-field-height-md);
+    height: var(--sh3-field-height-md);
     gap: 0;
   }
-  .sh3-seg--sm { height: var(--shell-field-height-sm); }
+  .sh3-seg--sm { height: var(--sh3-field-height-sm); }
   .sh3-seg button {
     background: transparent;
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
     border: none;
-    padding: 0 var(--shell-field-pad-x);
-    border-radius: var(--shell-widget-radius-pill);
+    padding: 0 var(--sh3-field-pad-x);
+    border-radius: var(--sh3-widget-radius-pill);
     font-size: 0.8125rem;
     cursor: pointer;
-    transition: background var(--shell-motion-fast) var(--shell-ease-standard),
-                color var(--shell-motion-fast) var(--shell-ease-standard);
+    transition: background var(--sh3-motion-fast) var(--sh3-ease-standard),
+                color var(--sh3-motion-fast) var(--sh3-ease-standard);
   }
   .sh3-seg button:hover:not(:disabled):not(.sh3-seg__btn--active) {
-    color: var(--shell-fg);
+    color: var(--sh3-fg);
     filter: none;
   }
   /* Selector includes `.sh3-seg button` so specificity (0,2,1) beats the
      base `.sh3-seg button` rule (0,1,1) — otherwise `background: transparent`
-     and `color: var(--shell-fg-muted)` would shadow the accent fill. */
+     and `color: var(--sh3-fg-muted)` would shadow the accent fill. */
   .sh3-seg button.sh3-seg__btn--active {
-    background: var(--shell-accent);
-    color: var(--shell-fg-on-accent);
+    background: var(--sh3-accent);
+    color: var(--sh3-fg-on-accent);
     font-weight: 600;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 0 1px color-mix(in srgb, var(--shell-fg-on-accent) 25%, transparent);
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 0 0 1px color-mix(in srgb, var(--sh3-fg-on-accent) 25%, transparent);
   }
   .sh3-seg button:disabled { opacity: 0.5; cursor: not-allowed; }
   .sh3-seg button:focus-visible {
     outline: none;
-    box-shadow: var(--shell-focus-ring);
+    box-shadow: var(--sh3-focus-ring);
   }
 </style>

package/dist/primitives/widgets/Select.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { tick } from 'svelte';
   import type { CommitOnlyEvents } from './_contract';
-  import { shell } from '../../shellRuntime.svelte';
+  import { sh3 } from '../../sh3Runtime.svelte';
   import Listbox from './_select-listbox.svelte';
   import { type SelectOption, resolveValueLabel, toggleMulti } from './Select';
 
@@ -40,7 +40,7 @@
   async function open() {
     if (disabled || isOpen || !trigger) return;
     isOpen = true;
-    const popupHandle = shell.popup.show(
+    const popupHandle = sh3.popup.show(
       Listbox,
       { anchor: trigger },
       {
@@ -136,27 +136,27 @@
 
 <style>
   .sh3-select { display: inline-flex; flex-direction: column; gap: 4px; font-size: 0.8125rem; position: relative; }
-  .sh3-select__label { color: var(--shell-fg-muted); font-size: 0.75rem; }
+  .sh3-select__label { color: var(--sh3-fg-muted); font-size: 0.75rem; }
   .sh3-select__btn {
     display: inline-flex; align-items: center; gap: 8px;
-    height: var(--shell-field-height-md);
+    height: var(--sh3-field-height-md);
     min-width: 140px;
-    padding: 0 var(--shell-field-pad-x);
-    background: var(--shell-input-bg);
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-widget-radius);
+    padding: 0 var(--sh3-field-pad-x);
+    background: var(--sh3-input-bg);
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-widget-radius);
     cursor: pointer;
     font: inherit;
     text-align: left;
   }
-  .sh3-select--sm .sh3-select__btn { height: var(--shell-field-height-sm); }
-  .sh3-select__btn:focus-visible { outline: none; box-shadow: var(--shell-focus-ring); border-color: var(--shell-input-border-focus); }
+  .sh3-select--sm .sh3-select__btn { height: var(--sh3-field-height-sm); }
+  .sh3-select__btn:focus-visible { outline: none; box-shadow: var(--sh3-focus-ring); border-color: var(--sh3-input-border-focus); }
   .sh3-select__btn:disabled { opacity: 0.55; cursor: not-allowed; }
-  .sh3-select--invalid .sh3-select__btn { border-color: var(--shell-error); }
+  .sh3-select--invalid .sh3-select__btn { border-color: var(--sh3-error); }
   .sh3-select__display { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  .sh3-select__display--placeholder { color: var(--shell-fg-muted); }
-  .sh3-select__chevron { color: var(--shell-fg-muted); }
+  .sh3-select__display--placeholder { color: var(--sh3-fg-muted); }
+  .sh3-select__chevron { color: var(--sh3-fg-muted); }
   .sh3-select__native {
     position: absolute;
     width: 1px; height: 1px;

package/dist/primitives/widgets/Select.svelte.test.js

@@ -1,8 +1,8 @@
 import { describe, it, expect, vi } from 'vitest';
 import { render, fireEvent } from '@testing-library/svelte';
 import Select from './Select.svelte';
-vi.mock('../../shellRuntime.svelte', () => ({
-    shell: { popup: { show: () => ({ close: () => { } }) } },
+vi.mock('../../sh3Runtime.svelte', () => ({
+    sh3: { popup: { show: () => ({ close: () => { } }) } },
 }));
 describe('Select event contract', () => {
     const options = [

package/dist/primitives/widgets/Slider.svelte

@@ -71,9 +71,9 @@
 
   .sh3-slider__track {
     position: absolute;
-    background: var(--shell-track-bg);
-    border: 1px solid var(--shell-track-border);
-    border-radius: var(--shell-widget-radius-pill);
+    background: var(--sh3-track-bg);
+    border: 1px solid var(--sh3-track-border);
+    border-radius: var(--sh3-widget-radius-pill);
     pointer-events: none;
   }
   .sh3-slider--horizontal .sh3-slider__track {
@@ -89,7 +89,7 @@
 
   .sh3-slider__fill {
     position: absolute;
-    background: var(--shell-track-fill);
+    background: var(--sh3-track-fill);
     border-radius: inherit;
   }
   .sh3-slider--horizontal .sh3-slider__fill {
@@ -103,7 +103,7 @@
 
   .sh3-slider__tick {
     position: absolute;
-    background: var(--shell-tick-bg);
+    background: var(--sh3-tick-bg);
   }
   .sh3-slider--horizontal .sh3-slider__tick {
     width: 1px; height: 8px; top: 50%;
@@ -139,12 +139,12 @@
     cursor: not-allowed;
     opacity: 1;
   }
-  .sh3-slider--invalid .sh3-slider__track { border-color: var(--shell-error); }
+  .sh3-slider--invalid .sh3-slider__track { border-color: var(--sh3-error); }
 
   /* Disabled state: shift the fill + thumb to muted/border tokens
      instead of using opacity, so the thumb stays opaque (no see-through). */
   .sh3-slider:has(.sh3-slider__native:disabled) .sh3-slider__fill {
-    background: var(--shell-border-strong);
+    background: var(--sh3-border-strong);
   }
 
   .sh3-slider__native::-webkit-slider-thumb {
@@ -152,9 +152,9 @@
     width: var(--thumb-size);
     height: var(--thumb-size);
     border-radius: 50%;
-    background: var(--shell-thumb-bg);
-    border: 2px solid var(--shell-thumb-border);
-    box-shadow: var(--shell-thumb-shadow);
+    background: var(--sh3-thumb-bg);
+    border: 2px solid var(--sh3-thumb-border);
+    box-shadow: var(--sh3-thumb-shadow);
     cursor: pointer;
     opacity: 1;
   }
@@ -162,21 +162,21 @@
     width: var(--thumb-size);
     height: var(--thumb-size);
     border-radius: 50%;
-    background: var(--shell-thumb-bg);
-    border: 2px solid var(--shell-thumb-border);
-    box-shadow: var(--shell-thumb-shadow);
+    background: var(--sh3-thumb-bg);
+    border: 2px solid var(--sh3-thumb-border);
+    box-shadow: var(--sh3-thumb-shadow);
     cursor: pointer;
     opacity: 1;
   }
   .sh3-slider__native:disabled::-webkit-slider-thumb {
-    background: var(--shell-fg-subtle);
-    border-color: var(--shell-border-strong);
+    background: var(--sh3-fg-subtle);
+    border-color: var(--sh3-border-strong);
     cursor: not-allowed;
     opacity: 1;
   }
   .sh3-slider__native:disabled::-moz-range-thumb {
-    background: var(--shell-fg-subtle);
-    border-color: var(--shell-border-strong);
+    background: var(--sh3-fg-subtle);
+    border-color: var(--sh3-border-strong);
     cursor: not-allowed;
     opacity: 1;
   }
@@ -185,16 +185,16 @@
     background: transparent;
   }
   .sh3-slider__native:focus-visible::-webkit-slider-thumb {
-    box-shadow: var(--shell-focus-ring), var(--shell-thumb-shadow);
+    box-shadow: var(--sh3-focus-ring), var(--sh3-thumb-shadow);
   }
   .sh3-slider__native:focus-visible::-moz-range-thumb {
-    box-shadow: var(--shell-focus-ring), var(--shell-thumb-shadow);
+    box-shadow: var(--sh3-focus-ring), var(--sh3-thumb-shadow);
   }
 
   .sh3-slider__value {
     position: absolute;
     font-size: 0.75rem;
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
     pointer-events: none;
     transform: translate(-50%, 0);
   }

package/dist/primitives/widgets/SliderGroup.svelte

@@ -47,7 +47,7 @@
 </div>
 
 <style>
-  .sh3-sg { display: inline-flex; gap: var(--shell-pad-md); }
+  .sh3-sg { display: inline-flex; gap: var(--sh3-pad-md); }
   .sh3-sg--vertical { flex-direction: row; align-items: end; }
   .sh3-sg--horizontal { flex-direction: column; }
   .sh3-sg__channel {
@@ -56,7 +56,7 @@
   .sh3-sg--vertical .sh3-sg__channel { flex-direction: column-reverse; align-items: center; }
   .sh3-sg__label {
     font-size: 0.75rem;
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
     min-width: 60px;
   }
   .sh3-sg--vertical .sh3-sg__label { min-width: 0; text-align: center; }

package/dist/primitives/widgets/Textarea.svelte

@@ -55,33 +55,33 @@
     display: inline-flex;
     flex-direction: column;
     gap: 4px;
-    font-family: var(--shell-font-ui);
+    font-family: var(--sh3-font-ui);
     font-size: 0.8125rem;
   }
   .sh3-textarea__label {
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
     font-size: 0.75rem;
   }
   .sh3-textarea__input {
-    background: var(--shell-input-bg);
-    color: var(--shell-fg);
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-widget-radius);
-    padding: var(--shell-pad-sm) var(--shell-field-pad-x);
+    background: var(--sh3-input-bg);
+    color: var(--sh3-fg);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-widget-radius);
+    padding: var(--sh3-pad-sm) var(--sh3-field-pad-x);
     font: inherit;
     outline: none;
-    transition: border-color var(--shell-motion-fast) var(--shell-ease-standard);
+    transition: border-color var(--sh3-motion-fast) var(--sh3-ease-standard);
   }
   .sh3-textarea__input:focus {
-    border-color: var(--shell-input-border-focus);
-    box-shadow: var(--shell-focus-ring);
+    border-color: var(--sh3-input-border-focus);
+    box-shadow: var(--sh3-focus-ring);
   }
   .sh3-textarea--invalid .sh3-textarea__input {
-    border-color: var(--shell-error);
+    border-color: var(--sh3-error);
   }
   .sh3-textarea__helper {
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
     font-size: 0.75rem;
   }
-  .sh3-textarea__helper--error { color: var(--shell-error); }
+  .sh3-textarea__helper--error { color: var(--sh3-error); }
 </style>

package/dist/primitives/widgets/_select-listbox.svelte

@@ -166,13 +166,13 @@
 
 <style>
   .sh3-listbox {
-    background: var(--shell-bg-elevated);
-    border: 1px solid var(--shell-border);
-    border-radius: var(--shell-widget-radius);
-    box-shadow: var(--shell-shadow-sm);
+    background: var(--sh3-bg-elevated);
+    border: 1px solid var(--sh3-border);
+    border-radius: var(--sh3-widget-radius);
+    box-shadow: var(--sh3-shadow-sm);
     min-width: 180px;
     max-width: 320px;
-    color: var(--shell-fg);
+    color: var(--sh3-fg);
     font-size: 0.8125rem;
     overflow: hidden;
   }
@@ -180,10 +180,10 @@
     width: 100%;
     height: 26px;
     padding: 0 8px;
-    background: var(--shell-input-bg);
+    background: var(--sh3-input-bg);
     border: none;
-    border-bottom: 1px solid var(--shell-border);
-    color: var(--shell-fg);
+    border-bottom: 1px solid var(--sh3-border);
+    color: var(--sh3-fg);
     font: inherit;
     outline: none;
   }
@@ -197,11 +197,11 @@
     padding: 4px 10px;
     cursor: pointer;
   }
-  .sh3-listbox__opt--active { background: var(--shell-bg); }
-  .sh3-listbox__opt--selected { color: var(--shell-accent); }
-  .sh3-listbox__opt--active.sh3-listbox__opt--selected { background: var(--shell-accent); color: var(--shell-fg-on-accent); }
+  .sh3-listbox__opt--active { background: var(--sh3-bg); }
+  .sh3-listbox__opt--selected { color: var(--sh3-accent); }
+  .sh3-listbox__opt--active.sh3-listbox__opt--selected { background: var(--sh3-accent); color: var(--sh3-fg-on-accent); }
   .sh3-listbox__list > div[aria-disabled="true"] {
-    color: var(--shell-fg-subtle);
+    color: var(--sh3-fg-subtle);
     cursor: not-allowed;
   }
   .sh3-listbox__check {
@@ -214,15 +214,15 @@
     display: block;
     width: 100%;
     height: 100%;
-    background: var(--shell-accent);
+    background: var(--sh3-accent);
     clip-path: polygon(14% 44%, 0 60%, 40% 100%, 100% 20%, 85% 8%, 38% 70%);
   }
   .sh3-listbox__opt--active.sh3-listbox__opt--selected .sh3-listbox__check--on::before {
-    background: var(--shell-fg-on-accent);
+    background: var(--sh3-fg-on-accent);
   }
   .sh3-listbox__empty {
     padding: 6px 10px;
-    color: var(--shell-fg-muted);
+    color: var(--sh3-fg-muted);
     font-style: italic;
   }
 </style>

package/dist/projects/session-state.svelte.js

@@ -3,7 +3,7 @@
  *
  * `null` means the user is in their personal scope. Otherwise it carries
  * the active project's id. Read at app launch by `launchApp` to bind
- * `ctx.scopeId`, and read by ShellHome / BrandSlot for UX rendering.
+ * `ctx.scopeId`, and read by Sh3Home / BrandSlot for UX rendering.
  *
  * Setting the slot through `setActiveProjectId` is the only supported
  * mutation path: it clears the breadcrumb pointer (so resuming an app

package/dist/projects-shard/DeleteProjectDialog.svelte

@@ -97,11 +97,11 @@
   .delete-project-dialog__title {
     font-size: 16px;
     font-weight: 600;
-    color: var(--shell-fg);
+    color: var(--sh3-fg);
   }
   .delete-project-dialog__body {
     font-size: 13px;
-    color: var(--shell-fg-muted, var(--shell-fg));
+    color: var(--sh3-fg-muted, var(--sh3-fg));
     line-height: 1.5;
   }
   .delete-project-dialog__opt {
@@ -109,18 +109,18 @@
     align-items: flex-start;
     gap: 8px;
     font-size: 13px;
-    color: var(--shell-fg);
+    color: var(--sh3-fg);
     cursor: pointer;
   }
   .delete-project-dialog__opt input { margin-top: 3px; }
   .delete-project-dialog__path {
     display: block;
-    font-family: var(--shell-font-mono, monospace);
+    font-family: var(--sh3-font-mono, monospace);
     font-size: 11px;
-    color: var(--shell-fg-muted);
-    background: var(--shell-bg-elevated);
+    color: var(--sh3-fg-muted);
+    background: var(--sh3-bg-elevated);
     padding: 2px 6px;
-    border-radius: var(--shell-radius-sm, 3px);
+    border-radius: var(--sh3-radius-sm, 3px);
     margin-top: 2px;
     word-break: break-all;
   }
@@ -133,10 +133,10 @@
   .delete-project-dialog__btn {
     font-size: 13px;
     padding: 6px 14px;
-    border-radius: var(--shell-radius-sm, 4px);
-    border: 1px solid var(--shell-border-strong);
+    border-radius: var(--sh3-radius-sm, 4px);
+    border: 1px solid var(--sh3-border-strong);
     background: transparent;
-    color: var(--shell-fg);
+    color: var(--sh3-fg);
     cursor: pointer;
   }
   .delete-project-dialog__btn:disabled {
@@ -144,7 +144,7 @@
     cursor: not-allowed;
   }
   .delete-project-dialog__btn--danger {
-    color: var(--shell-error, #d32f2f);
-    border-color: var(--shell-error, #d32f2f);
+    color: var(--sh3-error, #d32f2f);
+    border-color: var(--sh3-error, #d32f2f);
   }
 </style>