@scalar/api-client 2.3.16 → 2.3.18

package/dist/views/Request/RequestRoot.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestRoot.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestRoot.vue"],"names":[],"mappings":";;cA2P8C,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA8SjE,wBAMG"}
+{"version":3,"file":"RequestRoot.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/RequestRoot.vue"],"names":[],"mappings":";;cAkQ8C,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAmTjE,wBAMG"}

package/dist/views/Request/RequestRoot.vue.js

@@ -1,7 +1,7 @@
 import o from "./RequestRoot.vue2.js";
 /* empty css                 */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cc62b119"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-985ee6ae"]]);
 export {
   m as default
 };

package/dist/views/Request/RequestRoot.vue2.js

@@ -1,76 +1,77 @@
-import { defineComponent as M, ref as c, computed as $, onMounted as H, onBeforeUnmount as Q, watch as F, openBlock as f, createElementBlock as G, normalizeClass as V, unref as r, createBlock as C, isRef as K, createCommentVNode as B, createElementVNode as T, createVNode as X } from "vue";
-import { isDefined as Y } from "@scalar/oas-utils/helpers";
-import { safeJSON as Z } from "@scalar/object-utils/parse";
-import { useToasts as ee } from "@scalar/use-toasts";
-import { RouterView as te } from "vue-router";
-import oe from "../../components/Sidebar/SidebarToggle.vue.js";
-import { useSidebar as re } from "../../hooks/useSidebar.js";
-import { validateParameters as se } from "../../libs/validate-parameters.js";
-import { useActiveEntities as ae } from "../../store/active-entities.js";
-import { useOpenApiWatcher as le } from "./hooks/useOpenApiWatcher.js";
-import ne from "./RequestSidebar.vue.js";
-import { createRequestOperation as ue } from "../../libs/send-request/create-request-operation.js";
-import { ERRORS as ce } from "../../libs/errors.js";
-import { useWorkspace as ie } from "../../store/store.js";
-import { useLayout as me } from "../../hooks/useLayout.js";
-const fe = { class: "flex h-full" }, de = { class: "flex h-full flex-1 flex-col" }, Ve = /* @__PURE__ */ M({
+import { defineComponent as Q, ref as m, computed as F, onMounted as G, onBeforeUnmount as K, watch as X, openBlock as d, createElementBlock as Y, normalizeClass as g, unref as r, createBlock as B, isRef as Z, createCommentVNode as T, createElementVNode as A, createVNode as ee } from "vue";
+import { isDefined as te } from "@scalar/oas-utils/helpers";
+import { safeJSON as oe } from "@scalar/object-utils/parse";
+import { useToasts as re } from "@scalar/use-toasts";
+import { RouterView as se } from "vue-router";
+import ae from "../../components/Sidebar/SidebarToggle.vue.js";
+import { useClientConfig as le } from "../../hooks/useClientConfig.js";
+import { useSidebar as ne } from "../../hooks/useSidebar.js";
+import { validateParameters as ue } from "../../libs/validate-parameters.js";
+import { useActiveEntities as ie } from "../../store/active-entities.js";
+import { useOpenApiWatcher as ce } from "./hooks/useOpenApiWatcher.js";
+import me from "./RequestSidebar.vue.js";
+import { createRequestOperation as fe } from "../../libs/send-request/create-request-operation.js";
+import { ERRORS as de } from "../../libs/errors.js";
+import { useWorkspace as pe } from "../../store/store.js";
+import { useLayout as ve } from "../../hooks/useLayout.js";
+const Se = { class: "flex h-full" }, Re = { class: "flex h-full flex-1 flex-col" }, Ae = /* @__PURE__ */ Q({
   __name: "RequestRoot",
   emits: ["newTab"],
-  setup(pe) {
-    const A = ie(), { toast: d } = ee(), { layout: p } = me(), {
+  setup(ye) {
+    const D = pe(), { toast: p } = re(), { layout: v } = ve(), P = le(), { isSidebarOpen: s } = ne(), {
       activeCollection: l,
       activeExample: n,
-      activeEnvironment: v,
-      activeRequest: i,
-      activeWorkspace: S,
-      activeServer: g
-    } = ae(), { cookies: D, requestHistory: P, showSidebar: R, securitySchemes: z, events: u } = A, { isSidebarOpen: s } = re(), I = c(), y = c(), m = c(/* @__PURE__ */ new Set()), q = c(null), x = $(
+      activeEnvironment: S,
+      activeRequest: u,
+      activeWorkspace: R,
+      activeServer: z
+    } = ie(), { cookies: I, requestHistory: J, showSidebar: y, securitySchemes: W, events: i } = D, j = m(), q = m(), f = m(/* @__PURE__ */ new Set()), x = m(null), b = F(
       () => {
         var e, t, o;
-        return ((e = l.value) != null && e.useCollectionSecurity ? (t = l.value) == null ? void 0 : t.selectedSecuritySchemeUids : (o = i.value) == null ? void 0 : o.selectedSecuritySchemeUids) ?? [];
+        return ((e = l.value) != null && e.useCollectionSecurity ? (t = l.value) == null ? void 0 : t.selectedSecuritySchemeUids : (o = u.value) == null ? void 0 : o.selectedSecuritySchemeUids) ?? [];
       }
-    ), b = async () => {
-      var U, _, w, O;
-      if (!i.value || !n.value || !l.value)
+    ), h = async () => {
+      var U, _, w, O, c, V;
+      if (!u.value || !n.value || !l.value)
         return;
-      m.value = se(n.value);
-      const e = typeof v.value == "object" ? v.value.value : "{}", t = Z.parse(e);
+      f.value = ue(n.value);
+      const e = typeof S.value == "object" ? S.value.value : "{}", t = oe.parse(e);
       t.error && console.error("INVALID ENVIRONMENT!");
-      const o = t.error || typeof t.data != "object" ? {} : t.data ?? {}, a = ((U = S.value) == null ? void 0 : U.cookies.map((L) => D[L]).filter(Y)) ?? [], j = ((w = (_ = l.value) == null ? void 0 : _.info) == null ? void 0 : w.title) === "Drafts" ? void 0 : g.value, [h, k] = ue({
-        request: i.value,
+      const o = t.error || typeof t.data != "object" ? {} : t.data ?? {}, a = ((U = R.value) == null ? void 0 : U.cookies.map((H) => I[H]).filter(te)) ?? [], $ = ((w = (_ = l.value) == null ? void 0 : _.info) == null ? void 0 : w.title) === "Drafts" ? void 0 : z.value, [k, E] = fe({
+        request: u.value,
         example: n.value,
-        selectedSecuritySchemeUids: x.value,
-        proxyUrl: ((O = S.value) == null ? void 0 : O.proxyUrl) ?? "",
+        selectedSecuritySchemeUids: b.value,
+        proxyUrl: ((O = R.value) == null ? void 0 : O.proxyUrl) ?? "",
         environment: o,
         globalCookies: a,
-        status: u.requestStatus,
-        securitySchemes: z,
-        server: j
+        status: i.requestStatus,
+        securitySchemes: W,
+        server: $
       });
-      if (h) {
-        d(h.message, "error");
+      if ((V = (c = P.value) == null ? void 0 : c.onRequestSent) == null || V.call(c, u.value.path ?? ""), k) {
+        p(k.message, "error");
         return;
       }
-      y.value = k.controller;
-      const [E, N] = await k.sendRequest();
-      q.value = N, E ? d(E.message, "error") : P.push(W(N));
-    }, J = async () => {
+      q.value = E.controller;
+      const [C, N] = await E.sendRequest();
+      x.value = N, C ? p(C.message, "error") : J.push(M(N));
+    }, L = async () => {
       var e;
-      return (e = y.value) == null ? void 0 : e.abort(ce.REQUEST_ABORTED);
+      return (e = q.value) == null ? void 0 : e.abort(de.REQUEST_ABORTED);
     };
-    H(() => {
-      u.executeRequest.on(b), u.cancelRequest.on(J);
-    }), le(), Q(() => u.executeRequest.off(b)), F(
+    G(() => {
+      i.executeRequest.on(h), i.cancelRequest.on(L);
+    }), ce(), K(() => i.executeRequest.off(h)), X(
       () => {
         var e;
         return (e = n.value) == null ? void 0 : e.parameters;
       },
       () => {
-        m.value.clear();
+        f.value.clear();
       },
       { deep: !0 }
     );
-    const W = (e) => {
+    const M = (e) => {
       var t;
       try {
         return structuredClone(e);
@@ -79,33 +80,33 @@ const fe = { class: "flex h-full" }, de = { class: "flex h-full flex-1 flex-col"
         return (t = e.response) != null && t.data && (e.response.data instanceof Blob || e.response.data instanceof ArrayBuffer ? a.response.data = e.response.data : a.response.data = JSON.parse(JSON.stringify(e.response.data))), a;
       }
     };
-    return (e, t) => (f(), G("div", {
+    return (e, t) => (d(), Y("div", {
       ref_key: "element",
-      ref: I,
-      class: V(["bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0", {
-        "!mb-0 !mr-0 !border-0": r(p) === "modal"
+      ref: j,
+      class: g(["bg-b-1 relative z-0 flex h-full flex-1 flex-col overflow-hidden pt-0", {
+        "!mb-0 !mr-0 !border-0": r(v) === "modal"
       }])
     }, [
-      r(R) ? (f(), C(oe, {
+      r(y) ? (d(), B(ae, {
         key: 0,
         modelValue: r(s),
-        "onUpdate:modelValue": t[0] || (t[0] = (o) => K(s) ? s.value = o : null),
-        class: V(["absolute left-3 top-2 z-50", [
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => Z(s) ? s.value = o : null),
+        class: g(["absolute left-3 top-2 z-50", [
           { hidden: r(s) },
           { "xl:!flex": !r(s) },
-          { "!flex": r(p) === "modal" }
+          { "!flex": r(v) === "modal" }
         ]])
-      }, null, 8, ["modelValue", "class"])) : B("", !0),
-      T("div", fe, [
-        r(R) ? (f(), C(ne, {
+      }, null, 8, ["modelValue", "class"])) : T("", !0),
+      A("div", Se, [
+        r(y) ? (d(), B(me, {
           key: 0,
           onNewTab: t[1] || (t[1] = (o) => e.$emit("newTab", o))
-        })) : B("", !0),
-        T("div", de, [
-          X(r(te), {
-            invalidParams: m.value,
-            selectedSecuritySchemeUids: x.value,
-            requestResult: q.value
+        })) : T("", !0),
+        A("div", Re, [
+          ee(r(se), {
+            invalidParams: f.value,
+            selectedSecuritySchemeUids: b.value,
+            requestResult: x.value
           }, null, 8, ["invalidParams", "selectedSecuritySchemeUids", "requestResult"])
         ])
       ])
@@ -113,5 +114,5 @@ const fe = { class: "flex h-full" }, de = { class: "flex h-full flex-1 flex-col"
   }
 });
 export {
-  Ve as default
+  Ae as default
 };

package/dist/views/Request/RequestSection/RequestBody.vue.js

@@ -1,7 +1,7 @@
 import o from "./RequestBody.vue2.js";
 /* empty css                 */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e20988de"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-435b665f"]]);
 export {
-  p as default
+  m as default
 };

package/dist/views/Request/RequestSection/RequestBody.vue2.js

@@ -371,7 +371,7 @@ const me = {
                         a[4] || (a[4] = k("span", null, "Upload File", -1)),
                         c(v(C), {
                           class: "ml-1",
-                          icon: "UploadSimple",
+                          icon: "Upload",
                           size: "xs",
                           thickness: "2.5"
                         })

package/dist/views/Request/RequestSection/RequestTable.vue.js

@@ -1,7 +1,7 @@
 import o from "./RequestTable.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5b22d4e0"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-682f7941"]]);
 export {
-  m as default
+  f as default
 };

package/dist/views/Request/RequestSection/RequestTable.vue2.js

@@ -30,9 +30,9 @@ const j = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify
   setup(C, { emit: F }) {
     const b = C, s = F, U = ["", "", "36px"], y = (e, a, l) => {
       s("updateRow", e, a, l);
-    }, S = (e) => {
+    }, $ = (e) => {
       s("uploadFile", e);
-    }, $ = (e) => Array.isArray(e.default) && e.default.length === 1 ? e.default[0] : e.default;
+    }, S = (e) => Array.isArray(e.default) && e.default.length === 1 ? e.default[0] : e.default;
     return (e, a) => (r(), p(E, {
       class: "group/table flex-1",
       columns: U
@@ -157,7 +157,7 @@ const j = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify
                   icon: n(() => [
                     u(R)(l) ? (r(), p(P, {
                       key: 0,
-                      item: { ...l, default: $(l) }
+                      item: { ...l, default: S(l) }
                     }, null, 8, ["item"])) : g("", !0)
                   ]),
                   _: 2
@@ -186,13 +186,13 @@ const j = { class: "text-c-2 filemask flex w-full max-w-[100%] items-end justify
                       class: "bg-b-2 hover:bg-b-3 text-c-2 h-fit border-0 py-px shadow-none",
                       size: "sm",
                       variant: "outlined",
-                      onClick: (T) => S(d)
+                      onClick: (T) => $(d)
                     }, {
                       default: n(() => [
                         a[6] || (a[6] = i("span", null, "Upload File", -1)),
                         t(u(B), {
                           class: "ml-1",
-                          icon: "UploadSimple",
+                          icon: "Upload",
                           size: "xs",
                           thickness: "2.5"
                         })

package/dist/views/Request/ResponseSection/ResponseBody.vue.js

@@ -1,7 +1,7 @@
 import o from "./ResponseBody.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-51934a33"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-233b510c"]]);
 export {
-  a as default
+  e as default
 };

package/dist/views/Request/ResponseSection/ResponseBody.vue2.js

@@ -1,63 +1,63 @@
-import { defineComponent as b, ref as C, computed as d, openBlock as o, createBlock as n, createSlots as N, withCtx as u, createTextVNode as w, toDisplayString as g, createElementBlock as T, createElementVNode as _, unref as a, createCommentVNode as s, createVNode as $ } from "vue";
-import E from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useResponseBody as P } from "../../../hooks/useResponseBody.js";
-import S from "./ResponseBodyDownload.vue.js";
-import U from "./ResponseBodyInfo.vue.js";
-import j from "./ResponseBodyPreview.vue.js";
-import D from "./ResponseBodyRaw.vue.js";
-import F from "./ResponseBodyToggle.vue.js";
-import { mediaTypes as I } from "../consts/mediaTypes.js";
-const q = {
+import { defineComponent as C, ref as N, computed as d, toRef as w, openBlock as o, createBlock as n, createSlots as T, withCtx as u, createTextVNode as g, toDisplayString as _, createElementBlock as $, createElementVNode as x, unref as a, createCommentVNode as s, createVNode as E } from "vue";
+import P from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useResponseBody as S } from "../../../hooks/useResponseBody.js";
+import U from "./ResponseBodyDownload.vue.js";
+import j from "./ResponseBodyInfo.vue.js";
+import D from "./ResponseBodyPreview.vue.js";
+import F from "./ResponseBodyRaw.vue.js";
+import I from "./ResponseBodyToggle.vue.js";
+import { mediaTypes as q } from "../consts/mediaTypes.js";
+const z = {
   key: 0,
   class: "bg-b-1 flex max-h-[calc(100%-32px)] flex-col overflow-hidden"
-}, z = { class: "flex min-h-8 items-center justify-between border-y px-3 py-1.5" }, A = { class: "text-xxs font-code leading-3" }, X = /* @__PURE__ */ b({
+}, A = { class: "flex min-h-8 items-center justify-between border-y px-3 py-1.5" }, G = { class: "text-xxs font-code leading-3" }, Y = /* @__PURE__ */ C({
   __name: "ResponseBody",
   props: {
     title: {},
     data: {},
     headers: {}
   },
-  setup(x) {
-    const c = x, r = C(!0), p = d(
+  setup(k) {
+    const c = k, r = N(!0), p = d(
       () => {
         var t;
         return !!((t = e.value) != null && t.raw && e.value.preview);
       }
-    ), k = d(() => r.value || !p.value), B = d(() => !r.value || !p.value), { mimeType: i, attachmentFilename: R, dataUrl: l } = P({
-      data: c.data,
-      headers: c.headers
-    }), e = d(() => I[i.value.essence]);
-    return (t, m) => (o(), n(E, { class: "max-h-content overflow-y-hidden" }, N({
+    ), B = d(() => r.value || !p.value), R = d(() => !r.value || !p.value), { mimeType: i, attachmentFilename: V, dataUrl: l } = S({
+      data: w(c, "data"),
+      headers: w(c, "headers")
+    }), e = d(() => q[i.value.essence]);
+    return (t, m) => (o(), n(P, { class: "max-h-content overflow-y-hidden" }, T({
       title: u(() => [
-        w(g(t.title), 1)
+        g(_(t.title), 1)
       ]),
       default: u(() => {
         var f, v, y, h;
         return [
-          t.data ? (o(), T("div", q, [
-            _("div", z, [
-              _("span", A, g(a(i).essence), 1),
-              p.value ? (o(), n(F, {
+          t.data ? (o(), $("div", z, [
+            x("div", A, [
+              x("span", G, _(a(i).essence), 1),
+              p.value ? (o(), n(I, {
                 key: 0,
                 modelValue: r.value,
-                "onUpdate:modelValue": m[0] || (m[0] = (V) => r.value = V)
+                "onUpdate:modelValue": m[0] || (m[0] = (b) => r.value = b)
               }, null, 8, ["modelValue"])) : s("", !0)
             ]),
-            (f = e.value) != null && f.raw && B.value ? (o(), n(D, {
+            (f = e.value) != null && f.raw && R.value ? (o(), n(F, {
               key: a(l),
               content: t.data,
               language: e.value.language
             }, null, 8, ["content", "language"])) : s("", !0),
-            (v = e.value) != null && v.preview && k.value ? (o(), n(j, {
+            (v = e.value) != null && v.preview && B.value ? (o(), n(D, {
               key: a(l),
               alpha: e.value.alpha,
               mode: e.value.preview,
               src: a(l),
               type: a(i).essence
             }, null, 8, ["alpha", "mode", "src", "type"])) : s("", !0),
-            !((y = e.value) != null && y.raw) && !((h = e.value) != null && h.preview) ? (o(), n(U, { key: 2 }, {
+            !((y = e.value) != null && y.raw) && !((h = e.value) != null && h.preview) ? (o(), n(j, { key: 2 }, {
               default: u(() => m[1] || (m[1] = [
-                w(" Binary file ")
+                g(" Binary file ")
               ])),
               _: 1
             })) : s("", !0)
@@ -69,8 +69,8 @@ const q = {
       t.data && a(l) ? {
         name: "actions",
         fn: u(() => [
-          $(S, {
-            filename: a(R),
+          E(U, {
+            filename: a(V),
             href: a(l),
             type: a(i).essence
           }, null, 8, ["filename", "href", "type"])
@@ -81,5 +81,5 @@ const q = {
   }
 });
 export {
-  X as default
+  Y as default
 };

package/dist/views/Request/ResponseSection/ResponseBodyVirtual.vue.js

@@ -1,32 +1,32 @@
-import { defineComponent as d, computed as c, openBlock as p, createBlock as f, createSlots as x, withCtx as r, createTextVNode as u, createElementVNode as h, createVNode as a, unref as e } from "vue";
-import { ScalarVirtualText as y } from "@scalar/components";
-import { formatJsonOrYamlString as b } from "@scalar/oas-utils/helpers";
-import g from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useResponseBody as _ } from "../../../hooks/useResponseBody.js";
-import v from "./ResponseBodyDownload.vue.js";
-const N = /* @__PURE__ */ d({
+import { defineComponent as c, computed as p, toRef as a, openBlock as f, createBlock as x, createSlots as u, withCtx as r, createTextVNode as h, createElementVNode as y, createVNode as s, unref as e } from "vue";
+import { ScalarVirtualText as b } from "@scalar/components";
+import { formatJsonOrYamlString as g } from "@scalar/oas-utils/helpers";
+import _ from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useResponseBody as v } from "../../../hooks/useResponseBody.js";
+import k from "./ResponseBodyDownload.vue.js";
+const R = /* @__PURE__ */ c({
   __name: "ResponseBodyVirtual",
   props: {
     content: {},
     data: {},
     headers: {}
   },
-  setup(s) {
-    const o = s, l = c(() => b(o.content)), { mimeType: i, attachmentFilename: m, dataUrl: n } = _({
-      data: o.data,
-      headers: o.headers
+  setup(l) {
+    const o = l, i = p(() => g(o.content)), { mimeType: m, attachmentFilename: d, dataUrl: n } = v({
+      data: a(o, "data"),
+      headers: a(o, "headers")
     });
-    return (k, t) => (p(), f(g, { class: "!max-h-100% response-body-virtual overflow-x-auto" }, x({
+    return (w, t) => (f(), x(_, { class: "!max-h-100% response-body-virtual overflow-x-auto" }, u({
       title: r(() => [
-        t[0] || (t[0] = u("Body"))
+        t[0] || (t[0] = h("Body"))
       ]),
       default: r(() => [
-        t[1] || (t[1] = h("div", { class: "font-code text-xxs border-1/2 rounded-t border-b-0 px-2.5 py-1.5" }, " This response body is massive! Syntax highlighting won’t work here. ", -1)),
-        a(e(y), {
+        t[1] || (t[1] = y("div", { class: "font-code text-xxs border-1/2 rounded-t border-b-0 px-2.5 py-1.5" }, " This response body is massive! Syntax highlighting won’t work here. ", -1)),
+        s(e(b), {
           containerClass: "custom-scroll scalar-code-block border-1/2 rounded-b flex flex-1 max-h-screen",
           contentClass: "language-plaintext whitespace-pre font-code text-base",
           lineHeight: 20,
-          text: l.value
+          text: i.value
         }, null, 8, ["text"])
       ]),
       _: 2
@@ -34,10 +34,10 @@ const N = /* @__PURE__ */ d({
       e(n) ? {
         name: "actions",
         fn: r(() => [
-          a(v, {
-            filename: e(m),
+          s(k, {
+            filename: e(d),
             href: e(n),
-            type: e(i).essence
+            type: e(m).essence
           }, null, 8, ["filename", "href", "type"])
         ]),
         key: "0"
@@ -46,5 +46,5 @@ const N = /* @__PURE__ */ d({
   }
 });
 export {
-  N as default
+  R as default
 };

package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js

@@ -34,7 +34,7 @@ const W = { class: "col-1 flex-center relative gap-6 p-2 capitalize" }, $ = {
       }));
     }, k = (o) => {
       o != null && o.createNew && x.name === "request" && f();
-    }, w = "2.3.16";
+    }, w = "2.3.18";
     return R(() => a.hotKeys.on(k)), v(() => a.hotKeys.off(k)), (o, e) => (l(), u("div", W, [
       s("div", {
         class: y(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {