@streamscloud/kit 0.82.1 → 0.82.3

package/dist/core/files/upload-media-store.svelte.d.ts

@@ -44,7 +44,7 @@ export type UploadMediaStoreOptions = {
  * 1. `add(file)` — push raw `File` into the queue (`status: 'queued'`).
  * 2. `upload()` — fetch presigned URLs from the strategy, then PUT each blob in parallel.
  *    Per-file status flows `queued → uploading → success | error`; `progress` updates as
- *    bytes are sent.
+ *    bytes are sent. The next `upload()` retries every file left in `error`.
  * 3. Consumer wires `on.blobId` to capture each blob ID for form state, or reads `files[i].blobId`.
  *
  * @example
@@ -94,8 +94,8 @@ export declare class UploadMediaStore {
         readUrl: string;
     } | null;
     /**
-     * Run the upload pipeline for every file currently in `'queued'` status. Files already
-     * `uploading` / `success` / `error` are skipped. Resolves once **every** run of this store —
+     * Run the upload pipeline for every file currently in `'queued'` status, and retry every file in
+     * `'error'` status. Files already `uploading` / `success` are skipped. Resolves once **every** run of this store —
      * including ones started by earlier `upload()` calls — has reached a terminal status, so
      * `await store.upload()` always means "nothing of mine is in flight any more". Each run registers
      * itself in `AppUploadActivity` for its duration, so a mounted `UploadProgressToaster` picks it up

package/dist/core/files/upload-media-store.svelte.js

@@ -20,7 +20,7 @@ const revokePreviewUrl = (file) => {
  * 1. `add(file)` — push raw `File` into the queue (`status: 'queued'`).
  * 2. `upload()` — fetch presigned URLs from the strategy, then PUT each blob in parallel.
  *    Per-file status flows `queued → uploading → success | error`; `progress` updates as
- *    bytes are sent.
+ *    bytes are sent. The next `upload()` retries every file left in `error`.
  * 3. Consumer wires `on.blobId` to capture each blob ID for form state, or reads `files[i].blobId`.
  *
  * @example
@@ -79,15 +79,15 @@ export class UploadMediaStore {
         return file?.status === 'success' ? { blobId: file.blobId, readUrl: file.readUrl } : null;
     }
     /**
-     * Run the upload pipeline for every file currently in `'queued'` status. Files already
-     * `uploading` / `success` / `error` are skipped. Resolves once **every** run of this store —
+     * Run the upload pipeline for every file currently in `'queued'` status, and retry every file in
+     * `'error'` status. Files already `uploading` / `success` are skipped. Resolves once **every** run of this store —
      * including ones started by earlier `upload()` calls — has reached a terminal status, so
      * `await store.upload()` always means "nothing of mine is in flight any more". Each run registers
      * itself in `AppUploadActivity` for its duration, so a mounted `UploadProgressToaster` picks it up
      * with no extra wiring.
      */
     async upload() {
-        const queued = this._files.filter((f) => f.status === 'queued');
+        const queued = this._files.filter((f) => f.status === 'queued' || f.status === 'error');
         if (queued.length === 0) {
             await this.settled();
             return this.outcome();

package/dist/ui/button/cmp.button.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">import { Spinner } from '../_internal/spinner';
 import { CONTROL_ICON_SIZE, IconSlot } from '../icon';
-const { variant = 'primary', size = 'md', iconScale = 'default', disabled = false, loading = false, fullWidth = false, 'aria-label': ariaLabel, icon, iconPosition = 'leading', children, ...mode } = $props();
-const inactive = $derived(disabled || loading);
+const { variant = 'primary', size = 'md', iconScale = 'default', disabled = false, loading = false, fullWidth = false, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, icon, iconPosition = 'leading', children, ...mode } = $props();
+const inactive = $derived(disabled !== false || loading);
 const isIconOnly = $derived(!children && (!!icon || loading));
 const iconFallbacks = $derived({ size: CONTROL_ICON_SIZE[size], scale: iconScale });
 const btnClass = $derived([
@@ -63,9 +63,10 @@ const handleClick = (e) => {
     download={mode.download}
     role="button"
     aria-label={ariaLabel}
+    aria-describedby={ariaDescribedby}
     aria-disabled={inactive ? 'true' : undefined}
     aria-busy={loading ? 'true' : undefined}
-    tabindex={inactive ? -1 : undefined}
+    tabindex={disabled === true ? -1 : undefined}
     onclick={handleClick}>
     {@render content()}
   </a>
@@ -77,9 +78,10 @@ const handleClick = (e) => {
   <button
     class={btnClass}
     type={mode.type}
-    disabled={disabled}
+    disabled={disabled === true}
     aria-label={ariaLabel}
-    aria-disabled={loading ? 'true' : undefined}
+    aria-describedby={ariaDescribedby}
+    aria-disabled={inactive ? 'true' : undefined}
     aria-busy={loading ? 'true' : undefined}
     form={mode.form}
     name={mode.name}
@@ -91,7 +93,7 @@ const handleClick = (e) => {
 
 <!--
 @component
-A button with configurable variant, size, loading state, and an anchor mode. Width is intrinsic by default — use `fullWidth` for inline-axis stretch, or override `--sc-kit--button--{min,max,}width` from CSS for fine-grained control. Overflowing labels are truncated with an ellipsis.
+A button with configurable variant, size, loading state, and an anchor mode. `disabled: 'focusable'` looks and acts disabled but stays focusable, so a wrapping `Tooltip` can tell keyboard and screen-reader users why. Width is intrinsic by default — use `fullWidth` for inline-axis stretch, or override `--sc-kit--button--{min,max,}width` from CSS for fine-grained control. Overflowing labels are truncated with an ellipsis.
 
 The `icon` slot accepts an SVG source string or a snippet; `iconPosition` ('leading' / 'trailing', default leading) flips which side of the label the icon renders on. Icon-only mode kicks in automatically when `icon` is set without `children` — the button becomes square and requires an `aria-label`.
 

package/dist/ui/button/cmp.button.svelte.d.ts

@@ -8,7 +8,8 @@ type BaseProps = {
     size?: ButtonSize;
     /** Bump the icon one step up the scale relative to `size`, leaving height/text unchanged. @default 'default' */
     iconScale?: 'default' | 'large';
-    disabled?: boolean;
+    /** `'focusable'` keeps the button in the tab order as `aria-disabled`, so a wrapping `Tooltip` can explain why it is disabled. */
+    disabled?: boolean | 'focusable';
     /** Renders a spinner in place of the icon (when leading) and blocks clicks. */
     loading?: boolean;
     /** Stretch to fill the parent's inline axis. */
@@ -21,6 +22,7 @@ type BaseProps = {
     children?: Snippet;
     /** Required when icon-only (no children). */
     'aria-label'?: string;
+    'aria-describedby'?: string;
 };
 type ButtonModeProps = BaseProps & {
     /** Native button mode. */
@@ -48,7 +50,7 @@ type PresentationalModeProps = BaseProps & {
 };
 type Props = ButtonModeProps | AnchorModeProps | PresentationalModeProps;
 /**
- * A button with configurable variant, size, loading state, and an anchor mode. Width is intrinsic by default — use `fullWidth` for inline-axis stretch, or override `--sc-kit--button--{min,max,}width` from CSS for fine-grained control. Overflowing labels are truncated with an ellipsis.
+ * A button with configurable variant, size, loading state, and an anchor mode. `disabled: 'focusable'` looks and acts disabled but stays focusable, so a wrapping `Tooltip` can tell keyboard and screen-reader users why. Width is intrinsic by default — use `fullWidth` for inline-axis stretch, or override `--sc-kit--button--{min,max,}width` from CSS for fine-grained control. Overflowing labels are truncated with an ellipsis.
  *
  * The `icon` slot accepts an SVG source string or a snippet; `iconPosition` ('leading' / 'trailing', default leading) flips which side of the label the icon renders on. Icon-only mode kicks in automatically when `icon` is set without `children` — the button becomes square and requires an `aria-label`.
  *

package/dist/ui/numeral-input/cmp.numeral-input.svelte

@@ -2,7 +2,7 @@
 import { IconSlot } from '../icon';
 import { formatNumeral, NumeralThousandGroupStyles, registerCursorTracker } from 'cleave-zen';
 import { untrack } from 'svelte';
-const { size = 'md', disabled = false, readonly = false, inert = false, error = false, borderless = false, placeholder = '', title = '', name = '', id = null, autofocus = false, min = null, max = null, decimals = 2, suffix, hideResolvedValue = false, 'aria-describedby': ariaDescribedby, 'aria-label': ariaLabel, 'aria-required': ariaRequired, icon, iconPosition = 'leading', secondaryIcon, ...mode } = $props();
+const { size = 'md', disabled = false, readonly = false, inert = false, error = false, borderless = false, placeholder = '', title = '', name = '', id = null, autofocus = false, min = null, max = null, minExclusive = false, maxExclusive = false, decimals = 2, suffix, hideResolvedValue = false, 'aria-describedby': ariaDescribedby, 'aria-label': ariaLabel, 'aria-required': ariaRequired, icon, iconPosition = 'leading', secondaryIcon, ...mode } = $props();
 let inputEl = $state.raw(undefined);
 let focused = $state(false);
 let typedValue = $state(undefined);
@@ -26,11 +26,13 @@ const parseValue = (formatted) => {
     const n = parseFloat(formatted.replace(/\s/g, ''));
     return Number.isNaN(n) ? null : n;
 };
+const lowerBound = $derived(min === null ? null : minExclusive ? min + 1 : min);
+const upperBound = $derived(max === null ? null : maxExclusive ? max - 1 : max);
 const resolveValue = (typed) => {
     if (typed !== null) {
-        return Math.min(Math.max(typed, min ?? -Infinity), max ?? Infinity);
+        return Math.min(Math.max(typed, lowerBound ?? -Infinity), upperBound ?? Infinity);
     }
-    return mode.clearable ? null : (min ?? mode.value);
+    return mode.clearable ? null : (lowerBound ?? mode.value);
 };
 const resolvedTypedValue = $derived(typedValue === undefined ? undefined : resolveValue(typedValue));
 const valueHintVisible = $derived(!hideResolvedValue && resolvedTypedValue !== typedValue);

package/dist/ui/numeral-input/cmp.numeral-input.svelte.d.ts

@@ -20,6 +20,10 @@ type BaseProps = {
     min?: number | null;
     /** Maximum value emitted to the consumer; the typed text is left alone until commit. */
     max?: number | null;
+    /** Integer bound, matching `numberValidationSchema`: an exclusive `min` resolves to `min + 1`. @default false */
+    minExclusive?: boolean;
+    /** Integer bound, matching `numberValidationSchema`: an exclusive `max` resolves to `max - 1`. @default false */
+    maxExclusive?: boolean;
     /** Number of decimal places shown. @default 2 */
     decimals?: number;
     /** Muted unit rendered after the value, outside the editable text (`px`, `%`, `°`). */

package/dist/ui/open-file-button/cmp.open-file-button.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { deriveAccept, FileValidator, openFile } from '../../core/files';
 import { Button } from '../button';
-const { size = 'md', variant = 'secondary', disabled = false, multiple = false, capture, validationRules, icon, iconPosition = 'leading', children, 'aria-label': ariaLabel, on } = $props();
+const { size = 'md', variant = 'secondary', disabled = false, multiple = false, capture, validationRules, icon, iconPosition = 'leading', children, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, on } = $props();
 const accept = $derived(deriveAccept(validationRules ?? []));
 const handleClick = async () => {
     const files = await openFile({ multiple, accept, capture });
@@ -22,6 +22,7 @@ const handleClick = async () => {
   icon={icon}
   iconPosition={iconPosition}
   aria-label={ariaLabel}
+  aria-describedby={ariaDescribedby}
   on={{ click: handleClick }}>
   {#if children}{@render children()}{/if}
 </Button>

package/dist/ui/open-file-button/cmp.open-file-button.svelte.d.ts

@@ -7,7 +7,8 @@ type Props = {
     size?: ButtonSize;
     /** @default 'secondary' */
     variant?: ButtonVariant;
-    disabled?: boolean;
+    /** `'focusable'` keeps the button in the tab order as `aria-disabled`, so a wrapping `Tooltip` can explain why it is disabled. */
+    disabled?: boolean | 'focusable';
     multiple?: boolean;
     /** Optional file-picker capture hint (mobile camera / mic). */
     capture?: 'user' | 'environment';
@@ -26,6 +27,7 @@ type Props = {
     children?: Snippet;
     /** Required when no `children` (icon-only mode). */
     'aria-label'?: string;
+    'aria-describedby'?: string;
     on?: {
         /**
          * Fires after the user picks files. Every result is delivered — consumer reads

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.82.1",
+  "version": "0.82.3",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",