@streamscloud/kit 0.29.1 → 0.31.0

package/dist/ui/navigation/cmp.nav-rail-item.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">import { IconSlot } from '../icon';
 const { label, icon, href, active = false, error = false, disabled = false, target, rel, on } = $props();
-const handleClick = () => {
+const handleClick = (event) => {
     if (disabled) {
         return;
     }
-    on?.click?.();
+    on?.click?.(event);
 };
 </script>
 
@@ -13,18 +13,16 @@ const handleClick = () => {
   <span class="nav-rail-item__label">{label}</span>
 {/snippet}
 
-{#if href}
+{#if href && !disabled}
   <a
     class="nav-rail-item"
     class:nav-rail-item--active={active}
     class:nav-rail-item--error={error}
-    class:nav-rail-item--disabled={disabled}
     href={href}
     target={target}
     rel={rel}
     aria-current={active ? 'page' : undefined}
-    aria-disabled={disabled || undefined}
-    tabindex={disabled ? -1 : undefined}>
+    onclick={handleClick}>
     {@render tile()}
   </a>
 {:else}
@@ -43,8 +41,9 @@ const handleClick = () => {
 
 <!--
 @component
-NavRailItem — one icon-and-label tile inside a `NavRail`. Renders as `<a>` when `href` is set,
-`<button>` otherwise. Active state is consumer-controlled (`active` prop). The icon accepts an SVG
+NavRailItem — one icon-and-label tile inside a `NavRail`. Renders as `<a>` when `href` is set and
+enabled, `<button>` otherwise; `on.click` fires in both forms with the `MouseEvent` and the link
+default is left intact. Active state is consumer-controlled (`active` prop). The icon accepts an SVG
 source string or a snippet. Tile dimensions are controlled via the `--sc-kit--nav-rail--item-*`
 CSS variables (settable on the parent rail or any ancestor).
 

package/dist/ui/navigation/cmp.nav-rail-item.svelte.d.ts

@@ -3,7 +3,7 @@ type Props = {
     label: string;
     /** Icon — string SVG source, `{ src, color?, size? }` object, or custom snippet. */
     icon: IconProp;
-    /** Render as `<a href>`. Mutually exclusive with `on.click`. */
+    /** Render as `<a href>` — unless `disabled`, which falls back to the button form. `on.click` still fires; `event.preventDefault()` keeps the click from navigating. */
     href?: string;
     /** Highlight as the current section. Consumer-controlled. @default false */
     active?: boolean;
@@ -15,12 +15,13 @@ type Props = {
     /** Anchor rel — only relevant when `href` is set. */
     rel?: string;
     on?: {
-        click?: () => void;
+        click?: (event: MouseEvent) => void;
     };
 };
 /**
- * NavRailItem — one icon-and-label tile inside a `NavRail`. Renders as `<a>` when `href` is set,
- * `<button>` otherwise. Active state is consumer-controlled (`active` prop). The icon accepts an SVG
+ * NavRailItem — one icon-and-label tile inside a `NavRail`. Renders as `<a>` when `href` is set and
+ * enabled, `<button>` otherwise; `on.click` fires in both forms with the `MouseEvent` and the link
+ * default is left intact. Active state is consumer-controlled (`active` prop). The icon accepts an SVG
  * source string or a snippet. Tile dimensions are controlled via the `--sc-kit--nav-rail--item-*`
  * CSS variables (settable on the parent rail or any ancestor).
  *

package/package.json

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

package/dist/ui/file-uploader/to-uploading-file.d.ts

@@ -1,9 +0,0 @@
-import type { UploadingFile, UploadingFileStatus } from '../../core/files';
-/**
- * Wrap a raw `File` into an `UploadingFile` for ad-hoc rendering with `FileRow` /
- * `FileUploadProgress` (e.g. static read-only file lists, mocks in stories). Defaults to
- * `status: 'success'` and `progress: 1` — i.e. "already complete, just show me". The display
- * components read only `file` / `progress` / `status` / `error`, so the `success` variant's
- * `blobId` / `readUrl` are empty placeholders here — this shim has no backing blob.
- */
-export declare const toUploadingFile: (file: File, status?: UploadingFileStatus) => UploadingFile;

package/dist/ui/file-uploader/to-uploading-file.js

@@ -1,24 +0,0 @@
-import { Utils } from '../../core/utils';
-import { nanoid } from 'nanoid';
-/**
- * Wrap a raw `File` into an `UploadingFile` for ad-hoc rendering with `FileRow` /
- * `FileUploadProgress` (e.g. static read-only file lists, mocks in stories). Defaults to
- * `status: 'success'` and `progress: 1` — i.e. "already complete, just show me". The display
- * components read only `file` / `progress` / `status` / `error`, so the `success` variant's
- * `blobId` / `readUrl` are empty placeholders here — this shim has no backing blob.
- */
-export const toUploadingFile = (file, status = 'success') => {
-    const base = { id: nanoid(), file };
-    switch (status) {
-        case 'queued':
-            return { ...base, progress: 0, status };
-        case 'uploading':
-            return { ...base, progress: 0, status };
-        case 'success':
-            return { ...base, progress: 1, status, blobId: '', readUrl: '' };
-        case 'error':
-            return { ...base, progress: 0, status, error: '' };
-        default:
-            return Utils.assertUnreachable(status);
-    }
-};