@pzerelles/headlessui-svelte 2.1.2-next.12 → 2.1.2-next.13

package/dist/internal/floating.svelte.js

@@ -234,7 +234,7 @@ function useResolvePxValue(options) {
     const immediateValue = $derived(computeValue(input, element)[0]);
     let explicitValue = $state();
     const setValue = (value) => (explicitValue = value);
-    const value = explicitValue ?? immediateValue;
+    const value = $derived(explicitValue ?? immediateValue);
     $effect(() => {
         const [value, watcher] = computeValue(input, element);
         setValue(value);

package/dist/listbox/ListboxOption.svelte

@@ -27,7 +27,8 @@ let {
 const usedInSelectedOption = getContext("SelectedOptionContext") === true;
 const data = useData("ListboxOption");
 const actions = useActions("ListboxOption");
-const active = $derived(data.activeOptionIndex !== null ? data.options[data.activeOptionIndex].id === id : false);
+const { activeOptionIndex, options } = $derived(data);
+const active = $derived(activeOptionIndex !== null ? options[activeOptionIndex].id === id : false);
 const selected = $derived(data.isSelected(value));
 const getTextValue = useTextValue({
   get element() {

package/dist/listbox/ListboxOptions.svelte

@@ -245,13 +245,65 @@ const ourProps = $derived({
   }),
   ...transitionDataAttributes(transitionData)
 });
-const derivedData = {
+const derivedData = $derived({
   ...data,
   get isSelected() {
     return data.mode === ValueMode.Multi ? data.isSelected : isSelected;
   }
-};
-setContext("ListboxDataContext", derivedData);
+});
+setContext("ListboxDataContext", {
+  get value() {
+    return data.value;
+  },
+  get disabled() {
+    return data.disabled;
+  },
+  get invalid() {
+    return data.invalid;
+  },
+  get mode() {
+    return data.mode;
+  },
+  get orientation() {
+    return data.orientation;
+  },
+  get activeOptionIndex() {
+    return data.activeOptionIndex;
+  },
+  get compare() {
+    return data.compare;
+  },
+  get isSelected() {
+    return data.mode === ValueMode.Multi ? data.isSelected : isSelected;
+  },
+  get optionsProps() {
+    return data.optionsProps;
+  },
+  get listElements() {
+    return data.listElements;
+  },
+  get buttonElement() {
+    return data.buttonElement;
+  },
+  get optionsElement() {
+    return data.optionsElement;
+  },
+  get listboxState() {
+    return data.listboxState;
+  },
+  get options() {
+    return data.options;
+  },
+  get searchQuery() {
+    return data.searchQuery;
+  },
+  get activationTrigger() {
+    return data.activationTrigger;
+  },
+  get __demoMode() {
+    return data.__demoMode;
+  }
+});
 </script>
 
 <Portal enabled={portal ? theirProps.static || visible : false}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pzerelles/headlessui-svelte",
-  "version": "2.1.2-next.12",
+  "version": "2.1.2-next.13",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",