@rokkit/ui 1.0.0-next.128 → 1.0.0-next.130

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/ui",
-  "version": "1.0.0-next.128",
+  "version": "1.0.0-next.130",
   "description": "Data driven UI components for Rokkit applications",
   "type": "module",
   "svelte": "./src/index.ts",
@@ -35,10 +35,10 @@
     "dropdown"
   ],
   "dependencies": {
-    "@rokkit/core": "1.0.0-next.128",
-    "@rokkit/data": "1.0.0-next.128",
-    "@rokkit/states": "1.0.0-next.128",
-    "@rokkit/actions": "1.0.0-next.128"
+    "@rokkit/core": "1.0.0-next.130",
+    "@rokkit/data": "1.0.0-next.130",
+    "@rokkit/states": "1.0.0-next.130",
+    "@rokkit/actions": "1.0.0-next.130"
   },
   "peerDependencies": {
     "shiki": "^3.23.0",

package/src/components/BreadCrumbs.svelte

@@ -71,6 +71,18 @@
 							{@render defaultCrumb(proxy, isLast)}
 						{/if}
 					</span>
+				{:else if proxy.get('href')}
+					<a
+						href={proxy.get('href')}
+						data-breadcrumb-link
+						onclick={() => handleClick(proxy)}
+					>
+						{#if crumb}
+							{@render crumb(proxy, isLast)}
+						{:else}
+							{@render defaultCrumb(proxy, isLast)}
+						{/if}
+					</a>
 				{:else}
 					<button
 						type="button"

package/src/components/List.svelte

@@ -91,7 +91,7 @@
 </script>
 
 {#snippet collapsibleIcon(proxy: ProxyItem)}
-  {#if collapsible}
+  {#if collapsible && proxy.hasChildren}
 		<span
 			data-list-expand-icon
 			class={proxy.expanded ? icons.opened : icons.closed}
@@ -139,6 +139,7 @@
 				{:else}
 				<ItemContent {proxy} />
 				{/if}
+
         {@render collapsibleIcon(proxy)}
 			</button>
 		{:else if proxy.get('href')}
@@ -160,7 +161,6 @@
 				{:else}
 				<ItemContent {proxy} />
 				{/if}
-				{@render collapsibleIcon(proxy)}
 			</a>
 		{:else}
 			<!--

package/src/components/Reveal.svelte

@@ -36,23 +36,11 @@
 		class: className = '',
 		children
 	}: RevealProps = $props()
-
-	let el: HTMLDivElement | null = $state(null)
-
-	function handleReveal(e: CustomEvent<{ visible: boolean }>) {
-		if (!e.detail.visible || stagger <= 0 || !el) return
-		const children = el.children
-		for (let i = 0; i < children.length; i++) {
-			;(children[i] as HTMLElement).style.transitionDelay = `${delay + i * stagger}ms`
-		}
-	}
 </script>
 
 <div
-	bind:this={el}
 	class={className || undefined}
-	use:reveal={{ direction, distance, duration, delay: stagger > 0 ? 0 : delay, once, threshold, easing }}
-	onreveal={handleReveal}
+	use:reveal={{ direction, distance, duration, delay, stagger, once, threshold, easing }}
 >
 	{@render children?.()}
 </div>

package/src/components/Select.svelte

@@ -98,7 +98,7 @@
 	let filterQuery = $state('')
 	let filterInputRef = $state<HTMLInputElement | null>(null)
 
-	const textField = $derived(fields?.text || 'text')
+	const textField = $derived(fields?.label || 'label')
 	const childrenField = $derived(fields?.children || 'children')
 
 	const filteredItems = $derived.by(() => {

package/src/types/menu.ts

@@ -21,7 +21,7 @@ export interface MenuProps {
 	/** Array of items (same as List: supports groups, separators, nested children) */
 	items?: unknown[]
 
-	/** Field mapping — overrides BASE_FIELDS defaults (text → 'text', value → 'value', …) */
+	/** Field mapping — overrides BASE_FIELDS defaults (label → 'label', value → 'value', …) */
 	fields?: Record<string, string>
 
 	/** Current active value (highlights matching item) */