@scalar/components 0.13.14 → 0.13.16

package/dist/components/ScalarFloating/ScalarFloating.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFloating.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"names":[],"mappings":"AAqHA,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAY,KAAK,IAAI,EAAiB,MAAM,KAAK,CAAA;AAGxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAsF9C,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;QAlIhD,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;QAVR,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;;;;;;EA6HT;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAMnB,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"}
+{"version":3,"file":"ScalarFloating.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFloating/ScalarFloating.vue"],"names":[],"mappings":"AAyHA,OAAO,EACL,KAAK,cAAc,EAOpB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAY,KAAK,IAAI,EAAiB,MAAM,KAAK,CAAA;AAGxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AA0F9C,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;QAtIhD,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;QAVR,kEAAkE;mBACvD,IAAI;QACf,2BAA2B;wBACX;YACd,4FAA4F;YAC5F,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,6FAA6F;YAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;YACf,gDAAgD;YAChD,IAAI,CAAC,EAAE,cAAc,CAAA;SACtB,GAAG,IAAI;;;;;;;EAiIT;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0SAMnB,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"}

package/dist/components/ScalarFloating/ScalarFloating.vue.js

@@ -16,11 +16,15 @@ const I = /* @__PURE__ */ z({
   setup(c) {
     const t = c, n = f(null), r = f(null), i = a(() => {
       var e;
-      if (typeof t.target == "string") {
-        const o = document.getElementById(t.target);
-        if (o) return o;
-        console.warn(`ScalarFloating: Target with id="${t.target}" not found`);
-      } else if (t.target instanceof HTMLElement) return t.target;
+      if (typeof window < "u") {
+        if (typeof t.target == "string") {
+          const o = document.getElementById(t.target);
+          if (o) return o;
+          console.warn(
+            `ScalarFloating: Target with id="${t.target}" not found`
+          );
+        } else if (t.target instanceof HTMLElement) return t.target;
+      }
       if (r.value)
         return ((e = r.value.children) == null ? void 0 : e[0]) || r.value;
     }), s = T(i, {
@@ -29,7 +33,7 @@ const I = /* @__PURE__ */ z({
       () => g(t.placement || "bottom") === "y" ? s.width.value : void 0
     ), h = a(
       () => g(t.placement || "bottom") === "x" ? s.height.value : void 0
-    ), { floatingStyles: v, middlewareData: y } = x(i, n, {
+    ), { floatingStyles: y, middlewareData: v } = x(i, n, {
       placement: a(() => t.placement),
       whileElementsMounted: C,
       middleware: a(() => [
@@ -65,10 +69,10 @@ const I = /* @__PURE__ */ z({
             ref_key: "floatingRef",
             ref: n,
             class: "relative z-overlay",
-            style: R(l(v))
+            style: R(l(y))
           }, [
             p(e.$slots, "floating", {
-              data: l(y),
+              data: l(v),
               height: h.value,
               width: u.value
             })

package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuTeamPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"names":[],"mappings":"AAkGA,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAK9D,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAA;IACvC,uCAAuC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAA;CAC9B,CAAC;;;;;;;;AAwLF,wBAOG"}
+{"version":3,"file":"ScalarMenuTeamPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"names":[],"mappings":"AAkGA,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAK9D,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAA;IACvC,uCAAuC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAA;CAC9B,CAAC;;;;;;;;AAyLF,wBAOG"}

package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as g, computed as b, openBlock as n, createBlock as u, unref as e, withCtx as o, createVNode as a, mergeProps as v, createElementVNode as k, createElementBlock as x, Fragment as C, renderList as S, createTextVNode as w } from "vue";
-import { DropdownMenu as m } from "radix-vue/namespaced";
+import { defineComponent as g, computed as b, openBlock as n, createBlock as u, unref as e, withCtx as r, createVNode as a, mergeProps as v, createElementVNode as k, createElementBlock as x, Fragment as C, renderList as S, createTextVNode as w } from "vue";
+import { DropdownMenu as s } from "radix-vue/namespaced";
 import V from "./ScalarMenuTeamProfile.vue.js";
 import $ from "./ScalarMenuLink.vue.js";
 import B from "../ScalarDropdown/ScalarDropdownMenu.vue.js";
-import p from "../ScalarDropdown/ScalarDropdownButton.vue.js";
+import c from "../ScalarDropdown/ScalarDropdownButton.vue.js";
 import I from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
-import f from "../ScalarIcon/ScalarIcon.vue.js";
+import p from "../ScalarIcon/ScalarIcon.vue.js";
 const M = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "ScalarMenuTeamPicker",
@@ -14,26 +14,26 @@ const M = /* @__PURE__ */ g({
     teams: {}
   },
   emits: ["update:team", "add"],
-  setup(c, { emit: _ }) {
-    const i = c, d = _, s = b({
+  setup(f, { emit: _ }) {
+    const i = f, d = _, m = b({
       get: () => {
-        var r;
-        return (r = i.team) == null ? void 0 : r.id;
+        var o;
+        return (o = i.team) == null ? void 0 : o.id;
       },
-      set: (r) => d(
+      set: (o) => d(
         "update:team",
-        i.teams.find((t) => t.id === r)
+        i.teams.find((t) => t.id === o)
       )
     });
-    return (r, t) => (n(), u(e(m).Sub, null, {
-      default: o(() => [
+    return (o, t) => (n(), u(e(s).Sub, null, {
+      default: r(() => [
         a(e($), v({
-          is: e(m).SubTrigger,
+          is: e(s).SubTrigger,
           icon: "UserSwitch"
-        }, r.$attrs), {
-          default: o(() => [
+        }, o.$attrs), {
+          default: r(() => [
             t[2] || (t[2] = k("div", null, "Change team", -1)),
-            a(e(f), {
+            a(e(p), {
               class: "ml-auto text-c-2 -mr-0.25",
               icon: "ChevronRight",
               size: "sm"
@@ -41,27 +41,27 @@ const M = /* @__PURE__ */ g({
           ]),
           _: 1
         }, 16, ["is"]),
-        a(e(m).Portal, null, {
-          default: o(() => [
-            a(e(m).SubContent, {
+        a(e(s).Portal, null, {
+          default: r(() => [
+            a(e(s).SubContent, {
               as: e(B),
               class: "max-h-radix-popper",
               sideOffset: 3
             }, {
-              default: o(() => [
-                a(e(m).RadioGroup, {
-                  modelValue: s.value,
-                  "onUpdate:modelValue": t[0] || (t[0] = (l) => s.value = l),
-                  as: "template"
+              default: r(() => [
+                a(e(s).RadioGroup, {
+                  modelValue: m.value,
+                  "onUpdate:modelValue": t[0] || (t[0] = (l) => m.value = l),
+                  class: "contents"
                 }, {
-                  default: o(() => [
-                    (n(!0), x(C, null, S(r.teams, (l) => (n(), u(e(m).RadioItem, {
+                  default: r(() => [
+                    (n(!0), x(C, null, S(o.teams, (l) => (n(), u(e(s).RadioItem, {
                       key: l.id,
-                      as: e(p),
+                      as: e(c),
                       class: "group/item",
                       value: l.id
                     }, {
-                      default: o(() => [
+                      default: r(() => [
                         a(V, {
                           class: "-ml-0.75 flex-1 min-w-0",
                           label: l.label,
@@ -69,7 +69,7 @@ const M = /* @__PURE__ */ g({
                         }, null, 8, ["label", "src"]),
                         a(e(I), {
                           class: "ml-auto",
-                          selected: l.id === s.value
+                          selected: l.id === m.value
                         }, null, 8, ["selected"])
                       ]),
                       _: 2
@@ -77,12 +77,12 @@ const M = /* @__PURE__ */ g({
                   ]),
                   _: 1
                 }, 8, ["modelValue"]),
-                a(e(m).Item, {
-                  as: e(p),
+                a(e(s).Item, {
+                  as: e(c),
                   onClick: t[1] || (t[1] = (l) => d("add"))
                 }, {
-                  default: o(() => [
-                    a(e(f), {
+                  default: r(() => [
+                    a(e(p), {
                       class: "bg-b-3 -ml-0.75 rounded p-0.75 size-5 text-c-3",
                       icon: "Add",
                       thickness: "1.75"

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuTeamProfile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"names":[],"mappings":"AAyCA,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;AA4FF,wBAMG"}
+{"version":3,"file":"ScalarMenuTeamProfile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"names":[],"mappings":"AA2CA,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;AA4FF,wBAMG"}

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as n, openBlock as r, createElementBlock as s, normalizeProps as a, guardReactiveProps as i, unref as t, Fragment as c, createTextVNode as m, toDisplayString as l, createBlock as d, createCommentVNode as u } from "vue";
-import { useBindCx as f } from "../../hooks/useBindCx.js";
-import p from "../ScalarIcon/ScalarIcon.vue.js";
-const b = ["src"], g = {
+import { defineComponent as n, openBlock as r, createElementBlock as t, normalizeProps as a, guardReactiveProps as i, unref as s, Fragment as c, createTextVNode as m, toDisplayString as l, createBlock as d, createCommentVNode as u } from "vue";
+import { useBindCx as p } from "../../hooks/useBindCx.js";
+import f from "../ScalarIcon/ScalarIcon.vue.js";
+const b = ["src"], h = {
   key: 1,
+  "aria-hidden": "true",
   class: "flex items-center justify-center text-3xs font-medium text-c-3 size-5 bg-b-3 rounded"
-}, h = {
+}, g = {
   key: 2,
   class: "flex-1 truncate"
 }, z = /* @__PURE__ */ n({
@@ -15,22 +16,23 @@ const b = ["src"], g = {
     label: {}
   },
   setup(k) {
-    const { cx: o } = f();
-    return (e, y) => (r(), s("div", a(i(t(o)("flex h-full items-center gap-1"))), [
-      e.src ? (r(), s("img", {
+    const { cx: o } = p();
+    return (e, y) => (r(), t("div", a(i(s(o)("flex h-full items-center gap-1"))), [
+      e.src ? (r(), t("img", {
         key: 0,
         class: "size-5 rounded",
+        role: "presentation",
         src: e.src
-      }, null, 8, b)) : (r(), s("div", g, [
-        e.label && e.label.length > 0 ? (r(), s(c, { key: 0 }, [
+      }, null, 8, b)) : (r(), t("div", h, [
+        e.label && e.label.length > 0 ? (r(), t(c, { key: 0 }, [
           m(l(e.label[0]), 1)
-        ], 64)) : (r(), d(t(p), {
+        ], 64)) : (r(), d(s(f), {
           key: 1,
           icon: "Users",
           size: "xs"
         }))
       ])),
-      e.label && e.label.length > 0 ? (r(), s("div", h, l(e.label), 1)) : u("", !0)
+      e.label && e.label.length > 0 ? (r(), t("div", g, l(e.label), 1)) : u("", !0)
     ], 16));
   }
 });

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/components"
   },
-  "version": "0.13.14",
+  "version": "0.13.16",
   "engines": {
     "node": ">=18"
   },
@@ -38,9 +38,9 @@
     "radix-vue": "^1.9.3",
     "tailwind-merge": "^2.5.5",
     "vue": "^3.5.12",
-    "@scalar/themes": "0.9.60",
-    "@scalar/code-highlight": "0.0.19",
-    "@scalar/use-hooks": "0.1.14",
+    "@scalar/code-highlight": "0.0.20",
+    "@scalar/themes": "0.9.61",
+    "@scalar/use-hooks": "0.1.15",
     "@scalar/use-toasts": "0.7.8"
   },
   "devDependencies": {
@@ -72,7 +72,7 @@
     "@scalar/build-tooling": "0.1.12"
   },
   "scripts": {
-    "build": "pnpm typegen:icons && pnpm build-only",
+    "build": "pnpm typegen:icons && pnpm build:storybook && pnpm build-only",
     "build-only": "scalar-build-vite",
     "build:storybook": "storybook build",
     "dev": "storybook dev -p 5100 --ci",