@lyeve-labs/ui-kit 0.21.0 → 0.22.1

package/dist/components/AppShell.svelte

@@ -208,12 +208,14 @@
          to its target and moves focus to it only if the target can hold focus,
          so without this the link moved the page and left focus on the body, and
          the next Tab started again at the top of the document: the sidebar the
-         reader had just skipped. -->
+         reader had just skipped. No outline on it: the region is a landing, not
+         a control, and the browser's default drew a box around the whole page
+         body the moment the link was used. -->
     <main
       id="content"
       tabindex="-1"
       data-print="unclip"
-      class="min-w-0 flex-1 overflow-auto bg-ink"
+      class="min-w-0 flex-1 overflow-auto bg-ink outline-none"
     >
       {@render children()}
     </main>

package/dist/components/PageHeader.svelte

@@ -14,7 +14,7 @@
      * Drop the bottom margin, for a caller that owns the rhythm itself.
      *
      * The margin is opt-out rather than removed. Forty-three pages across the
-     * estate render this component directly and take their heading gap from
+     * consuming applications render this component directly and take their heading gap from
      * it, so deleting it outright would have moved every one of them by 32px
      * with nothing in their own source to explain why.
      */

package/dist/components/PageHeader.svelte.d.ts

@@ -12,7 +12,7 @@ interface Props {
      * Drop the bottom margin, for a caller that owns the rhythm itself.
      *
      * The margin is opt-out rather than removed. Forty-three pages across the
-     * estate render this component directly and take their heading gap from
+     * consuming applications render this component directly and take their heading gap from
      * it, so deleting it outright would have moved every one of them by 32px
      * with nothing in their own source to explain why.
      */

package/dist/components/Select.svelte

@@ -4,7 +4,7 @@
   /**
    * The event a native select hands its change handler.
    *
-   * Frozen, and it stays frozen. Every call site in the estate passes an
+   * Frozen, and it stays frozen. Every call site in the consuming applications passes an
    * unannotated arrow whose parameter is contextually typed from this prop, and
    * several of them read `e.currentTarget.value` or call
    * `e.currentTarget.form.requestSubmit()`. Retyping the callback to take a

package/dist/components/Select.svelte.d.ts

@@ -2,7 +2,7 @@ import type { Component } from 'svelte';
 /**
  * The event a native select hands its change handler.
  *
- * Frozen, and it stays frozen. Every call site in the estate passes an
+ * Frozen, and it stays frozen. Every call site in the consuming applications passes an
  * unannotated arrow whose parameter is contextually typed from this prop, and
  * several of them read `e.currentTarget.value` or call
  * `e.currentTarget.form.requestSubmit()`. Retyping the callback to take a

package/dist/components/Table.svelte

@@ -210,7 +210,10 @@
   }
 </script>
 
-<div data-testid="table-frame" class="relative w-full rounded-xl border border-line {cls}">
+<!-- overflow-hidden on the frame, not only on the scroller: the hovered row's
+     ring is square and the frame is not, and the last row's corners drew past
+     the frame's rounded ones. -->
+<div data-testid="table-frame" class="relative w-full overflow-hidden rounded-xl border border-line {cls}">
   <!--
     data-print: the box exists to clip. On paper there is no viewport to clip
     to, and every column past the edge would simply not be printed.

package/dist/index.d.ts

@@ -89,4 +89,4 @@ export type { ConfirmOptions } from './components/dialog/dialog-manager.svelte.j
 export type { DialogOptions, DialogEntry, DialogSize } from './components/dialog/types.js';
 export { cn, type ClassValue } from './utils/cn.js';
 export { getTheme, getThemePreference, nextThemePreference, resolveTheme, setTheme, setThemePreference, systemTheme, themeBootScript, toggleTheme, watchSystemTheme, THEME_PREFERENCES, type Theme, type ThemePreference, } from './utils/theme.js';
-export declare const VERSION = "0.21.0";
+export declare const VERSION = "0.22.1";

package/dist/index.js

@@ -96,4 +96,4 @@ export { getTheme, getThemePreference, nextThemePreference, resolveTheme, setThe
 // ── Version ────────────────────────────────────────────────────────────────
 // Generated from package.json by `pnpm version:sync`. Bump package.json, never
 // this line; the build and the test suite fail when the two disagree.
-export const VERSION = '0.21.0';
+export const VERSION = '0.22.1';

package/dist/internal/panel.d.ts

@@ -39,8 +39,12 @@
  * border-line-strong, not border-line: a panel floating over arbitrary content
  * needs a boundary that clears 3:1, which line does not. It carries the
  * resting text colour so a row can override it with a single utility.
+ *
+ * overflow-hidden, because the rows are square and the panel is not: the
+ * active ring on the first or last row drew its corners past the panel's
+ * rounded ones, a box poking out of the box that holds it.
  */
-export declare const PANEL_SURFACE = "absolute z-dropdown mt-1 rounded-xl border border-line-strong bg-surface text-fg shadow-2xl";
+export declare const PANEL_SURFACE = "absolute z-dropdown mt-1 overflow-hidden rounded-xl border border-line-strong bg-surface text-fg shadow-2xl";
 /**
  * The scrolling region inside it.
  *

package/dist/internal/panel.js

@@ -39,8 +39,12 @@
  * border-line-strong, not border-line: a panel floating over arbitrary content
  * needs a boundary that clears 3:1, which line does not. It carries the
  * resting text colour so a row can override it with a single utility.
+ *
+ * overflow-hidden, because the rows are square and the panel is not: the
+ * active ring on the first or last row drew its corners past the panel's
+ * rounded ones, a box poking out of the box that holds it.
  */
-export const PANEL_SURFACE = 'absolute z-dropdown mt-1 rounded-xl border border-line-strong bg-surface text-fg shadow-2xl';
+export const PANEL_SURFACE = 'absolute z-dropdown mt-1 overflow-hidden rounded-xl border border-line-strong bg-surface text-fg shadow-2xl';
 /**
  * The scrolling region inside it.
  *

package/dist/styles/theme.css

@@ -409,7 +409,7 @@ html[data-theme='light'] {
 /*
  * Print.
  *
- * The estate had no `@media print` rule anywhere, and three surfaces print:
+ * The consuming applications had no `@media print` rule anywhere, and three surfaces print:
  * the portal prints an invoice, the ops console prints an audit log, the admin
  * prints a subject-access export. All three printed the sidebar, the theme
  * toggle and the nav, in a dark palette, and all three printed one screenful

package/dist/utils/theme.js

@@ -22,7 +22,7 @@
  * helper here understands.
  */
 /**
- * The one key every surface in the estate reads and writes.
+ * The one key every surface of every consuming application reads and writes.
  *
  * Not exported. A surface that needs the name has `getThemePreference` and
  * `setThemePreference`; a surface that spells the key itself is how two of

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lyeve-labs/ui-kit",
-  "version": "0.21.0",
+  "version": "0.22.1",
   "description": "A clean, accessible, palette-aware Svelte 5 component library. The design system behind LyEve.",
   "license": "MIT",
   "author": "LyEve Labs <hello@lyeve.com>",
@@ -24,7 +24,7 @@
   "type": "module",
   "sideEffects": false,
   "engines": {
-    "node": ">=20"
+    "node": ">=24"
   },
   "files": [
     "dist",

package/src/lib/styles/theme.css

@@ -409,7 +409,7 @@ html[data-theme='light'] {
 /*
  * Print.
  *
- * The estate had no `@media print` rule anywhere, and three surfaces print:
+ * The consuming applications had no `@media print` rule anywhere, and three surfaces print:
  * the portal prints an invoice, the ops console prints an audit log, the admin
  * prints a subject-access export. All three printed the sidebar, the theme
  * toggle and the nav, in a dark palette, and all three printed one screenful