@scalar/components 0.18.0 → 0.19.0

package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.d.ts

@@ -1,10 +1,11 @@
+import type { StandardLanguageKey } from './types';
 type BaseProps = {
     content?: string | object;
     prettyPrintedContent?: string;
-    lang?: string;
+    lang?: StandardLanguageKey | string;
     lineNumbers?: boolean;
     hideCredentials?: string | string[];
-    copy?: boolean;
+    copy?: 'always' | 'hover' | false;
 };
 declare const _default: import("vue").DefineComponent<(BaseProps & {
     /** Raw unformatted object or string content */

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"names":[],"mappings":"AAoHA,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;;IAUS,+CAA+C;aACtC,MAAM,GAAG,MAAM;;IAGxB;;;;OAIG;0BACmB,MAAM;;IAT5B,+CAA+C;aACtC,MAAM,GAAG,MAAM;;IAGxB;;;;OAIG;0BACmB,MAAM;;AAwGtC,wBAMG"}
+{"version":3,"file":"ScalarCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"names":[],"mappings":"AAqJA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,KAAK,SAAS,GAAG;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,IAAI,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAAA;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;CAClC,CAAA;;IAUS,+CAA+C;aACtC,MAAM,GAAG,MAAM;;IAGxB;;;;OAIG;0BACmB,MAAM;;IAT5B,+CAA+C;aACtC,MAAM,GAAG,MAAM;;IAGxB;;;;OAIG;0BACmB,MAAM;;AA2KtC,wBAMG"}

package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.js

@@ -1,11 +1,14 @@
-import { defineComponent as s, useId as u, computed as n, createElementBlock as d, openBlock as a, createBlock as m, createCommentVNode as p, createElementVNode as f, unref as o } from "vue";
-import { syntaxHighlight as h, standardLanguages as C } from "@scalar/code-highlight";
-import { prettyPrintJson as g } from "@scalar/oas-utils/helpers";
-import y from "./ScalarCodeBlockCopy.vue.js";
-const k = {
-  class: "scalar-code-block group/code-block custom-scroll min-h-12 focus-visible:outline",
-  tabindex: "0"
-}, v = ["id", "innerHTML"], L = /* @__PURE__ */ s({
+import { defineComponent as p, useId as f, computed as n, createElementBlock as h, openBlock as r, normalizeProps as g, guardReactiveProps as v, unref as o, createElementVNode as i, createBlock as y, createCommentVNode as b, normalizeClass as c, withCtx as x, createVNode as C } from "vue";
+import k from "../ScalarCopy/ScalarCopyBackdrop.vue.js";
+import { syntaxHighlight as w, standardLanguages as B } from "@scalar/code-highlight";
+import { prettyPrintJson as N } from "@scalar/oas-utils/helpers";
+import { useBindCx as L } from "@scalar/use-hooks/useBindCx";
+import P from "./ScalarCodeBlockCopy.vue.js";
+const V = {
+  tabindex: "0",
+  class: "custom-scroll overflow-x-auto p-2 -outline-offset-2 min-h-0 min-w-0 flex-1"
+}, H = ["id", "innerHTML"], F = /* @__PURE__ */ p({
+  inheritAttrs: !1,
   __name: "ScalarCodeBlock",
   props: {
     content: {},
@@ -13,31 +16,54 @@ const k = {
     lang: { default: "plaintext" },
     lineNumbers: { type: Boolean, default: !1 },
     hideCredentials: {},
-    copy: { type: Boolean, default: !0 }
+    copy: { type: [String, Boolean], default: "hover" }
   },
   setup(e) {
-    const l = u(), t = n(
-      () => e.prettyPrintedContent || g(e.content ?? "")
-    ), r = n(() => h(t.value, {
+    const l = f(), t = n(
+      () => e.prettyPrintedContent || N(e.content ?? "")
+    ), s = n(() => w(t.value, {
       lang: e.lang.trim(),
-      languages: C,
+      languages: B,
       lineNumbers: e.lineNumbers,
       maskCredentials: e.hideCredentials
-    }).slice(5, -6)), c = n(() => t.value !== null && t.value !== "null" && t.value !== "404 Not Found");
-    return (i, b) => (a(), d("div", k, [
-      e.copy && c.value ? (a(), m(o(y), {
+    }).slice(5, -6)), a = n(() => !t.value.includes(`
+`)), u = n(() => t.value !== null && t.value !== "null" && t.value !== "404 Not Found"), { cx: d } = L();
+    return (m, z) => (r(), h("div", g(v(
+      o(d)(
+        "scalar-code-block group/code-block flex flex-col",
+        "relative bg-b-1 min-h-0 min-w-0 focus-visible:outline"
+      )
+    )), [
+      i("div", V, [
+        i("pre", {
+          id: o(l),
+          class: "m-0 bg-transparent text-nowrap whitespace-pre w-fit",
+          innerHTML: s.value
+        }, null, 8, H)
+      ]),
+      e.copy && u.value ? (r(), y(o(P), {
         key: 0,
+        class: c(["scalar-code-copy absolute", [
+          a.value ? "top-[calc(10px+0.5lh)] -translate-y-1/2 m-0 right-1" : "top-2.5 right-2.5",
+          { "opacity-100": e.copy === "always" }
+        ]]),
         content: t.value,
-        controls: o(l)
-      }, null, 8, ["content", "controls"])) : p("", !0),
-      f("pre", {
-        id: o(l),
-        class: "scalar-codeblock-pre",
-        innerHTML: r.value
-      }, null, 8, v)
-    ]));
+        showLang: !a.value,
+        lang: e.lang,
+        "aria-controls": o(l)
+      }, {
+        backdrop: x(() => [
+          C(k, {
+            class: c(["scalar-code-copy-backdrop", [
+              a.value ? "-inset-y-0.75 -right-1 group-hocus-within/code-block:-left-0.5 left-3" : "-right-1.5 -top-1"
+            ]])
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["class", "content", "showLang", "lang", "aria-controls"])) : b("", !0)
+    ], 16));
   }
 });
 export {
-  L as default
+  F as default
 };

package/dist/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue.d.ts

@@ -1,11 +1,29 @@
+import type { StandardLanguageKey } from './types';
 type __VLS_Props = {
+    /** Whether to show the language label */
+    showLang?: boolean;
     /** Content to copy to clipboard */
     content: string | object;
-    /** ID of the parent element this button controls */
-    controls?: string;
-    /** Class to apply to the copy button */
-    class?: string;
+    /** Language of the code block */
+    lang?: StandardLanguageKey | string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+type __VLS_PublicProps = __VLS_Props & {
+    'copied'?: boolean;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    backdrop?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:copied": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:copied"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=ScalarCodeBlockCopy.vue.d.ts.map

package/dist/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarCodeBlockCopy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue"],"names":[],"mappings":"AA0HA,KAAK,WAAW,GAAG;IACjB,mCAAmC;IACnC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;AA0JF,wBAMG"}
+{"version":3,"file":"ScalarCodeBlockCopy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue"],"names":[],"mappings":"AA6EA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,KAAK,WAAW,GAAG;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,iCAAiC;IACjC,IAAI,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAAA;CACpC,CAAC;AAwBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAuEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0BhD,QAAA,MAAM,eAAe;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue.js

@@ -1,7 +1,57 @@
-import o from "./ScalarCodeBlockCopy.vue2.js";
-/* empty css                         */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e1870266"]]);
+import { defineComponent as g, mergeModels as y, useModel as f, computed as h, createBlock as k, openBlock as l, unref as n, mergeProps as C, createSlots as B, withCtx as i, renderSlot as L, createElementVNode as s, createElementBlock as b, createCommentVNode as w, normalizeClass as r, toDisplayString as S } from "vue";
+import { useBindCx as v } from "@scalar/use-hooks/useBindCx";
+import { LANGUAGE_LABELS as d } from "./constants.js";
+import x from "../ScalarCopy/ScalarCopy.vue.js";
+const A = { class: "hidden group-hocus-within/code-block:inline" }, G = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "ScalarCodeBlockCopy",
+  props: /* @__PURE__ */ y({
+    showLang: { type: Boolean },
+    content: {},
+    lang: {}
+  }, {
+    copied: { type: Boolean, default: !1 },
+    copiedModifiers: {}
+  }),
+  emits: ["update:copied"],
+  setup(e) {
+    const o = f(e, "copied"), u = h(() => typeof e.content == "string" ? e.content : JSON.stringify(e.content, null, 2)), a = (t) => t in d, { cx: p } = v();
+    return (t, c) => (l(), k(n(x), C({
+      content: u.value,
+      showLabel: "",
+      copied: o.value,
+      "onUpdate:copied": c[0] || (c[0] = (m) => o.value = m),
+      placement: "left"
+    }, {
+      ...n(p)(
+        o.value ? "opacity-100" : "opacity-0 group-hocus-within/code-block:opacity-100"
+      )
+    }), B({
+      backdrop: i(() => [
+        L(t.$slots, "backdrop")
+      ]),
+      _: 2
+    }, [
+      e.lang ? {
+        name: "copy",
+        fn: i(() => [
+          s("span", A, [
+            e.showLang ? (l(), b("span", {
+              key: 0,
+              class: r(["group-hocus/copy-button:sr-only", { capitalize: !a(e.lang) }])
+            }, S(a(e.lang) ? n(d)[e.lang] : e.lang), 3)) : w("", !0),
+            s("span", {
+              class: r({
+                "group-hocus/copy-button:not-sr-only sr-only": e.showLang
+              })
+            }, "Copy", 2)
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["content", "copied"]));
+  }
+});
 export {
-  c as default
+  G as default
 };

package/dist/components/ScalarCodeBlock/ScalarCodeBlockCopy.vue2.js

@@ -1,66 +1,4 @@
-import { defineComponent as p, ref as d, createElementBlock as n, openBlock as l, normalizeClass as c, unref as t, createVNode as s, createCommentVNode as m, withCtx as y } from "vue";
-import { ScalarIconCopy as C, ScalarIconCheck as h } from "@scalar/icons";
-import { cva as v, cx as i } from "@scalar/use-hooks/useBindCx";
-import { useClipboard as b } from "@scalar/use-hooks/useClipboard";
-import k from "../ScalarButton/ScalarButton.vue.js";
-const x = {
-  key: 0,
-  class: "sr-only",
-  role: "alert"
-}, T = /* @__PURE__ */ p({
-  __name: "ScalarCodeBlockCopy",
-  props: {
-    content: {},
-    controls: {},
-    class: {}
-  },
-  setup(o) {
-    const { copyToClipboard: r } = b(), e = d(!1), u = async () => {
-      if (e.value)
-        return;
-      const a = typeof o.content == "string" ? o.content : JSON.stringify(o.content, null, 2);
-      await r(a), e.value = !0, setTimeout(() => {
-        e.value = !1;
-      }, 1200);
-    }, f = v({
-      base: "absolute top-0 right-0 h-8 w-8 p-0 flex items-center justify-center brightness-lifted bg-inherit rounded focus-visible:opacity-100 -outline-offset-1",
-      variants: {
-        showCopied: {
-          true: "text-c-1",
-          false: "text-c-3 hover:text-c-1"
-        }
-      }
-    });
-    return (a, g) => (l(), n("div", {
-      class: c(
-        t(i)(
-          "scalar-code-copy opacity-0 group-hover/code-block:opacity-100 sticky flex inset-0 justify-end items-start bg-inherit",
-          o.class
-        )
-      )
-    }, [
-      s(t(k), {
-        "aria-controls": o.controls,
-        "aria-label": "Copy",
-        class: c(t(i)(t(f)({ showCopied: e.value }))),
-        type: "button",
-        variant: "ghost",
-        onClick: u
-      }, {
-        default: y(() => [
-          s(t(C), {
-            class: c(["copy-icon size-4", { copied: e.value }])
-          }, null, 8, ["class"]),
-          s(t(h), {
-            class: c(["check-icon size-4", { visible: e.value }])
-          }, null, 8, ["class"])
-        ]),
-        _: 1
-      }, 8, ["aria-controls", "class"]),
-      e.value ? (l(), n("div", x, " Copied ")) : m("", !0)
-    ], 2));
-  }
-});
+import f from "./ScalarCodeBlockCopy.vue.js";
 export {
-  T as default
+  f as default
 };

package/dist/components/ScalarCodeBlock/constants.d.ts

@@ -0,0 +1,53 @@
+/** Labels for the standard languages */
+export declare const LANGUAGE_LABELS: {
+    readonly bash: "Bash";
+    readonly c: "C";
+    readonly clojure: "Clojure";
+    readonly cpp: "C++";
+    readonly csharp: "C#";
+    readonly css: "CSS";
+    readonly curl: "cURL";
+    readonly dart: "Dart";
+    readonly diff: "Diff";
+    readonly docker: "Docker";
+    readonly dockerfile: "Dockerfile";
+    readonly elixir: "Elixir";
+    readonly fsharp: "F#";
+    readonly go: "Go";
+    readonly graphql: "GraphQL";
+    readonly haskell: "Haskell";
+    readonly html: "HTML";
+    readonly http: "HTTP";
+    readonly ini: "INI";
+    readonly java: "Java";
+    readonly javascript: "JavaScript";
+    readonly json: "JSON";
+    readonly kotlin: "Kotlin";
+    readonly less: "Less";
+    readonly lua: "Lua";
+    readonly makefile: "Makefile";
+    readonly markdown: "Markdown";
+    readonly matlab: "MATLAB";
+    readonly nginx: "Nginx";
+    readonly objectivec: "Objective-C";
+    readonly ocaml: "OCaml";
+    readonly perl: "Perl";
+    readonly php: "PHP";
+    readonly plaintext: "Plain Text";
+    readonly powershell: "PowerShell";
+    readonly properties: "Properties";
+    readonly python: "Python";
+    readonly r: "R";
+    readonly ruby: "Ruby";
+    readonly rust: "Rust";
+    readonly scala: "Scala";
+    readonly scss: "SCSS";
+    readonly shell: "Shell";
+    readonly sql: "SQL";
+    readonly swift: "Swift";
+    readonly toml: "TOML";
+    readonly typescript: "TypeScript";
+    readonly xml: "XML";
+    readonly yaml: "YAML";
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/ScalarCodeBlock/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/constants.ts"],"names":[],"mappings":"AAEA,wCAAwC;AACxC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD4B,CAAA"}

package/dist/components/ScalarCodeBlock/constants.js

@@ -0,0 +1,54 @@
+const l = {
+  bash: "Bash",
+  c: "C",
+  clojure: "Clojure",
+  cpp: "C++",
+  csharp: "C#",
+  css: "CSS",
+  curl: "cURL",
+  dart: "Dart",
+  diff: "Diff",
+  docker: "Docker",
+  dockerfile: "Dockerfile",
+  elixir: "Elixir",
+  fsharp: "F#",
+  go: "Go",
+  graphql: "GraphQL",
+  haskell: "Haskell",
+  html: "HTML",
+  http: "HTTP",
+  ini: "INI",
+  java: "Java",
+  javascript: "JavaScript",
+  json: "JSON",
+  kotlin: "Kotlin",
+  less: "Less",
+  lua: "Lua",
+  makefile: "Makefile",
+  markdown: "Markdown",
+  matlab: "MATLAB",
+  nginx: "Nginx",
+  objectivec: "Objective-C",
+  ocaml: "OCaml",
+  perl: "Perl",
+  php: "PHP",
+  plaintext: "Plain Text",
+  powershell: "PowerShell",
+  properties: "Properties",
+  python: "Python",
+  r: "R",
+  ruby: "Ruby",
+  rust: "Rust",
+  scala: "Scala",
+  scss: "SCSS",
+  shell: "Shell",
+  sql: "SQL",
+  swift: "Swift",
+  toml: "TOML",
+  typescript: "TypeScript",
+  xml: "XML",
+  yaml: "YAML"
+};
+export {
+  l as LANGUAGE_LABELS
+};

package/dist/components/ScalarCodeBlock/types.d.ts

@@ -0,0 +1,4 @@
+import type { standardLanguages } from '@scalar/code-highlight';
+/** A standard language key supported by the code-highlight library */
+export type StandardLanguageKey = keyof typeof standardLanguages;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ScalarCodeBlock/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,sEAAsE;AACtE,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,iBAAiB,CAAA"}

package/dist/components/ScalarCopy/ScalarCopy.vue.d.ts

@@ -0,0 +1,28 @@
+import type { ScalarCopyProps, ScalarCopySlots } from './types';
+/**
+ * Scalar Copy component
+ *
+ * Provides a copy button and copies content to the clipboard.
+ *
+ * @example
+ *   <ScalarCopy>
+ *     <template #copy>Button label</template>
+ *     <template #copied>Copied label</template>
+ *   </ScalarCopy>
+ */
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<ScalarCopyProps & {
+    copied?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:copied": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ScalarCopyProps & {
+    copied?: boolean;
+}> & Readonly<{
+    "onUpdate:copied"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ScalarCopySlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarCopy.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarCopy.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCopy/ScalarCopy.vue"],"names":[],"mappings":"AAgEA,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG/D;;;;;;;;;;GAUG;;aAwBQ,OAAO;;;;aAAP,OAAO;;;;AAvBlB,wBAgHC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCopy/ScalarCopy.vue.js

@@ -0,0 +1,54 @@
+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";
+import { useClipboard as b } from "@vueuse/core";
+import k from "./ScalarCopyButton.vue.js";
+const $ = {}, B = /* @__PURE__ */ p({
+  ...$,
+  __name: "ScalarCopy",
+  props: /* @__PURE__ */ s({
+    content: { default: "" },
+    placement: {},
+    showLabel: { type: Boolean },
+    duration: { default: 1500 }
+  }, {
+    copied: { type: Boolean, default: !1 },
+    copiedModifiers: {}
+  }),
+  emits: ["update:copied"],
+  setup(o) {
+    const n = r(o, "copied"), { copy: i, copied: l } = b({
+      legacy: !0,
+      copiedDuring: o.duration
+    });
+    return m(l, (e) => n.value = e), (e, d) => (f(), u(k, {
+      placement: o.placement,
+      showLabel: o.showLabel,
+      copied: n.value || c(l),
+      onClick: d[0] || (d[0] = (v) => c(i)(o.content))
+    }, y({ _: 2 }, [
+      e.$slots.copy ? {
+        name: "copy",
+        fn: t(() => [
+          a(e.$slots, "copy")
+        ]),
+        key: "0"
+      } : void 0,
+      e.$slots.copied ? {
+        name: "copied",
+        fn: t(() => [
+          a(e.$slots, "copied")
+        ]),
+        key: "1"
+      } : void 0,
+      e.$slots.backdrop ? {
+        name: "backdrop",
+        fn: t(() => [
+          a(e.$slots, "backdrop")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1032, ["placement", "showLabel", "copied"]));
+  }
+});
+export {
+  B as default
+};

package/dist/components/ScalarCopy/ScalarCopy.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScalarCopy.vue.js";
+export {
+  f as default
+};

package/dist/components/ScalarCopy/ScalarCopyBackdrop.vue.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Scalar Copy Backdrop component
+ *
+ * A backdrop for the copy button label, this component can be
+ * used to override the default backdrop with a custom one.
+ *
+ * @example
+ * <ScalarCopy>
+ *   <template #backdrop>
+ *     <ScalarCopyBackdrop class="bg-b-2" />
+ *   </template>
+ * </ScalarCopy>
+ */
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=ScalarCopyBackdrop.vue.d.ts.map

package/dist/components/ScalarCopy/ScalarCopyBackdrop.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarCopyBackdrop.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCopy/ScalarCopyBackdrop.vue"],"names":[],"mappings":"AA8BA;;;;;;;;;;;;GAYG;;AACH,wBAyCC"}

package/dist/components/ScalarCopy/ScalarCopyBackdrop.vue.js

@@ -0,0 +1,14 @@
+import { defineComponent as t, createElementBlock as r, openBlock as o, normalizeProps as n, guardReactiveProps as a, unref as c } from "vue";
+import { useBindCx as s } from "@scalar/use-hooks/useBindCx";
+const i = {}, f = /* @__PURE__ */ t({
+  ...i,
+  inheritAttrs: !1,
+  __name: "ScalarCopyBackdrop",
+  setup(l) {
+    const { cx: e } = s();
+    return (p, _) => (o(), r("div", n(a(c(e)("absolute inset-y-0.5 -z-2 left-0 right-0 bg-b-1 rounded"))), null, 16));
+  }
+});
+export {
+  f as default
+};

package/dist/components/ScalarCopy/ScalarCopyBackdrop.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ScalarCopyBackdrop.vue.js";
+export {
+  f as default
+};

package/dist/components/ScalarCopy/ScalarCopyButton.vue.d.ts

@@ -0,0 +1,43 @@
+import type { ScalarCopyPlacement, ScalarCopySlots } from './types';
+/**
+ * Scalar Copy Button component
+ *
+ * A dumb button with copy animations.
+ *
+ * If you're looking for a button that copies content to the clipboard,
+ * use the ScalarCopy component instead.
+ *
+ * @example
+ *   <ScalarCopyButton @click="handleCopy">
+ *     <template #copy>Button label</template>
+ *     <template #copied>Copied label</template>
+ *   </ScalarCopyButton>
+ */
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Whether the label should be shown on hover or always */
+    showLabel?: boolean;
+    /** The placement of the copy button */
+    placement?: ScalarCopyPlacement;
+} & {
+    /** Whether the copy button has been clicked */
+    copied?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:copied": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Whether the label should be shown on hover or always */
+    showLabel?: boolean;
+    /** The placement of the copy button */
+    placement?: ScalarCopyPlacement;
+} & {
+    /** Whether the copy button has been clicked */
+    copied?: boolean;
+}> & Readonly<{
+    "onUpdate:copied"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ScalarCopySlots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarCopyButton.vue.d.ts.map

package/dist/components/ScalarCopy/ScalarCopyButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarCopyButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCopy/ScalarCopyButton.vue"],"names":[],"mappings":"AA6HA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAGnE;;;;;;;;;;;;;GAaG;;IAGD,2DAA2D;gBAC/C,OAAO;IACnB,uCAAuC;gBAC3B,mBAAmB;;IAuBjC,+CAA+C;aACpC,OAAO;;;;IA3BhB,2DAA2D;gBAC/C,OAAO;IACnB,uCAAuC;gBAC3B,mBAAmB;;IAuBjC,+CAA+C;aACpC,OAAO;;;;AA7BlB,wBAsNC;AAOD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}