sprintify-ui 0.0.86 → 0.0.87

package/dist/sprintify-ui.es.js

@@ -2451,8 +2451,10 @@ const ds = { class: "relative" }, fs = { class: "relative" }, ms = ["value", "pl
                 }, [
                   Q(W.$slots, "option", {
                     option: he.option,
-                    selected: C(() => h(M)(he)).value,
-                    active: h(t) && h(t).value == he.value
+                    selected: C(() => h(M)(he)),
+                    active: C(
+                      () => h(t) && h(t).value == he.value
+                    )
                   }, () => [
                     v("div", {
                       class: N(["flex items-center rounded px-2 py-1 text-sm", [ne(he), h(Y)]])

package/dist/types/src/components/BaseAutocomplete.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, ComputedRef } from 'vue';
 import { NormalizedOption, Option } from '@/types';
 declare const _default: {
     new (...args: any[]): {
@@ -403,8 +403,8 @@ declare const _default: {
         empty: (_: {}) => any;
         option: (_: {
             option: Option;
-            selected: boolean;
-            active: boolean;
+            selected: ComputedRef<boolean>;
+            active: ComputedRef<boolean>;
         }) => any;
         footer: (_: {
             options: NormalizedOption[];

package/dist/types/src/components/BaseAutocompleteFetch.vue.d.ts

@@ -353,8 +353,8 @@ declare const _default: {
     $slots: {
         option: (_: {
             option: Option;
-            selected: boolean;
-            active: boolean;
+            selected: import("vue").ComputedRef<boolean>;
+            active: import("vue").ComputedRef<boolean>;
         }) => any;
         footer: (_: {
             options: import("@/types").NormalizedOption[];

package/dist/types/src/components/BaseBelongsTo.vue.d.ts

@@ -359,8 +359,8 @@ declare const _default: {
     $slots: {
         option: (_: {
             option: Option;
-            selected: boolean;
-            active: boolean;
+            selected: import("vue").ComputedRef<boolean>;
+            active: import("vue").ComputedRef<boolean>;
         }) => any;
         empty: (_: {
             firstSearch: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.86",
+  "version": "0.0.87",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAutocomplete.stories.js

@@ -111,12 +111,12 @@ export const SlotOption = (args) => ({
     <div
       class="rounded px-2 font-semibold py-1 text-sm"
       :class="{
-        'hover:bg-slate-100': !active && !selected,
-        'bg-slate-200 hover:bg-slate-300': active && !selected,
-        'bg-blue-500 text-white hover:bg-blue-600': !active && selected,
-        'bg-blue-600 text-white hover:bg-blue-700': active && selected,
+        'hover:bg-slate-100': !active.value && !selected.value,
+        'bg-slate-200 hover:bg-slate-300': active.value && !selected.value,
+        'bg-blue-500 text-white hover:bg-blue-600': !active.value && selected.value,
+        'bg-blue-600 text-white hover:bg-blue-700': active.value && selected.value,
       }"
-      :style="{ color: selected ? '' : option.value }"
+      :style="{ color: selected.value ? '' : option.value }"
     >
       {{ option.label }}
     </div>

package/src/components/BaseAutocomplete.vue

@@ -95,8 +95,12 @@
                 <slot
                   name="option"
                   :option="option.option"
-                  :selected="computed(() => isSelected(option)).value"
-                  :active="optionActive && optionActive.value == option.value"
+                  :selected="computed(() => isSelected(option))"
+                  :active="
+                    computed(
+                      () => optionActive && optionActive.value == option.value
+                    )
+                  "
                 >
                   <div
                     class="flex items-center rounded px-2 py-1 text-sm"