@spaethtech/svelte-ui 0.14.1-dev.65.3b37f4b → 0.15.1-dev.67.fbf3875

package/dist/components/Tree/Tree.svelte

@@ -0,0 +1,178 @@
+<!--
+/**
+ * Tree — a hierarchical, expandable tree view (ARIA `tree`). Data-driven nodes; expand/collapse +
+ * single-select with roving-tabindex keyboard nav (↑/↓ move, →/← expand/collapse, Enter/Space select).
+ * Shared `variant`/`size` axes, `--ui-*` tokens. See Tree.spec.md.
+ */
+-->
+<script lang="ts" module>
+  import type { Snippet } from "svelte";
+  export type TreeNode = {
+    label: string;
+    /** Stable key; falls back to the index path when omitted. */
+    id?: string;
+    icon?: Snippet;
+    children?: TreeNode[];
+    disabled?: boolean;
+  };
+</script>
+
+<script lang="ts">
+  import IconChevronRight from "~icons/mdi/chevron-right";
+  import type { Variant } from "../../types/variants.js";
+  import { variantToken } from "../../types/variants.js";
+  import type { Size } from "../../types/sizes.js";
+  import { responsiveClasses, type Responsive } from "../../types/responsive.js";
+
+  let {
+    items,
+    expanded = $bindable([]),
+    selected = $bindable(""),
+    onselect,
+    variant = "primary",
+    size = "md",
+    class: cls = "",
+  }: {
+    items: TreeNode[];
+    /** Keys of expanded nodes (bindable). */
+    expanded?: string[];
+    /** Key of the selected node (bindable). */
+    selected?: string;
+    onselect?: (node: TreeNode, key: string) => void;
+    variant?: Variant;
+    size?: Responsive<Size>;
+    class?: string;
+  } = $props();
+
+  const token = $derived(variantToken[variant]);
+  const rowH: Record<Size, string> = { sm: "h-7 text-xs", md: "h-8 text-sm", lg: "h-10 text-base" };
+  const iconCls: Record<Size, string> = {
+    sm: "[&_svg]:w-3.5 [&_svg]:h-3.5",
+    md: "[&_svg]:w-4 [&_svg]:h-4",
+    lg: "[&_svg]:w-5 [&_svg]:h-5",
+  };
+
+  type Flat = { key: string; node: TreeNode; level: number; hasChildren: boolean; open: boolean };
+  // Flattened list of VISIBLE nodes (children shown only under expanded parents) — drives rendering,
+  // roving tabindex, and arrow-key navigation.
+  const flat = $derived.by<Flat[]>(() => {
+    const out: Flat[] = [];
+    const walk = (nodes: TreeNode[], level: number, prefix: string) => {
+      nodes.forEach((node, i) => {
+        const key = node.id ?? `${prefix}${i}`;
+        const hasChildren = !!node.children?.length;
+        const open = expanded.includes(key);
+        out.push({ key, node, level, hasChildren, open });
+        if (hasChildren && open) walk(node.children!, level + 1, `${key}>`);
+      });
+    };
+    walk(items, 0, "");
+    return out;
+  });
+
+  let rowRefs = $state<Record<string, HTMLElement | undefined>>({});
+  let activeKey = $state("");
+  const tabKey = $derived(
+    flat.some((f) => f.key === activeKey) ? activeKey : (flat.find((f) => !f.node.disabled)?.key ?? ""),
+  );
+
+  const toggle = (key: string) =>
+    (expanded = expanded.includes(key) ? expanded.filter((k) => k !== key) : [...expanded, key]);
+  function selectNode(f: Flat) {
+    if (f.node.disabled) return;
+    selected = f.key;
+    onselect?.(f.node, f.key);
+    if (f.hasChildren) toggle(f.key);
+  }
+  const focusKey = (key: string) => {
+    activeKey = key;
+    rowRefs[key]?.focus();
+  };
+
+  function onKeydown(e: KeyboardEvent) {
+    const idx = flat.findIndex((f) => f.key === tabKey);
+    if (idx < 0) return;
+    const f = flat[idx];
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        if (idx < flat.length - 1) focusKey(flat[idx + 1].key);
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        if (idx > 0) focusKey(flat[idx - 1].key);
+        break;
+      case "ArrowRight":
+        e.preventDefault();
+        if (f.hasChildren && !f.open) toggle(f.key);
+        else if (f.hasChildren && flat[idx + 1]) focusKey(flat[idx + 1].key);
+        break;
+      case "ArrowLeft":
+        e.preventDefault();
+        if (f.hasChildren && f.open) toggle(f.key);
+        else {
+          // move to parent (previous node at a lower level)
+          for (let j = idx - 1; j >= 0; j--)
+            if (flat[j].level < f.level) {
+              focusKey(flat[j].key);
+              break;
+            }
+        }
+        break;
+      case "Home":
+        e.preventDefault();
+        focusKey(flat[0].key);
+        break;
+      case "End":
+        e.preventDefault();
+        focusKey(flat[flat.length - 1].key);
+        break;
+      case "Enter":
+      case " ":
+        e.preventDefault();
+        selectNode(f);
+        break;
+    }
+  }
+</script>
+
+<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+<ul role="tree" class="flex flex-col {responsiveClasses(size, iconCls)} {cls}" onkeydown={onKeydown}>
+  {#each flat as f (f.key)}
+    {@const active = selected === f.key}
+    <li role="none" class="list-none">
+      <!-- svelte-ignore a11y_click_events_have_key_events -->
+      <div
+        bind:this={rowRefs[f.key]}
+        role="treeitem"
+        aria-level={f.level + 1}
+        aria-selected={active}
+        aria-expanded={f.hasChildren ? f.open : undefined}
+        aria-disabled={f.node.disabled || undefined}
+        tabindex={f.key === tabKey ? 0 : -1}
+        onclick={() => selectNode(f)}
+        onfocus={() => (activeKey = f.key)}
+        style="padding-inline-start: {f.level * 1.25 + 0.5}rem; {active
+          ? `background-color: color-mix(in srgb, var(${token}) 16%, transparent);`
+          : ''}"
+        class="group flex items-center gap-1.5 rounded-[var(--ui-border-radius)] pr-2 transition-colors {responsiveClasses(
+          size,
+          rowH,
+        )} {f.node.disabled
+          ? 'opacity-50 cursor-not-allowed'
+          : 'cursor-pointer hover:[background-color:var(--ui-color-hover)]'} focus-visible:[outline:2px_solid_color-mix(in_srgb,var(--ui-color-text)_70%,transparent)] focus-visible:[outline-offset:-2px]"
+      >
+        {#if f.hasChildren}
+          <span
+            class="inline-flex shrink-0 items-center justify-center transition-transform duration-150 {f.open
+              ? 'rotate-90'
+              : ''}"><IconChevronRight /></span>
+        {:else}
+          <span class="inline-block w-4 shrink-0"></span>
+        {/if}
+        {#if f.node.icon}<span class="inline-flex shrink-0">{@render f.node.icon()}</span>{/if}
+        <span class="truncate [color:var(--ui-color-text)]">{f.node.label}</span>
+      </div>
+    </li>
+  {/each}
+</ul>

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

@@ -0,0 +1,26 @@
+import type { Snippet } from "svelte";
+export type TreeNode = {
+    label: string;
+    /** Stable key; falls back to the index path when omitted. */
+    id?: string;
+    icon?: Snippet;
+    children?: TreeNode[];
+    disabled?: boolean;
+};
+import type { Variant } from "../../types/variants.js";
+import type { Size } from "../../types/sizes.js";
+import { type Responsive } from "../../types/responsive.js";
+type $$ComponentProps = {
+    items: TreeNode[];
+    /** Keys of expanded nodes (bindable). */
+    expanded?: string[];
+    /** Key of the selected node (bindable). */
+    selected?: string;
+    onselect?: (node: TreeNode, key: string) => void;
+    variant?: Variant;
+    size?: Responsive<Size>;
+    class?: string;
+};
+declare const Tree: import("svelte").Component<$$ComponentProps, {}, "selected" | "expanded">;
+type Tree = ReturnType<typeof Tree>;
+export default Tree;

package/dist/components/Tree/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tree } from "./Tree.svelte";
+export type { TreeNode } from "./Tree.svelte";

package/dist/components/Tree/index.js

@@ -0,0 +1 @@
+export { default as Tree } from "./Tree.svelte";

package/dist/index.d.ts

@@ -2,6 +2,8 @@ export { default as Alert } from "./components/Alert.svelte";
 export { default as Banner } from "./components/Banner.svelte";
 export { default as Badge } from "./components/Badge/Badge.svelte";
 export { Chip } from "./components/Chip/index.js";
+export { Kbd } from "./components/Kbd/index.js";
+export { EmptyState } from "./components/EmptyState/index.js";
 export { Avatar, AvatarGroup } from "./components/Avatar/index.js";
 export type { AvatarShape, AvatarStatus, AvatarItem } from "./components/Avatar/index.js";
 export { default as Button } from "./components/Button.svelte";
@@ -10,6 +12,9 @@ export { default as Card } from "./components/Card.svelte";
 export { default as CardHeader } from "./components/CardHeader.svelte";
 export { default as CardBody } from "./components/CardBody.svelte";
 export { default as CardFooter } from "./components/CardFooter.svelte";
+export { Stat } from "./components/Stat/index.js";
+export { Timeline } from "./components/Timeline/index.js";
+export type { TimelineItem } from "./components/Timeline/index.js";
 export { default as Toaster } from "./components/Toast/Toaster.svelte";
 export { toast, getToasts, dismissToast, type ToastVariant, type ToastItem, } from "./components/Toast/toast.svelte.js";
 export { default as Dialog } from "./components/Dialog.svelte";
@@ -45,6 +50,11 @@ export { default as ThemeSelector } from "./components/ThemeSelector.svelte";
 export { default as ThemeToggle } from "./components/ThemeToggle.svelte";
 export { default as Popup } from "./components/Popup.svelte";
 export { default as Menu } from "./components/Menu.svelte";
+export { ContextMenu } from "./components/ContextMenu/index.js";
+export { CommandPalette } from "./components/CommandPalette/index.js";
+export type { Command } from "./components/CommandPalette/index.js";
+export { Tree } from "./components/Tree/index.js";
+export type { TreeNode } from "./components/Tree/index.js";
 export type { MenuItem } from "./data/table/types.js";
 export { ButtonGroup } from "./components/ButtonGroup/index.js";
 export type { ButtonGroupItem, ButtonGroupSelect } from "./components/ButtonGroup/index.js";
@@ -54,6 +64,9 @@ export { default as Radio } from "./components/Radio.svelte";
 export { default as FieldGroup } from "./components/FieldGroup.svelte";
 export { default as Grid } from "./components/Grid.svelte";
 export { Divider } from "./components/Divider/index.js";
+export { ScrollArea } from "./components/ScrollArea/index.js";
+export { Splitter } from "./components/Splitter/index.js";
+export { Carousel } from "./components/Carousel/index.js";
 export type { Columns, Gap } from "./components/field-group.js";
 export { Stepper } from "./components/Stepper/index.js";
 export type { StepItem } from "./components/Stepper/index.js";

package/dist/index.js

@@ -3,6 +3,8 @@ export { default as Alert } from "./components/Alert.svelte";
 export { default as Banner } from "./components/Banner.svelte";
 export { default as Badge } from "./components/Badge/Badge.svelte";
 export { Chip } from "./components/Chip/index.js";
+export { Kbd } from "./components/Kbd/index.js";
+export { EmptyState } from "./components/EmptyState/index.js";
 export { Avatar, AvatarGroup } from "./components/Avatar/index.js";
 export { default as Button } from "./components/Button.svelte";
 export { default as ButtonDropdown } from "./components/ButtonDropdown.svelte";
@@ -10,6 +12,8 @@ export { default as Card } from "./components/Card.svelte";
 export { default as CardHeader } from "./components/CardHeader.svelte";
 export { default as CardBody } from "./components/CardBody.svelte";
 export { default as CardFooter } from "./components/CardFooter.svelte";
+export { Stat } from "./components/Stat/index.js";
+export { Timeline } from "./components/Timeline/index.js";
 // Toast notifications — `toast.*` pushes from anywhere; mount <Toaster /> once at the app root.
 export { default as Toaster } from "./components/Toast/Toaster.svelte";
 export { toast, getToasts, dismissToast, } from "./components/Toast/toast.svelte.js";
@@ -48,6 +52,9 @@ export { default as ThemeToggle } from "./components/ThemeToggle.svelte";
 // Utility Components
 export { default as Popup } from "./components/Popup.svelte";
 export { default as Menu } from "./components/Menu.svelte";
+export { ContextMenu } from "./components/ContextMenu/index.js";
+export { CommandPalette } from "./components/CommandPalette/index.js";
+export { Tree } from "./components/Tree/index.js";
 export { ButtonGroup } from "./components/ButtonGroup/index.js";
 export { default as Checkbox } from "./components/Checkbox.svelte";
 export { default as Toggle } from "./components/Toggle.svelte";
@@ -55,6 +62,9 @@ export { default as Radio } from "./components/Radio.svelte";
 export { default as FieldGroup } from "./components/FieldGroup.svelte";
 export { default as Grid } from "./components/Grid.svelte";
 export { Divider } from "./components/Divider/index.js";
+export { ScrollArea } from "./components/ScrollArea/index.js";
+export { Splitter } from "./components/Splitter/index.js";
+export { Carousel } from "./components/Carousel/index.js";
 export { Stepper } from "./components/Stepper/index.js";
 export { default as Disclosure } from "./components/Disclosure.svelte";
 export { default as Accordion } from "./components/Accordion.svelte";

package/docs/components.md

@@ -617,3 +617,109 @@ src/lib/components/ComponentName/
 ```
 src/lib/components/ComponentName.svelte
 ```
+
+### Kbd
+
+Keyboard-key display (`<kbd>` keycap).
+
+- **Location**: `src/lib/components/Kbd/Kbd.svelte`
+- **Axes**: `size`
+- **Props**: `keys` (`string[]` combo, joined with `+`), `text`/`children` (single key), `class`
+- **Theming**: `--ui-color-surface` fill + `--ui-border-color` border with a shallow inset bottom shadow
+
+### EmptyState
+
+Zero-data / empty placeholder — icon + title + description + optional action.
+
+- **Location**: `src/lib/components/EmptyState/EmptyState.svelte`
+- **Axes**: `variant` (icon-badge accent), `size`
+- **Props**: `title`, `description`, `icon` (snippet; default inbox), `action` (CTA snippet),
+  `children`, `class`
+
+### Stat
+
+Metric/KPI card — label, value, delta, icon. Built on `Card`.
+
+- **Location**: `src/lib/components/Stat/Stat.svelte`
+- **Axes**: `variant` (icon-badge accent), `size` (value scale)
+- **Props**: `label`, `value`, `delta` (number → arrow; string → as-is), `deltaLabel`, `invertDelta`
+  (negative is good), `icon` (snippet), `class`
+- **Theming**: rising delta success / falling danger / flat muted; icon badge tints from the variant
+
+### Timeline
+
+Vertical event sequence — marker + connecting line + title/time/description.
+
+- **Location**: `src/lib/components/Timeline/Timeline.svelte`
+- **Axes**: `variant` (default marker accent; per-item override), `size`
+- **Props**: `items` (`TimelineItem[]` = `{ title, time?, description?, icon?, variant?, content? }`), `class`
+- **Theming**: icon marker = variant token @16% badge; dot = solid token; connector `--ui-border-color`
+
+### ContextMenu
+
+Right-click menu over any content; opens `Menu` at the pointer.
+
+- **Location**: `src/lib/components/ContextMenu/ContextMenu.svelte`
+- **Props**: `items` (`MenuItem[]`), `size`, `variant`, `disabled` (leaves the native menu), `class`,
+  `children` (the right-clickable content)
+- **Composition**: `Menu` anchored to a 0-size point at the pointer; flips/shifts at edges
+
+### Tree
+
+Hierarchical, expandable tree view (ARIA `tree`).
+
+- **Location**: `src/lib/components/Tree/Tree.svelte`
+- **Axes**: `variant` (selected-row tint), `size`
+- **Props**: `items` (`TreeNode[]` = `{ label, id?, icon?, children?, disabled? }`), `expanded`
+  (bindable `string[]`), `selected` (bindable key), `onselect`, `class`
+- **Keyboard**: roving tabindex — ↑/↓ move, → expand/into child, ← collapse/to parent, Enter/Space
+  select, Home/End
+- **Accessibility**: `role="tree"`/`treeitem` with `aria-level`/`-expanded`/`-selected`/`-disabled`
+
+### ScrollArea
+
+Scroll container with a themed thin scrollbar.
+
+- **Location**: `src/lib/components/ScrollArea/ScrollArea.svelte`
+- **Props**: `orientation` (`vertical`/`horizontal`/`both`), `maxHeight`/`height` (CSS length), `variant`
+  (thumb accent; default neutral text-tint), `class`, `children`
+- **Theming**: thumb = accent @28% (hover @45%), transparent track, rounded; Firefox `scrollbar-color`/
+  `-width:thin` + WebKit `::-webkit-scrollbar` both styled
+
+### Splitter
+
+Two resizable panes with a draggable divider.
+
+- **Location**: `src/lib/components/Splitter/Splitter.svelte`
+- **Props**: `start`/`end` (snippets), `orientation` (`horizontal`/`vertical`), `size` (bindable %),
+  `min`/`max`/`step`, `variant` (handle accent), `disabled`, `class`
+- **Interaction**: drag the handle or focus it and use ←/→ (or ↑/↓) + Home/End
+- **Accessibility**: WAI-ARIA window-splitter — `role="separator"`, `aria-orientation`,
+  `aria-valuenow`/`min`/`max`, focusable
+
+### Carousel
+
+Sliding, one-at-a-time viewport with controls + dot indicators.
+
+- **Location**: `src/lib/components/Carousel/Carousel.svelte`
+- **Props**: `items` (`T[]`) + `slide` (`Snippet<[item, index]>`), `index` (bindable), `loop`,
+  `autoplay` (ms; pauses on hover/focus), `controls`, `indicators`, `variant`, `ariaLabel`, `class`
+- **Interaction**: prev/next `Button`s, clickable dots, ←/→ keys; `loop` wraps or clamps at ends
+- **Accessibility**: `role="region"` carousel + per-slide `role="group"` (`aria-label="N of M"`, hidden
+  when off); dots are `<button>`s with `aria-current`
+
+### CommandPalette
+
+⌘K/Ctrl+K fuzzy command launcher — a top-centered modal overlay with a search field + filtered,
+grouped, keyboard-navigable command list.
+
+- **Location**: `src/lib/components/CommandPalette/CommandPalette.svelte`
+- **Props**: `open` (bindable), `commands` (`Command[]` = `{ label, keywords?, group?, icon?,
+  shortcut?, disabled?, onrun }`), `hotkey` (default `"mod+k"`; `mod` = ⌘ on macOS / Ctrl elsewhere;
+  `""` disables), `placeholder`, `empty` (no-match text), `onopen`
+- **Interaction**: hotkey toggles open; typing filters (label + keywords); ↑/↓ move (wrapping), Enter
+  runs the highlighted command, Esc / backdrop close; shortcuts render as `Kbd`
+- **Behavior**: portals to `<body>`; on open resets query/highlight, locks scroll, focuses input; on
+  close restores focus. Disabled commands are inert.
+- **Composition**: `Input` (search) + `Kbd` (shortcuts); `role="dialog"`/`combobox`/`listbox` wiring
+- **Exports**: `CommandPalette` + the `Command` type

package/docs/usage.md

@@ -776,6 +776,172 @@ A navigation trail; the last item is the current page. `maxItems` collapses the
 <Breadcrumbs items={trail} maxItems={4} separator="/" />
 ```
 
+### Tree
+
+A hierarchical, expandable tree.
+
+```svelte
+<script>
+  import { Tree } from "@spaethtech/svelte-ui";
+  const items = [
+    { label: "src", children: [{ label: "index.ts" }, { label: "app.css" }] },
+    { label: "package.json" },
+  ];
+  let expanded = $state(["0"]); // key = id or index path
+  let selected = $state("");
+</script>
+
+<Tree {items} bind:expanded bind:selected onselect={(n) => console.log(n.label)} />
+```
+
+### ContextMenu
+
+A right-click menu over any content.
+
+```svelte
+<script>
+  import { ContextMenu } from "@spaethtech/svelte-ui";
+  const items = [
+    { label: "Open", onclick: () => {} },
+    { label: "Delete", danger: true, onclick: () => {} },
+  ];
+</script>
+
+<ContextMenu {items}>
+  <div>Right-click me</div>
+</ContextMenu>
+```
+
+### Timeline
+
+A vertical event sequence.
+
+```svelte
+<script>
+  import { Timeline } from "@spaethtech/svelte-ui";
+  const items = [
+    { title: "Order placed", time: "Mon 9:14 AM", variant: "success" },
+    { title: "Shipped", time: "Tue 8:05 AM", variant: "primary" },
+    { title: "Out for delivery", time: "Wed" },
+  ];
+</script>
+
+<Timeline {items} />
+```
+
+### Carousel
+
+A sliding viewport with controls + dots.
+
+```svelte
+<script>
+  import { Carousel } from "@spaethtech/svelte-ui";
+  const photos = [{ url: "/1.jpg" }, { url: "/2.jpg" }];
+  let index = $state(0);
+</script>
+
+<Carousel items={photos} bind:index autoplay={4000}>
+  {#snippet slide(photo, i)}
+    <img src={photo.url} class="w-full h-64 object-cover" />
+  {/snippet}
+</Carousel>
+```
+
+### CommandPalette
+
+A ⌘K/Ctrl+K fuzzy command launcher.
+
+```svelte
+<script>
+  import { CommandPalette, type Command } from "@spaethtech/svelte-ui";
+  let open = $state(false);
+  const commands: Command[] = [
+    { label: "New file", group: "Actions", shortcut: ["⌘", "N"], onrun: () => create() },
+    { label: "Open settings", group: "Actions", onrun: () => goto("/settings") },
+    { label: "Toggle theme", keywords: ["dark", "light"], onrun: () => toggleTheme() },
+  ];
+</script>
+
+<!-- ⌘K / Ctrl+K opens it anywhere; or bind:open from your own trigger -->
+<CommandPalette bind:open {commands} />
+```
+
+### Splitter
+
+Two resizable panes with a draggable divider.
+
+```svelte
+<script>
+  import { Splitter } from "@spaethtech/svelte-ui";
+  let size = $state(35);
+</script>
+
+<Splitter bind:size class="h-64">
+  {#snippet start()}<aside>Sidebar</aside>{/snippet}
+  {#snippet end()}<main>Content</main>{/snippet}
+</Splitter>
+```
+
+### ScrollArea
+
+A themed scroll container.
+
+```svelte
+<script>
+  import { ScrollArea } from "@spaethtech/svelte-ui";
+</script>
+
+<ScrollArea maxHeight="16rem" variant="primary">
+  <!-- long content scrolls with a themed thin scrollbar -->
+</ScrollArea>
+
+<ScrollArea orientation="horizontal">…</ScrollArea>
+```
+
+### Stat
+
+Metric/KPI cards; lay several in a `Grid`.
+
+```svelte
+<script>
+  import { Stat, Grid } from "@spaethtech/svelte-ui";
+</script>
+
+<Grid columns={{ base: 1, sm: 3 }} gap={4}>
+  <Stat label="Revenue" value="$48,120" delta="+12.4%" deltaLabel="vs last month" variant="success" />
+  <Stat label="Active users" value="8,241" delta={-3.1} deltaLabel="vs last week" />
+  <Stat label="Error rate" value="0.8%" delta={-0.2} invertDelta />
+</Grid>
+```
+
+### EmptyState
+
+A zero-data placeholder with an optional action.
+
+```svelte
+<script>
+  import { EmptyState, Button } from "@spaethtech/svelte-ui";
+</script>
+
+<EmptyState title="No projects yet" description="Create your first project to get started.">
+  {#snippet action()}<Button text="New project" variant="primary" />{/snippet}
+</EmptyState>
+```
+
+### Kbd
+
+Keyboard-key display.
+
+```svelte
+<script>
+  import { Kbd } from "@spaethtech/svelte-ui";
+</script>
+
+<Kbd text="Esc" />
+<Kbd keys={["Ctrl", "K"]} />
+<Kbd keys={["⌘", "⇧", "P"]} size="lg" />
+```
+
 ### Chip
 
 An interactive pill — filter/choice tokens, removable tags, clickable labels.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaethtech/svelte-ui",
-  "version": "0.14.1-dev.65.3b37f4b",
+  "version": "0.15.1-dev.67.fbf3875",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/spaethtech/svelte-ui.git"