@scalar/components 0.16.2 → 0.16.4

package/dist/components/ScalarIcon/logos/Astro.svg.js

@@ -0,0 +1,14 @@
+import { createElementBlock as e, openBlock as o } from "vue";
+const t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+function n(r, c) {
+  return o(), e("svg", t);
+}
+const l = { render: n };
+export {
+  l as default,
+  n as render
+};

package/dist/components/ScalarIcon/logos/index.d.ts

@@ -1,2 +1,2 @@
-export declare const LOGOS: readonly ["Adonisjs", "Docusaurus", "Dotnet", "Elysiajs", "Express", "Fastapi", "Fastify", "Go", "Hono", "Laravel", "Litestar", "Nestjs", "Nextjs", "Nitro", "Nuxt", "Openapi", "Platformatic", "React", "Rust", "Svelte", "Vue"];
+export declare const LOGOS: readonly ["Adonisjs", "Astro", "Docusaurus", "Dotnet", "Elysiajs", "Express", "Fastapi", "Fastify", "Go", "Hono", "Laravel", "Litestar", "Nestjs", "Nextjs", "Nitro", "Nuxt", "Openapi", "Platformatic", "React", "Rust", "Svelte", "Vue"];
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarIcon/logos/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarIcon/logos/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,mOAsBR,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ScalarIcon/logos/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,4OAuBR,CAAA"}

package/dist/components/ScalarIcon/utils/index.js

@@ -1,4 +1,4 @@
-import * as g from "../icons/Add.svg.js";
+import * as a from "../icons/Add.svg.js";
 import * as m from "../icons/AddTab.svg.js";
 import * as i from "../icons/Alert.svg.js";
 import * as n from "../icons/ArrowLeft.svg.js";
@@ -20,9 +20,9 @@ import * as b from "../icons/CodeFolder.svg.js";
 import * as j from "../icons/Cog.svg.js";
 import * as D from "../icons/Collection.svg.js";
 import * as S from "../icons/Cookie.svg.js";
-import * as F from "../icons/DarkMode.svg.js";
-import * as y from "../icons/Delete.svg.js";
-import * as A from "../icons/Discord.svg.js";
+import * as A from "../icons/DarkMode.svg.js";
+import * as F from "../icons/Delete.svg.js";
+import * as y from "../icons/Discord.svg.js";
 import * as E from "../icons/DocsPage.svg.js";
 import * as H from "../icons/Download.svg.js";
 import * as R from "../icons/Duplicate.svg.js";
@@ -51,8 +51,8 @@ import * as _ from "../icons/LightMode.svg.js";
 import * as oo from "../icons/Link.svg.js";
 import * as ro from "../icons/Lock.svg.js";
 import * as so from "../icons/Logo.svg.js";
-import * as ao from "../icons/Magic.svg.js";
-import * as go from "../icons/Markdown.svg.js";
+import * as go from "../icons/Magic.svg.js";
+import * as ao from "../icons/Markdown.svg.js";
 import * as mo from "../icons/Menu.svg.js";
 import * as io from "../icons/NotAllowed.svg.js";
 import * as no from "../icons/Page.svg.js";
@@ -73,9 +73,9 @@ import * as bo from "../icons/Unwatch.svg.js";
 import * as jo from "../icons/Upload.svg.js";
 import * as Do from "../icons/User.svg.js";
 import * as So from "../icons/UserSwitch.svg.js";
-import * as Fo from "../icons/Users.svg.js";
-import * as yo from "../icons/Versions.svg.js";
-import * as Ao from "../icons/Wallet.svg.js";
+import * as Ao from "../icons/Users.svg.js";
+import * as Fo from "../icons/Versions.svg.js";
+import * as yo from "../icons/Wallet.svg.js";
 import * as Eo from "../icons/Watch.svg.js";
 import * as Ho from "../icons/Workspace.svg.js";
 import * as Ro from "../icons/programming-framework-angular.svg.js";
@@ -104,8 +104,8 @@ import * as _o from "../icons/programming-language-php.svg.js";
 import * as or from "../icons/programming-language-powershell.svg.js";
 import * as rr from "../icons/programming-language-python.svg.js";
 import * as sr from "../icons/programming-language-r.svg.js";
-import * as ar from "../icons/programming-language-ruby.svg.js";
-import * as gr from "../icons/programming-language-rust.svg.js";
+import * as gr from "../icons/programming-language-ruby.svg.js";
+import * as ar from "../icons/programming-language-rust.svg.js";
 import * as mr from "../icons/programming-language-scala.svg.js";
 import * as ir from "../icons/programming-language-shell.svg.js";
 import * as nr from "../icons/programming-language-swift.svg.js";
@@ -114,28 +114,29 @@ import * as pr from "../icons/programming-script-code.svg.js";
 import * as er from "../icons/programming-tool-git.svg.js";
 import * as cr from "../icons/programming-tool-tailwindcss.svg.js";
 import * as lr from "../logos/Adonisjs.svg.js";
-import * as fr from "../logos/Docusaurus.svg.js";
-import * as vr from "../logos/Dotnet.svg.js";
-import * as ur from "../logos/Elysiajs.svg.js";
-import * as dr from "../logos/Express.svg.js";
-import * as Lr from "../logos/Fastapi.svg.js";
-import * as hr from "../logos/Fastify.svg.js";
-import * as wr from "../logos/Go.svg.js";
-import * as kr from "../logos/Hono.svg.js";
-import * as Cr from "../logos/Laravel.svg.js";
-import * as br from "../logos/Litestar.svg.js";
-import * as jr from "../logos/Nestjs.svg.js";
-import * as Dr from "../logos/Nextjs.svg.js";
-import * as Sr from "../logos/Nitro.svg.js";
+import * as fr from "../logos/Astro.svg.js";
+import * as vr from "../logos/Docusaurus.svg.js";
+import * as ur from "../logos/Dotnet.svg.js";
+import * as dr from "../logos/Elysiajs.svg.js";
+import * as Lr from "../logos/Express.svg.js";
+import * as hr from "../logos/Fastapi.svg.js";
+import * as wr from "../logos/Fastify.svg.js";
+import * as kr from "../logos/Go.svg.js";
+import * as Cr from "../logos/Hono.svg.js";
+import * as br from "../logos/Laravel.svg.js";
+import * as jr from "../logos/Litestar.svg.js";
+import * as Dr from "../logos/Nestjs.svg.js";
+import * as Sr from "../logos/Nextjs.svg.js";
+import * as Ar from "../logos/Nitro.svg.js";
 import * as Fr from "../logos/Nuxt.svg.js";
 import * as yr from "../logos/Openapi.svg.js";
-import * as Ar from "../logos/Platformatic.svg.js";
-import * as Er from "../logos/React.svg.js";
-import * as Hr from "../logos/Rust.svg.js";
-import * as Rr from "../logos/Svelte.svg.js";
-import * as Tr from "../logos/Vue.svg.js";
+import * as Er from "../logos/Platformatic.svg.js";
+import * as Hr from "../logos/React.svg.js";
+import * as Rr from "../logos/Rust.svg.js";
+import * as Tr from "../logos/Svelte.svg.js";
+import * as Ur from "../logos/Vue.svg.js";
 const s = /* @__PURE__ */ Object.assign({
-  "../icons/Add.svg": g,
+  "../icons/Add.svg": a,
   "../icons/AddTab.svg": m,
   "../icons/Alert.svg": i,
   "../icons/ArrowLeft.svg": n,
@@ -157,9 +158,9 @@ const s = /* @__PURE__ */ Object.assign({
   "../icons/Cog.svg": j,
   "../icons/Collection.svg": D,
   "../icons/Cookie.svg": S,
-  "../icons/DarkMode.svg": F,
-  "../icons/Delete.svg": y,
-  "../icons/Discord.svg": A,
+  "../icons/DarkMode.svg": A,
+  "../icons/Delete.svg": F,
+  "../icons/Discord.svg": y,
   "../icons/DocsPage.svg": E,
   "../icons/Download.svg": H,
   "../icons/Duplicate.svg": R,
@@ -188,8 +189,8 @@ const s = /* @__PURE__ */ Object.assign({
   "../icons/Link.svg": oo,
   "../icons/Lock.svg": ro,
   "../icons/Logo.svg": so,
-  "../icons/Magic.svg": ao,
-  "../icons/Markdown.svg": go,
+  "../icons/Magic.svg": go,
+  "../icons/Markdown.svg": ao,
   "../icons/Menu.svg": mo,
   "../icons/NotAllowed.svg": io,
   "../icons/Page.svg": no,
@@ -210,9 +211,9 @@ const s = /* @__PURE__ */ Object.assign({
   "../icons/Upload.svg": jo,
   "../icons/User.svg": Do,
   "../icons/UserSwitch.svg": So,
-  "../icons/Users.svg": Fo,
-  "../icons/Versions.svg": yo,
-  "../icons/Wallet.svg": Ao,
+  "../icons/Users.svg": Ao,
+  "../icons/Versions.svg": Fo,
+  "../icons/Wallet.svg": yo,
   "../icons/Watch.svg": Eo,
   "../icons/Workspace.svg": Ho,
   "../icons/programming-framework-angular.svg": Ro,
@@ -241,8 +242,8 @@ const s = /* @__PURE__ */ Object.assign({
   "../icons/programming-language-powershell.svg": or,
   "../icons/programming-language-python.svg": rr,
   "../icons/programming-language-r.svg": sr,
-  "../icons/programming-language-ruby.svg": ar,
-  "../icons/programming-language-rust.svg": gr,
+  "../icons/programming-language-ruby.svg": gr,
+  "../icons/programming-language-rust.svg": ar,
   "../icons/programming-language-scala.svg": mr,
   "../icons/programming-language-shell.svg": ir,
   "../icons/programming-language-swift.svg": nr,
@@ -250,36 +251,37 @@ const s = /* @__PURE__ */ Object.assign({
   "../icons/programming-script-code.svg": pr,
   "../icons/programming-tool-git.svg": er,
   "../icons/programming-tool-tailwindcss.svg": cr
-}), a = /* @__PURE__ */ Object.assign({
+}), g = /* @__PURE__ */ Object.assign({
   "../logos/Adonisjs.svg": lr,
-  "../logos/Docusaurus.svg": fr,
-  "../logos/Dotnet.svg": vr,
-  "../logos/Elysiajs.svg": ur,
-  "../logos/Express.svg": dr,
-  "../logos/Fastapi.svg": Lr,
-  "../logos/Fastify.svg": hr,
-  "../logos/Go.svg": wr,
-  "../logos/Hono.svg": kr,
-  "../logos/Laravel.svg": Cr,
-  "../logos/Litestar.svg": br,
-  "../logos/Nestjs.svg": jr,
-  "../logos/Nextjs.svg": Dr,
-  "../logos/Nitro.svg": Sr,
+  "../logos/Astro.svg": fr,
+  "../logos/Docusaurus.svg": vr,
+  "../logos/Dotnet.svg": ur,
+  "../logos/Elysiajs.svg": dr,
+  "../logos/Express.svg": Lr,
+  "../logos/Fastapi.svg": hr,
+  "../logos/Fastify.svg": wr,
+  "../logos/Go.svg": kr,
+  "../logos/Hono.svg": Cr,
+  "../logos/Laravel.svg": br,
+  "../logos/Litestar.svg": jr,
+  "../logos/Nestjs.svg": Dr,
+  "../logos/Nextjs.svg": Sr,
+  "../logos/Nitro.svg": Ar,
   "../logos/Nuxt.svg": Fr,
   "../logos/Openapi.svg": yr,
-  "../logos/Platformatic.svg": Ar,
-  "../logos/React.svg": Er,
-  "../logos/Rust.svg": Hr,
-  "../logos/Svelte.svg": Rr,
-  "../logos/Vue.svg": Tr
-}), Ur = (o) => {
+  "../logos/Platformatic.svg": Er,
+  "../logos/React.svg": Hr,
+  "../logos/Rust.svg": Rr,
+  "../logos/Svelte.svg": Tr,
+  "../logos/Vue.svg": Ur
+}), xr = (o) => {
   const r = `../icons/${o}.svg`;
   return s[r] ? s[r] : (console.warn(`Could not find icon: ${o}`), null);
-}, xr = (o) => {
+}, Pr = (o) => {
   const r = `../logos/${o}.svg`;
-  return a[r] ? a[r] : (console.warn(`Could not find icon: ${o}`), null);
+  return g[r] ? g[r] : (console.warn(`Could not find icon: ${o}`), null);
 };
 export {
-  Ur as getIcon,
-  xr as getLogo
+  xr as getIcon,
+  Pr as getLogo
 };

package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.d.ts

@@ -1,5 +1,5 @@
-import type { ScalarMarkdownProps } from './types';
-type __VLS_Props = ScalarMarkdownProps;
+import type { ScalarMarkdownSummaryProps } from './types';
+type __VLS_Props = ScalarMarkdownSummaryProps;
 type __VLS_PublicProps = __VLS_Props & {
     /** * Whether the summary is open. */
     modelValue?: boolean;

package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMarkdownSummary.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdownSummary.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAmCvC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA+DF,QAAA,IAAuB,OAAO;;CAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B9C,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"}
+{"version":3,"file":"ScalarMarkdownSummary.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdownSummary.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAEzD,KAAK,WAAW,GAAG,0BAA0B,CAAC;AAmC9C,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA+DF,QAAA,IAAuB,OAAO;;CAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B9C,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/ScalarMarkdown/ScalarMarkdownSummary.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as p, mergeModels as f, createPropsRestProxy as v, useId as h, useModel as y, useTemplateRef as w, ref as k, onMounted as x, createElementBlock as u, openBlock as m, normalizeProps as g, guardReactiveProps as B, unref as a, createVNode as M, createCommentVNode as P, mergeProps as V, normalizeClass as b, renderSlot as C, createTextVNode as S, toDisplayString as T } from "vue";
+import { defineComponent as p, mergeModels as f, createPropsRestProxy as v, useId as h, useModel as y, useTemplateRef as w, ref as k, onMounted as g, createElementBlock as u, openBlock as c, normalizeProps as x, guardReactiveProps as B, unref as a, createVNode as M, createCommentVNode as P, mergeProps as V, normalizeClass as b, renderSlot as C, createTextVNode as S, toDisplayString as T } from "vue";
 import { useBindCx as R } from "@scalar/use-hooks/useBindCx";
-import { useResizeObserver as _ } from "@vueuse/core";
-import z from "./ScalarMarkdown.vue.js";
+import { useResizeObserver as z } from "@vueuse/core";
+import N from "./ScalarMarkdown.vue.js";
 /* empty css                    */
-const N = ["aria-controls", "aria-expanded"], E = /* @__PURE__ */ p({
+const _ = ["aria-controls", "aria-expanded"], E = /* @__PURE__ */ p({
   inheritAttrs: !1,
   __name: "ScalarMarkdownSummary",
   props: /* @__PURE__ */ f({
@@ -13,44 +13,46 @@ const N = ["aria-controls", "aria-expanded"], E = /* @__PURE__ */ p({
     transform: { type: Function },
     transformType: {},
     clamp: { default: 1 },
-    anchorPrefix: {}
+    anchorPrefix: {},
+    controlled: { type: Boolean }
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(r) {
-    const c = v(r, ["clamp"]), t = h(), e = y(r, "modelValue"), l = w("scalar-markdown"), n = k(!1);
-    _(() => l.value?.el, s);
+    const m = v(r, ["clamp"]), l = h(), e = y(r, "modelValue"), t = w("scalar-markdown"), n = k(!1);
+    z(() => t.value?.el, s);
     function s() {
-      const o = l.value?.el;
+      const o = t.value?.el;
       o && (n.value = o.scrollHeight > o.clientHeight || o.scrollWidth > o.clientWidth);
     }
-    x(s);
+    g(s);
     const { cx: d } = R();
-    return (o, i) => (m(), u("div", g(B(
+    return (o, i) => (c(), u("div", x(B(
       a(d)(
         "group/summary flex gap-0.5",
         e.value ? "flex-col" : "flex-row items-baseline"
       )
     )), [
-      M(z, V({ ref: "scalar-markdown" }, c, {
-        id: a(t),
-        class: { "markdown-summary truncate": !e.value },
-        clamp: e.value ? void 0 : o.clamp
-      }), null, 16, ["id", "class", "clamp"]),
-      n.value || e.value ? (m(), u("button", {
+      M(N, V(m, {
+        id: a(l),
+        ref: "scalar-markdown",
+        clamp: e.value ? void 0 : o.clamp,
+        class: { "markdown-summary truncate": !e.value }
+      }), null, 16, ["id", "clamp", "class"]),
+      !o.controlled && (n.value || e.value) ? (c(), u("button", {
         key: 0,
+        "aria-controls": a(l),
+        "aria-expanded": e.value,
         class: b(["whitespace-nowrap font-medium hover:underline", { "self-end": e.value }]),
         type: "button",
-        "aria-controls": a(t),
-        "aria-expanded": e.value,
         onClick: i[0] || (i[0] = ($) => e.value = !e.value)
       }, [
         C(o.$slots, "button", { open: e.value }, () => [
           S(T(e.value ? " Show Less" : "More"), 1)
         ])
-      ], 10, N)) : P("", !0)
+      ], 10, _)) : P("", !0)
     ], 16));
   }
 });

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

@@ -36,4 +36,14 @@ export type ScalarMarkdownProps = {
      */
     anchorPrefix?: string;
 };
+export type ScalarMarkdownSummaryProps = ScalarMarkdownProps & {
+    /**
+     * Allows the summary's open and closed state to
+     * be controlled by the parent component and hides
+     * the "More" and "Less" buttons.
+     *
+     * @default false
+     */
+    controlled?: boolean;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -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"}
+{"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"}

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

@@ -0,0 +1,15 @@
+/**
+ * Scalar Theme Swatches component
+ *
+ * Displays the light and dark mode swatches for a given theme CSS string
+ *
+ * @example
+ * <ScalarThemeSwatches :css="theme" />
+ */
+declare const _default: import("vue").DefineComponent<{
+    css: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    css: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ScalarThemeSwatches.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarThemeSwatches.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarThemeSwatches/ScalarThemeSwatches.vue"],"names":[],"mappings":"AAmDA;;;;;;;GAOG;;SAGI,MAAM;;SAAN,MAAM;;AAFb,wBAsEC"}

package/dist/components/ScalarThemeSwatches/ScalarThemeSwatches.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as o, createElementBlock as a, openBlock as s, mergeProps as c, unref as e, Fragment as g, renderList as d, normalizeStyle as i } from "vue";
+import { useBindCx as m } from "@scalar/use-hooks/useBindCx";
+import { useThemeSwatches as u, THEME_CSS_VARS as b } from "./useThemeSwatches.js";
+const h = {}, x = /* @__PURE__ */ o({
+  ...h,
+  inheritAttrs: !1,
+  __name: "ScalarThemeSwatches",
+  props: {
+    css: {}
+  },
+  setup(l) {
+    const { colors: r } = u(() => l.css), { cx: n } = m();
+    return (k, _) => (s(), a("div", c(
+      {
+        style: {
+          "--bg-light": e(r).light["--scalar-background-1"],
+          "--bg-dark": e(r).dark["--scalar-background-1"]
+        }
+      },
+      e(n)(
+        "flex *:size-3 overflow-hidden rounded",
+        "bg-(--bg-light) dark:bg-(--bg-dark)"
+      )
+    ), [
+      (s(!0), a(g, null, d(e(b), (t) => (s(), a("div", {
+        key: t,
+        class: "bg-(--bg-light) dark:bg-(--bg-dark)",
+        style: i({ "--bg-light": e(r).light[t], "--bg-dark": e(r).dark[t] })
+      }, null, 4))), 128))
+    ], 16));
+  }
+});
+export {
+  x as default
+};

package/dist/components/ScalarThemeSwatches/ScalarThemeSwatches.vue2.js

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

package/dist/components/ScalarThemeSwatches/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ScalarThemeSwatches } from './ScalarThemeSwatches.vue.js';
+export { useThemeSwatches } from './useThemeSwatches.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarThemeSwatches/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarThemeSwatches/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/components/ScalarThemeSwatches/useThemeSwatches.d.ts

@@ -0,0 +1,28 @@
+import { type MaybeRefOrGetter } from 'vue';
+/** Numbers 1 to 3 */
+type OneToThree = 1 | 2 | 3;
+/**
+ * CSS variable names that can be extracted from theme CSS
+ */
+type ThemeCssVar = `--scalar-color-${OneToThree}` | `--scalar-background-${OneToThree}` | '--scalar-color-accent';
+/**
+ * Theme colors for light and dark modes
+ */
+type ThemeColors = {
+    light: ThemeCssVars;
+    dark: ThemeCssVars;
+};
+/**
+ * Record of theme CSS variables to their values (partial)
+ */
+type ThemeCssVars = Partial<Record<ThemeCssVar, string>>;
+/** Theme CSS variables */
+export declare const THEME_CSS_VARS: ["--scalar-color-1", "--scalar-color-2", "--scalar-color-3", "--scalar-background-1", "--scalar-background-2", "--scalar-background-3", "--scalar-color-accent"];
+/**
+ * Returns the light and dark colors for a given css string
+ */
+export declare function useThemeSwatches(css: MaybeRefOrGetter<string>): {
+    colors: import("vue").ComputedRef<ThemeColors>;
+};
+export {};
+//# sourceMappingURL=useThemeSwatches.d.ts.map

package/dist/components/ScalarThemeSwatches/useThemeSwatches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeSwatches.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarThemeSwatches/useThemeSwatches.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAqB,MAAM,KAAK,CAAA;AAE9D,qBAAqB;AACrB,KAAK,UAAU,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE3B;;GAEG;AACH,KAAK,WAAW,GAAG,kBAAkB,UAAU,EAAE,GAAG,uBAAuB,UAAU,EAAE,GAAG,uBAAuB,CAAA;AAEjH;;GAEG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,YAAY,CAAA;IACnB,IAAI,EAAE,YAAY,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,KAAK,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAA;AAExD,0BAA0B;AAC1B,eAAO,MAAM,cAAc,kKAQO,CAAA;AA2BlC;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,gBAAgB,CAAC,MAAM,CAAC;;EAO7D"}

package/dist/components/ScalarThemeSwatches/useThemeSwatches.js

@@ -0,0 +1,33 @@
+import { computed as n, toValue as t } from "vue";
+const m = [
+  "--scalar-color-1",
+  "--scalar-color-2",
+  "--scalar-color-3",
+  "--scalar-background-1",
+  "--scalar-background-2",
+  "--scalar-background-3",
+  "--scalar-color-accent"
+];
+function a(r, l) {
+  const c = [...l.matchAll(new RegExp(`(${r}): ([^;]+);`, "gm"))];
+  return c.length === 0 ? {} : Object.fromEntries(c.map((o) => [o[1], o[2]]));
+}
+function e(r) {
+  return r ? {
+    ...a("--scalar-color-[1-3]", r),
+    ...a("--scalar-background-[1-3]", r),
+    ...a("--scalar-color-accent", r)
+  } : {};
+}
+function s(r) {
+  return {
+    colors: n(() => ({
+      light: e(t(r).match(/\.light-mode[^{]*{[^}]*}/m)?.[0]),
+      dark: e(t(r).match(/\.dark-mode[^{]*{[^}]*}/m)?.[0])
+    }))
+  };
+}
+export {
+  m as THEME_CSS_VARS,
+  s as useThemeSwatches
+};

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

@@ -0,0 +1,14 @@
+import type { ScalarWrappingTextProps } from './types';
+/**
+ * Scalar Text Wrapping component
+ *
+ * Adds word breaks to the text to allow improved line wrapping
+ *
+ * Does not inherit any attributes because it returns a set of html nodes
+ *
+ * @example
+ * <ScalarWrappingText text="/this/is/a/long/path/that/needs/to/be/wrapped" />
+ */
+declare const _default: import("vue").DefineComponent<ScalarWrappingTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScalarWrappingTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ScalarWrappingText.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarWrappingText.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarWrappingText/ScalarWrappingText.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD;;;;;;;;;GASG;;AACH,wBAmEC"}

package/dist/components/ScalarWrappingText/ScalarWrappingText.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent as u, computed as c, createElementBlock as n, openBlock as a, Fragment as l, renderList as m, createElementVNode as d, createTextVNode as i, toDisplayString as f } from "vue";
+import { PRESETS as x } from "./constants.js";
+const g = {}, w = /* @__PURE__ */ u({
+  ...g,
+  inheritAttrs: !1,
+  __name: "ScalarWrappingText",
+  props: {
+    text: { default: "" },
+    preset: { default: "path" },
+    regex: {}
+  },
+  setup(e) {
+    const o = c(() => {
+      const r = new RegExp(e.regex ?? x[e.preset], "g");
+      return e.text.replace(r, "⁠$&").split("⁠").filter(Boolean);
+    });
+    return (r, t) => (a(!0), n(l, null, m(o.value, (s, p) => (a(), n(l, { key: p }, [
+      t[0] || (t[0] = d("wbr", null, null, -1)),
+      i(f(s), 1)
+    ], 64))), 128));
+  }
+});
+export {
+  w as default
+};

package/dist/components/ScalarWrappingText/ScalarWrappingText.vue2.js

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

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

@@ -0,0 +1,13 @@
+/**
+ * A list of preset regexes for word breaks
+ */
+export declare const PRESETS: {
+    /** Breaks on `/`, '.' and `-` for urls or file paths */
+    readonly path: RegExp;
+    /**
+     * Breaks on capitals, `_` and `.` for properties written in
+     * camel, pascal or snake case
+     */
+    readonly property: RegExp;
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarWrappingText/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,OAAO;IAClB,wDAAwD;;IAExD;;;OAGG;;CAEsC,CAAA"}

package/dist/components/ScalarWrappingText/constants.js

@@ -0,0 +1,12 @@
+const p = {
+  /** Breaks on `/`, '.' and `-` for urls or file paths */
+  path: /[\/\.-]/,
+  /**
+   * Breaks on capitals, `_` and `.` for properties written in
+   * camel, pascal or snake case
+   */
+  property: /[A-Z\_\.-]/
+};
+export {
+  p as PRESETS
+};

package/dist/components/ScalarWrappingText/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ScalarWrappingText } from './ScalarWrappingText.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ScalarWrappingText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarWrappingText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA"}

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

@@ -0,0 +1,18 @@
+import type { PRESETS } from './constants.js';
+type Preset = keyof typeof PRESETS;
+/** Props for the ScalarWrappingText component */
+export type ScalarWrappingTextProps = {
+    /** The text to wrap */
+    text?: string;
+    /**
+     * Presets for word wrapping
+     *
+     * @see {@link PRESETS}
+     * @default 'path'
+     */
+    preset?: Preset;
+    /** Explicit regex to allow wrapping on, overrides any `preset` */
+    regex?: RegExp;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarWrappingText/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAE1C,KAAK,MAAM,GAAG,MAAM,OAAO,OAAO,CAAA;AAElC,iDAAiD;AACjD,MAAM,MAAM,uBAAuB,GAAG;IACpC,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/index.d.ts

@@ -28,8 +28,10 @@ export * from './components/ScalarSidebar';
 export * from './components/ScalarTeleport';
 export * from './components/ScalarTextArea';
 export * from './components/ScalarTextInput';
+export * from './components/ScalarThemeSwatches';
 export * from './components/ScalarToggle';
 export * from './components/ScalarTooltip';
 export * from './components/ScalarVirtualText';
+export * from './components/ScalarWrappingText';
 export * from './helpers';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE7E,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oCAAoC,CAAA;AAClD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE7E,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kCAAkC,CAAA;AAChD,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oCAAoC,CAAA;AAClD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,kCAAkC,CAAA;AAChD,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,WAAW,CAAA"}