@rokkit/forms 1.0.0-next.127 → 1.0.0-next.129

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/forms",
-  "version": "1.0.0-next.127",
+  "version": "1.0.0-next.129",
   "module": "src/index.js",
   "author": "Jerry Thomas <me@jerrythomas.name>",
   "license": "MIT",

package/src/Input.svelte

@@ -24,7 +24,7 @@
 	{@const Component = resolveRenderer({ type, props: restProps }, allRenderers)}
 	<div data-input-root>
 		{#if icon}
-			<span class={icon} aria-hidden="true"></span>
+			<span data-input-icon class={icon} aria-hidden="true"></span>
 		{/if}
 		<Component bind:value {onchange} {oninput} {onfocus} {onblur} {...extraProps} {...restProps} />
 	</div>

package/src/input/InputCheckbox.svelte

@@ -1,5 +1,5 @@
 <script>
-	import { defaultStateIcons } from '@rokkit/core'
+	import { DEFAULT_STATE_ICONS } from '@rokkit/core'
 	import { isNil } from 'ramda'
 
 	/**
@@ -49,7 +49,7 @@
 	}
 
 	let checked = $derived(Boolean(value))
-	let stateIcons = $derived({ ...defaultStateIcons.checkbox, ...icons })
+	let stateIcons = $derived({ ...DEFAULT_STATE_ICONS.checkbox, ...icons })
 	let icon = $derived(stateIcons[isNil(value) ? 'unknown' : value ? 'checked' : 'unchecked'])
 </script>
 

package/src/input/InputRadio.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { getItemAtIndex, getIndexForItem, noop } from '@rokkit/core'
-	import { Proxy as RokProxy } from '@rokkit/states'
+	import { ProxyItem } from '@rokkit/states'
 	// import { equals } from 'ramda'
 	/**
 	 * @typedef {Object} InputRadioProps
@@ -42,7 +42,7 @@
 
 <radio-group class={className} class:disabled>
 	{#each options as item, index (index)}
-		{@const proxy = new RokProxy(item, fields)}
+		{@const proxy = new ProxyItem(item, fields)}
 		<label class="flex flex-row items-center gap-2 rtl:flex-row-reverse">
 			<input
 				type="radio"
@@ -54,7 +54,7 @@
 				{onfocus}
 				{onblur}
 			/>
-			<p>{proxy.get('text')}</p>
+			<p>{proxy.label}</p>
 		</label>
 	{/each}
 </radio-group>

package/src/input/InputSelect.svelte

@@ -27,7 +27,7 @@
 	// Check if options include an empty string (used as "none" option)
 	const hasEmptyOption = $derived(options.some((opt) => opt === '' || (typeof opt === 'object' && opt?.value === '')))
 
-	// Filter out empty strings — Select + ItemProxy handles string options natively
+	// Filter out empty strings — Select + ProxyItem handles string options natively
 	const filteredOptions = $derived(
 		hasEmptyOption
 			? options.filter((opt) => opt !== '' && !(typeof opt === 'object' && opt?.value === ''))
@@ -39,7 +39,7 @@
 </script>
 
 <Select
-	options={filteredOptions}
+	items={filteredOptions}
 	{fields}
 	bind:value
 	placeholder={effectivePlaceholder}