@scalar/components 0.13.58 → 0.13.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarSearchResultItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultItem.vue"],"names":[],"mappings":"AA4DA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAWF,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;sBAXxB,GAAG;yBACA,GAAG;uBACL,GAAG;6BACG,GAAG;;;;EAanC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ScalarSearchResultItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultItem.vue"],"names":[],"mappings":"AA6DA,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAWF,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;sBAXxB,GAAG;yBACA,GAAG;uBACL,GAAG;6BACG,GAAG;;;;EAanC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,16 +1,16 @@
1
- import { defineComponent as d, createElementBlock as t, openBlock as o, mergeProps as a, unref as l, createCommentVNode as s, createElementVNode as n, renderSlot as r, createBlock as m } from "vue";
1
+ import { defineComponent as a, createElementBlock as o, openBlock as t, mergeProps as d, unref as l, createCommentVNode as s, createElementVNode as n, renderSlot as r, createBlock as m } from "vue";
2
2
  import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
3
3
  import u from "../ScalarIcon/ScalarIcon.vue.js";
4
4
  const f = ["aria-selected"], h = {
5
5
  key: 0,
6
6
  class: "flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1"
7
- }, k = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, x = { class: "flex items-center gap-1" }, _ = { class: "flex-1 truncate zoomed:!whitespace-normal break-words text-sm font-medium" }, g = {
7
+ }, x = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, k = { class: "flex items-center gap-1" }, _ = { class: "flex-1 truncate zoomed:!whitespace-normal break-words text-sm font-medium" }, g = {
8
8
  key: 0,
9
9
  class: "text-sm text-c-2"
10
10
  }, v = {
11
11
  key: 0,
12
12
  class: "truncate zoomed:!whitespace-normal break-words text-sm text-c-2"
13
- }, B = /* @__PURE__ */ d({
13
+ }, B = /* @__PURE__ */ a({
14
14
  inheritAttrs: !1,
15
15
  __name: "ScalarSearchResultItem",
16
16
  props: {
@@ -19,19 +19,20 @@ const f = ["aria-selected"], h = {
19
19
  },
20
20
  setup(b) {
21
21
  const { cx: c } = p();
22
- return (e, i) => (o(), t("li", a(
22
+ return (e, i) => (t(), o("a", d(
23
23
  {
24
24
  "aria-selected": e.selected,
25
- role: "option"
25
+ role: "option",
26
+ tabindex: "-1"
26
27
  },
27
28
  l(c)(
28
29
  "group flex cursor-pointer gap-2.5 rounded px-3 py-1.5 no-underline hover:bg-b-2",
29
30
  { "bg-b-2": e.selected }
30
31
  )
31
32
  ), [
32
- e.icon ? (o(), t("div", h, [
33
+ e.icon ? (t(), o("div", h, [
33
34
  r(e.$slots, "icon", {}, () => [
34
- e.icon ? (o(), m(l(u), {
35
+ e.icon ? (t(), m(l(u), {
35
36
  key: 0,
36
37
  icon: e.icon,
37
38
  size: "sm"
@@ -39,16 +40,16 @@ const f = ["aria-selected"], h = {
39
40
  ]),
40
41
  i[0] || (i[0] = n("span", null, " ", -1))
41
42
  ])) : s("", !0),
42
- n("div", k, [
43
- n("div", x, [
43
+ n("div", x, [
44
+ n("div", k, [
44
45
  n("div", _, [
45
46
  r(e.$slots, "default")
46
47
  ]),
47
- e.$slots.addon ? (o(), t("div", g, [
48
+ e.$slots.addon ? (t(), o("div", g, [
48
49
  r(e.$slots, "addon")
49
50
  ])) : s("", !0)
50
51
  ]),
51
- e.$slots.description ? (o(), t("div", v, [
52
+ e.$slots.description ? (t(), o("div", v, [
52
53
  r(e.$slots, "description")
53
54
  ])) : s("", !0)
54
55
  ])
@@ -1,4 +1,4 @@
1
- import { defineComponent as r, createElementBlock as n, openBlock as a, mergeProps as m, unref as u, renderSlot as s, createCommentVNode as f, createElementVNode as t } from "vue";
1
+ import { defineComponent as r, createElementBlock as n, openBlock as a, mergeProps as m, unref as f, renderSlot as s, createCommentVNode as i, createElementVNode as t } from "vue";
2
2
  import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
3
3
  const x = /* @__PURE__ */ r({
4
4
  inheritAttrs: !1,
@@ -6,9 +6,9 @@ const x = /* @__PURE__ */ r({
6
6
  props: {
7
7
  noResults: { type: Boolean }
8
8
  },
9
- setup(c) {
9
+ setup(u) {
10
10
  const { cx: l } = p();
11
- return (e, o) => (a(), n("ul", m({ role: "listbox" }, u(l)("flex flex-col")), [
11
+ return (e, o) => (a(), n("div", m({ role: "listbox" }, f(l)("flex flex-col")), [
12
12
  e.noResults ? s(e.$slots, "noResults", { key: 0 }, () => [
13
13
  o[0] || (o[0] = t("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [
14
14
  t("div", { class: "rotate-90 text-lg font-bold" }, ":("),
@@ -17,7 +17,7 @@ const x = /* @__PURE__ */ r({
17
17
  role: "alert"
18
18
  }, " No results found ")
19
19
  ], -1))
20
- ]) : f("", !0),
20
+ ]) : i("", !0),
21
21
  s(e.$slots, "default")
22
22
  ], 16));
23
23
  }
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "url": "git+https://github.com/scalar/scalar.git",
11
11
  "directory": "packages/components"
12
12
  },
13
- "version": "0.13.58",
13
+ "version": "0.13.59",
14
14
  "engines": {
15
15
  "node": ">=18"
16
16
  },
@@ -39,9 +39,9 @@
39
39
  "radix-vue": "^1.9.3",
40
40
  "vue": "^3.5.12",
41
41
  "@scalar/code-highlight": "0.0.29",
42
- "@scalar/icons": "0.3.6",
43
- "@scalar/use-hooks": "0.1.49",
44
- "@scalar/themes": "0.11.2",
42
+ "@scalar/icons": "0.3.7",
43
+ "@scalar/themes": "0.11.3",
44
+ "@scalar/use-hooks": "0.1.50",
45
45
  "@scalar/use-toasts": "0.7.10"
46
46
  },
47
47
  "devDependencies": {