@scalar/components 0.7.11 → 0.7.13

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.
package/dist/index.js CHANGED
@@ -1,32 +1,32 @@
1
1
  import './main.css';
2
- import { defineComponent as w, useCssVars as ee, openBlock as m, createElementBlock as v, normalizeClass as S, unref as n, createElementVNode as h, createCommentVNode as $, createStaticVNode as te, reactive as W, computed as y, useAttrs as T, mergeProps as A, renderSlot as b, createVNode as x, ref as I, watch as X, nextTick as ae, onServerPrefetch as re, useSSRContext as se, onMounted as q, toDisplayString as D, toValue as P, Fragment as K, createBlock as N, withCtx as _, defineAsyncComponent as oe, resolveDynamicComponent as Y, normalizeStyle as J, createTextVNode as z, normalizeProps as ne, guardReactiveProps as ie, withKeys as le } from "vue";
2
+ import { defineComponent as w, useCssVars as Q, openBlock as m, createElementBlock as v, normalizeClass as S, unref as n, createElementVNode as h, createCommentVNode as N, createStaticVNode as ee, reactive as j, computed as _, useAttrs as T, mergeProps as A, renderSlot as b, createVNode as I, ref as x, watch as W, nextTick as te, onServerPrefetch as ae, useSSRContext as re, onMounted as X, toDisplayString as z, toValue as D, Fragment as se, createBlock as $, withCtx as y, defineAsyncComponent as oe, resolveDynamicComponent as q, normalizeStyle as K, createTextVNode as Y, normalizeProps as ne, guardReactiveProps as ie, withKeys as le } from "vue";
3
3
  import { defineConfig as de } from "cva";
4
4
  import { extendTailwindMerge as ce } from "tailwind-merge";
5
- import { createHash as ue, ssrState as pe } from "@scalar/oas-utils";
5
+ import { createHash as pe, ssrState as ue } from "@scalar/oas-utils";
6
6
  import R from "prismjs";
7
- import { Menu as me, MenuItems as ge, MenuButton as fe, MenuItem as he, Dialog as ve, DialogPanel as be, DialogTitle as Se, DialogDescription as _e, Popover as ye, PopoverPanel as we, PopoverButton as ke } from "@headlessui/vue";
8
- import { getSideAxis as F } from "@floating-ui/utils";
9
- import { useFloating as Ee, autoUpdate as $e, offset as Ie, flip as xe, shift as Ne } from "@floating-ui/vue";
7
+ import { Menu as me, MenuItems as ge, MenuButton as fe, MenuItem as he, Dialog as ve, DialogPanel as be, DialogTitle as Se, DialogDescription as ye, Popover as _e, PopoverPanel as we, PopoverButton as ke } from "@headlessui/vue";
8
+ import { getSideAxis as V } from "@floating-ui/utils";
9
+ import { useFloating as Ee, autoUpdate as xe, offset as Ie, flip as Ne, shift as $e } from "@floating-ui/vue";
10
10
  import { useTextareaAutosize as Ae } from "@vueuse/core";
11
11
  import { nanoid as Ce } from "nanoid";
12
- const M = "scalar-component", Te = ce({
12
+ const B = "scalar-component", Te = ce({
13
13
  extend: {
14
14
  classGroups: {
15
15
  "font-size": ["text-xxs"],
16
16
  // Add the scalar class prefix as a custom class to be deduped by tailwind-merge
17
- [M]: [M]
17
+ [B]: [B]
18
18
  }
19
19
  }
20
- }), { cva: L, cx: E, compose: zt } = de({
20
+ }), { cva: L, cx: E, compose: Lt } = de({
21
21
  hooks: {
22
- onComplete: (a) => `${Te(a, M)}`
22
+ onComplete: (a) => `${Te(a, B)}`
23
23
  }
24
- }), Le = /* @__PURE__ */ te('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-47faceda></path>', 5), Re = {
24
+ }), Le = /* @__PURE__ */ ee('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-47faceda></path>', 5), Re = {
25
25
  key: 0,
26
26
  class: "circular-loader"
27
27
  };
28
- function Dt() {
29
- return W({
28
+ function Rt() {
29
+ return j({
30
30
  isValid: !1,
31
31
  isInvalid: !1,
32
32
  isLoading: !1,
@@ -66,7 +66,7 @@ const ze = /* @__PURE__ */ w({
66
66
  size: { default: "24px" }
67
67
  },
68
68
  setup(a) {
69
- return ee((t) => ({
69
+ return Q((t) => ({
70
70
  d6cae758: t.size
71
71
  })), (t, e) => t.loadingState ? (m(), v("div", {
72
72
  key: 0,
@@ -93,16 +93,16 @@ const ze = /* @__PURE__ */ w({
93
93
  r: "20",
94
94
  "stroke-width": "2"
95
95
  }, null, 2)
96
- ])) : $("", !0)
96
+ ])) : N("", !0)
97
97
  ], 2))
98
- ], 2)) : $("", !0);
98
+ ], 2)) : N("", !0);
99
99
  }
100
- }), B = (a, t) => {
100
+ }), O = (a, t) => {
101
101
  const e = a.__vccOpts || a;
102
102
  for (const [r, d] of t)
103
103
  e[r] = d;
104
104
  return e;
105
- }, H = /* @__PURE__ */ B(ze, [["__scopeId", "data-v-47faceda"]]), Z = {
105
+ }, M = /* @__PURE__ */ O(ze, [["__scopeId", "data-v-47faceda"]]), J = {
106
106
  solid: [
107
107
  "scalar-button-solid",
108
108
  "bg-back-btn-1 text-fore-btn-1 shadow-sm active:bg-back-btn-1 active:shadow-none hocus:bg-hover-btn-1"
@@ -127,7 +127,7 @@ const ze = /* @__PURE__ */ w({
127
127
  },
128
128
  fullWidth: { true: "w-full" },
129
129
  size: { sm: "px-2 py-1 text-xs", md: "h-10 px-6 text-sm" },
130
- variant: Z
130
+ variant: J
131
131
  },
132
132
  compoundVariants: [
133
133
  {
@@ -136,7 +136,7 @@ const ze = /* @__PURE__ */ w({
136
136
  class: "bg-transparent text-ghost"
137
137
  }
138
138
  ]
139
- }), Pe = ["ariaDisabled"], Oe = {
139
+ }), Pe = ["ariaDisabled", "type"], Oe = {
140
140
  key: 0,
141
141
  class: "mr-2 h-4 w-4"
142
142
  }, Be = {
@@ -150,10 +150,11 @@ const ze = /* @__PURE__ */ w({
150
150
  fullWidth: { type: Boolean, default: !1 },
151
151
  loading: {},
152
152
  size: { default: "md" },
153
- variant: { default: "solid" }
153
+ variant: { default: "solid" },
154
+ type: { default: "button" }
154
155
  },
155
156
  setup(a) {
156
- const t = y(() => {
157
+ const t = _(() => {
157
158
  const { class: e, ...r } = T();
158
159
  return { class: e || "", rest: r };
159
160
  });
@@ -164,18 +165,18 @@ const ze = /* @__PURE__ */ w({
164
165
  { "pl-9 pr-3": e.loading },
165
166
  `${t.value.class}`
166
167
  ),
167
- type: "button"
168
+ type: e.type
168
169
  }), [
169
170
  e.$slots.icon ? (m(), v("div", Oe, [
170
171
  b(e.$slots, "icon")
171
- ])) : $("", !0),
172
+ ])) : N("", !0),
172
173
  b(e.$slots, "default"),
173
174
  e.loading ? (m(), v("div", Be, [
174
- x(n(H), {
175
+ I(n(M), {
175
176
  loadingState: e.loading,
176
177
  size: "20px"
177
178
  }, null, 8, ["loadingState"])
178
- ])) : $("", !0)
179
+ ])) : N("", !0)
179
180
  ], 16, Pe));
180
181
  }
181
182
  });
@@ -434,13 +435,13 @@ Prism.languages.webmanifest = Prism.languages.json;
434
435
  * @param {number} number line number
435
436
  * @returns {Element|undefined}
436
437
  */
437
- getLine: function(s, u) {
438
+ getLine: function(s, p) {
438
439
  if (!(s.tagName !== "PRE" || !s.classList.contains(a))) {
439
440
  var i = s.querySelector(".line-numbers-rows");
440
441
  if (i) {
441
- var g = parseInt(s.getAttribute("data-start"), 10) || 1, p = g + (i.children.length - 1);
442
- u < g && (u = g), u > p && (u = p);
443
- var o = u - g;
442
+ var g = parseInt(s.getAttribute("data-start"), 10) || 1, u = g + (i.children.length - 1);
443
+ p < g && (p = g), p > u && (p = u);
444
+ var o = p - g;
444
445
  return i.children[o];
445
446
  }
446
447
  }
@@ -470,12 +471,12 @@ Prism.languages.webmanifest = Prism.languages.json;
470
471
  };
471
472
  function r(s) {
472
473
  if (s = s.filter(function(i) {
473
- var g = d(i), p = g["white-space"];
474
- return p === "pre-wrap" || p === "pre-line";
474
+ var g = d(i), u = g["white-space"];
475
+ return u === "pre-wrap" || u === "pre-line";
475
476
  }), s.length != 0) {
476
- var u = s.map(function(i) {
477
- var g = i.querySelector("code"), p = i.querySelector(".line-numbers-rows");
478
- if (!(!g || !p)) {
477
+ var p = s.map(function(i) {
478
+ var g = i.querySelector("code"), u = i.querySelector(".line-numbers-rows");
479
+ if (!(!g || !u)) {
479
480
  var o = i.querySelector(".line-numbers-sizer"), f = g.textContent.split(t);
480
481
  o || (o = document.createElement("span"), o.className = "line-numbers-sizer", g.appendChild(o)), o.innerHTML = "0", o.style.display = "block";
481
482
  var l = o.getBoundingClientRect().height;
@@ -488,22 +489,22 @@ Prism.languages.webmanifest = Prism.languages.json;
488
489
  };
489
490
  }
490
491
  }).filter(Boolean);
491
- u.forEach(function(i) {
492
- var g = i.sizer, p = i.lines, o = i.lineHeights, f = i.oneLinerHeight;
493
- o[p.length - 1] = void 0, p.forEach(function(l, k) {
492
+ p.forEach(function(i) {
493
+ var g = i.sizer, u = i.lines, o = i.lineHeights, f = i.oneLinerHeight;
494
+ o[u.length - 1] = void 0, u.forEach(function(l, k) {
494
495
  if (l && l.length > 1) {
495
496
  var C = g.appendChild(document.createElement("span"));
496
497
  C.style.display = "block", C.textContent = l;
497
498
  } else
498
499
  o[k] = f;
499
500
  });
500
- }), u.forEach(function(i) {
501
- for (var g = i.sizer, p = i.lineHeights, o = 0, f = 0; f < p.length; f++)
502
- p[f] === void 0 && (p[f] = g.children[o++].getBoundingClientRect().height);
503
- }), u.forEach(function(i) {
504
- var g = i.sizer, p = i.element.querySelector(".line-numbers-rows");
501
+ }), p.forEach(function(i) {
502
+ for (var g = i.sizer, u = i.lineHeights, o = 0, f = 0; f < u.length; f++)
503
+ u[f] === void 0 && (u[f] = g.children[o++].getBoundingClientRect().height);
504
+ }), p.forEach(function(i) {
505
+ var g = i.sizer, u = i.element.querySelector(".line-numbers-rows");
505
506
  g.style.display = "none", g.innerHTML = "", i.lineHeights.forEach(function(o, f) {
506
- p.children[f].style.height = o + "px";
507
+ u.children[f].style.height = o + "px";
507
508
  });
508
509
  });
509
510
  }
@@ -516,16 +517,16 @@ Prism.languages.webmanifest = Prism.languages.json;
516
517
  e.assumeViewportIndependence && c === window.innerWidth || (c = window.innerWidth, r(Array.prototype.slice.call(document.querySelectorAll("pre." + a))));
517
518
  }), Prism.hooks.add("complete", function(s) {
518
519
  if (s.code) {
519
- var u = (
520
+ var p = (
520
521
  /** @type {Element} */
521
522
  s.element
522
523
  ), i = (
523
524
  /** @type {HTMLElement} */
524
- u.parentNode
525
+ p.parentNode
525
526
  );
526
- if (!(!i || !/pre/i.test(i.nodeName)) && !u.querySelector(".line-numbers-rows") && Prism.util.isActive(u, a)) {
527
- u.classList.remove(a), i.classList.add(a);
528
- var g = s.code.match(t), p = g ? g.length + 1 : 1, o, f = new Array(p + 1).join("<span></span>");
527
+ if (!(!i || !/pre/i.test(i.nodeName)) && !p.querySelector(".line-numbers-rows") && Prism.util.isActive(p, a)) {
528
+ p.classList.remove(a), i.classList.add(a);
529
+ var g = s.code.match(t), u = g ? g.length + 1 : 1, o, f = new Array(u + 1).join("<span></span>");
529
530
  o = document.createElement("span"), o.setAttribute("aria-hidden", "true"), o.className = "line-numbers-rows", o.innerHTML = f, i.hasAttribute("data-start") && (i.style.counterReset = "linenumber " + (parseInt(i.getAttribute("data-start"), 10) - 1)), s.element.appendChild(o), r([i]), Prism.hooks.run("line-numbers", s);
530
531
  }
531
532
  }
@@ -548,7 +549,7 @@ function He(a) {
548
549
  2
549
550
  );
550
551
  }
551
- function O(a) {
552
+ function P(a) {
552
553
  if (typeof a == "string")
553
554
  return a;
554
555
  if (typeof a == "object")
@@ -559,7 +560,7 @@ function O(a) {
559
560
  }
560
561
  return a;
561
562
  }
562
- const Ge = ["innerHTML"], Pt = /* @__PURE__ */ w({
563
+ const Ge = ["innerHTML"], zt = /* @__PURE__ */ w({
563
564
  __name: "ScalarCodeBlock",
564
565
  props: {
565
566
  content: {},
@@ -568,7 +569,7 @@ const Ge = ["innerHTML"], Pt = /* @__PURE__ */ w({
568
569
  hideCredentials: {}
569
570
  },
570
571
  setup(a) {
571
- const t = a, e = ue(O(t.content)), r = `components-scalar-code-block${e}`, { plugins: d, highlightElement: c } = R;
572
+ const t = a, e = pe(P(t.content)), r = `components-scalar-code-block${e}`, { plugins: d, highlightElement: c } = R;
572
573
  t.hideCredentials && R.hooks.add("wrap", function(o) {
573
574
  if (!t.hideCredentials)
574
575
  return;
@@ -586,31 +587,31 @@ const Ge = ["innerHTML"], Pt = /* @__PURE__ */ w({
586
587
  (l) => `<span class="credentials">${l}</span>`
587
588
  ));
588
589
  });
589
- const s = I(null), u = I(pe[r] ?? ""), i = y(() => t.lang === "node" ? "js" : t.lang), g = t.lang;
590
- X(
590
+ const s = x(null), p = x(ue[r] ?? ""), i = _(() => t.lang === "node" ? "js" : t.lang), g = t.lang;
591
+ W(
591
592
  [() => t.lang, () => t.content, s],
592
593
  () => {
593
- s.value && t.content && (!u.value || t.lang !== g) && (u.value = "", ae(() => c(s.value)));
594
+ s.value && t.content && (!p.value || t.lang !== g) && (p.value = "", te(() => c(s.value)));
594
595
  },
595
596
  { immediate: !0 }
596
597
  );
597
- const p = /\n(?!$)/g;
598
- return re(async () => {
598
+ const u = /\n(?!$)/g;
599
+ return ae(async () => {
599
600
  let o = "";
600
601
  t.lineNumbers && R.hooks.add("after-tokenize", (l) => {
601
- const k = l.code.match(p), C = k ? k.length + 1 : 1;
602
+ const k = l.code.match(u), C = k ? k.length + 1 : 1;
602
603
  o = `<span aria-hidden="true" class="line-numbers-rows">${new Array(C + 1).join("<span></span>")}</span>`;
603
604
  });
604
605
  const f = R.highlight(
605
- O(t.content),
606
+ P(t.content),
606
607
  R.languages[i.value],
607
608
  i.value
608
609
  );
609
- if (u.value = f + o, e !== 0) {
610
- const l = se();
610
+ if (p.value = f + o, e !== 0) {
611
+ const l = re();
611
612
  l.payload.data[r] = f + o;
612
613
  }
613
- }), q(async () => {
614
+ }), X(async () => {
614
615
  await import("./prism-autoloader-Dlh8Vzlw.js"), d.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
615
616
  }), (o, f) => (m(), v("pre", {
616
617
  class: S([
@@ -620,40 +621,40 @@ const Ge = ["innerHTML"], Pt = /* @__PURE__ */ w({
620
621
  }
621
622
  ])
622
623
  }, [
623
- u.value ? (m(), v("code", {
624
+ p.value ? (m(), v("code", {
624
625
  key: 0,
625
626
  class: S(`scalar-codeblock-code language-${i.value}`),
626
- innerHTML: n(O)(u.value)
627
+ innerHTML: n(P)(p.value)
627
628
  }, null, 10, Ge)) : (m(), v("code", {
628
629
  key: 1,
629
630
  ref_key: "el",
630
631
  ref: s,
631
632
  class: S(`scalar-codeblock-code language-${i.value}`)
632
- }, D(n(O)(o.content)), 3))
633
+ }, z(n(P)(o.content)), 3))
633
634
  ], 2));
634
635
  }
635
636
  });
636
- function Ve(a, t = { enabled: I(!0) }) {
637
- const e = I(0), r = I(0), d = I();
637
+ function Ve(a, t = { enabled: x(!0) }) {
638
+ const e = x(0), r = x(0), d = x();
638
639
  return typeof ResizeObserver < "u" && (d.value = new ResizeObserver(([c]) => {
639
- var s, u;
640
- c && (e.value = ((s = c.borderBoxSize[0]) == null ? void 0 : s.inlineSize) ?? 0, r.value = ((u = c.borderBoxSize[0]) == null ? void 0 : u.blockSize) ?? 0);
641
- })), X(
642
- [() => P(t.enabled), () => P(a)],
640
+ var s, p;
641
+ c && (e.value = ((s = c.borderBoxSize[0]) == null ? void 0 : s.inlineSize) ?? 0, r.value = ((p = c.borderBoxSize[0]) == null ? void 0 : p.blockSize) ?? 0);
642
+ })), W(
643
+ [() => D(t.enabled), () => D(a)],
643
644
  ([c, s]) => {
644
645
  !s || !d.value || (c ? d.value.observe(s) : d.value.disconnect());
645
646
  },
646
647
  { immediate: !0 }
647
648
  ), {
648
- width: y(
649
- () => P(t.enabled) ? `${e.value}px` : void 0
649
+ width: _(
650
+ () => D(t.enabled) ? `${e.value}px` : void 0
650
651
  ),
651
- height: y(
652
- () => P(t.enabled) ? `${r.value}px` : void 0
652
+ height: _(
653
+ () => D(t.enabled) ? `${r.value}px` : void 0
653
654
  )
654
655
  };
655
656
  }
656
- const G = /* @__PURE__ */ w({
657
+ const H = /* @__PURE__ */ w({
657
658
  inheritAttrs: !1,
658
659
  __name: "ScalarFloating",
659
660
  props: {
@@ -662,44 +663,44 @@ const G = /* @__PURE__ */ w({
662
663
  middleware: {}
663
664
  },
664
665
  setup(a) {
665
- const t = a, e = I(null), r = I(null), d = y(
666
+ const t = a, e = x(null), r = x(null), d = _(
666
667
  () => {
667
- var p, o;
668
- return (((o = (p = r.value) == null ? void 0 : p.children) == null ? void 0 : o[0]) || r.value) ?? void 0;
668
+ var u, o;
669
+ return (((o = (u = r.value) == null ? void 0 : u.children) == null ? void 0 : o[0]) || r.value) ?? void 0;
669
670
  }
670
671
  ), c = Ve(d, {
671
- enabled: y(() => t.resize)
672
- }), s = y(
673
- () => F(t.placement || "bottom") === "y" ? c.width.value : void 0
674
- ), u = y(
675
- () => F(t.placement || "bottom") === "x" ? c.height.value : void 0
672
+ enabled: _(() => t.resize)
673
+ }), s = _(
674
+ () => V(t.placement || "bottom") === "y" ? c.width.value : void 0
675
+ ), p = _(
676
+ () => V(t.placement || "bottom") === "x" ? c.height.value : void 0
676
677
  ), { floatingStyles: i, middlewareData: g } = Ee(d, e, {
677
- placement: y(() => t.placement),
678
- whileElementsMounted: $e,
679
- middleware: y(() => [
678
+ placement: _(() => t.placement),
679
+ whileElementsMounted: xe,
680
+ middleware: _(() => [
680
681
  Ie(5),
681
- xe(),
682
682
  Ne(),
683
+ $e(),
683
684
  ...t.middleware ?? []
684
685
  ])
685
686
  });
686
- return (p, o) => (m(), v(K, null, [
687
+ return (u, o) => (m(), v(se, null, [
687
688
  h("div", {
688
689
  ref_key: "wrapperRef",
689
690
  ref: r,
690
- class: S(["scalar-component", { contents: !!p.$slots.default }])
691
+ class: S(["scalar-component", { contents: !!u.$slots.default }])
691
692
  }, [
692
- b(p.$slots, "default")
693
+ b(u.$slots, "default")
693
694
  ], 2),
694
695
  h("div", A({
695
696
  ref_key: "floatingRef",
696
697
  ref: e,
697
698
  class: "scalar-component relative z-context",
698
699
  style: n(i)
699
- }, p.$attrs), [
700
- b(p.$slots, "floating", {
700
+ }, u.$attrs), [
701
+ b(u.$slots, "floating", {
701
702
  data: n(g),
702
- height: u.value,
703
+ height: p.value,
703
704
  width: s.value
704
705
  })
705
706
  ], 16)
@@ -713,27 +714,27 @@ const G = /* @__PURE__ */ w({
713
714
  resize: { type: Boolean }
714
715
  },
715
716
  setup(a) {
716
- return (t, e) => (m(), N(n(me), null, {
717
- default: _(() => [
718
- x(n(G), {
717
+ return (t, e) => (m(), $(n(me), null, {
718
+ default: y(() => [
719
+ I(n(H), {
719
720
  placement: t.placement ?? "bottom-start",
720
721
  resize: t.resize
721
722
  }, {
722
- floating: _(({ width: r }) => [
723
- x(n(ge), A({
723
+ floating: y(({ width: r }) => [
724
+ I(n(ge), A({
724
725
  class: "scalar-component relative flex w-56 flex-col p-0.75",
725
726
  style: { width: r }
726
727
  }, t.$attrs), {
727
- default: _(() => [
728
+ default: y(() => [
728
729
  b(t.$slots, "items"),
729
730
  Fe
730
731
  ]),
731
732
  _: 2
732
733
  }, 1040, ["style"])
733
734
  ]),
734
- default: _(() => [
735
- x(n(fe), { as: "template" }, {
736
- default: _(() => [
735
+ default: y(() => [
736
+ I(n(fe), { as: "template" }, {
737
+ default: y(() => [
737
738
  b(t.$slots, "default")
738
739
  ]),
739
740
  _: 3
@@ -749,7 +750,7 @@ const G = /* @__PURE__ */ w({
749
750
  function Xe(a, t) {
750
751
  return m(), v("div", We);
751
752
  }
752
- const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
753
+ const qe = /* @__PURE__ */ O(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
753
754
  __name: "ScalarDropdownItem",
754
755
  props: {
755
756
  disabled: { type: Boolean }
@@ -771,8 +772,8 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
771
772
  active: { true: "bg-back-2 text-fore-1" }
772
773
  }
773
774
  });
774
- return (e, r) => (m(), N(n(he), { disabled: e.disabled }, {
775
- default: _(({ active: d }) => [
775
+ return (e, r) => (m(), $(n(he), { disabled: e.disabled }, {
776
+ default: y(({ active: d }) => [
776
777
  h("button", {
777
778
  class: S(["item", n(E)("scalar-dropdown-item", n(t)({ active: d, disabled: e.disabled }))]),
778
779
  type: "button",
@@ -784,10 +785,10 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
784
785
  _: 3
785
786
  }, 8, ["disabled"]));
786
787
  }
787
- }), U = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZgYXx.js"), "./ArrowLeft.svg": () => import("./ArrowLeft-aY17W2aS.js"), "./ArrowRight.svg": () => import("./ArrowRight-DEMtdoE7.js"), "./Background.svg": () => import("./Background-DcRhSHgf.js"), "./Brackets.svg": () => import("./Brackets-4I8OKomf.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG.js"), "./CallToAction.svg": () => import("./CallToAction-EyQKkvbg.js"), "./Checkmark.svg": () => import("./Checkmark-De7nq6cG.js"), "./ChevronDown.svg": () => import("./ChevronDown-Co7EAKAv.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-DYt0idAu.js"), "./ChevronRight.svg": () => import("./ChevronRight-ylxToVWl.js"), "./ChevronUp.svg": () => import("./ChevronUp-xAnukIfj.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv.js"), "./Close.svg": () => import("./Close-CW3z42qZ.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cv_igzJE.js"), "./Cookie.svg": () => import("./Cookie-CEHvXpqB.js"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I.js"), "./Delete.svg": () => import("./Delete-BCZmxrDD.js"), "./Discord.svg": () => import("./Discord-BHYOFBB2.js"), "./DocsPage.svg": () => import("./DocsPage-rh2xwxKN.js"), "./Duplicate.svg": () => import("./Duplicate-BPlzNpcf.js"), "./Edit.svg": () => import("./Edit-Br04RNYb.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./Error.svg": () => import("./Error-B_RGtWJI.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7.js"), "./FilterList.svg": () => import("./FilterList-CsAcE9em.js"), "./Folder.svg": () => import("./Folder-Cdcj4evh.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.js"), "./Hide.svg": () => import("./Hide-Q3GPkIKH.js"), "./History.svg": () => import("./History-D9nmhNIn.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M.js"), "./Key.svg": () => import("./Key-CWXJqX28.js"), "./Leave.svg": () => import("./Leave-K1J3uwoG.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-BkvMimDa.js"), "./LightMode.svg": () => import("./LightMode-Btz6vyT_.js"), "./Link.svg": () => import("./Link-Bzuc__Nc.js"), "./Lock.svg": () => import("./Lock-xhiH1mKz.js"), "./Logo.svg": () => import("./Logo-mtzeKD8M.js"), "./LogoAPI.svg": () => import("./LogoAPI-CaU5E6FK.js"), "./LogoClient.svg": () => import("./LogoClient-DdC-t_7P.js"), "./LogoMarket.svg": () => import("./LogoMarket-DwlApcab.js"), "./LogoSwagger.svg": () => import("./LogoSwagger-CH60H5qW.js"), "./Magic.svg": () => import("./Magic-Dsi9_bEc.js"), "./Menu.svg": () => import("./Menu-CFK5cOsm.js"), "./Page.svg": () => import("./Page-B7rVuhpl.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB.js"), "./Payment.svg": () => import("./Payment-hzcXP1Xb.js"), "./Play.svg": () => import("./Play-BrVagRQA.js"), "./Refresh.svg": () => import("./Refresh-Be6vHEEi.js"), "./Response.svg": () => import("./Response-Dq9pM-ZU.js"), "./Search.svg": () => import("./Search-DqtlswRG.js"), "./Show.svg": () => import("./Show-D86hKz5y.js"), "./SideBarClosed.svg": () => import("./SideBarClosed-CYUNS2XM.js"), "./SideBarOpen.svg": () => import("./SideBarOpen-BOxW49_U.js"), "./Sort.svg": () => import("./Sort-oTjBhJFQ.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5.js"), "./ThumbsDown.svg": () => import("./ThumbsDown-BMgnsASL.js"), "./ThumbsUp.svg": () => import("./ThumbsUp-C1j6zY2j.js"), "./Trash.svg": () => import("./Trash-BpA3zWPD.js"), "./Unlock.svg": () => import("./Unlock-CY8UqJoE.js"), "./Upload.svg": () => import("./Upload-REIdL7RI.js"), "./User.svg": () => import("./User-Df5svMQ3.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular-DD4Vjgbk.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro-CLfrRt19.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel-kAy2wVLy.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs-BKdd_DY_.js"), "./programming-framework-react.svg": () => import("./programming-framework-react-PDgmtZuN.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs-Cv46W2aB.js"), "./programming-language-c.svg": () => import("./programming-language-c-hPGu2Zvg.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure-Cvmzky8x.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp-lqX1oWgb.js"), "./programming-language-css3.svg": () => import("./programming-language-css3-Dpp4Cr6b.js"), "./programming-language-go.svg": () => import("./programming-language-go-DoJxWwT6.js"), "./programming-language-html5.svg": () => import("./programming-language-html5-DlqJK4EL.js"), "./programming-language-http.svg": () => import("./programming-language-http-wMYwFS1I.js"), "./programming-language-java.svg": () => import("./programming-language-java-BCxG2T_w.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript-VxLvi1QG.js"), "./programming-language-json.svg": () => import("./programming-language-json-vEX_g7Zi.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin-DKV8vP9h.js"), "./programming-language-node.svg": () => import("./programming-language-node-Xsgx38lm.js"), "./programming-language-objc.svg": () => import("./programming-language-objc-BQXSOBsX.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml-BEz7gGv7.js"), "./programming-language-php.svg": () => import("./programming-language-php-GY38f8r4.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell-C9DkSp36.js"), "./programming-language-python.svg": () => import("./programming-language-python-Ct-_kNjo.js"), "./programming-language-r.svg": () => import("./programming-language-r-BGoKwua9.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby-DhdM4d7g.js"), "./programming-language-scala.svg": () => import("./programming-language-scala-BVg0dToJ.js"), "./programming-language-shell.svg": () => import("./programming-language-shell-BsTa1xI7.js"), "./programming-language-swift.svg": () => import("./programming-language-swift-Dn72xPjg.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript-CdF-HuRi.js"), "./programming-script-code.svg": () => import("./programming-script-code-DQN1veb2.js"), "./programming-tool-git.svg": () => import("./programming-tool-git-DDnQ1zGD.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss-xjXi0E6g.js") }), j = (a) => {
788
+ }), F = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZgYXx.js"), "./ArrowLeft.svg": () => import("./ArrowLeft-aY17W2aS.js"), "./ArrowRight.svg": () => import("./ArrowRight-DEMtdoE7.js"), "./Background.svg": () => import("./Background-DcRhSHgf.js"), "./Brackets.svg": () => import("./Brackets-4I8OKomf.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG.js"), "./CallToAction.svg": () => import("./CallToAction-EyQKkvbg.js"), "./Checkmark.svg": () => import("./Checkmark-De7nq6cG.js"), "./ChevronDown.svg": () => import("./ChevronDown-Co7EAKAv.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-DYt0idAu.js"), "./ChevronRight.svg": () => import("./ChevronRight-ylxToVWl.js"), "./ChevronUp.svg": () => import("./ChevronUp-xAnukIfj.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv.js"), "./Close.svg": () => import("./Close-CW3z42qZ.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cv_igzJE.js"), "./Cookie.svg": () => import("./Cookie-CEHvXpqB.js"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I.js"), "./Delete.svg": () => import("./Delete-BCZmxrDD.js"), "./Discord.svg": () => import("./Discord-BHYOFBB2.js"), "./DocsPage.svg": () => import("./DocsPage-rh2xwxKN.js"), "./Duplicate.svg": () => import("./Duplicate-BPlzNpcf.js"), "./Edit.svg": () => import("./Edit-Br04RNYb.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./Error.svg": () => import("./Error-B_RGtWJI.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7.js"), "./FilterList.svg": () => import("./FilterList-CsAcE9em.js"), "./Folder.svg": () => import("./Folder-Cdcj4evh.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.js"), "./Hide.svg": () => import("./Hide-DBLY4PPo.js"), "./History.svg": () => import("./History-D9nmhNIn.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M.js"), "./Key.svg": () => import("./Key-CWXJqX28.js"), "./Leave.svg": () => import("./Leave-K1J3uwoG.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-BkvMimDa.js"), "./LightMode.svg": () => import("./LightMode-Btz6vyT_.js"), "./Link.svg": () => import("./Link-Bzuc__Nc.js"), "./Lock.svg": () => import("./Lock-xhiH1mKz.js"), "./Logo.svg": () => import("./Logo-mtzeKD8M.js"), "./LogoAPI.svg": () => import("./LogoAPI-CaU5E6FK.js"), "./LogoClient.svg": () => import("./LogoClient-DdC-t_7P.js"), "./LogoMarket.svg": () => import("./LogoMarket-DwlApcab.js"), "./LogoSwagger.svg": () => import("./LogoSwagger-CH60H5qW.js"), "./Magic.svg": () => import("./Magic-Dsi9_bEc.js"), "./Menu.svg": () => import("./Menu-CFK5cOsm.js"), "./Page.svg": () => import("./Page-B7rVuhpl.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB.js"), "./Payment.svg": () => import("./Payment-hzcXP1Xb.js"), "./Play.svg": () => import("./Play-BrVagRQA.js"), "./Refresh.svg": () => import("./Refresh-Be6vHEEi.js"), "./Response.svg": () => import("./Response-Dq9pM-ZU.js"), "./Search.svg": () => import("./Search-DqtlswRG.js"), "./Show.svg": () => import("./Show-CMsTZAgT.js"), "./SideBarClosed.svg": () => import("./SideBarClosed-CYUNS2XM.js"), "./SideBarOpen.svg": () => import("./SideBarOpen-BOxW49_U.js"), "./Sort.svg": () => import("./Sort-oTjBhJFQ.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5.js"), "./ThumbsDown.svg": () => import("./ThumbsDown-BMgnsASL.js"), "./ThumbsUp.svg": () => import("./ThumbsUp-C1j6zY2j.js"), "./Trash.svg": () => import("./Trash-BpA3zWPD.js"), "./Unlock.svg": () => import("./Unlock-CY8UqJoE.js"), "./Upload.svg": () => import("./Upload-REIdL7RI.js"), "./User.svg": () => import("./User-Df5svMQ3.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular-DD4Vjgbk.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro-CLfrRt19.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel-kAy2wVLy.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs-BKdd_DY_.js"), "./programming-framework-react.svg": () => import("./programming-framework-react-PDgmtZuN.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs-Cv46W2aB.js"), "./programming-language-c.svg": () => import("./programming-language-c-hPGu2Zvg.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure-Cvmzky8x.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp-lqX1oWgb.js"), "./programming-language-css3.svg": () => import("./programming-language-css3-Dpp4Cr6b.js"), "./programming-language-go.svg": () => import("./programming-language-go-DoJxWwT6.js"), "./programming-language-html5.svg": () => import("./programming-language-html5-DlqJK4EL.js"), "./programming-language-http.svg": () => import("./programming-language-http-wMYwFS1I.js"), "./programming-language-java.svg": () => import("./programming-language-java-BCxG2T_w.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript-VxLvi1QG.js"), "./programming-language-json.svg": () => import("./programming-language-json-vEX_g7Zi.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin-DKV8vP9h.js"), "./programming-language-node.svg": () => import("./programming-language-node-Xsgx38lm.js"), "./programming-language-objc.svg": () => import("./programming-language-objc-BQXSOBsX.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml-BEz7gGv7.js"), "./programming-language-php.svg": () => import("./programming-language-php-GY38f8r4.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell-C9DkSp36.js"), "./programming-language-python.svg": () => import("./programming-language-python-Ct-_kNjo.js"), "./programming-language-r.svg": () => import("./programming-language-r-BGoKwua9.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby-DhdM4d7g.js"), "./programming-language-scala.svg": () => import("./programming-language-scala-BVg0dToJ.js"), "./programming-language-shell.svg": () => import("./programming-language-shell-BsTa1xI7.js"), "./programming-language-swift.svg": () => import("./programming-language-swift-Dn72xPjg.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript-CdF-HuRi.js"), "./programming-script-code.svg": () => import("./programming-script-code-DQN1veb2.js"), "./programming-tool-git.svg": () => import("./programming-tool-git-DDnQ1zGD.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss-xjXi0E6g.js") }), U = (a) => {
788
789
  const t = `./${a}.svg`;
789
- return U[t] ? oe(U[t]) : (console.warn(`Could not find icon: ${a}`), null);
790
- }, Ye = ["src"], V = /* @__PURE__ */ w({
790
+ return F[t] ? oe(F[t]) : (console.warn(`Could not find icon: ${a}`), null);
791
+ }, Ye = ["src"], G = /* @__PURE__ */ w({
791
792
  __name: "ScalarIcon",
792
793
  props: {
793
794
  icon: {},
@@ -810,8 +811,8 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
810
811
  defaultVariants: {
811
812
  size: "full"
812
813
  }
813
- }), r = j(t.icon);
814
- return (d, c) => n(r) ? (m(), N(Y(n(j)(d.icon)), {
814
+ }), r = U(t.icon);
815
+ return (d, c) => n(r) ? (m(), $(q(n(U)(d.icon)), {
815
816
  key: 0,
816
817
  class: S(n(E)("scalar-icon", n(e)({ size: d.size })))
817
818
  }, null, 8, ["class"])) : (m(), v("img", {
@@ -819,7 +820,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
819
820
  src: d.icon
820
821
  }, null, 8, Ye));
821
822
  }
822
- }), Je = ["ariaDisabled"], Ze = { class: "sr-only" }, Q = /* @__PURE__ */ w({
823
+ }), Je = ["ariaDisabled"], Ze = { class: "sr-only" }, Z = /* @__PURE__ */ w({
823
824
  __name: "ScalarIconButton",
824
825
  props: {
825
826
  label: {},
@@ -842,9 +843,9 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
842
843
  disabled: {
843
844
  true: "cursor-not-allowed shadow-none"
844
845
  },
845
- variant: Z
846
+ variant: J
846
847
  }
847
- }), e = y(() => {
848
+ }), e = _(() => {
848
849
  const { class: r, ...d } = T();
849
850
  return { class: r || "", rest: d };
850
851
  });
@@ -853,11 +854,11 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
853
854
  class: n(E)(n(t)({ size: r.size, variant: r.variant, disabled: r.disabled }), e.value.class),
854
855
  type: "button"
855
856
  }), [
856
- x(n(V), { icon: r.icon }, null, 8, ["icon"]),
857
- h("span", Ze, D(r.label), 1)
857
+ I(n(G), { icon: r.icon }, null, 8, ["icon"]),
858
+ h("span", Ze, z(r.label), 1)
858
859
  ], 16, Je));
859
860
  }
860
- }), Ot = () => W({
861
+ }), Dt = () => j({
861
862
  open: !1,
862
863
  show() {
863
864
  this.open = !0;
@@ -894,11 +895,11 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
894
895
  }
895
896
  }
896
897
  });
897
- return (e, r) => (m(), N(n(ve), {
898
+ return (e, r) => (m(), $(n(ve), {
898
899
  open: e.state.open,
899
900
  onClose: r[0] || (r[0] = (d) => e.state.hide())
900
901
  }, {
901
- default: _(() => [
902
+ default: y(() => [
902
903
  h("div", {
903
904
  class: S(
904
905
  n(E)(
@@ -908,21 +909,21 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
908
909
  )
909
910
  )
910
911
  }, [
911
- x(n(be), {
912
+ I(n(be), {
912
913
  class: S(n(t)({ size: e.size, variant: e.variant })),
913
- style: J({ maxWidth: e.maxWidth })
914
+ style: K({ maxWidth: e.maxWidth })
914
915
  }, {
915
- default: _(() => [
916
- e.title ? (m(), N(n(Se), {
916
+ default: y(() => [
917
+ e.title ? (m(), $(n(Se), {
917
918
  key: 0,
918
919
  class: S(["scalar-modal-header font-semiBold m-0 rounded-lg px-6 py-3 text-left text-xs text-fore-1", { "pb-0 pt-6": e.variant === "history" }])
919
920
  }, {
920
- default: _(() => [
921
- z(D(e.title), 1)
921
+ default: y(() => [
922
+ Y(z(e.title), 1)
922
923
  ]),
923
924
  _: 1
924
- }, 8, ["class"])) : $("", !0),
925
- x(n(_e), {
925
+ }, 8, ["class"])) : N("", !0),
926
+ I(n(ye), {
926
927
  class: S([
927
928
  "scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 px-6 pb-4 pt-6",
928
929
  n(E)(
@@ -932,7 +933,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
932
933
  )
933
934
  ])
934
935
  }, {
935
- default: _(() => [
936
+ default: y(() => [
936
937
  b(e.$slots, "default", {}, void 0, !0)
937
938
  ]),
938
939
  _: 3
@@ -945,7 +946,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
945
946
  _: 3
946
947
  }, 8, ["open"]));
947
948
  }
948
- }), et = /* @__PURE__ */ B(Qe, [["__scopeId", "data-v-ff85ced0"]]), tt = /* @__PURE__ */ h("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), at = /* @__PURE__ */ w({
949
+ }), et = /* @__PURE__ */ O(Qe, [["__scopeId", "data-v-ff85ced0"]]), tt = /* @__PURE__ */ h("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), at = /* @__PURE__ */ w({
949
950
  inheritAttrs: !1,
950
951
  __name: "ScalarPopover",
951
952
  props: {
@@ -953,24 +954,24 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
953
954
  resize: { type: Boolean }
954
955
  },
955
956
  setup(a) {
956
- return (t, e) => (m(), N(n(ye), null, {
957
- default: _(() => [
958
- x(n(G), ne(ie(t.$props)), {
959
- floating: _(({ width: r, height: d }) => [
960
- x(n(we), A({
957
+ return (t, e) => (m(), $(n(_e), null, {
958
+ default: y(() => [
959
+ I(n(H), ne(ie(t.$props)), {
960
+ floating: y(({ width: r, height: d }) => [
961
+ I(n(we), A({
961
962
  class: "scalar-component relative flex flex-col p-0.75",
962
963
  style: { width: r, height: d }
963
964
  }, t.$attrs), {
964
- default: _(() => [
965
+ default: y(() => [
965
966
  b(t.$slots, "popover"),
966
967
  tt
967
968
  ]),
968
969
  _: 2
969
970
  }, 1040, ["style"])
970
971
  ]),
971
- default: _(() => [
972
- x(n(ke), { as: "template" }, {
973
- default: _(() => [
972
+ default: y(() => [
973
+ I(n(ke), { as: "template" }, {
974
+ default: y(() => [
974
975
  b(t.$slots, "default")
975
976
  ]),
976
977
  _: 3
@@ -995,7 +996,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
995
996
  function r(c) {
996
997
  e("update:modelValue", c.target.value);
997
998
  }
998
- const d = y(() => {
999
+ const d = _(() => {
999
1000
  const { class: c, ...s } = T();
1000
1001
  return { className: c || "", rest: s };
1001
1002
  });
@@ -1007,7 +1008,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
1007
1008
  }), [
1008
1009
  h("span", rt, [
1009
1010
  b(c.$slots, "label", {}, () => [
1010
- z("Enter search")
1011
+ Y("Enter search")
1011
1012
  ])
1012
1013
  ]),
1013
1014
  h("input", {
@@ -1021,29 +1022,32 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
1021
1022
  value: c.modelValue,
1022
1023
  onInput: r
1023
1024
  }, null, 40, st),
1024
- c.loading && c.loading.isLoading ? (m(), N(n(H), {
1025
+ c.loading && c.loading.isLoading ? (m(), $(n(M), {
1025
1026
  key: 0,
1026
1027
  class: "mr-3 self-center",
1027
1028
  loadingState: c.loading,
1028
1029
  size: "20px"
1029
- }, null, 8, ["loadingState"])) : c.modelValue ? (m(), N(n(Q), {
1030
+ }, null, 8, ["loadingState"])) : c.modelValue ? (m(), $(n(Z), {
1030
1031
  key: 1,
1031
1032
  class: "self-center",
1032
1033
  icon: "Close",
1033
1034
  label: "Clear Search",
1034
1035
  size: "md",
1035
- onClick: s[0] || (s[0] = (u) => e("update:modelValue", ""))
1036
- })) : $("", !0)
1036
+ onClick: s[0] || (s[0] = (p) => e("update:modelValue", ""))
1037
+ })) : N("", !0)
1037
1038
  ], 16));
1038
1039
  }
1039
- }), nt = { class: "flex flex-col items-center gap-2 px-3 py-4" }, it = /* @__PURE__ */ h("div", { class: "rotate-90 text-lg font-bold" }, ":(", -1), lt = { class: "text-sm font-medium text-fore-2" }, dt = /* @__PURE__ */ w({
1040
+ }), nt = /* @__PURE__ */ h("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [
1041
+ /* @__PURE__ */ h("div", { class: "rotate-90 text-lg font-bold" }, ":("),
1042
+ /* @__PURE__ */ h("div", { class: "text-sm font-medium text-fore-2" }, "No results found")
1043
+ ], -1), it = /* @__PURE__ */ w({
1040
1044
  inheritAttrs: !1,
1041
1045
  __name: "ScalarSearchResultList",
1042
1046
  props: {
1043
1047
  noResults: { type: Boolean }
1044
1048
  },
1045
1049
  setup(a) {
1046
- const t = y(() => {
1050
+ const t = _(() => {
1047
1051
  const { class: e, ...r } = T();
1048
1052
  return { className: e || "", rest: r };
1049
1053
  });
@@ -1051,25 +1055,15 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
1051
1055
  class: n(E)("flex flex-col", t.value.className)
1052
1056
  }), [
1053
1057
  e.noResults ? b(e.$slots, "noResults", { key: 0 }, () => [
1054
- h("div", nt, [
1055
- it,
1056
- h("div", lt, [
1057
- z(" No results found "),
1058
- e.$slots.query ? (m(), v(K, { key: 0 }, [
1059
- z('for "'),
1060
- b(e.$slots, "query"),
1061
- z('"')
1062
- ], 64)) : $("", !0)
1063
- ])
1064
- ])
1065
- ]) : $("", !0),
1058
+ nt
1059
+ ]) : N("", !0),
1066
1060
  b(e.$slots, "default")
1067
1061
  ], 16));
1068
1062
  }
1069
- }), ct = { class: "contents" }, ut = { class: "text-fore-3 group-hover:text-fore-1" }, pt = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, mt = { class: "flex items-center gap-1" }, gt = { class: "flex-1 truncate text-sm font-medium" }, ft = {
1063
+ }), lt = { class: "contents" }, dt = { class: "text-fore-3 group-hover:text-fore-1" }, ct = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, pt = { class: "flex items-center gap-1" }, ut = { class: "flex-1 truncate text-sm font-medium" }, mt = {
1070
1064
  key: 0,
1071
1065
  class: "text-xs text-fore-2"
1072
- }, ht = { class: "truncate text-xs text-fore-2" }, vt = /* @__PURE__ */ w({
1066
+ }, gt = { class: "truncate text-xs text-fore-2" }, ft = /* @__PURE__ */ w({
1073
1067
  inheritAttrs: !1,
1074
1068
  __name: "ScalarSearchResultItem",
1075
1069
  props: {
@@ -1077,11 +1071,11 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
1077
1071
  active: { type: Boolean }
1078
1072
  },
1079
1073
  setup(a) {
1080
- const t = y(() => {
1074
+ const t = _(() => {
1081
1075
  const { class: e, ...r } = T();
1082
1076
  return { className: e || "", rest: r };
1083
1077
  });
1084
- return (e, r) => (m(), v("li", ct, [
1078
+ return (e, r) => (m(), v("li", lt, [
1085
1079
  h("a", A(t.value.rest, {
1086
1080
  class: n(E)(
1087
1081
  "group flex cursor-pointer gap-3 rounded px-3 py-1.5 no-underline hover:bg-back-2",
@@ -1091,32 +1085,32 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
1091
1085
  t.value.className
1092
1086
  )
1093
1087
  }), [
1094
- h("div", ut, [
1088
+ h("div", dt, [
1095
1089
  b(e.$slots, "icon", {}, () => [
1096
- e.icon ? (m(), N(n(V), {
1090
+ e.icon ? (m(), $(n(G), {
1097
1091
  key: 0,
1098
1092
  icon: e.icon,
1099
1093
  size: "sm"
1100
- }, null, 8, ["icon"])) : $("", !0)
1094
+ }, null, 8, ["icon"])) : N("", !0)
1101
1095
  ])
1102
1096
  ]),
1103
- h("div", pt, [
1104
- h("div", mt, [
1105
- h("div", gt, [
1097
+ h("div", ct, [
1098
+ h("div", pt, [
1099
+ h("div", ut, [
1106
1100
  b(e.$slots, "default")
1107
1101
  ]),
1108
- e.$slots.addon ? (m(), v("div", ft, [
1102
+ e.$slots.addon ? (m(), v("div", mt, [
1109
1103
  b(e.$slots, "addon")
1110
- ])) : $("", !0)
1104
+ ])) : N("", !0)
1111
1105
  ]),
1112
- h("div", ht, [
1106
+ h("div", gt, [
1113
1107
  b(e.$slots, "description")
1114
1108
  ])
1115
1109
  ])
1116
1110
  ], 16)
1117
1111
  ]));
1118
1112
  }
1119
- }), bt = { class: "scalar-component scalar-input-container relative" }, St = ["for"], _t = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, yt = /* @__PURE__ */ w({
1113
+ }), ht = { class: "scalar-component scalar-input-container relative" }, vt = ["for"], bt = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, St = /* @__PURE__ */ w({
1120
1114
  __name: "ScalarTextField",
1121
1115
  props: {
1122
1116
  modelValue: {},
@@ -1141,16 +1135,16 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
1141
1135
  },
1142
1136
  error: { true: "scalar-input-wrapper-error border-error" }
1143
1137
  }
1144
- }), c = T(), s = c.id || `id-${Ce()}`, u = I(), i = I(!1);
1138
+ }), c = T(), s = c.id || `id-${Ce()}`, p = x(), i = x(!1);
1145
1139
  let g;
1146
1140
  if (e.isMultiline) {
1147
1141
  const { triggerResize: l } = Ae({
1148
- element: u,
1142
+ element: p,
1149
1143
  input: e.modelValue
1150
1144
  });
1151
1145
  g = l;
1152
1146
  }
1153
- function p(l) {
1147
+ function u(l) {
1154
1148
  const k = l.target.value;
1155
1149
  e.isMultiline && g(), e.handleFieldChange ? e.handleFieldChange(k) : r("update:modelValue", k);
1156
1150
  }
@@ -1161,16 +1155,16 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
1161
1155
  function f(l) {
1162
1156
  i.value = !1, e.emitOnBlur && e.modelValue && o(l);
1163
1157
  }
1164
- return q(() => {
1158
+ return X(() => {
1165
1159
  var l;
1166
- Object.prototype.hasOwnProperty.call(c, "autofocus") && ((l = u.value) == null || l.focus());
1167
- }), (l, k) => (m(), v("div", bt, [
1160
+ Object.prototype.hasOwnProperty.call(c, "autofocus") && ((l = p.value) == null || l.focus());
1161
+ }), (l, k) => (m(), v("div", ht, [
1168
1162
  h("div", {
1169
1163
  class: S(n(d)({ error: l.error, focus: i.value }))
1170
1164
  }, [
1171
- (m(), N(Y(l.isMultiline ? "textarea" : "input"), A({ id: n(s) }, l.$attrs, {
1165
+ (m(), $(q(l.isMultiline ? "textarea" : "input"), A({ id: n(s) }, l.$attrs, {
1172
1166
  ref_key: "input",
1173
- ref: u,
1167
+ ref: p,
1174
1168
  class: [
1175
1169
  "scalar-input",
1176
1170
  n(E)(
@@ -1183,7 +1177,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
1183
1177
  value: l.modelValue,
1184
1178
  onBlur: f,
1185
1179
  onFocus: k[0] || (k[0] = (C) => i.value = !0),
1186
- onInput: p,
1180
+ onInput: u,
1187
1181
  onKeyup: le(o, ["enter"])
1188
1182
  }), null, 16, ["id", "class", "placeholder", "value"])),
1189
1183
  l.label ? (m(), v("label", {
@@ -1195,12 +1189,12 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
1195
1189
  )
1196
1190
  ),
1197
1191
  for: n(s),
1198
- style: J({
1192
+ style: K({
1199
1193
  "box-shadow": `0 0 4px 4px ${l.labelShadowColor}`,
1200
1194
  "background-color": l.labelShadowColor
1201
1195
  })
1202
- }, D(l.label), 15, St)) : $("", !0),
1203
- h("div", _t, [
1196
+ }, z(l.label), 15, vt)) : N("", !0),
1197
+ h("div", bt, [
1204
1198
  b(l.$slots, "default", {}, void 0, !0)
1205
1199
  ])
1206
1200
  ], 2),
@@ -1212,31 +1206,31 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
1212
1206
  "before:bg-error before:text-white before:content-['!'] empty:hidden"
1213
1207
  )
1214
1208
  )
1215
- }, D(l.helperText), 3)
1209
+ }, z(l.helperText), 3)
1216
1210
  ]));
1217
1211
  }
1218
- }), wt = /* @__PURE__ */ B(yt, [["__scopeId", "data-v-5f3f67be"]]), Bt = {
1212
+ }), yt = /* @__PURE__ */ O(St, [["__scopeId", "data-v-5f3f67be"]]), Pt = {
1219
1213
  install: (a) => {
1220
- a.component("ScalarButton", Me), a.component("ScalarDropdown", Ue), a.component("ScalarDropdownDivider", qe), a.component("ScalarDropdownItem", Ke), a.component("ScalarFloating", G), a.component("ScalarIcon", V), a.component("ScalarIconButton", Q), a.component("ScalarLoading", H), a.component("ScalarModal", et), a.component("ScalarPopover", at), a.component("ScalarSearchInput", ot), a.component("ScalarSearchResultItem", vt), a.component("ScalarSearchResultList", dt), a.component("ScalarTextField", wt);
1214
+ a.component("ScalarButton", Me), a.component("ScalarDropdown", Ue), a.component("ScalarDropdownDivider", qe), a.component("ScalarDropdownItem", Ke), a.component("ScalarFloating", H), a.component("ScalarIcon", G), a.component("ScalarIconButton", Z), a.component("ScalarLoading", M), a.component("ScalarModal", et), a.component("ScalarPopover", at), a.component("ScalarSearchInput", ot), a.component("ScalarSearchResultItem", ft), a.component("ScalarSearchResultList", it), a.component("ScalarTextField", yt);
1221
1215
  }
1222
1216
  };
1223
1217
  export {
1224
1218
  Me as ScalarButton,
1225
- Pt as ScalarCodeBlock,
1219
+ zt as ScalarCodeBlock,
1226
1220
  Ue as ScalarDropdown,
1227
1221
  qe as ScalarDropdownDivider,
1228
1222
  Ke as ScalarDropdownItem,
1229
- G as ScalarFloating,
1230
- V as ScalarIcon,
1231
- Q as ScalarIconButton,
1232
- H as ScalarLoading,
1223
+ H as ScalarFloating,
1224
+ G as ScalarIcon,
1225
+ Z as ScalarIconButton,
1226
+ M as ScalarLoading,
1233
1227
  et as ScalarModal,
1234
1228
  at as ScalarPopover,
1235
1229
  ot as ScalarSearchInput,
1236
- vt as ScalarSearchResultItem,
1237
- dt as ScalarSearchResultList,
1238
- wt as ScalarTextField,
1239
- Bt as default,
1240
- Dt as useLoadingState,
1241
- Ot as useModal
1230
+ ft as ScalarSearchResultItem,
1231
+ it as ScalarSearchResultList,
1232
+ yt as ScalarTextField,
1233
+ Pt as default,
1234
+ Rt as useLoadingState,
1235
+ Dt as useModal
1242
1236
  };