@lyeve-labs/ui-kit 0.31.1 → 0.32.0

package/dist/components/SidebarNav.svelte

@@ -52,11 +52,11 @@
   }
 
   /**
-   * The row, without the colours any one state paints.
+   * The row, without the colors any one state paints.
    *
    * The rail is a start border on every row, not one added when the branch is
    * active, so marking a branch cannot shift its rows two pixels sideways. Its
-   * colour is a ternary rather than a second border utility: two colour
+   * color is a ternary rather than a second border utility: two color
    * utilities on one element resolve in the order Tailwind emits them, not the
    * order they are written.
    *
@@ -71,7 +71,7 @@
     'focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-brand';
 
   /**
-   * Exactly one border colour, one background and one text colour per state.
+   * Exactly one border color, one background and one text color per state.
    *
    * Every state answers the pointer, including the current one. It did not: the
    * current row was the only paint with no hover step, and the current row is
@@ -222,7 +222,7 @@
       <!--
         Rendered whether or not it is open, and shut by collapsing its grid row
         to nothing, the same move AccordionItem makes. aria-controls has to name
-        an element that exists; pointing it at markup that appears only once the
+        an element that exists. Pointing it at markup that appears only once the
         group is open leaves the reference dangling in the one state where a
         reader needs it to tell them what the button will reveal. inert keeps a
         shut group out of the tab order and the accessibility tree, which is
@@ -231,7 +231,7 @@
         It keeps the implicit list role. role="group" here overrode it, and a
         listitem whose parent is not a list is an ARIA context error, so every
         row of an open section came back as a serious axe violation. Grouping
-        semantics belong to a tree, where the parent is a treeitem; this is a
+        semantics belong to a tree, where the parent is a treeitem. This is a
         nav of plain links and the disclosure already says what it controls.
       -->
       {@const shown = open && !node.disabled}

package/dist/components/Stat.svelte

@@ -23,7 +23,7 @@
     /** `sm` for a dense row of figures, `md` for a card of its own. */
     size?: Size;
     /**
-     * The status the figure reports, which colours the value.
+     * The status the figure reports, which colors the value.
      *
      * Wins over `accent` when it is set. `accent` is the decorative vocabulary
      * and has no warn or danger, so a number that is over its quota could only

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

@@ -20,7 +20,7 @@ interface Props {
     /** `sm` for a dense row of figures, `md` for a card of its own. */
     size?: Size;
     /**
-     * The status the figure reports, which colours the value.
+     * The status the figure reports, which colors the value.
      *
      * Wins over `accent` when it is set. `accent` is the decorative vocabulary
      * and has no warn or danger, so a number that is over its quota could only

package/dist/components/Table.svelte

@@ -67,7 +67,7 @@
    * and bottom on every cell, the start edge on the first, the end edge on
    * the last, so the four lines meet as one rectangle and the two outer
    * cells of the last row carry it round the frame's corner. The shadow
-   * offsets are physical, which is what a shadow is; the first cell is the
+   * offsets are physical, which is what a shadow is. The first cell is the
    * start cell in either direction and the two agree in left-to-right text.
    */
   const HOVER_RING = [
@@ -110,7 +110,7 @@
    * Reachable is not the same as discoverable.
    *
    * Making the box a tab stop answered SC 2.1.1 and told nobody the columns
-   * were there. A desktop has a scrollbar to give it away; a phone has an
+   * were there. A desktop has a scrollbar to give it away. A phone has an
    * overlay scrollbar that is painted while a finger is moving and is invisible
    * the rest of the time. On the admin's plugin list at 390px the column that
    * falls off the edge is ACTIONS, which is the only thing on the page a reader
@@ -263,7 +263,7 @@
 
       The last row's outer cells are rounded to the frame's inner radius. A
       row takes no radius, so a ring drawn on it was a square inset in a
-      rounded frame and the frame's bottom arcs sat outside it; the ring is
+      rounded frame and the frame's bottom arcs sat outside it. The ring is
       drawn on the cells now (see HOVER_RING) and follows the corner.
 
       The hovered row draws a ring, and a ring is a box-shadow: a browser paints
@@ -271,7 +271,7 @@
       same row treatment the panels use would have rendered nothing at all here.
       The separate model paints it. Borders on a row are ignored in that model,
       which is why the lines moved down to the cells they were already drawn
-      between; with border-spacing at zero the result is the same line in the
+      between. With border-spacing at zero the result is the same line in the
       same place.
     -->
     <table

package/dist/components/Tabs.svelte

@@ -28,7 +28,7 @@
    * underline runs along. A tab never breaks inside its own label.
    *
    * The scrollbar is not drawn. A strip of tabs with a bar under it reads as
-   * a second rule under the real one; the fades carry the same message, the
+   * a second rule under the real one. The fades carry the same message, the
    * tabs are buttons so the keyboard reaches every one, and the active tab
    * is scrolled into view when it changes.
    */
@@ -57,7 +57,7 @@
   /*
    * The tab for the active id is brought into view when the id changes, so a
    * page that opens on its fifth tab does not open on a strip that hides it.
-   * `nearest` on both axes moves the strip and nothing else; a test DOM has
+   * `nearest` on both axes moves the strip and nothing else. A test DOM has
    * no layout and no scrollIntoView, and neither is an error here.
    */
   $effect(() => {

package/dist/components/ThemeToggle.svelte

@@ -58,7 +58,7 @@
 
   /**
    * A reader on `system` whose OS flips at dusk gets the new palette without
-   * touching anything. Without this the preference is honoured once, at load,
+   * touching anything. Without this the preference is honored once, at load,
    * and reads as ignored for the rest of the session.
    */
   $effect(() =>

package/dist/components/TimePicker.svelte

@@ -178,7 +178,7 @@
 
   /**
    * An empty spinbutton has no aria-valuenow to give, so it says so in words.
-   * Omitting both leaves the segment announced as an unlabelled number.
+   * Omitting both leaves the segment announced as an unlabeled number.
    */
   function valueText(segment: DigitSegment): string {
     const text = shown(segment);
@@ -358,7 +358,7 @@
     }
 
     // Anything else printable would land in the input as free text. Tab,
-    // Escape and every shortcut keep their native behaviour.
+    // Escape and every shortcut keep their native behavior.
     if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) e.preventDefault();
   }
 

package/dist/components/Toggle.svelte

@@ -30,7 +30,7 @@
   /*
    * The track carries a 1px border, so its padding box is 2px smaller than
    * the size class says. A 1px inset from that box puts the knob 2px inside
-   * the outer edge, centred, with the same travel it had before the border.
+   * the outer edge, centered, with the same travel it had before the border.
    */
   const thumb: Record<'sm' | 'md', string> = {
     sm: 'w-3 h-3 top-px start-px',
@@ -40,7 +40,7 @@
   /*
    * The travel is mirrored by hand. `start-0.5` moves the resting knob to the
    * right-hand end of the track in a right-to-left page, and a positive
-   * translate from there would carry it straight off the track; there is no
+   * translate from there would carry it straight off the track. There is no
    * logical translate utility, so the sign is flipped instead.
    */
   const thumbOn: Record<'sm' | 'md', string> = {
@@ -53,7 +53,7 @@
    * without an edge only the knob showed. line-strong is the resting border
    * every other control draws (see controlBorder and choiceBox) and clears
    * 3:1 against both surface levels in both themes. On, the border takes the
-   * fill's colour so the fill looks as it did and the track keeps one size.
+   * fill's color so the fill looks as it did and the track keeps one size.
    */
   const trackPaint = {
     on: 'border-brand bg-brand',

package/dist/components/Toolbar.svelte

@@ -6,7 +6,7 @@
    * how their controls sit: some stretched their children to the tallest one,
    * some aligned on the top edge, so a search box, a select and a button in one
    * row sat visibly off by a couple of pixels. The alignment is stated once
-   * here, on their vertical centres, which is the only arrangement that holds
+   * here, on their vertical centers, which is the only arrangement that holds
    * when one control is taller than the rest.
    *
    * The row wraps. A filter row that overflows takes a horizontal scrollbar the

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

@@ -5,7 +5,7 @@
    * how their controls sit: some stretched their children to the tallest one,
    * some aligned on the top edge, so a search box, a select and a button in one
    * row sat visibly off by a couple of pixels. The alignment is stated once
-   * here, on their vertical centres, which is the only arrangement that holds
+   * here, on their vertical centers, which is the only arrangement that holds
    * when one control is taller than the rest.
    *
    * The row wraps. A filter row that overflows takes a horizontal scrollbar the

package/dist/components/TreeView.svelte

@@ -244,7 +244,7 @@
       The focus ring is stated once, on the element that holds the role and the
       focus, and outside every selected and checked branch. A ring inside the
       selected ternary disappears in the state it was meant to mark, and a
-      selected row already carries a brand text colour that a border-only focus
+      selected row already carries a brand text color that a border-only focus
       state would have nothing to add to. Inset, because a tree of any size
       lives in a scrolling container that would crop an outset ring.
     -->

package/dist/components/dialog/Dialog.svelte

@@ -82,7 +82,7 @@
 
      The base is the modal layer rather than the literal 50 it used to be. 50
      was the number every floating surface in the kit happened to hold, so a
-     dialog neither sat above a drawer nor below a tooltip on purpose; it sat
+     dialog neither sat above a drawer nor below a tooltip on purpose. It sat
      wherever the document put it. The offset climbs from there, and the layer
      above is 100 clear of this one. -->
 <div

package/dist/components/dialog/DialogContainer.svelte

@@ -5,7 +5,7 @@
    * Mount once near the app root (in +layout.svelte).
    * Reads from the module-level $state store - no props needed.
    *
-   * Dialogs stack bottom-to-top; newest renders on top.
+   * Dialogs stack bottom-to-top. Newest renders on top.
    * Each dialog gets its own focus trap, ESC handler, and backdrop.
    */
   import { getDialogStack } from './dialog-manager.svelte';

package/dist/components/dialog/dialog-manager.svelte.d.ts

@@ -1,5 +1,5 @@
 /**
- * Dialog Manager - module-level Svelte 5 reactive state.
+ * Dialog Manager: module-level Svelte 5 reactive state.
  *
  * Manages a stack of dialogs. Dialogs render in last-to-first order (newest on top).
  * Each dialog returns a Promise that resolves/rejects when closed.
@@ -32,7 +32,7 @@ export declare function openDialog<T = void>(options: DialogOptions<T>): Promise
  */
 export declare function closeDialog<T = void>(value: T, id?: string): void;
 /**
- * Dismiss (cancel) a dialog - rejects the promise.
+ * Dismiss (cancel) a dialog: rejects the promise.
  * Called when user clicks backdrop or presses ESC on a non-persistent dialog.
  */
 export declare function dismissDialog(id?: string): void;
@@ -64,7 +64,7 @@ export interface ConfirmOptions {
 }
 /**
  * Convenience: confirm dialog.
- * Returns `true` if user confirmed, `false` if cancelled.
+ * Returns `true` if user confirmed, `false` if canceled.
  *
  *   const ok = await confirm('Delete item?', 'This cannot be undone.');
  *   const ok = await confirm('Delete item?', 'This cannot be undone.', {

package/dist/components/dialog/dialog-manager.svelte.js

@@ -1,5 +1,5 @@
 /**
- * Dialog Manager - module-level Svelte 5 reactive state.
+ * Dialog Manager: module-level Svelte 5 reactive state.
  *
  * Manages a stack of dialogs. Dialogs render in last-to-first order (newest on top).
  * Each dialog returns a Promise that resolves/rejects when closed.
@@ -19,10 +19,10 @@ import { lockBodyScroll, unlockBodyScroll } from '../../internal/overlay.js';
 // Module-level reactive state
 // ──────────────────────────────────────────────────────────
 let idCounter = 0;
-/** Reactive stack - topmost dialog = last element */
+/** Reactive stack: topmost dialog = last element */
 let stack = $state([]);
 // ──────────────────────────────────────────────────────────
-// Body scroll lock (counter-based - handles stacked dialogs)
+// Body scroll lock (counter-based: handles stacked dialogs)
 // ──────────────────────────────────────────────────────────
 /*
  * The count lives in internal/overlay.ts, which is also what Modal and Drawer
@@ -90,7 +90,7 @@ export function closeDialog(value, id) {
     }
 }
 /**
- * Dismiss (cancel) a dialog - rejects the promise.
+ * Dismiss (cancel) a dialog: rejects the promise.
  * Called when user clicks backdrop or presses ESC on a non-persistent dialog.
  */
 export function dismissDialog(id) {
@@ -112,7 +112,7 @@ export function dismissDialog(id) {
             return;
     }
     stack = stack.filter((e) => e.id !== targetId);
-    // Reject the promise - caller can .catch() or let it be
+    // Reject the promise: caller can .catch() or let it be
     entry.reject(new DOMException('Dialog dismissed', 'AbortError'));
     for (let i = 0; i < stack.length; i++) {
         stack[i].depth = i;
@@ -133,7 +133,7 @@ export function dismissAllDialogs() {
 }
 /**
  * Convenience: confirm dialog.
- * Returns `true` if user confirmed, `false` if cancelled.
+ * Returns `true` if user confirmed, `false` if canceled.
  *
  *   const ok = await confirm('Delete item?', 'This cannot be undone.');
  *   const ok = await confirm('Delete item?', 'This cannot be undone.', {
@@ -153,7 +153,7 @@ export function confirm(title, message, options) {
         ...(options?.cancelLabel !== undefined ? { cancelLabel: options.cancelLabel } : {}),
         ...(options?.detail !== undefined ? { confirmDetail: options.detail } : {}),
     });
-    // Cancelling a dialog dismisses it, and dismissal rejects. Callers write
+    // Canceling a dialog dismisses it, and dismissal rejects. Callers write
     // `if (await confirm(...))`, so a rejection on Cancel is an unhandled
     // rejection on the ordinary path rather than an error anyone meant to
     // handle. Cancel is an answer, not a failure: it resolves false, which is

package/dist/components/dialog/types.d.ts

@@ -3,7 +3,7 @@ import { type OverlaySize } from '../../internal/layout.js';
 /** The shared overlay ladder, whole: a dialog is the one surface that may hold a table. */
 export type DialogSize = OverlaySize;
 export interface DialogOptions<T = void> {
-    /** Unique id - auto-generated if omitted */
+    /** Unique id: auto-generated if omitted */
     id?: string;
     /** Dialog heading */
     title?: string | Snippet;
@@ -17,9 +17,9 @@ export interface DialogOptions<T = void> {
     persistent?: boolean;
     /** Called when dialog is about to close. Return false to prevent. */
     onClose?: () => boolean | void;
-    /** Resolve payload - passed to closeDialog */
+    /** Resolve payload: passed to closeDialog */
     resolve?: (value: T) => void;
-    /** Reject payload - passed to closeDialog */
+    /** Reject payload: passed to closeDialog */
     reject?: (reason?: unknown) => void;
 }
 export interface DialogEntry<T = void> {

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 /**
- * @lyeve-labs/ui-kit - public API.
+ * @lyeve-labs/ui-kit: public API.
  *
  * Every component, utility, and store the library exposes is re-exported
  * from this single entry point. Consumers should import from
- * `'@lyeve-labs/ui-kit'` and never reach into deep paths - the directory layout
+ * `'@lyeve-labs/ui-kit'` and never reach into deep paths: the directory layout
  * is an implementation detail.
  */
 export { default as Card } from './components/Card.svelte';
@@ -73,6 +73,10 @@ export { default as Progress } from './components/Progress.svelte';
 export { default as Spinner } from './components/Spinner.svelte';
 export { default as Skeleton } from './components/Skeleton.svelte';
 export { default as EmptyState } from './components/EmptyState.svelte';
+export { default as CheckoutSteps } from './components/CheckoutSteps.svelte';
+export { default as PluginCart } from './components/PluginCart.svelte';
+export type { QuickPick } from './components/PluginCart.svelte';
+export { billedCount, formatCents, ladderRows, ladderState, type BillingPeriod, type CartCatalog, type CartPlugin, type CartQuote, type CartQuoteItem, type DiscountBracket, type LadderState, } from './internal/pricing.js';
 export { default as Stat } from './components/Stat.svelte';
 export { default as Kbd } from './components/Kbd.svelte';
 export { default as CopyButton } from './components/CopyButton.svelte';
@@ -94,4 +98,4 @@ export { cn, type ClassValue } from './utils/cn.js';
 export { getTheme, getThemePreference, nextThemePreference, resolveTheme, setTheme, setThemePreference, systemTheme, themeBootScript, watchThemePreference, toggleTheme, watchSystemTheme, THEME_PREFERENCES, type Theme, type ThemePreference, } from './utils/theme.js';
 export * as motion from './motion.js';
 export type { Rung as MotionRung, Curve as MotionCurve } from './motion.js';
-export declare const VERSION = "0.31.1";
+export declare const VERSION = "0.32.0";

package/dist/index.js

@@ -1,9 +1,9 @@
 /**
- * @lyeve-labs/ui-kit - public API.
+ * @lyeve-labs/ui-kit: public API.
  *
  * Every component, utility, and store the library exposes is re-exported
  * from this single entry point. Consumers should import from
- * `'@lyeve-labs/ui-kit'` and never reach into deep paths - the directory layout
+ * `'@lyeve-labs/ui-kit'` and never reach into deep paths: the directory layout
  * is an implementation detail.
  */
 // ── Layout & structure ─────────────────────────────────────────────────────
@@ -71,6 +71,9 @@ export { default as Progress } from './components/Progress.svelte';
 export { default as Spinner } from './components/Spinner.svelte';
 export { default as Skeleton } from './components/Skeleton.svelte';
 export { default as EmptyState } from './components/EmptyState.svelte';
+export { default as CheckoutSteps } from './components/CheckoutSteps.svelte';
+export { default as PluginCart } from './components/PluginCart.svelte';
+export { billedCount, formatCents, ladderRows, ladderState, } from './internal/pricing.js';
 export { default as Stat } from './components/Stat.svelte';
 export { default as Kbd } from './components/Kbd.svelte';
 export { default as CopyButton } from './components/CopyButton.svelte';
@@ -80,7 +83,7 @@ export { default as Avatar } from './components/Avatar.svelte';
 export { default as AvatarGroup } from './components/AvatarGroup.svelte';
 // The product mark. Two applications carried their own copy of the same lockup
 // and the two had drifted apart in size, in weight and in how they answered the
-// theme; the kit owns it now.
+// theme. The kit owns it now.
 export { default as Logo } from './components/Logo.svelte';
 // ── Theming & toasts ───────────────────────────────────────────────────────
 export { default as ThemeToggle } from './components/ThemeToggle.svelte';
@@ -103,5 +106,5 @@ export { getTheme, getThemePreference, nextThemePreference, resolveTheme, setThe
 export * as motion from './motion.js';
 // ── 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.31.1';
+// this line. The build and the test suite fail when the two disagree.
+export const VERSION = '0.32.0';

package/dist/internal/calendar.d.ts

@@ -24,7 +24,7 @@
  * file is the no argument one inside todayLocal, which is the only place a real
  * clock is needed.
  *
- * Not exported from the package entry point - this is an implementation detail.
+ * Not exported from the package entry point: this is an implementation detail.
  */
 /** A calendar date with no zone and no time. m is 1-12, the month a human says, not the 0-11 the Date constructor takes. */
 export interface CalendarDate {

package/dist/internal/calendar.js

@@ -24,7 +24,7 @@
  * file is the no argument one inside todayLocal, which is the only place a real
  * clock is needed.
  *
- * Not exported from the package entry point - this is an implementation detail.
+ * Not exported from the package entry point: this is an implementation detail.
  */
 /** Month lengths in a common year. February is corrected for leap years in daysInMonth. */
 const MONTH_LENGTHS = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
@@ -35,7 +35,7 @@ const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
  *
  * A century is a common year unless it divides by 400. Dropping that clause
  * makes 2000 a common year and puts 29 February 2000 out of reach of the
- * control; keeping only the century clause makes 1900 a leap year and invents a
+ * control. Keeping only the century clause makes 1900 a leap year and invents a
  * day nobody lived through.
  */
 function isLeapYear(y) {

package/dist/internal/choice.d.ts

@@ -12,7 +12,7 @@
  * your place entirely. Composing from here means a fourth choice control cannot
  * reintroduce any of it.
  *
- * Not exported from the package entry point - this is an implementation detail.
+ * Not exported from the package entry point: this is an implementation detail.
  */
 /** The scale of the painted box: sm 14px, md 16px, lg 20px. */
 export type ChoiceSize = 'sm' | 'md' | 'lg';
@@ -51,7 +51,7 @@ export declare const CHOICE_INPUT = "peer absolute inset-0 m-0 h-full w-full cur
  * at 14px.
  *
  * `mixed` paints exactly what `checked` paints. A part-selected parent is on,
- * not a third state with a colour of its own; only the mark it holds differs.
+ * not a third state with a color of its own. Only the mark it holds differs.
  */
 export declare function choiceBox(kind: 'checkbox' | 'radio', size: ChoiceSize, checked: boolean, mixed: boolean): string;
 /**
@@ -59,7 +59,7 @@ export declare function choiceBox(kind: 'checkbox' | 'radio', size: ChoiceSize,
  *
  * The ring lived inside the checked ternary in three components, so choosing an
  * option removed the only indicator a keyboard user had. It is a ring and not a
- * border colour because a selected box already carries a brand border, which
+ * border color because a selected box already carries a brand border, which
  * leaves a border-only focus state with nothing to say.
  */
 export declare const CHOICE_FOCUS = "peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-brand peer-focus-visible:outline-offset-2";
@@ -90,7 +90,7 @@ export declare const CHOICE_DESCRIPTION = "text-xs text-faint";
  * The icon slot ahead of the label.
  *
  * Fixed to the box size so the label starts at the same x in every row of a
- * list, and given no colour of its own so it inherits the label and dims with
+ * list, and given no color of its own so it inherits the label and dims with
  * the wrapper when the option is disabled.
  */
 export declare function choiceIcon(size: ChoiceSize): string;
@@ -99,7 +99,7 @@ export declare function choiceIcon(size: ChoiceSize): string;
  * guess.
  *
  * A lucide icon takes a number, not a class, so the slot above cannot size it.
- * These are the same 14, 16 and 20 the slot reserves; an icon rendered at any
+ * These are the same 14, 16 and 20 the slot reserves. An icon rendered at any
  * other size overflows the slot or floats inside it.
  */
 export declare const CHOICE_ICON_PX: Record<ChoiceSize, number>;
@@ -134,7 +134,7 @@ export declare function choiceGroupList(orientation: ChoiceOrientation): string;
  *
  * Drawn as paths because the consistency suite rejects a Unicode check outright,
  * and because a font glyph lands at a different optical weight from every other
- * icon in the library. Both sit in a 10 by 8 viewBox centred in the box, at
+ * icon in the library. Both sit in a 10 by 8 viewBox centered in the box, at
  * stroke width 1.5 with round caps, so the two marks swap without the box
  * shifting. The mixed bar stops short of the edges so its round caps do not
  * touch the border.

package/dist/internal/choice.js

@@ -12,7 +12,7 @@
  * your place entirely. Composing from here means a fourth choice control cannot
  * reintroduce any of it.
  *
- * Not exported from the package entry point - this is an implementation detail.
+ * Not exported from the package entry point: this is an implementation detail.
  */
 import { FIELD_HINT, FIELD_LABEL } from './field.js';
 import { HIT_AREA } from './touch.js';
@@ -75,7 +75,7 @@ const BOX_BASE = 'pointer-events-none flex shrink-0 items-center justify-center
  * at 14px.
  *
  * `mixed` paints exactly what `checked` paints. A part-selected parent is on,
- * not a third state with a colour of its own; only the mark it holds differs.
+ * not a third state with a color of its own. Only the mark it holds differs.
  */
 export function choiceBox(kind, size, checked, mixed) {
     const on = checked || mixed;
@@ -92,7 +92,7 @@ export function choiceBox(kind, size, checked, mixed) {
  *
  * The ring lived inside the checked ternary in three components, so choosing an
  * option removed the only indicator a keyboard user had. It is a ring and not a
- * border colour because a selected box already carries a brand border, which
+ * border color because a selected box already carries a brand border, which
  * leaves a border-only focus state with nothing to say.
  */
 export const CHOICE_FOCUS = 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-brand peer-focus-visible:outline-offset-2';
@@ -130,7 +130,7 @@ export const CHOICE_DESCRIPTION = FIELD_HINT;
  * The icon slot ahead of the label.
  *
  * Fixed to the box size so the label starts at the same x in every row of a
- * list, and given no colour of its own so it inherits the label and dims with
+ * list, and given no color of its own so it inherits the label and dims with
  * the wrapper when the option is disabled.
  */
 export function choiceIcon(size) {
@@ -141,7 +141,7 @@ export function choiceIcon(size) {
  * guess.
  *
  * A lucide icon takes a number, not a class, so the slot above cannot size it.
- * These are the same 14, 16 and 20 the slot reserves; an icon rendered at any
+ * These are the same 14, 16 and 20 the slot reserves. An icon rendered at any
  * other size overflows the slot or floats inside it.
  */
 export const CHOICE_ICON_PX = {
@@ -184,7 +184,7 @@ export function choiceGroupList(orientation) {
  *
  * Drawn as paths because the consistency suite rejects a Unicode check outright,
  * and because a font glyph lands at a different optical weight from every other
- * icon in the library. Both sit in a 10 by 8 viewBox centred in the box, at
+ * icon in the library. Both sit in a 10 by 8 viewBox centered in the box, at
  * stroke width 1.5 with round caps, so the two marks swap without the box
  * shifting. The mixed bar stops short of the edges so its round caps do not
  * touch the border.

package/dist/internal/copy.svelte.d.ts

@@ -15,8 +15,8 @@ export declare const COPY_FAILED_MESSAGE = "Copy failed";
  * self-hosted console reached over a LAN address without TLS runs, and
  * writeText rejects while the document is not focused. Either way the value
  * goes through a selected, off-screen textarea and the legacy copy command,
- * which the browser still honours inside the click. Only when that also
- * refuses is it a failure the control reports; it never throws.
+ * which the browser still honors inside the click. Only when that also
+ * refuses is it a failure the control reports. It never throws.
  */
 export declare function writeClipboard(value: string): Promise<boolean>;
 export declare class CopyState {

package/dist/internal/copy.svelte.js

@@ -14,8 +14,8 @@ export const COPY_FAILED_MESSAGE = 'Copy failed';
  * self-hosted console reached over a LAN address without TLS runs, and
  * writeText rejects while the document is not focused. Either way the value
  * goes through a selected, off-screen textarea and the legacy copy command,
- * which the browser still honours inside the click. Only when that also
- * refuses is it a failure the control reports; it never throws.
+ * which the browser still honors inside the click. Only when that also
+ * refuses is it a failure the control reports. It never throws.
  */
 export async function writeClipboard(value) {
     const clipboard = typeof navigator === 'undefined' ? undefined : navigator.clipboard;

package/dist/internal/field.d.ts

@@ -7,12 +7,12 @@
  * an Input and a NumberInput placed side by side did not line up. Changing a
  * control's appearance now means changing one of these constants.
  *
- * Not exported from the package entry point - this is an implementation detail.
+ * Not exported from the package entry point: this is an implementation detail.
  */
-/** Vertical rhythm inside a labelled field: label, control, hint/error. */
+/** Vertical rhythm inside a labeled field: label, control, hint/error. */
 export declare const FIELD_WRAP = "flex flex-col gap-1.5";
 /**
- * The marker every labelled field carries on its outermost element, and the
+ * The marker every labeled field carries on its outermost element, and the
  * only way a surface can ask how much form it is holding.
  *
  * A class would not do: FIELD_WRAP is three utilities a caller may legitimately
@@ -38,20 +38,20 @@ export declare const FIELD_HINT = "text-xs text-faint";
 /** Error text below a control. Replaces the hint rather than stacking with it. */
 export declare const FIELD_ERROR = "text-xs text-danger";
 /**
- * Everything a single-line control needs except its border colour.
+ * Everything a single-line control needs except its border color.
  *
  * `h-control` is a theme token (2.375rem / 38px), not a literal, so the height
- * is stated once. Controls that grow with their content - Textarea, the
- * MultiSelect chip well - use `CONTROL_MULTILINE` instead and keep the token as
+ * is stated once. Controls that grow with their content: Textarea, the
+ * MultiSelect chip well: use `CONTROL_MULTILINE` instead and keep the token as
  * a minimum.
  */
 /**
  * outline-none must be paired with a replacement. It was not here: theme.css
  * declares a global :focus-visible outline of 2px solid brand, chosen for its
- * contrast, and a utility beats the base layer, so these two cancelled the
+ * contrast, and a utility beats the base layer, so these two canceled the
  * kit's own focus indicator for every text input, textarea, number and select.
- * Focus was left as a 1px border-colour change. SidebarNav's buttons and
- * CONTROL_SEGMENT already pair the two correctly; these did half of it.
+ * Focus was left as a 1px border-color change. SidebarNav's buttons and
+ * CONTROL_SEGMENT already pair the two correctly. These did half of it.
  */
 export declare const CONTROL_BASE: string;
 /** As CONTROL_BASE, for controls whose height is driven by their content. */
@@ -70,7 +70,7 @@ export declare function controlBorder(error: boolean): string;
  *
  * Returns undefined when neither is present, so the attribute is omitted rather
  * than pointing at an element that was never rendered. Only Input carried
- * `aria-invalid` before this; nothing carried `aria-describedby`, so a screen
+ * `aria-invalid` before this. Nothing carried `aria-describedby`, so a screen
  * reader announced the control and never the reason it was rejected.
  */
 export declare function describedBy(id: string | undefined, error?: string, hint?: string): string | undefined;
@@ -96,7 +96,7 @@ export declare function segmentedBorder(error: boolean): string;
  *
  * It carries no width. A two-digit segment needs a fixed one so the control
  * does not resize as the user types, and an AM/PM select needs to size to its
- * own text; stating a width here would mean one of the two overriding it, and
+ * own text. Stating a width here would mean one of the two overriding it, and
  * two width utilities on one element resolve by the order Tailwind emits them
  * rather than the order they were written.
  *