ui-ingredients 0.0.38 → 0.0.39

package/dist/combobox/create-combobox.svelte.js

@@ -39,7 +39,6 @@ export function createCombobox(props) {
         const o = combobox.connect(state, send, normalizeProps);
         return {
             ...o,
-            collection,
             getInputProps() {
                 return {
                     'aria-describedby': field?.['aria-describedby'],

package/dist/field/root.svelte

@@ -13,22 +13,25 @@
 
 <script lang="ts">
   import {mergeProps} from '../merge-props.js';
+  import {reflect} from '@zag-js/svelte';
   import {createSplitProps} from '@zag-js/utils';
   import {setFieldContext} from './context.svelte.js';
   import {createField} from './create-field.svelte.js';
 
   let {asChild, children, ...props}: FieldProps = $props();
 
-  let [fieldProps, otherProps] = createSplitProps<CreateFieldProps>([
-    'id',
-    'ids',
-    'invalid',
-    'disabled',
-    'readOnly',
-    'required',
-  ])(props);
-
-  let field = createField(fieldProps);
+  let [fieldProps, otherProps] = $derived(
+    createSplitProps<CreateFieldProps>([
+      'id',
+      'ids',
+      'invalid',
+      'disabled',
+      'readOnly',
+      'required',
+    ])(props),
+  );
+
+  let field = createField(reflect(() => fieldProps));
 
   let mergedProps = $derived(mergeProps(otherProps, field.getRootProps()));
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.38",
+  "version": "0.0.39",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -147,6 +147,8 @@
     "release-it": "17.6.0",
     "svelte": "5.0.0-next.241",
     "svelte-check": "3.8.6",
+    "tailwind-merge": "2.5.2",
+    "tailwind-variants": "0.2.1",
     "tailwindcss": "3.4.10",
     "typescript": "5.5.4",
     "vite": "5.4.2",