@streamscloud/kit 0.17.0 → 0.19.0

package/dist/ui/page-toolbar/cmp.toolbar-panel.svelte

@@ -1,57 +0,0 @@
-<script lang="ts">const { title, children, footer } = $props();
-export {};
-</script>
-
-<div class="toolbar-panel">
-  <div class="toolbar-panel__title">{title}</div>
-  <div class="toolbar-panel__body">
-    {@render children()}
-    {#if footer}
-      <div class="toolbar-panel__divider"></div>
-      {@render footer()}
-    {/if}
-  </div>
-</div>
-
-<!--
-@component
-A panel container used inside toolbar dropdowns. Provides a title, body area, and optional footer.
-
-### CSS Custom Properties
-| Property | Description | Default |
-|---|---|---|
-| `--sc-kit--toolbar-panel--width` | Panel width | `21.875rem` |
-| `--sc-kit--toolbar-panel--title--color` | Title text color | `var(--sc-kit--color--text--primary)` |
-| `--sc-kit--toolbar-panel--divider--color` | Divider line color | `var(--sc-kit--color--border)` |
--->
-
-<style>.toolbar-panel {
-  --_toolbar-panel--width: var(--sc-kit--toolbar-panel--width, 21.875rem);
-  --_toolbar-panel--title--color: var(--sc-kit--toolbar-panel--title--color, var(--sc-kit--color--text--primary));
-  --_toolbar-panel--divider--color: var(--sc-kit--toolbar-panel--divider--color, var(--sc-kit--color--border));
-  width: var(--_toolbar-panel--width);
-  padding: var(--sc-kit--space--6);
-}
-.toolbar-panel__title {
-  font-size: var(--sc-kit--font-size--md);
-  font-weight: var(--sc-kit--font-weight--semibold);
-  line-height: var(--sc-kit--line-height--md);
-  color: var(--_toolbar-panel--title--color);
-  margin-bottom: var(--sc-kit--space--2);
-  min-width: 0;
-  text-overflow: ellipsis;
-  max-width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.toolbar-panel__body {
-  display: flex;
-  flex-direction: column;
-  gap: var(--sc-kit--space--4);
-  padding-block: var(--sc-kit--space--2);
-}
-.toolbar-panel__divider {
-  height: 1px;
-  background: var(--_toolbar-panel--divider--color);
-  margin: var(--sc-kit--space--1) var(--sc-kit--space--2);
-}</style>

package/dist/ui/page-toolbar/cmp.toolbar-panel.svelte.d.ts

@@ -1,19 +0,0 @@
-import type { Snippet } from 'svelte';
-type Props = {
-    title: string;
-    children: Snippet;
-    footer?: Snippet;
-};
-/**
- * A panel container used inside toolbar dropdowns. Provides a title, body area, and optional footer.
- *
- * ### CSS Custom Properties
- * | Property | Description | Default |
- * |---|---|---|
- * | `--sc-kit--toolbar-panel--width` | Panel width | `21.875rem` |
- * | `--sc-kit--toolbar-panel--title--color` | Title text color | `var(--sc-kit--color--text--primary)` |
- * | `--sc-kit--toolbar-panel--divider--color` | Divider line color | `var(--sc-kit--color--border)` |
- */
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/page-toolbar/cmp.toolbar-toggle-item.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">import { Toggle } from '../toggle';
-const { checked, children, on } = $props();
-</script>
-
-<div class="toolbar-toggle-item">
-  <Toggle checked={checked} label={children} layout="spread" on={{ change: (value) => on?.change?.(value) }} />
-</div>
-
-<!--
-@component
-A toggle item for toolbar panels. Wraps the kit Toggle with toolbar-appropriate padding.
--->
-
-<style>.toolbar-toggle-item {
-  padding: var(--sc-kit--space--1) var(--sc-kit--space--2);
-}</style>

package/dist/ui/page-toolbar/cmp.toolbar-toggle-item.svelte.d.ts

@@ -1,12 +0,0 @@
-import type { Snippet } from 'svelte';
-type Props = {
-    checked: boolean;
-    children: Snippet;
-    on?: {
-        change?: (value: boolean) => void;
-    };
-};
-/** A toggle item for toolbar panels. Wraps the kit Toggle with toolbar-appropriate padding. */
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/table/table-cells/table-select-cell.svelte

@@ -1,28 +0,0 @@
-<script lang="ts" generics="T extends {id: string}">import { Singleselect } from '../../select';
-let { item, column } = $props();
-const getValueForColumn = (column, item) => (column.valueFactory ? column.valueFactory(item) : item[column.id]);
-const onSelected = (value) => {
-    column.onSelected(item, value);
-    item = item;
-};
-</script>
-
-{#if !column.visibilityFactory || column.visibilityFactory(item)}
-  {#if column.clearable}
-    <Singleselect
-      clearable
-      placeholder={column.placeholder || ' '}
-      value={getValueForColumn(column, item)}
-      options={column.optionsFactory(item)}
-      disabled={(column.disabledFactory && column.disabledFactory(item)) || false}
-      on={{ change: (v) => onSelected(v) }} />
-  {:else}
-    <Singleselect
-      clearable={false}
-      placeholder={column.placeholder || ' '}
-      value={getValueForColumn(column, item)}
-      options={column.optionsFactory(item)}
-      disabled={(column.disabledFactory && column.disabledFactory(item)) || false}
-      on={{ change: (v) => onSelected(v) }} />
-  {/if}
-{/if}

package/dist/ui/table/table-cells/table-text-input-cell.svelte

@@ -1,69 +0,0 @@
-<script lang="ts" generics="T extends {id: string}">import { Input } from '../../input';
-import { LineClamp } from '../../line-clamp';
-import { NumeralInput } from '../../numeral-input';
-import { untrack } from 'svelte';
-let { item, column } = $props();
-let errorText = $state('');
-const onInput = async (val) => {
-    item[column.id] = val === null ? '' : String(val);
-    await validate();
-    if (column.onInput) {
-        column.onInput(item, item[column.id]);
-    }
-};
-const validate = async () => {
-    if (!column.validationSchema) {
-        return;
-    }
-    try {
-        await column.validationSchema.validate(item[column.id]);
-        errorText = '';
-    }
-    catch (error) {
-        const err = error;
-        if (err.name !== 'ValidationError') {
-            throw error;
-        }
-        errorText = err.message;
-        return;
-    }
-    finally {
-        if (column.onValidated) {
-            column.onValidated(item, errorText);
-        }
-    }
-};
-$effect(() => {
-    untrack(() => void validate());
-});
-</script>
-
-<div class="table-text-input-cell" class:table-text-input-cell--errored={!!errorText}>
-  {#if column.inputType === 'number'}
-    <NumeralInput clearable value={item[column.id]} on={{ input: onInput }} />
-  {:else}
-    <Input value={item[column.id]} on={{ input: onInput }} />
-  {/if}
-  {#if errorText}
-    <div class="table-text-input-cell__error">
-      <LineClamp maxLines={2}>{errorText}</LineClamp>
-    </div>
-  {/if}
-</div>
-
-<style>.table-text-input-cell {
-  position: relative;
-  font-size: var(--_table--cell--font-size);
-  padding-top: 1.5em;
-  margin-bottom: 1.5em;
-}
-.table-text-input-cell__error {
-  position: absolute;
-  top: calc(100% + 0.1em);
-  left: 0;
-  right: 0;
-  display: block;
-  color: var(--sc-kit--color--danger);
-  font-size: 0.6875rem;
-  font-weight: 400;
-}</style>

package/dist/ui/table/table-cells/table-text-input-cell.svelte.d.ts

@@ -1,38 +0,0 @@
-import type { ITableTextInputColumn } from '../types';
-declare function $$render<T extends {
-    id: string;
-}>(): {
-    props: {
-        item: any;
-        column: ITableTextInputColumn<T>;
-    };
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<T extends {
-    id: string;
-}> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends {
-        id: string;
-    }>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends {
-        id: string;
-    }>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const TableTextInputCell: $$IsomorphicComponent;
-type TableTextInputCell<T extends {
-    id: string;
-}> = InstanceType<typeof TableTextInputCell<T>>;
-export default TableTextInputCell;

package/dist/ui/tree/tree-navigation.svelte.d.ts

@@ -1,14 +0,0 @@
-import type { TreeNode } from './tree-node.svelte';
-export declare class TreeNavigation {
-    activeId: string | null;
-    hasFocus: boolean;
-    private _getRoots;
-    constructor(getRoots: () => readonly TreeNode[]);
-    itemId(node: TreeNode): string;
-    focus(): void;
-    blur(): void;
-    setActive(node: TreeNode): void;
-    ensureActive(): void;
-    handleKeydown(e: KeyboardEvent): void;
-    private _visibleNodes;
-}

package/dist/ui/tree/tree-navigation.svelte.js

@@ -1,99 +0,0 @@
-export class TreeNavigation {
-    activeId = $state(null);
-    hasFocus = $state(false);
-    _getRoots;
-    constructor(getRoots) {
-        this._getRoots = getRoots;
-    }
-    itemId(node) {
-        return `tree-item-${node.id}`;
-    }
-    focus() {
-        this.hasFocus = true;
-        this.ensureActive();
-    }
-    blur() {
-        this.hasFocus = false;
-    }
-    setActive(node) {
-        this.activeId = node.id;
-    }
-    ensureActive() {
-        const visible = this._visibleNodes();
-        if (this.activeId !== null && visible.some((n) => n.id === this.activeId)) {
-            return;
-        }
-        const selected = visible.find((n) => n.selected);
-        this.activeId = (selected ?? visible[0])?.id ?? null;
-    }
-    handleKeydown(e) {
-        const visible = this._visibleNodes();
-        if (!visible.length) {
-            return;
-        }
-        const index = visible.findIndex((n) => n.id === this.activeId);
-        const current = index < 0 ? null : visible[index];
-        switch (e.key) {
-            case 'ArrowDown':
-                e.preventDefault();
-                this.activeId = visible[index < 0 ? 0 : Math.min(index + 1, visible.length - 1)].id;
-                break;
-            case 'ArrowUp':
-                e.preventDefault();
-                this.activeId = visible[index <= 0 ? 0 : index - 1].id;
-                break;
-            case 'ArrowRight':
-                e.preventDefault();
-                if (!current) {
-                    this.activeId = visible[0].id;
-                }
-                else if (current.children.length) {
-                    if (current.expanded) {
-                        this.activeId = current.children[0].id;
-                    }
-                    else {
-                        current.expand();
-                    }
-                }
-                break;
-            case 'ArrowLeft':
-                e.preventDefault();
-                if (!current) {
-                    this.activeId = visible[0].id;
-                }
-                else if (current.expanded && current.children.length) {
-                    current.collapse();
-                }
-                else if (current.parent && visible.includes(current.parent)) {
-                    this.activeId = current.parent.id;
-                }
-                break;
-            case 'Home':
-                e.preventDefault();
-                this.activeId = visible[0].id;
-                break;
-            case 'End':
-                e.preventDefault();
-                this.activeId = visible[visible.length - 1].id;
-                break;
-            case 'Enter':
-            case ' ':
-                e.preventDefault();
-                current?.select({ explicitly: true });
-                break;
-        }
-    }
-    _visibleNodes() {
-        const result = [];
-        const walk = (nodes) => {
-            for (const node of nodes) {
-                result.push(node);
-                if (node.expanded && node.children.length) {
-                    walk(node.children);
-                }
-            }
-        };
-        walk(this._getRoots());
-        return result;
-    }
-}