sprintify-ui 0.0.87 → 0.0.88

package/dist/sprintify-ui.es.js

@@ -2451,10 +2451,8 @@ const ds = { class: "relative" }, fs = { class: "relative" }, ms = ["value", "pl
                 }, [
                   Q(W.$slots, "option", {
                     option: he.option,
-                    selected: C(() => h(M)(he)),
-                    active: C(
-                      () => h(t) && h(t).value == he.value
-                    )
+                    selected: h(M)(he),
+                    active: 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, ComputedRef } from 'vue';
+import { PropType } 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: ComputedRef<boolean>;
-            active: ComputedRef<boolean>;
+            selected: boolean;
+            active: 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: import("vue").ComputedRef<boolean>;
-            active: import("vue").ComputedRef<boolean>;
+            selected: boolean;
+            active: 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: import("vue").ComputedRef<boolean>;
-            active: import("vue").ComputedRef<boolean>;
+            selected: boolean;
+            active: boolean;
         }) => any;
         empty: (_: {
             firstSearch: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.87",
+  "version": "0.0.88",
   "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.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,
+        '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,
       }"
-      :style="{ color: selected.value ? '' : option.value }"
+      :style="{ color: selected ? '' : option.value }"
     >
       {{ option.label }}
     </div>

package/src/components/BaseAutocomplete.vue

@@ -95,12 +95,8 @@
                 <slot
                   name="option"
                   :option="option.option"
-                  :selected="computed(() => isSelected(option))"
-                  :active="
-                    computed(
-                      () => optionActive && optionActive.value == option.value
-                    )
-                  "
+                  :selected="isSelected(option)"
+                  :active="optionActive && optionActive.value == option.value"
                 >
                   <div
                     class="flex items-center rounded px-2 py-1 text-sm"
@@ -156,7 +152,7 @@
 
 <script lang="ts" setup>
 import { get } from 'lodash';
-import { PropType, Ref, ComputedRef, computed } from 'vue';
+import { PropType, Ref, ComputedRef } from 'vue';
 import { NormalizedOption, Option } from '@/types';
 import { useInfiniteScroll } from '@vueuse/core';
 import BaseSkeleton from '@/components/BaseSkeleton.vue';