@scalar/components 0.20.8 → 0.20.10

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/components"
   },
-  "version": "0.20.8",
+  "version": "0.20.10",
   "engines": {
     "node": ">=22"
   },
@@ -39,51 +39,45 @@
     "radix-vue": "^1.9.17",
     "vue": "^3.5.26",
     "vue-component-type-helpers": "^3.2.2",
-    "@scalar/helpers": "0.4.1",
-    "@scalar/code-highlight": "0.3.0",
-    "@scalar/oas-utils": "0.10.7",
-    "@scalar/icons": "0.6.0",
-    "@scalar/themes": "0.15.0",
-    "@scalar/use-hooks": "0.4.0"
+    "@scalar/code-highlight": "0.3.1",
+    "@scalar/icons": "0.6.1",
+    "@scalar/themes": "0.15.1",
+    "@scalar/use-hooks": "0.4.1",
+    "@scalar/helpers": "0.4.2"
   },
   "devDependencies": {
     "@headlessui/tailwindcss": "^0.2.2",
     "@playwright/test": "1.56.0",
-    "@storybook/addon-docs": "10.1.11",
-    "@storybook/addon-links": "10.1.11",
-    "@storybook/vue3-vite": "10.1.11",
-    "@tailwindcss/vite": "^4.1.18",
+    "@storybook/addon-docs": "10.2.19",
+    "@storybook/addon-links": "10.2.19",
+    "@storybook/vue3-vite": "10.2.19",
+    "@tailwindcss/vite": "^4.2.0",
     "@types/jsdom": "27.0.0",
     "@types/node": "^24.1.0",
     "@vitejs/plugin-vue": "^6.0.3",
     "@vue/test-utils": "2.4.6",
     "@vueless/storybook-dark-mode": "^10.0.6",
     "jsdom": "27.4.0",
-    "storybook": "10.1.11",
+    "storybook": "10.2.19",
     "svglint": "^4.1.2",
     "tailwindcss": "^4.1.18",
-    "vite": "^7.3.1",
-    "vite-svg-loader": "5.1.0",
-    "vitest": "4.0.16",
-    "@scalar/build-tooling": "0.5.0"
+    "vite": "8.0.0",
+    "vite-svg-loader": "5.1.1",
+    "vitest": "4.1.0"
   },
   "scripts": {
-    "build": "pnpm typegen:icons && scalar-build-vite",
+    "build": "pnpm typegen:icons && vite build && vue-tsc -p tsconfig.build.json",
     "build:storybook": "storybook build",
     "clean:snapshots": "shx rm -rf \"**/snapshots\"",
     "dev": "storybook dev -p 5100 --ci",
-    "format": "scalar-format",
-    "format:check": "scalar-format-check",
-    "lint:check": "scalar-lint-check && pnpm lint:icons",
-    "lint:fix": "scalar-lint-fix",
+    "lint:check": "pnpm lint:icons",
     "lint:icons": "svglint src/components/ScalarIcon/icons/*.svg --config src/components/ScalarIcon/.svglintrc.js",
     "preview": "vite preview --outDir storybook-static -c test/vite.config.ts 1>&2",
     "test": "vitest",
     "test:e2e": "PW_TEST_CONNECT_WS_ENDPOINT=ws://127.0.0.1:5001/ playwright test",
     "test:e2e:ci": "CI=1 playwright test",
     "test:e2e:update": "pnpm test:e2e --update-snapshots",
-    "typegen:icons": "vite-node ./src/scripts/typegen.ts",
-    "types:build": "scalar-types-build-vue",
-    "types:check": "scalar-types-check-vue"
+    "typegen:icons": "tsx ./src/scripts/typegen.ts",
+    "types:check": "vue-tsc --noEmit"
   }
 }

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -1,9 +0,0 @@
-const s = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [r, c] of e)
-    o[r] = c;
-  return o;
-};
-export {
-  s as default
-};

package/dist/components/ScalarButton/ScalarButton.vue.js

@@ -1,99 +0,0 @@
-import { defineComponent as f, createBlock as r, openBlock as t, resolveDynamicComponent as d, mergeProps as z, unref as a, withCtx as x, createElementBlock as s, createCommentVNode as c, renderSlot as n, normalizeClass as o, createVNode as g } from "vue";
-import { cva as l, useBindCx as y } from "@scalar/use-hooks/useBindCx";
-import { BUTTON_VARIANT_STYLES as h } from "./constants.js";
-import k from "../ScalarLoading/ScalarLoading.vue.js";
-const A = {
-  key: 3,
-  class: "centered"
-}, B = {}, T = /* @__PURE__ */ f({
-  ...B,
-  inheritAttrs: !1,
-  __name: "ScalarButton",
-  props: {
-    is: { default: "button" },
-    variant: { default: "solid" },
-    size: { default: "md" },
-    disabled: { type: Boolean },
-    icon: { type: [Object, Function] },
-    loader: {}
-  },
-  setup(e) {
-    const m = l({
-      base: "scalar-button flex cursor-pointer items-center justify-center rounded font-medium -outline-offset-1",
-      variants: {
-        disabled: { true: "bg-b-2 text-color-3 shadow-none" },
-        size: {
-          xs: "px-2 py-1 text-xs/4",
-          sm: "px-3.5 py-2 text-sm/4",
-          md: "px-5 py-3 text-sm/4"
-        },
-        variant: h
-      },
-      compoundVariants: [
-        {
-          disabled: !0,
-          variant: ["solid", "outlined", "ghost", "gradient", "danger"],
-          class: "bg-b-2 text-c-3 shadow-none hover:bg-b-[_] cursor-not-allowed active:bg-b-[_] hover:text-c-[_] active:text-c-[_]"
-        },
-        {
-          disabled: !0,
-          variant: ["gradient"],
-          class: "to-b-1.5 bg-linear-to-b hover:bg-linear-to-b dark:hover:bg-linear-to-t"
-        }
-      ]
-    }), u = l({
-      base: "shrink-0",
-      variants: {
-        size: {
-          xs: "size-2.75 -ml-0.25 mr-1",
-          sm: "size-3.25 -ml-0.5 mr-1.5",
-          md: "size-3.5 -ml-0.5 mr-1.5"
-        }
-      }
-    }), b = l({
-      variants: {
-        size: {
-          xs: "size-4",
-          sm: "size-5",
-          md: "size-6"
-        }
-      }
-    }), { cx: v } = y();
-    return (i, V) => (t(), r(d(e.is), z(
-      {
-        "aria-disabled": e.disabled || void 0,
-        type: e.is === "button" ? "button" : void 0
-      },
-      a(v)(a(m)({ disabled: e.disabled, size: e.size, variant: e.variant }), {
-        relative: e.loader?.isActive
-      })
-    ), {
-      default: x(() => [
-        i.$slots.icon || e.icon ? (t(), s("div", {
-          key: 0,
-          class: o([a(u)({ size: e.size }), { invisible: e.loader?.isActive }])
-        }, [
-          n(i.$slots, "icon", {}, () => [
-            (t(), r(d(e.icon), { class: "size-full" }))
-          ])
-        ], 2)) : c("", !0),
-        e.loader ? (t(), s("span", {
-          key: 1,
-          class: o({ invisible: e.loader?.isActive })
-        }, [
-          n(i.$slots, "default")
-        ], 2)) : n(i.$slots, "default", { key: 2 }),
-        e.loader?.isActive ? (t(), s("div", A, [
-          g(a(k), {
-            class: o(a(b)({ size: e.size })),
-            loader: e.loader
-          }, null, 8, ["class", "loader"])
-        ])) : c("", !0)
-      ]),
-      _: 3
-    }, 16, ["aria-disabled", "type"]));
-  }
-});
-export {
-  T as default
-};

package/dist/components/ScalarButton/ScalarButton.vue2.js

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

package/dist/components/ScalarButton/constants.js

@@ -1,18 +0,0 @@
-const t = {
-  solid: [
-    "scalar-button-solid",
-    "bg-b-btn text-c-btn focus-visible:border-c-btn active:bg-b-btn hover:bg-h-btn outline-offset-1"
-  ],
-  outlined: ["scalar-button-outlined", "active:bg-btn-1 shadow-border bg-b-1 text-c-1 hover:bg-b-2"],
-  ghost: ["scalar-button-ghost", "bg-transparent text-c-3 active:text-c-1 hover:text-c-1"],
-  gradient: [
-    "scalar-button-gradient",
-    "shadow-border bg-b-1.5 bg-linear-to-b from-b-1 to-b-2 hover:bg-linear-to-t",
-    // in dark mode we want to reverse the gradient direction
-    "dark:bg-linear-to-t dark:hover:bg-linear-to-b"
-  ],
-  danger: ["scalar-button-danger", "bg-c-danger text-white active:brightness-90 hover:brightness-90"]
-};
-export {
-  t as BUTTON_VARIANT_STYLES
-};

package/dist/components/ScalarCard/ScalarCard.vue.js

@@ -1,25 +0,0 @@
-import { defineComponent as o, computed as n, createElementBlock as d, openBlock as i, mergeProps as u, unref as s, renderSlot as c } from "vue";
-import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
-import { useCardRegion as m } from "./useCardHeading.js";
-const b = {}, g = /* @__PURE__ */ o({
-  ...b,
-  inheritAttrs: !1,
-  __name: "ScalarCard",
-  props: {
-    label: {}
-  },
-  setup(e) {
-    const { id: r } = m(), t = n(() => e.label ? { "aria-label": e.label } : r.value ? { "aria-labelledby": r.value } : {}), { cx: l } = f();
-    return (a, p) => (i(), d("div", u({ role: "group" }, {
-      ...t.value,
-      ...s(l)(
-        "scalar-card bg-b-2 flex flex-col divide-y rounded-xl border *:first:rounded-t-[inherit] *:last:rounded-b-[inherit]"
-      )
-    }), [
-      c(a.$slots, "default")
-    ], 16));
-  }
-});
-export {
-  g as default
-};

package/dist/components/ScalarCard/ScalarCard.vue2.js

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

package/dist/components/ScalarCard/ScalarCardFooter.vue.js

@@ -1,20 +0,0 @@
-import { defineComponent as t, createBlock as o, openBlock as a, normalizeProps as n, guardReactiveProps as s, unref as c, withCtx as _, renderSlot as f } from "vue";
-import { useBindCx as i } from "@scalar/use-hooks/useBindCx";
-import l from "./ScalarCardSection.vue.js";
-const m = {}, h = /* @__PURE__ */ t({
-  ...m,
-  inheritAttrs: !1,
-  __name: "ScalarCardFooter",
-  setup(p) {
-    const { cx: r } = i();
-    return (e, d) => (a(), o(l, n(s(c(r)("scalar-card-footer"))), {
-      default: _(() => [
-        f(e.$slots, "default")
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  h as default
-};

package/dist/components/ScalarCard/ScalarCardFooter.vue2.js

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

package/dist/components/ScalarCard/ScalarCardHeader.vue.js

@@ -1,36 +0,0 @@
-import { defineComponent as n, useId as d, createBlock as i, openBlock as r, normalizeProps as c, guardReactiveProps as l, unref as a, withCtx as m, createElementVNode as f, createElementBlock as p, createCommentVNode as _, renderSlot as o } from "vue";
-import { useBindCx as u } from "@scalar/use-hooks/useBindCx";
-import h from "./ScalarCardSection.vue.js";
-import { useCardHeading as x } from "./useCardHeading.js";
-const C = ["id"], k = {
-  key: 0,
-  class: "flex"
-}, B = {}, H = /* @__PURE__ */ n({
-  ...B,
-  inheritAttrs: !1,
-  __name: "ScalarCardHeader",
-  setup($) {
-    const { cx: s } = u(), t = d();
-    return x(t), (e, g) => (r(), i(h, c(l(
-      a(s)(
-        "scalar-card-header leading-[22px] font-medium py-[6.75px] px-3 shrink-0"
-      )
-    )), {
-      default: m(() => [
-        f("div", {
-          id: a(t),
-          class: "scalar-card-header-title min-w-0 flex-1 truncate"
-        }, [
-          o(e.$slots, "default")
-        ], 8, C),
-        e.$slots.actions ? (r(), p("div", k, [
-          o(e.$slots, "actions")
-        ])) : _("", !0)
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  H as default
-};

package/dist/components/ScalarCard/ScalarCardHeader.vue2.js

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

package/dist/components/ScalarCard/ScalarCardSection.vue.js

@@ -1,16 +0,0 @@
-import { defineComponent as t, createElementBlock as o, openBlock as n, normalizeProps as a, guardReactiveProps as c, unref as s, renderSlot as l } from "vue";
-import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
-const i = {}, m = /* @__PURE__ */ t({
-  ...i,
-  inheritAttrs: !1,
-  __name: "ScalarCardSection",
-  setup(_) {
-    const { cx: e } = f();
-    return (r, d) => (n(), o("div", a(c(s(e)("scalar-card-content flex overflow-auto"))), [
-      l(r.$slots, "default")
-    ], 16));
-  }
-});
-export {
-  m as default
-};

package/dist/components/ScalarCard/ScalarCardSection.vue2.js

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

package/dist/components/ScalarCard/useCardHeading.js

@@ -1,15 +0,0 @@
-import { ref as i, provide as r, inject as t } from "vue";
-const n = /* @__PURE__ */ Symbol(), s = (o) => {
-  const e = t(n, void 0);
-  e && (e.value = o);
-}, c = () => {
-  const o = i();
-  return r(n, o), {
-    /** The region heading id ref */
-    id: o
-  };
-};
-export {
-  s as useCardHeading,
-  c as useCardRegion
-};

package/dist/components/ScalarCheckboxInput/ScalarCheckbox.vue.js

@@ -1,27 +0,0 @@
-import { defineComponent as c, createElementBlock as o, openBlock as t, normalizeClass as r, createBlock as a, createCommentVNode as n, unref as l } from "vue";
-import { ScalarIconCheck as s } from "@scalar/icons";
-const d = {}, p = /* @__PURE__ */ c({
-  ...d,
-  __name: "ScalarCheckbox",
-  props: {
-    selected: { type: Boolean },
-    type: { default: "checkbox" }
-  },
-  setup(e) {
-    return (m, u) => (t(), o("div", {
-      class: r(["flex size-4 items-center justify-center p-0.75", [
-        e.selected ? "bg-c-accent text-b-1" : "text-transparent shadow-border",
-        e.type === "checkbox" ? "rounded" : "rounded-full"
-      ]])
-    }, [
-      e.selected ? (t(), a(l(s), {
-        key: 0,
-        class: "size-3",
-        weight: "bold"
-      })) : n("", !0)
-    ], 2));
-  }
-});
-export {
-  p as default
-};

package/dist/components/ScalarCheckboxInput/ScalarCheckbox.vue2.js

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

package/dist/components/ScalarCheckboxInput/ScalarCheckboxGroup.vue.js

@@ -1,37 +0,0 @@
-import { defineComponent as s, mergeModels as c, useModel as f, useId as _, createBlock as o, openBlock as u, unref as m, withCtx as r, createElementBlock as i, Fragment as v, renderList as p, createTextVNode as V, toDisplayString as k } from "vue";
-import x from "./ScalarCheckboxInput.vue.js";
-import g from "../ScalarForm/ScalarFormInputGroup.vue.js";
-const h = {}, S = /* @__PURE__ */ s({
-  ...h,
-  __name: "ScalarCheckboxGroup",
-  props: /* @__PURE__ */ c({
-    options: { default: () => [] }
-  }, {
-    modelValue: { default: [] },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(t) {
-    const l = f(t, "modelValue"), d = _();
-    return (B, C) => (u(), o(m(g), null, {
-      default: r(() => [
-        (u(!0), i(v, null, p(t.options, (e) => (u(), o(x, {
-          key: e.value,
-          modelValue: l.value?.some(({ value: a }) => a === e.value),
-          name: m(d),
-          value: e.value,
-          "onUpdate:modelValue": (a) => l.value = a ? [...l.value, e] : l.value.filter(({ value: n }) => n !== e.value)
-        }, {
-          default: r(() => [
-            V(k(e.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["modelValue", "name", "value", "onUpdate:modelValue"]))), 128))
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  S as default
-};

package/dist/components/ScalarCheckboxInput/ScalarCheckboxGroup.vue2.js

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

package/dist/components/ScalarCheckboxInput/ScalarCheckboxInput.vue.js

@@ -1,45 +0,0 @@
-import { defineComponent as c, mergeModels as u, useModel as m, createBlock as p, openBlock as f, unref as o, mergeProps as s, withCtx as _, createVNode as y, createElementVNode as r, withDirectives as h, renderSlot as x, vModelDynamic as v } from "vue";
-import { useBindCx as V } from "@scalar/use-hooks/useBindCx";
-import b from "./ScalarCheckbox.vue.js";
-import g from "../ScalarForm/ScalarFormInput.vue.js";
-const k = { class: "flex-1 text-left min-w-0 truncate" }, C = ["type"], B = {}, D = /* @__PURE__ */ c({
-  ...B,
-  inheritAttrs: !1,
-  __name: "ScalarCheckboxInput",
-  props: /* @__PURE__ */ u({
-    type: { default: "checkbox" }
-  }, {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(t) {
-    const e = m(t, "modelValue"), { stylingAttrsCx: n, otherAttrs: a } = V();
-    return (i, l) => (f(), p(o(g), s(
-      { is: "label" },
-      o(n)("cursor-pointer gap-2 hover:bg-b-2", { "text-c-1": e.value })
-    ), {
-      default: _(() => [
-        y(b, {
-          class: "shrink-0",
-          selected: e.value,
-          type: t.type
-        }, null, 8, ["selected", "type"]),
-        r("div", k, [
-          x(i.$slots, "default")
-        ]),
-        h(r("input", s({
-          "onUpdate:modelValue": l[0] || (l[0] = (d) => e.value = d),
-          class: "sr-only",
-          type: t.type
-        }, o(a)), null, 16, C), [
-          [v, e.value]
-        ])
-      ]),
-      _: 3
-    }, 16));
-  }
-});
-export {
-  D as default
-};

package/dist/components/ScalarCheckboxInput/ScalarCheckboxInput.vue2.js

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

package/dist/components/ScalarCheckboxInput/ScalarCheckboxRadioGroup.vue.js

@@ -1,38 +0,0 @@
-import { defineComponent as n, mergeModels as c, useModel as s, useId as i, createBlock as t, openBlock as l, unref as u, withCtx as d, createElementBlock as f, Fragment as _, renderList as p, createTextVNode as v, toDisplayString as V } from "vue";
-import k from "./ScalarCheckboxInput.vue.js";
-import x from "../ScalarForm/ScalarFormInputGroup.vue.js";
-const g = {}, b = /* @__PURE__ */ n({
-  ...g,
-  __name: "ScalarCheckboxRadioGroup",
-  props: /* @__PURE__ */ c({
-    options: { default: () => [] }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(a) {
-    const o = s(a, "modelValue"), m = i();
-    return (h, y) => (l(), t(u(x), null, {
-      default: d(() => [
-        (l(!0), f(_, null, p(a.options, (e) => (l(), t(k, {
-          key: e.value,
-          modelValue: o.value?.value === e.value,
-          name: u(m),
-          type: "radio",
-          value: e.value,
-          "onUpdate:modelValue": (r) => o.value = r ? e : void 0
-        }, {
-          default: d(() => [
-            v(V(e.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["modelValue", "name", "value", "onUpdate:modelValue"]))), 128))
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  b as default
-};

package/dist/components/ScalarCheckboxInput/ScalarCheckboxRadioGroup.vue2.js

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

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

@@ -1,69 +0,0 @@
-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: {},
-    prettyPrintedContent: {},
-    lang: { default: "plaintext" },
-    lineNumbers: { type: Boolean, default: !1 },
-    hideCredentials: {},
-    copy: { type: [String, Boolean], default: "hover" }
-  },
-  setup(e) {
-    const l = f(), t = n(
-      () => e.prettyPrintedContent || N(e.content ?? "")
-    ), s = n(() => w(t.value, {
-      lang: e.lang.trim(),
-      languages: B,
-      lineNumbers: e.lineNumbers,
-      maskCredentials: e.hideCredentials
-    }).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,
-        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 {
-  F as default
-};

package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue3.js

@@ -1,5 +0,0 @@
-import o from "./ScalarCodeBlock.vue.js";
-/* empty css                     */
-export {
-  o as default
-};

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

@@ -1,57 +0,0 @@
-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 {
-  G as default
-};