@scalar/components 0.19.8 → 0.19.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarCopy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCopy/ScalarCopy.vue"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG/D;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;aAuBP,OAAO;;;;aAAP,OAAO;;;oGA0Fd,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ScalarCopy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCopy/ScalarCopy.vue"],"names":[],"mappings":"AAyEA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG/D;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;aA+BP,OAAO;;;;aAAP,OAAO;;;oGA0Fd,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -1,30 +1,35 @@
1
- import { defineComponent as p, mergeModels as s, useModel as r, watch as m, createBlock as u, openBlock as f, unref as c, createSlots as y, withCtx as t, renderSlot as a } from "vue";
2
- import { useClipboard as b } from "@vueuse/core";
3
- import k from "./ScalarCopyButton.vue.js";
4
- const $ = {}, B = /* @__PURE__ */ p({
5
- ...$,
1
+ import { defineComponent as p, mergeModels as s, useModel as m, onMounted as r, watch as u, createBlock as f, openBlock as y, unref as c, createSlots as b, withCtx as t, renderSlot as a } from "vue";
2
+ import { useClipboard as k } from "@vueuse/core";
3
+ import $ from "./ScalarCopyButton.vue.js";
4
+ const v = {}, L = /* @__PURE__ */ p({
5
+ ...v,
6
6
  __name: "ScalarCopy",
7
7
  props: /* @__PURE__ */ s({
8
8
  content: { default: "" },
9
9
  placement: {},
10
10
  showLabel: { type: Boolean },
11
- duration: { default: 1500 }
11
+ duration: { default: 1500 },
12
+ immediate: { type: Boolean }
12
13
  }, {
13
14
  copied: { type: Boolean, default: !1 },
14
15
  copiedModifiers: {}
15
16
  }),
16
17
  emits: ["update:copied"],
17
18
  setup(o) {
18
- const n = r(o, "copied"), { copy: i, copied: l } = b({
19
+ const n = m(o, "copied");
20
+ r(() => {
21
+ o.immediate && d(o.content);
22
+ });
23
+ const { copy: d, copied: i } = k({
19
24
  legacy: !0,
20
25
  copiedDuring: o.duration
21
26
  });
22
- return m(l, (e) => n.value = e), (e, d) => (f(), u(k, {
27
+ return u(i, (e) => n.value = e), (e, l) => (y(), f($, {
28
+ copied: n.value || c(i),
23
29
  placement: o.placement,
24
30
  showLabel: o.showLabel,
25
- copied: n.value || c(l),
26
- onClick: d[0] || (d[0] = (v) => c(i)(o.content))
27
- }, y({ _: 2 }, [
31
+ onClick: l[0] || (l[0] = (w) => c(d)(o.content))
32
+ }, b({ _: 2 }, [
28
33
  e.$slots.copy ? {
29
34
  name: "copy",
30
35
  fn: t(() => [
@@ -46,9 +51,9 @@ const $ = {}, B = /* @__PURE__ */ p({
46
51
  ]),
47
52
  key: "2"
48
53
  } : void 0
49
- ]), 1032, ["placement", "showLabel", "copied"]));
54
+ ]), 1032, ["copied", "placement", "showLabel"]));
50
55
  }
51
56
  });
52
57
  export {
53
- B as default
58
+ L as default
54
59
  };
@@ -1,22 +1,22 @@
1
- import { defineComponent as y, mergeModels as v, useModel as b, computed as k, createElementBlock as a, openBlock as t, mergeProps as x, unref as C, createVNode as i, createElementVNode as c, Transition as d, withCtx as p, createBlock as h, resolveDynamicComponent as g, normalizeClass as u, renderSlot as l, createTextVNode as r } from "vue";
1
+ import { defineComponent as y, mergeModels as v, useModel as C, computed as b, createElementBlock as a, openBlock as t, mergeProps as k, unref as x, createVNode as i, createElementVNode as c, Transition as d, withCtx as p, createBlock as h, resolveDynamicComponent as g, normalizeClass as u, renderSlot as l, createTextVNode as r } from "vue";
2
2
  import { ScalarIconCheck as w, ScalarIconCopy as B } from "@scalar/icons";
3
- import { useBindCx as $ } from "@scalar/use-hooks/useBindCx";
4
- import z from "./ScalarCopyBackdrop.vue.js";
5
- const S = {
3
+ import { useBindCx as T } from "@scalar/use-hooks/useBindCx";
4
+ import $ from "./ScalarCopyBackdrop.vue.js";
5
+ const z = {
6
6
  "aria-hidden": "true",
7
7
  class: "flex items-center py-1.5 mask-y-from-[calc(100%-8px)] mask-y-to-100%"
8
- }, M = {
8
+ }, A = {
9
9
  key: 0,
10
10
  class: "whitespace-nowrap px-1.5"
11
- }, N = {
11
+ }, F = {
12
12
  key: 0,
13
- role: "alert",
14
- class: "sr-only"
15
- }, V = {
13
+ class: "sr-only",
14
+ role: "alert"
15
+ }, S = {
16
16
  key: 1,
17
17
  class: "sr-only"
18
- }, E = {}, A = /* @__PURE__ */ y({
19
- ...E,
18
+ }, M = {}, L = /* @__PURE__ */ y({
19
+ ...M,
20
20
  inheritAttrs: !1,
21
21
  __name: "ScalarCopyButton",
22
22
  props: /* @__PURE__ */ v({
@@ -28,23 +28,23 @@ const S = {
28
28
  }),
29
29
  emits: ["update:copied"],
30
30
  setup(n) {
31
- const o = b(n, "copied"), { cx: m } = $(), f = k(() => o.value ? w : B);
32
- return (s, e) => (t(), a("button", x(
31
+ const o = C(n, "copied"), { cx: m } = T(), f = b(() => o.value ? w : B);
32
+ return (s, e) => (t(), a("button", k(
33
33
  { type: "button" },
34
- C(m)(
34
+ x(m)(
35
35
  "group/copy-button relative z-0 flex items-center justify-center",
36
36
  "size-6 p-1.25 -m-1 rounded text-xs bg-b-2",
37
37
  o.value ? "text-c-1" : "text-c-2 hover:text-c-1"
38
38
  )
39
39
  ), [
40
40
  i(d, {
41
- mode: "out-in",
42
- "enter-active-class": "transition-transform",
43
- "enter-from-class": "scale-0",
44
- "enter-to-class": "scale-100",
45
- "leave-active-class": "transition-transform",
46
- "leave-from-class": "scale-100",
47
- "leave-to-class": "scale-0"
41
+ enterActiveClass: "transition-transform",
42
+ enterFromClass: "scale-0",
43
+ enterToClass: "scale-100",
44
+ leaveActiveClass: "transition-transform",
45
+ leaveFromClass: "scale-100",
46
+ leaveToClass: "scale-0",
47
+ mode: "out-in"
48
48
  }, {
49
49
  default: p(() => [
50
50
  (t(), h(g(f.value), { class: "size-full" }))
@@ -58,18 +58,18 @@ const S = {
58
58
  "right-0 pr-[100%]": n.placement === "left"
59
59
  }])
60
60
  }, [
61
- c("div", S, [
61
+ c("div", z, [
62
62
  i(d, {
63
- mode: "out-in",
64
- "enter-active-class": "transition-transform ease-out",
65
- "enter-from-class": "translate-y-1.5",
66
- "enter-to-class": "translate-y-0",
67
- "leave-active-class": "transition-transform ease-in",
68
- "leave-from-class": "translate-y-0",
69
- "leave-to-class": "-translate-y-1.5"
63
+ enterActiveClass: "transition-transform ease-out",
64
+ enterFromClass: "translate-y-1.5",
65
+ enterToClass: "translate-y-0",
66
+ leaveActiveClass: "transition-transform ease-in",
67
+ leaveFromClass: "translate-y-0",
68
+ leaveToClass: "-translate-y-1.5",
69
+ mode: "out-in"
70
70
  }, {
71
71
  default: p(() => [
72
- o.value ? (t(), a("div", M, [
72
+ o.value ? (t(), a("div", A, [
73
73
  l(s.$slots, "copied", {}, () => [
74
74
  e[0] || (e[0] = r("Copied", -1))
75
75
  ])
@@ -87,22 +87,22 @@ const S = {
87
87
  _: 3
88
88
  })
89
89
  ]),
90
- o.value ? (t(), a("div", N, [
90
+ o.value ? (t(), a("div", F, [
91
91
  l(s.$slots, "copied", {}, () => [
92
92
  e[2] || (e[2] = r("Copied", -1))
93
93
  ])
94
- ])) : (t(), a("div", V, [
94
+ ])) : (t(), a("div", S, [
95
95
  l(s.$slots, "copy", {}, () => [
96
96
  e[3] || (e[3] = r("Copy", -1))
97
97
  ])
98
98
  ])),
99
99
  l(s.$slots, "backdrop", {}, () => [
100
- i(z)
100
+ i($)
101
101
  ])
102
102
  ], 2)
103
103
  ], 16));
104
104
  }
105
105
  });
106
106
  export {
107
- A as default
107
+ L as default
108
108
  };
@@ -1,3 +1,4 @@
1
1
  export { default as ScalarCopy } from './ScalarCopy.vue.js';
2
+ export { default as ScalarCopyBackdrop } from './ScalarCopyBackdrop.vue.js';
2
3
  export { default as ScalarCopyButton } from './ScalarCopyButton.vue.js';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCopy/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCopy/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA"}
@@ -14,6 +14,8 @@ export type ScalarCopyProps = {
14
14
  * @default 1500
15
15
  */
16
16
  duration?: number;
17
+ /** Whether to copy the content immediately on mount */
18
+ immediate?: boolean;
17
19
  };
18
20
  export type ScalarCopySlots = {
19
21
  /** The label shown next to the copy button before it is clicked */
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCopy/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAA;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,OAAO,CAAA;IACpB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,OAAO,CAAA;CACrB,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCopy/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,CAAA;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,OAAO,CAAA;IACpB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB;;;;;OAKG;IACH,QAAQ,CAAC,IAAI,OAAO,CAAA;CACrB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"AAopBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAuFlD,QAAA,MAAM,YAAY;;4PAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
1
+ {"version":3,"file":"ScalarMarkdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"names":[],"mappings":"AAkqBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AA2FlD,QAAA,MAAM,YAAY;;4PAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
@@ -1,7 +1,7 @@
1
- import { defineComponent as s, useTemplateRef as f, computed as u, createElementBlock as h, openBlock as d, mergeProps as g, unref as w } from "vue";
2
- import { htmlFromMarkdown as x } from "@scalar/code-highlight";
3
- import { useBindCx as T } from "@scalar/use-hooks/useBindCx";
4
- const v = ["innerHTML"], B = /* @__PURE__ */ s({
1
+ import { defineComponent as f, useTemplateRef as l, computed as u, createElementBlock as h, openBlock as d, mergeProps as g, unref as w } from "vue";
2
+ import { htmlFromMarkdown as x, isHeading as T, textFromNode as y } from "@scalar/code-highlight";
3
+ import { useBindCx as k } from "@scalar/use-hooks/useBindCx";
4
+ const v = ["innerHTML"], A = /* @__PURE__ */ f({
5
5
  inheritAttrs: !1,
6
6
  __name: "ScalarMarkdown",
7
7
  props: {
@@ -13,16 +13,18 @@ const v = ["innerHTML"], B = /* @__PURE__ */ s({
13
13
  clamp: {},
14
14
  anchorPrefix: {}
15
15
  },
16
- setup(e, { expose: n }) {
17
- const { cx: a } = T(), m = f("div");
18
- n({ el: m });
16
+ setup(e, { expose: a }) {
17
+ const { cx: n } = k(), m = l("div");
18
+ a({ el: m });
19
19
  const o = (t) => {
20
20
  if (!e.withAnchors)
21
21
  return e.transform?.(t) || t;
22
- const r = (t.children?.[0]?.value || "").toLowerCase().replace(/\s+/g, "-"), l = e.anchorPrefix ? `${e.anchorPrefix}/description/${r}` : r;
22
+ if (!T(t))
23
+ return t;
24
+ const r = y(t).toLowerCase().replace(/\s+/g, "-"), s = e.anchorPrefix ? `${e.anchorPrefix}/description/${r}` : r;
23
25
  return t.data = {
24
26
  hProperties: {
25
- id: l
27
+ id: s
26
28
  }
27
29
  }, e.transform ? e.transform(t) : t;
28
30
  }, i = u(() => x(e.value ?? "", {
@@ -30,12 +32,12 @@ const v = ["innerHTML"], B = /* @__PURE__ */ s({
30
32
  transform: e.withAnchors && e.transformType === "heading" ? o : e.transform,
31
33
  transformType: e.transformType
32
34
  }));
33
- return (t, c) => (d(), h("div", g({ ref: "div" }, w(a)("markdown", { "line-clamp-(--markdown-clamp)": !!e.clamp }), {
35
+ return (t, c) => (d(), h("div", g({ ref: "div" }, w(n)("markdown", { "line-clamp-(--markdown-clamp)": !!e.clamp }), {
34
36
  style: { "--markdown-clamp": e.clamp },
35
37
  innerHTML: i.value
36
38
  }), null, 16, v));
37
39
  }
38
40
  });
39
41
  export {
40
- B as default
42
+ A as default
41
43
  };
@@ -1,3 +1,4 @@
1
+ import type { Node } from '@scalar/code-highlight';
1
2
  export type ScalarMarkdownProps = {
2
3
  /**
3
4
  * The markdown content to render.
@@ -16,11 +17,11 @@ export type ScalarMarkdownProps = {
16
17
  */
17
18
  withAnchors?: boolean;
18
19
  /**
19
- * A function to transform the markdown content.
20
+ * A function to transform the Markdown content.
20
21
  *
21
22
  * @see https://github.com/remarkjs/remark-rehype
22
23
  */
23
- transform?: (node: Record<string, any>) => Record<string, any>;
24
+ transform?: (node: Node) => Node;
24
25
  /**
25
26
  * The type of transform to apply.
26
27
  *
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9D;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,mBAAmB,GAAG;IAC7D;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAElD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAChC;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,0BAA0B,GAAG,mBAAmB,GAAG;IAC7D;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarSidebarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroup.vue"],"names":[],"mappings":"AAiLA,OAAO,KAAK,EAA2B,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAI/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;;;WAuDT,OAAO;;;;;;;;;;WAAP,OAAO;;;;;4GAyNZ,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ScalarSidebarGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroup.vue"],"names":[],"mappings":"AAkLA,OAAO,KAAK,EAA2B,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAI/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;;;WAwDT,OAAO;;;;;;;;;;WAAP,OAAO;;;;;4GAyNZ,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -14,20 +14,19 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
14
14
  modelValue?: string;
15
15
  }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
16
  "update:modelValue": (value: string | undefined) => any;
17
+ } & {
18
+ click: (event: MouseEvent) => any;
17
19
  }, string, import("vue").PublicProps, Readonly<{
18
20
  readonly?: boolean;
19
21
  } & {
20
22
  modelValue?: string;
21
23
  }> & Readonly<{
22
24
  "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
25
+ onClick?: ((event: MouseEvent) => any) | undefined;
23
26
  }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
24
- prefix?: (props: {}) => any;
25
- } & {
26
- prefix?: (props: {}) => any;
27
- } & {
28
- suffix?: (props: {}) => any;
29
- } & {
30
- aside?: (props: {}) => any;
27
+ prefix?: () => unknown;
28
+ suffix?: () => unknown;
29
+ aside?: () => unknown;
31
30
  }>;
32
31
  type __VLS_WithSlots<T, S> = T & {
33
32
  new (): {
@@ -1 +1 @@
1
- {"version":3,"file":"ScalarTextInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextInput/ScalarTextInput.vue"],"names":[],"mappings":"AA4FA;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;eAEL,OAAO;;iBA2BP,MAAM;;;;eA3BN,OAAO;;iBA2BP,MAAM;;;;aAoIN,CAAC,KAAK,IAAiB,KAAK,GAAG;;aAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;aAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;YAChC,CAAC,KAAK,IAAiB,KAAK,GAAG;EAYvC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"ScalarTextInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextInput/ScalarTextInput.vue"],"names":[],"mappings":"AA6GA;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;eAEL,OAAO;;iBA8CP,MAAM;;;;;;eA9CN,OAAO;;iBA8CP,MAAM;;;;;aAjCR,MAAM,OAAO;aAEb,MAAM,OAAO;YAEd,MAAM,OAAO;EAyKnB,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -1,66 +1,66 @@
1
- import { defineComponent as y, mergeModels as x, useModel as v, ref as $, onMounted as k, createBlock as w, openBlock as s, unref as i, mergeProps as f, withCtx as _, createElementVNode as d, renderSlot as n, createElementBlock as l, createCommentVNode as a, withDirectives as C, vModelDynamic as g, toDisplayString as V } from "vue";
2
- import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
3
- import B from "../ScalarForm/ScalarFormInput.vue.js";
4
- const M = { class: "flex flex-1 relative" }, A = {
1
+ import { defineComponent as k, mergeModels as f, useModel as $, ref as w, onMounted as _, createBlock as C, openBlock as s, unref as r, mergeProps as m, withCtx as g, createElementVNode as d, renderSlot as n, createElementBlock as l, createCommentVNode as a, withDirectives as V, vModelDynamic as b, toDisplayString as B } from "vue";
2
+ import { useBindCx as M } from "@scalar/use-hooks/useBindCx";
3
+ import A from "../ScalarForm/ScalarFormInput.vue.js";
4
+ const D = { class: "flex flex-1 relative" }, S = {
5
5
  key: 0,
6
6
  class: "select-none whitespace-nowrap text-sm text-transparent"
7
- }, D = ["aria-readonly", "readonly"], S = {
7
+ }, E = ["aria-readonly", "readonly"], N = {
8
8
  key: 1,
9
9
  class: "absolute inset-0 select-none overflow-hidden whitespace-nowrap text-sm"
10
- }, E = {
10
+ }, z = {
11
11
  key: 0,
12
12
  class: "text-c-2"
13
- }, N = { class: "text-transparent" }, z = {
13
+ }, I = { class: "text-transparent" }, P = {
14
14
  key: 1,
15
15
  class: "text-c-2"
16
- }, I = {}, j = /* @__PURE__ */ y({
17
- ...I,
16
+ }, T = {}, F = /* @__PURE__ */ k({
17
+ ...T,
18
18
  inheritAttrs: !1,
19
19
  __name: "ScalarTextInput",
20
- props: /* @__PURE__ */ x({
20
+ props: /* @__PURE__ */ f({
21
21
  readonly: { type: Boolean }
22
22
  }, {
23
23
  modelValue: {},
24
24
  modelModifiers: {}
25
25
  }),
26
- emits: ["update:modelValue"],
27
- setup(t) {
28
- const r = v(t, "modelValue"), o = $(), { stylingAttrsCx: m, otherAttrs: u } = b();
29
- k(() => {
30
- "autofocus" in u.value && o.value?.focus();
26
+ emits: /* @__PURE__ */ f(["click"], ["update:modelValue"]),
27
+ setup(t, { emit: p }) {
28
+ const h = p, i = $(t, "modelValue"), o = w(), { stylingAttrsCx: y, otherAttrs: c } = M();
29
+ _(() => {
30
+ "autofocus" in c.value && o.value?.focus();
31
31
  });
32
- function p() {
33
- t.readonly ? o.value?.select() : o.value?.focus();
32
+ function x(e) {
33
+ h("click", e), t.readonly ? o.value?.select() : o.value?.focus();
34
34
  }
35
- return (e, c) => (s(), w(i(B), f(
35
+ return (e, u) => (s(), C(r(A), m(
36
36
  { is: "div" },
37
- i(m)(
37
+ r(y)(
38
38
  "cursor-text text-c-1",
39
39
  t.readonly ? "" : "focus-within:bg-b-1"
40
40
  ),
41
- { onClick: p }
41
+ { onClick: x }
42
42
  ), {
43
- default: _(() => [
44
- d("div", M, [
45
- e.$slots.prefix ? (s(), l("span", A, [
43
+ default: g(() => [
44
+ d("div", D, [
45
+ e.$slots.prefix ? (s(), l("span", S, [
46
46
  n(e.$slots, "prefix")
47
47
  ])) : a("", !0),
48
- C(d("input", f({
48
+ V(d("input", m({
49
49
  ref_key: "input",
50
50
  ref: o,
51
- "onUpdate:modelValue": c[0] || (c[0] = (h) => r.value = h),
51
+ "onUpdate:modelValue": u[0] || (u[0] = (v) => i.value = v),
52
52
  "aria-readonly": t.readonly || void 0,
53
53
  class: "z-1 min-w-0 flex-1 border-none bg-transparent text-sm placeholder:font-[inherit] focus-within:outline-none",
54
54
  readonly: t.readonly
55
- }, i(u)), null, 16, D), [
56
- [g, r.value]
55
+ }, r(c)), null, 16, E), [
56
+ [b, i.value]
57
57
  ]),
58
- e.$slots.prefix || e.$slots.suffix ? (s(), l("div", S, [
59
- e.$slots.prefix ? (s(), l("span", E, [
58
+ e.$slots.prefix || e.$slots.suffix ? (s(), l("div", N, [
59
+ e.$slots.prefix ? (s(), l("span", z, [
60
60
  n(e.$slots, "prefix")
61
61
  ])) : a("", !0),
62
- d("span", N, V(r.value || e.$attrs.placeholder), 1),
63
- e.$slots.suffix ? (s(), l("span", z, [
62
+ d("span", I, B(i.value || e.$attrs.placeholder), 1),
63
+ e.$slots.suffix ? (s(), l("span", P, [
64
64
  n(e.$slots, "suffix")
65
65
  ])) : a("", !0)
66
66
  ])) : a("", !0)
@@ -72,5 +72,5 @@ const M = { class: "flex flex-1 relative" }, A = {
72
72
  }
73
73
  });
74
74
  export {
75
- j as default
75
+ F as default
76
76
  };
@@ -0,0 +1,50 @@
1
+ /**
2
+ * Scalar Text Input Copy component
3
+ *
4
+ * A wrapper around the ScalarTextInput component that provides a
5
+ * copy button and allows copying of the input content to the clipboard.
6
+ *
7
+ * @example
8
+ * <ScalarTextInputCopy v-model="model" />
9
+ */
10
+ declare const _default: typeof __VLS_export;
11
+ export default _default;
12
+ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
13
+ /** The placement of the copy button */
14
+ duration?: number;
15
+ /** Whether the input is writable */
16
+ editable?: boolean;
17
+ /** Whether to copy the model value immediately on mount */
18
+ immediate?: boolean;
19
+ } & {
20
+ modelValue?: string;
21
+ copied?: boolean;
22
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
23
+ "update:modelValue": (value: string | undefined) => any;
24
+ "update:copied": (value: boolean) => any;
25
+ }, string, import("vue").PublicProps, Readonly<{
26
+ /** The placement of the copy button */
27
+ duration?: number;
28
+ /** Whether the input is writable */
29
+ editable?: boolean;
30
+ /** Whether to copy the model value immediately on mount */
31
+ immediate?: boolean;
32
+ } & {
33
+ modelValue?: string;
34
+ copied?: boolean;
35
+ }> & Readonly<{
36
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
37
+ "onUpdate:copied"?: ((value: boolean) => any) | undefined;
38
+ }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
39
+ prefix?: () => unknown;
40
+ suffix?: () => unknown;
41
+ aside?: () => unknown;
42
+ copy?: () => unknown;
43
+ copied?: () => unknown;
44
+ }>;
45
+ type __VLS_WithSlots<T, S> = T & {
46
+ new (): {
47
+ $slots: S;
48
+ };
49
+ };
50
+ //# sourceMappingURL=ScalarTextInputCopy.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScalarTextInputCopy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextInput/ScalarTextInputCopy.vue"],"names":[],"mappings":"AAgGA;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,uCAAuC;eAC5B,MAAM;IACjB,oCAAoC;eACzB,OAAO;IAClB,2DAA2D;gBAC/C,OAAO;;iBAyCR,MAAM;aACR,OAAO;;;;;IA/ChB,uCAAuC;eAC5B,MAAM;IACjB,oCAAoC;eACzB,OAAO;IAClB,2DAA2D;gBAC/C,OAAO;;iBAyCR,MAAM;aACR,OAAO;;;;;aAnCP,MAAM,OAAO;aAEb,MAAM,OAAO;YAEd,MAAM,OAAO;WAEd,MAAM,OAAO;aAEX,MAAM,OAAO;EAiKpB,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
@@ -0,0 +1,68 @@
1
+ import { defineComponent as c, mergeModels as f, onMounted as v, useModel as p, watch as y, createBlock as $, openBlock as b, unref as d, withCtx as t, createVNode as r, withModifiers as k, createSlots as C, renderSlot as s } from "vue";
2
+ import { useClipboard as V } from "@vueuse/core";
3
+ import M from "./ScalarTextInput.vue.js";
4
+ import B from "../ScalarCopy/ScalarCopyButton.vue.js";
5
+ import g from "../ScalarCopy/ScalarCopyBackdrop.vue.js";
6
+ const w = {}, T = /* @__PURE__ */ c({
7
+ ...w,
8
+ __name: "ScalarTextInputCopy",
9
+ props: /* @__PURE__ */ f({
10
+ duration: { default: 1500 },
11
+ editable: { type: Boolean },
12
+ immediate: { type: Boolean }
13
+ }, {
14
+ modelValue: {},
15
+ modelModifiers: {},
16
+ copied: { type: Boolean, default: !1 },
17
+ copiedModifiers: {}
18
+ }),
19
+ emits: ["update:modelValue", "update:copied"],
20
+ setup(a) {
21
+ v(() => {
22
+ a.immediate && e.value && i(e.value);
23
+ });
24
+ const e = p(a, "modelValue"), u = p(a, "copied"), { copy: i, copied: m } = V({
25
+ legacy: !0,
26
+ copiedDuring: a.duration
27
+ });
28
+ return y(m, (o) => u.value = o), (o, l) => (b(), $(M, {
29
+ modelValue: e.value,
30
+ "onUpdate:modelValue": l[1] || (l[1] = (n) => e.value = n),
31
+ readonly: !a.editable,
32
+ onClick: l[2] || (l[2] = (n) => e.value && d(i)(e.value))
33
+ }, {
34
+ aside: t(() => [
35
+ r(d(B), {
36
+ class: "z-1",
37
+ copied: u.value || d(m),
38
+ placement: "left",
39
+ onClick: l[0] || (l[0] = k((n) => e.value && d(i)(e.value), ["stop"]))
40
+ }, C({
41
+ backdrop: t(() => [
42
+ r(d(g), { class: "bg-b-1.5" })
43
+ ]),
44
+ _: 2
45
+ }, [
46
+ o.$slots.copy ? {
47
+ name: "copy",
48
+ fn: t(() => [
49
+ s(o.$slots, "copy")
50
+ ]),
51
+ key: "0"
52
+ } : void 0,
53
+ o.$slots.copied ? {
54
+ name: "copied",
55
+ fn: t(() => [
56
+ s(o.$slots, "copied")
57
+ ]),
58
+ key: "1"
59
+ } : void 0
60
+ ]), 1032, ["copied"])
61
+ ]),
62
+ _: 3
63
+ }, 8, ["modelValue", "readonly"]));
64
+ }
65
+ });
66
+ export {
67
+ T as default
68
+ };
@@ -0,0 +1,4 @@
1
+ import f from "./ScalarTextInputCopy.vue.js";
2
+ export {
3
+ f as default
4
+ };
@@ -1,2 +1,3 @@
1
1
  export { default as ScalarTextInput } from './ScalarTextInput.vue.js';
2
+ export { default as ScalarTextInputCopy } from './ScalarTextInputCopy.vue.js';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA"}
package/dist/index.js CHANGED
@@ -1,13 +1,13 @@
1
1
  /* empty css */
2
2
  import { compose as u, cva as m, cx as c, tw as s, useBindCx as S } from "@scalar/use-hooks/useBindCx";
3
- import { default as i } from "./components/ScalarButton/ScalarButton.vue.js";
3
+ import { default as n } from "./components/ScalarButton/ScalarButton.vue.js";
4
4
  import { default as b } from "./components/ScalarCard/ScalarCard.vue.js";
5
5
  import { default as C } from "./components/ScalarCard/ScalarCardFooter.vue.js";
6
- import { default as M } from "./components/ScalarCard/ScalarCardHeader.vue.js";
6
+ import { default as I } from "./components/ScalarCard/ScalarCardHeader.vue.js";
7
7
  import { default as F } from "./components/ScalarCard/ScalarCardSection.vue.js";
8
8
  import { default as B } from "./components/ScalarCheckboxInput/ScalarCheckbox.vue.js";
9
9
  import { default as L } from "./components/ScalarCheckboxInput/ScalarCheckboxGroup.vue.js";
10
- import { default as y } from "./components/ScalarCheckboxInput/ScalarCheckboxInput.vue.js";
10
+ import { default as w } from "./components/ScalarCheckboxInput/ScalarCheckboxInput.vue.js";
11
11
  import { default as D } from "./components/ScalarCheckboxInput/ScalarCheckboxRadioGroup.vue.js";
12
12
  import { default as U } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
13
13
  /* empty css */
@@ -18,202 +18,206 @@ import { default as N } from "./components/ScalarCombobox/ScalarCombobox.vue.js"
18
18
  import { default as Y } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
19
19
  import { default as j } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
20
20
  import { default as z } from "./components/ScalarCopy/ScalarCopy.vue.js";
21
- import { default as K } from "./components/ScalarCopy/ScalarCopyButton.vue.js";
22
- import { default as X } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
23
- import { default as $ } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
24
- import { default as ra } from "./components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js";
25
- import { default as ea } from "./components/ScalarFileUpload/ScalarFileUpload.vue.js";
26
- import { default as la } from "./components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.js";
27
- import { default as pa } from "./components/ScalarFileUpload/ScalarFileUploadError.vue.js";
28
- import { default as ua } from "./components/ScalarFileUpload/ScalarFileUploadFileList.vue.js";
29
- import { default as ca } from "./components/ScalarFileUpload/ScalarFileUploadInput.vue.js";
30
- import { default as Sa } from "./components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.js";
31
- import { default as ia } from "./components/ScalarFileUpload/ScalarFileUploadLoading.vue.js";
32
- import { default as ba } from "./components/ScalarFloating/ScalarFloating.vue.js";
33
- import { default as Ca } from "./components/ScalarFloating/ScalarFloatingBackdrop.vue.js";
34
- import { default as Ma } from "./components/ScalarForm/ScalarForm.vue.js";
35
- import { default as Fa } from "./components/ScalarForm/ScalarFormError.vue.js";
36
- import { default as Ba } from "./components/ScalarForm/ScalarFormField.vue.js";
37
- import { default as La } from "./components/ScalarForm/ScalarFormInput.vue.js";
38
- import { default as ya } from "./components/ScalarForm/ScalarFormInputGroup.vue.js";
39
- import { default as Da } from "./components/ScalarHeader/ScalarHeader.vue.js";
40
- import { default as Ua } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
41
- import { default as Ra } from "./components/ScalarHotkey/ScalarHotkey.vue.js";
42
- import { default as va } from "./components/ScalarIcon/ScalarIconLegacyAdapter.vue.js";
43
- import { default as Oa } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
44
- import { default as Na } from "./components/ScalarListbox/ScalarListbox.vue.js";
45
- import { default as Ya } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
46
- import { default as ja } from "./components/ScalarListbox/ScalarListboxInput.vue.js";
47
- import { default as za } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
48
- import { default as Ka } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
21
+ import { default as K } from "./components/ScalarCopy/ScalarCopyBackdrop.vue.js";
22
+ import { default as X } from "./components/ScalarCopy/ScalarCopyButton.vue.js";
23
+ import { default as $ } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
24
+ import { default as ra } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
25
+ import { default as ea } from "./components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js";
26
+ import { default as la } from "./components/ScalarFileUpload/ScalarFileUpload.vue.js";
27
+ import { default as pa } from "./components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.js";
28
+ import { default as ua } from "./components/ScalarFileUpload/ScalarFileUploadError.vue.js";
29
+ import { default as ca } from "./components/ScalarFileUpload/ScalarFileUploadFileList.vue.js";
30
+ import { default as Sa } from "./components/ScalarFileUpload/ScalarFileUploadInput.vue.js";
31
+ import { default as na } from "./components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.js";
32
+ import { default as ba } from "./components/ScalarFileUpload/ScalarFileUploadLoading.vue.js";
33
+ import { default as Ca } from "./components/ScalarFloating/ScalarFloating.vue.js";
34
+ import { default as Ia } from "./components/ScalarFloating/ScalarFloatingBackdrop.vue.js";
35
+ import { default as Fa } from "./components/ScalarForm/ScalarForm.vue.js";
36
+ import { default as Ba } from "./components/ScalarForm/ScalarFormError.vue.js";
37
+ import { default as La } from "./components/ScalarForm/ScalarFormField.vue.js";
38
+ import { default as wa } from "./components/ScalarForm/ScalarFormInput.vue.js";
39
+ import { default as Da } from "./components/ScalarForm/ScalarFormInputGroup.vue.js";
40
+ import { default as Ua } from "./components/ScalarHeader/ScalarHeader.vue.js";
41
+ import { default as Ra } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
42
+ import { default as va } from "./components/ScalarHotkey/ScalarHotkey.vue.js";
43
+ import { default as Oa } from "./components/ScalarIcon/ScalarIconLegacyAdapter.vue.js";
44
+ import { default as Na } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
45
+ import { default as Ya } from "./components/ScalarListbox/ScalarListbox.vue.js";
46
+ import { default as ja } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
47
+ import { default as za } from "./components/ScalarListbox/ScalarListboxInput.vue.js";
48
+ import { default as Ka } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
49
+ import { default as Xa } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
49
50
  /* empty css */
50
- import { default as Xa } from "./components/ScalarMarkdown/ScalarMarkdownSummary.vue.js";
51
+ import { default as $a } from "./components/ScalarMarkdown/ScalarMarkdownSummary.vue.js";
51
52
  /* empty css */
52
- import { default as $a } from "./components/ScalarMenu/ScalarMenu.vue.js";
53
- import { default as rr } from "./components/ScalarMenu/ScalarMenuButton.vue.js";
54
- import { default as er } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
55
- import { default as lr } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
56
- import { default as pr } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
57
- import { default as ur } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
58
- import { default as cr } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
59
- import { default as Sr } from "./components/ScalarMenu/ScalarMenuSupport.vue.js";
60
- import { default as ir } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
61
- import { default as br } from "./components/ScalarMenu/ScalarMenuTeamProfile.vue.js";
62
- import { default as Cr } from "./components/ScalarMenu/ScalarMenuWorkspacePicker.vue.js";
63
- import { default as Mr } from "./components/ScalarPopover/ScalarPopover.vue.js";
64
- import { default as Fr } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
65
- import { default as Br } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
66
- import { default as Lr } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
67
- import { default as yr } from "./components/ScalarSidebar/ScalarSidebar.vue.js";
68
- import { default as Dr } from "./components/ScalarSidebar/ScalarSidebarButton.vue.js";
69
- import { default as Ur } from "./components/ScalarSidebar/ScalarSidebarFooter.vue.js";
70
- import { default as Rr } from "./components/ScalarSidebar/ScalarSidebarGroup.vue.js";
71
- import { default as vr } from "./components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js";
72
- import { default as Or } from "./components/ScalarSidebar/ScalarSidebarItem.vue.js";
73
- import { default as Nr } from "./components/ScalarSidebar/ScalarSidebarItems.vue.js";
53
+ import { default as rr } from "./components/ScalarMenu/ScalarMenu.vue.js";
54
+ import { default as er } from "./components/ScalarMenu/ScalarMenuButton.vue.js";
55
+ import { default as lr } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
56
+ import { default as pr } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
57
+ import { default as ur } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
58
+ import { default as cr } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
59
+ import { default as Sr } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
60
+ import { default as nr } from "./components/ScalarMenu/ScalarMenuSupport.vue.js";
61
+ import { default as br } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
62
+ import { default as Cr } from "./components/ScalarMenu/ScalarMenuTeamProfile.vue.js";
63
+ import { default as Ir } from "./components/ScalarMenu/ScalarMenuWorkspacePicker.vue.js";
64
+ import { default as Fr } from "./components/ScalarPopover/ScalarPopover.vue.js";
65
+ import { default as Br } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
66
+ import { default as Lr } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
67
+ import { default as wr } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
68
+ import { default as Dr } from "./components/ScalarSidebar/ScalarSidebar.vue.js";
69
+ import { default as Ur } from "./components/ScalarSidebar/ScalarSidebarButton.vue.js";
70
+ import { default as Rr } from "./components/ScalarSidebar/ScalarSidebarFooter.vue.js";
71
+ import { default as vr } from "./components/ScalarSidebar/ScalarSidebarGroup.vue.js";
72
+ import { default as Or } from "./components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js";
73
+ import { default as Nr } from "./components/ScalarSidebar/ScalarSidebarItem.vue.js";
74
+ import { default as Yr } from "./components/ScalarSidebar/ScalarSidebarItems.vue.js";
74
75
  /* empty css */
75
- import { default as Yr } from "./components/ScalarSidebar/ScalarSidebarNestedItems.vue.js";
76
- import { default as jr } from "./components/ScalarSidebar/ScalarSidebarSearchButton.vue.js";
77
- import { default as zr } from "./components/ScalarSidebar/ScalarSidebarSearchInput.vue.js";
78
- import { default as Kr } from "./components/ScalarSidebar/ScalarSidebarSection.vue.js";
76
+ import { default as jr } from "./components/ScalarSidebar/ScalarSidebarNestedItems.vue.js";
77
+ import { default as zr } from "./components/ScalarSidebar/ScalarSidebarSearchButton.vue.js";
78
+ import { default as Kr } from "./components/ScalarSidebar/ScalarSidebarSearchInput.vue.js";
79
+ import { default as Xr } from "./components/ScalarSidebar/ScalarSidebarSection.vue.js";
79
80
  /* empty css */
80
- import { default as Xr } from "./components/ScalarSidebar/ScalarSidebarSpacer.vue.js";
81
- import { default as $r } from "./components/ScalarTeleport/ScalarTeleport.vue.js";
82
- import { default as ro } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
83
- import { default as eo } from "./components/ScalarTextArea/ScalarTextArea.vue.js";
84
- import { default as lo } from "./components/ScalarTextInput/ScalarTextInput.vue.js";
85
- import { default as po } from "./components/ScalarThemeSwatches/ScalarThemeSwatches.vue.js";
86
- import { default as mo } from "./components/ScalarToggle/ScalarToggle.vue.js";
87
- import { default as so } from "./components/ScalarToggle/ScalarToggleGroup.vue.js";
88
- import { default as xo } from "./components/ScalarToggle/ScalarToggleInput.vue.js";
89
- import { default as no } from "./components/ScalarTooltip/ScalarHotkeyTooltip.vue.js";
90
- import { default as To } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
81
+ import { default as $r } from "./components/ScalarSidebar/ScalarSidebarSpacer.vue.js";
82
+ import { default as ro } from "./components/ScalarTeleport/ScalarTeleport.vue.js";
83
+ import { default as eo } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
84
+ import { default as lo } from "./components/ScalarTextArea/ScalarTextArea.vue.js";
85
+ import { default as po } from "./components/ScalarTextInput/ScalarTextInput.vue.js";
86
+ import { default as mo } from "./components/ScalarTextInput/ScalarTextInputCopy.vue.js";
87
+ import { default as so } from "./components/ScalarThemeSwatches/ScalarThemeSwatches.vue.js";
88
+ import { default as xo } from "./components/ScalarToggle/ScalarToggle.vue.js";
89
+ import { default as io } from "./components/ScalarToggle/ScalarToggleGroup.vue.js";
90
+ import { default as To } from "./components/ScalarToggle/ScalarToggleInput.vue.js";
91
+ import { default as go } from "./components/ScalarTooltip/ScalarHotkeyTooltip.vue.js";
92
+ import { default as Mo } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
91
93
  /* empty css */
92
- import { default as go } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
93
- import { default as Io } from "./components/ScalarWrappingText/ScalarWrappingText.vue.js";
94
- import { default as ko } from "./components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js";
95
- import { default as ho } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
96
- import { default as wo } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
97
- import { default as Po } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
98
- import { default as Ho } from "./components/ScalarForm/ScalarFormSection.vue.js";
99
- import { formatHotkeySymbols as Go } from "./components/ScalarHotkey/formatHotkey.js";
100
- import { default as Eo } from "./components/ScalarIcon/ScalarIcon.vue.js";
101
- import { default as Ao } from "./components/ScalarLoading/ScalarLoading.vue.js";
102
- import { useLoadingState as Wo } from "./components/ScalarLoading/useLoadingState.js";
103
- import { default as Vo } from "./components/ScalarModal/ScalarModal.vue.js";
104
- import { useModal as _o } from "./components/ScalarModal/ScalarModal.vue2.js";
105
- import { default as qo } from "./components/ScalarSidebar/ScalarSidebarIndent.vue.js";
106
- import { TELEPORT_SYMBOL as Jo, useProvideTeleport as Ko, useTeleport as Qo } from "./components/ScalarTeleport/useTeleport.js";
107
- import { useThemeSwatches as Zo } from "./components/ScalarThemeSwatches/useThemeSwatches.js";
108
- import { useTooltip as ae } from "./components/ScalarTooltip/useTooltip.js";
109
- import { addScalarClassesToHeadless as oe } from "./helpers/add-scalar-classes.js";
94
+ import { default as ko } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
95
+ import { default as ho } from "./components/ScalarWrappingText/ScalarWrappingText.vue.js";
96
+ import { default as yo } from "./components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js";
97
+ import { default as Po } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
98
+ import { default as Ho } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
99
+ import { default as Go } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
100
+ import { default as Eo } from "./components/ScalarForm/ScalarFormSection.vue.js";
101
+ import { formatHotkeySymbols as Ao } from "./components/ScalarHotkey/formatHotkey.js";
102
+ import { default as Wo } from "./components/ScalarIcon/ScalarIcon.vue.js";
103
+ import { default as Vo } from "./components/ScalarLoading/ScalarLoading.vue.js";
104
+ import { useLoadingState as _o } from "./components/ScalarLoading/useLoadingState.js";
105
+ import { default as qo } from "./components/ScalarModal/ScalarModal.vue.js";
106
+ import { useModal as Jo } from "./components/ScalarModal/ScalarModal.vue2.js";
107
+ import { default as Qo } from "./components/ScalarSidebar/ScalarSidebarIndent.vue.js";
108
+ import { TELEPORT_SYMBOL as Zo, useProvideTeleport as $o, useTeleport as ae } from "./components/ScalarTeleport/useTeleport.js";
109
+ import { useThemeSwatches as oe } from "./components/ScalarThemeSwatches/useThemeSwatches.js";
110
+ import { useTooltip as te } from "./components/ScalarTooltip/useTooltip.js";
111
+ import { addScalarClassesToHeadless as fe } from "./helpers/add-scalar-classes.js";
110
112
  export {
111
- i as ScalarButton,
113
+ n as ScalarButton,
112
114
  b as ScalarCard,
113
115
  C as ScalarCardFooter,
114
- M as ScalarCardHeader,
116
+ I as ScalarCardHeader,
115
117
  F as ScalarCardSection,
116
118
  B as ScalarCheckbox,
117
119
  L as ScalarCheckboxGroup,
118
- y as ScalarCheckboxInput,
120
+ w as ScalarCheckboxInput,
119
121
  D as ScalarCheckboxRadioGroup,
120
122
  U as ScalarCodeBlock,
121
123
  R as ScalarCodeBlockCopy,
122
124
  v as ScalarColorModeToggle,
123
125
  O as ScalarColorModeToggleButton,
124
- ko as ScalarColorModeToggleIcon,
126
+ yo as ScalarColorModeToggleIcon,
125
127
  N as ScalarCombobox,
126
128
  Y as ScalarComboboxMultiselect,
127
129
  j as ScalarContextMenu,
128
130
  z as ScalarCopy,
129
- K as ScalarCopyButton,
130
- X as ScalarDropdown,
131
- ho as ScalarDropdownButton,
132
- wo as ScalarDropdownDivider,
133
- Po as ScalarDropdownItem,
134
- $ as ScalarDropdownMenu,
135
- ra as ScalarErrorBoundary,
136
- ea as ScalarFileUpload,
137
- la as ScalarFileUploadDropTarget,
138
- pa as ScalarFileUploadError,
139
- ua as ScalarFileUploadFileList,
140
- ca as ScalarFileUploadInput,
141
- Sa as ScalarFileUploadInputCompact,
142
- ia as ScalarFileUploadLoading,
143
- ba as ScalarFloating,
144
- Ca as ScalarFloatingBackdrop,
145
- Ma as ScalarForm,
146
- Fa as ScalarFormError,
147
- Ba as ScalarFormField,
148
- La as ScalarFormInput,
149
- ya as ScalarFormInputGroup,
150
- Ho as ScalarFormSection,
151
- Da as ScalarHeader,
152
- Ua as ScalarHeaderButton,
153
- Ra as ScalarHotkey,
154
- no as ScalarHotkeyTooltip,
155
- Eo as ScalarIcon,
156
- Oa as ScalarIconButton,
157
- va as ScalarIconLegacyAdapter,
158
- Na as ScalarListbox,
159
- Ya as ScalarListboxCheckbox,
160
- ja as ScalarListboxInput,
161
- za as ScalarListboxItem,
162
- Ao as ScalarLoading,
163
- Ka as ScalarMarkdown,
164
- Xa as ScalarMarkdownSummary,
165
- $a as ScalarMenu,
166
- rr as ScalarMenuButton,
167
- er as ScalarMenuLink,
168
- lr as ScalarMenuProduct,
169
- pr as ScalarMenuProducts,
170
- ur as ScalarMenuResources,
171
- cr as ScalarMenuSection,
172
- Sr as ScalarMenuSupport,
173
- ir as ScalarMenuTeamPicker,
174
- br as ScalarMenuTeamProfile,
175
- Cr as ScalarMenuWorkspacePicker,
176
- Vo as ScalarModal,
177
- Mr as ScalarPopover,
178
- Fr as ScalarSearchInput,
179
- Br as ScalarSearchResultItem,
180
- Lr as ScalarSearchResultList,
181
- yr as ScalarSidebar,
182
- Dr as ScalarSidebarButton,
183
- Ur as ScalarSidebarFooter,
184
- Rr as ScalarSidebarGroup,
185
- vr as ScalarSidebarGroupToggle,
186
- qo as ScalarSidebarIndent,
187
- Or as ScalarSidebarItem,
188
- Nr as ScalarSidebarItems,
189
- Yr as ScalarSidebarNestedItems,
190
- jr as ScalarSidebarSearchButton,
191
- zr as ScalarSidebarSearchInput,
192
- Kr as ScalarSidebarSection,
193
- Xr as ScalarSidebarSpacer,
194
- $r as ScalarTeleport,
195
- ro as ScalarTeleportRoot,
196
- eo as ScalarTextArea,
197
- lo as ScalarTextInput,
198
- po as ScalarThemeSwatches,
199
- mo as ScalarToggle,
200
- so as ScalarToggleGroup,
201
- xo as ScalarToggleInput,
202
- To as ScalarTooltip,
203
- go as ScalarVirtualText,
204
- Io as ScalarWrappingText,
205
- Jo as TELEPORT_SYMBOL,
206
- oe as addScalarClassesToHeadless,
131
+ K as ScalarCopyBackdrop,
132
+ X as ScalarCopyButton,
133
+ $ as ScalarDropdown,
134
+ Po as ScalarDropdownButton,
135
+ Ho as ScalarDropdownDivider,
136
+ Go as ScalarDropdownItem,
137
+ ra as ScalarDropdownMenu,
138
+ ea as ScalarErrorBoundary,
139
+ la as ScalarFileUpload,
140
+ pa as ScalarFileUploadDropTarget,
141
+ ua as ScalarFileUploadError,
142
+ ca as ScalarFileUploadFileList,
143
+ Sa as ScalarFileUploadInput,
144
+ na as ScalarFileUploadInputCompact,
145
+ ba as ScalarFileUploadLoading,
146
+ Ca as ScalarFloating,
147
+ Ia as ScalarFloatingBackdrop,
148
+ Fa as ScalarForm,
149
+ Ba as ScalarFormError,
150
+ La as ScalarFormField,
151
+ wa as ScalarFormInput,
152
+ Da as ScalarFormInputGroup,
153
+ Eo as ScalarFormSection,
154
+ Ua as ScalarHeader,
155
+ Ra as ScalarHeaderButton,
156
+ va as ScalarHotkey,
157
+ go as ScalarHotkeyTooltip,
158
+ Wo as ScalarIcon,
159
+ Na as ScalarIconButton,
160
+ Oa as ScalarIconLegacyAdapter,
161
+ Ya as ScalarListbox,
162
+ ja as ScalarListboxCheckbox,
163
+ za as ScalarListboxInput,
164
+ Ka as ScalarListboxItem,
165
+ Vo as ScalarLoading,
166
+ Xa as ScalarMarkdown,
167
+ $a as ScalarMarkdownSummary,
168
+ rr as ScalarMenu,
169
+ er as ScalarMenuButton,
170
+ lr as ScalarMenuLink,
171
+ pr as ScalarMenuProduct,
172
+ ur as ScalarMenuProducts,
173
+ cr as ScalarMenuResources,
174
+ Sr as ScalarMenuSection,
175
+ nr as ScalarMenuSupport,
176
+ br as ScalarMenuTeamPicker,
177
+ Cr as ScalarMenuTeamProfile,
178
+ Ir as ScalarMenuWorkspacePicker,
179
+ qo as ScalarModal,
180
+ Fr as ScalarPopover,
181
+ Br as ScalarSearchInput,
182
+ Lr as ScalarSearchResultItem,
183
+ wr as ScalarSearchResultList,
184
+ Dr as ScalarSidebar,
185
+ Ur as ScalarSidebarButton,
186
+ Rr as ScalarSidebarFooter,
187
+ vr as ScalarSidebarGroup,
188
+ Or as ScalarSidebarGroupToggle,
189
+ Qo as ScalarSidebarIndent,
190
+ Nr as ScalarSidebarItem,
191
+ Yr as ScalarSidebarItems,
192
+ jr as ScalarSidebarNestedItems,
193
+ zr as ScalarSidebarSearchButton,
194
+ Kr as ScalarSidebarSearchInput,
195
+ Xr as ScalarSidebarSection,
196
+ $r as ScalarSidebarSpacer,
197
+ ro as ScalarTeleport,
198
+ eo as ScalarTeleportRoot,
199
+ lo as ScalarTextArea,
200
+ po as ScalarTextInput,
201
+ mo as ScalarTextInputCopy,
202
+ so as ScalarThemeSwatches,
203
+ xo as ScalarToggle,
204
+ io as ScalarToggleGroup,
205
+ To as ScalarToggleInput,
206
+ Mo as ScalarTooltip,
207
+ ko as ScalarVirtualText,
208
+ ho as ScalarWrappingText,
209
+ Zo as TELEPORT_SYMBOL,
210
+ fe as addScalarClassesToHeadless,
207
211
  u as compose,
208
212
  m as cva,
209
213
  c as cx,
210
- Go as formatHotkeySymbols,
214
+ Ao as formatHotkeySymbols,
211
215
  s as tw,
212
216
  S as useBindCx,
213
- Wo as useLoadingState,
214
- _o as useModal,
215
- Ko as useProvideTeleport,
216
- Qo as useTeleport,
217
- Zo as useThemeSwatches,
218
- ae as useTooltip
217
+ _o as useLoadingState,
218
+ Jo as useModal,
219
+ $o as useProvideTeleport,
220
+ ae as useTeleport,
221
+ oe as useThemeSwatches,
222
+ te as useTooltip
219
223
  };
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "url": "git+https://github.com/scalar/scalar.git",
11
11
  "directory": "packages/components"
12
12
  },
13
- "version": "0.19.8",
13
+ "version": "0.19.10",
14
14
  "engines": {
15
15
  "node": ">=20"
16
16
  },
@@ -39,12 +39,12 @@
39
39
  "radix-vue": "^1.9.17",
40
40
  "vue": "^3.5.26",
41
41
  "vue-component-type-helpers": "^3.2.2",
42
- "@scalar/code-highlight": "0.2.3",
43
- "@scalar/oas-utils": "0.6.46",
44
- "@scalar/helpers": "0.2.15",
45
- "@scalar/themes": "0.14.0",
42
+ "@scalar/code-highlight": "0.2.4",
46
43
  "@scalar/icons": "0.5.3",
47
- "@scalar/use-hooks": "0.3.7"
44
+ "@scalar/helpers": "0.2.16",
45
+ "@scalar/themes": "0.14.0",
46
+ "@scalar/use-hooks": "0.3.7",
47
+ "@scalar/oas-utils": "0.6.48"
48
48
  },
49
49
  "devDependencies": {
50
50
  "@headlessui/tailwindcss": "^0.2.2",