@scalar/components 0.14.28 → 0.14.29

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGpC,OAAO,EAAE,KAAK,IAAI,EAA2B,MAAM,eAAe,CAAA;AAElE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,mBAAmB,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAgEF,QAAA,IAAI,QAAQ,IAAW,CAAE;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAqBhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGpC,OAAO,EAAE,KAAK,IAAI,EAA2B,MAAM,eAAe,CAAA;AAElE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,mBAAmB,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAqEF,QAAA,IAAI,QAAQ,IAAW,CAAE;AACzB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAsBhD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,43 +1,43 @@
-import { defineComponent as r, createBlock as n, openBlock as o, unref as s, withCtx as i, createElementBlock as a, createElementVNode as l, normalizeClass as t, renderSlot as c } from "vue";
-import { DropdownMenu as m } from "radix-vue/namespaced";
-import f from "../ScalarDropdown/ScalarDropdownButton.vue.js";
-import p from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-const d = {
+import { defineComponent as i, createBlock as n, openBlock as o, unref as t, mergeProps as l, withCtx as a, createElementBlock as m, createElementVNode as c, normalizeClass as s, renderSlot as f } from "vue";
+import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
+import { DropdownMenu as u } from "radix-vue/namespaced";
+import d from "../ScalarDropdown/ScalarDropdownButton.vue.js";
+import g from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+const h = {
   key: 1,
   class: "size-3"
-}, y = /* @__PURE__ */ r({
+}, S = /* @__PURE__ */ i({
+  inheritAttrs: !1,
   __name: "ScalarMenuLink",
   props: {
-    is: { default: () => m.Item },
+    is: { default: () => u.Item },
     icon: {},
     strong: { type: Boolean }
   },
-  setup(u) {
-    return (e, g) => (o(), n(s(f), {
-      is: e.is,
-      as: "a"
-    }, {
-      default: i(() => [
-        e.icon ? (o(), n(s(p), {
+  setup(k) {
+    const { cx: r } = p();
+    return (e, w) => (o(), n(t(d), l(t(r)("flex items-center"), { is: e.is }), {
+      default: a(() => [
+        e.icon ? (o(), n(t(g), {
           key: 0,
-          class: t([
+          class: s([
             e.strong ? "text-c-1" : "text-c-2",
             typeof e.icon == "string" ? "size-3" : "size-3.5 -mx-0.25"
           ]),
           icon: e.icon,
           thickness: e.strong ? "2.5" : "2",
           weight: e.strong ? "bold" : "regular"
-        }, null, 8, ["class", "icon", "thickness", "weight"])) : (o(), a("div", d)),
-        l("div", {
-          class: t(["flex items-center flex-1", e.strong ? "font-medium" : "font-normal"])
+        }, null, 8, ["class", "icon", "thickness", "weight"])) : (o(), m("div", h)),
+        c("div", {
+          class: s(["flex items-center flex-1 min-w-0 truncate", e.strong ? "font-medium" : "font-normal"])
         }, [
-          c(e.$slots, "default")
+          f(e.$slots, "default")
         ], 2)
       ]),
       _: 3
-    }, 8, ["is"]));
+    }, 16, ["is"]));
   }
 });
 export {
-  y as default
+  S as default
 };

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":"AAwGA,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAG9D,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAA;IACvC,uCAAuC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAA;CAC9B,CAAC;;;;;;;;AA6NF,wBAOG"}
+{"version":3,"file":"ScalarMenuTeamPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"names":[],"mappings":"AAyGA,OAAO,EAAkB,KAAK,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAG9D,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,IAAI,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAA;IACvC,uCAAuC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAA;CAC9B,CAAC;;;;;;;;AAmOF,wBAOG"}

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

@@ -1,4 +1,4 @@
-import { defineComponent as _, computed as g, createBlock as u, openBlock as n, unref as e, withCtx as r, createVNode as a, mergeProps as b, createElementVNode as S, createElementBlock as w, Fragment as x, renderList as v, createTextVNode as C } from "vue";
+import { defineComponent as _, computed as g, createBlock as u, openBlock as n, unref as e, withCtx as o, createVNode as a, mergeProps as b, createElementVNode as x, createElementBlock as S, Fragment as w, renderList as v, createTextVNode as C } from "vue";
 import { ScalarIconUserSwitch as k, ScalarIconCaretRight as V, ScalarIconPlus as $ } from "@scalar/icons";
 import { DropdownMenu as s } from "radix-vue/namespaced";
 import I from "./ScalarMenuTeamProfile.vue.js";
@@ -14,25 +14,25 @@ const y = /* @__PURE__ */ _({
     teams: {}
   },
   emits: ["update:team", "add"],
-  setup(p, { emit: f }) {
-    const i = p, d = f, m = g({
+  setup(f, { emit: p }) {
+    const i = f, d = p, m = g({
       get: () => {
-        var o;
-        return (o = i.team) == null ? void 0 : o.id;
+        var r;
+        return (r = i.team) == null ? void 0 : r.id;
       },
-      set: (o) => d(
+      set: (r) => d(
         "update:team",
-        i.teams.find((t) => t.id === o)
+        i.teams.find((t) => t.id === r)
       )
     });
-    return (o, t) => (n(), u(e(s).Sub, null, {
-      default: r(() => [
+    return (r, t) => (n(), u(e(s).Sub, null, {
+      default: o(() => [
         a(e(B), b({
           is: e(s).SubTrigger,
           icon: e(k)
-        }, o.$attrs), {
-          default: r(() => [
-            t[2] || (t[2] = S("div", null, "Change team", -1)),
+        }, r.$attrs), {
+          default: o(() => [
+            t[2] || (t[2] = x("div", null, "Change team", -1)),
             a(e(V), {
               class: "ml-auto text-c-2 -mr-0.25 size-3",
               weight: "bold"
@@ -42,26 +42,26 @@ const y = /* @__PURE__ */ _({
           __: [2]
         }, 16, ["is", "icon"]),
         a(e(s).Portal, null, {
-          default: r(() => [
+          default: o(() => [
             a(e(s).SubContent, {
               as: e(P),
               class: "max-h-radix-popper z-context-plus",
               sideOffset: 3
             }, {
-              default: r(() => [
+              default: o(() => [
                 a(e(s).RadioGroup, {
                   modelValue: m.value,
                   "onUpdate:modelValue": t[0] || (t[0] = (l) => m.value = l),
                   class: "contents"
                 }, {
-                  default: r(() => [
-                    (n(!0), w(x, null, v(o.teams, (l) => (n(), u(e(s).RadioItem, {
+                  default: o(() => [
+                    (n(!0), S(w, null, v(r.teams, (l) => (n(), u(e(s).RadioItem, {
                       key: l.id,
                       as: e(c),
-                      class: "group/item",
+                      class: "group/item flex items-center",
                       value: l.id
                     }, {
-                      default: r(() => [
+                      default: o(() => [
                         a(I, {
                           class: "-ml-0.75 flex-1 min-w-0",
                           label: l.label,
@@ -79,9 +79,10 @@ const y = /* @__PURE__ */ _({
                 }, 8, ["modelValue"]),
                 a(e(s).Item, {
                   as: e(c),
+                  class: "flex items-center",
                   onClick: t[1] || (t[1] = (l) => d("add"))
                 }, {
-                  default: r(() => [
+                  default: o(() => [
                     a(e($), {
                       class: "bg-b-3 -ml-0.75 rounded p-1 size-5 text-c-3",
                       weight: "bold"

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/components"
   },
-  "version": "0.14.28",
+  "version": "0.14.29",
   "engines": {
     "node": ">=20"
   },
@@ -40,12 +40,12 @@
     "vue": "^3.5.17",
     "vue-component-type-helpers": "^3.0.4",
     "@scalar/code-highlight": "0.1.9",
-    "@scalar/icons": "0.4.7",
     "@scalar/helpers": "0.0.9",
-    "@scalar/oas-utils": "0.4.23",
-    "@scalar/use-hooks": "0.2.4",
+    "@scalar/icons": "0.4.7",
+    "@scalar/oas-utils": "0.4.24",
+    "@scalar/themes": "0.13.16",
     "@scalar/use-toasts": "0.8.0",
-    "@scalar/themes": "0.13.15"
+    "@scalar/use-hooks": "0.2.4"
   },
   "devDependencies": {
     "@headlessui/tailwindcss": "^0.2.2",
@@ -87,7 +87,7 @@
     "test": "vitest",
     "test:e2e": "PW_TEST_CONNECT_WS_ENDPOINT=ws://127.0.0.1:5001/ playwright test",
     "test:e2e:ci": "CI=1 playwright test",
-    "test:e2e:playwright": "docker run --network=host -e PORT=5001 -p 5001:5001 scalarapi/playwright:1.55.0",
+    "test:e2e:playwright": "docker run --network=host -e PORT=5001 --rm --name scalar-playwright scalarapi/playwright:1.55.0",
     "test:e2e:report": "playwright show-report",
     "test:e2e:ui": "pnpm test:e2e --ui",
     "test:e2e:update": "pnpm test:e2e --update-snapshots",