@scalar/components 0.16.3 → 0.16.5

package/dist/components/ScalarSidebar/ScalarSidebarSection.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as c, createElementBlock as d, openBlock as s, createVNode as n, createBlock as p, unref as t, withCtx as i, renderSlot as r, resolveDynamicComponent as f, normalizeProps as m, guardReactiveProps as u } from "vue";
+import { defineComponent as l, createBlock as c, openBlock as d, resolveDynamicComponent as p, normalizeProps as f, guardReactiveProps as m, unref as t, withCtx as s, createVNode as n, createElementVNode as u, renderSlot as i } from "vue";
 import { useBindCx as _ } from "@scalar/use-hooks/useBindCx";
 import b from "./ScalarSidebarButton.vue.js";
-import a from "./ScalarSidebarSpacer.vue.js";
-import { useSidebarGroups as B } from "./useSidebarGroups.js";
-const g = { class: "group/item group/sidebar-section contents" }, h = {}, P = /* @__PURE__ */ c({
-  ...h,
+import r from "./ScalarSidebarSpacer.vue.js";
+import { useSidebarGroups as g } from "./useSidebarGroups.js";
+const h = { class: "flex flex-col gap-px" }, B = {}, N = /* @__PURE__ */ l({
+  ...B,
   inheritAttrs: !1,
   __name: "ScalarSidebarSection",
   props: {
-    is: { default: "ul" },
+    is: { default: "li" },
     icon: { type: [Object, Function] },
     active: { type: Boolean },
     selected: { type: Boolean },
@@ -16,37 +16,37 @@ const g = { class: "group/item group/sidebar-section contents" }, h = {}, P = /*
     indent: {}
   },
   setup(v) {
-    const { level: o } = B({ increment: !1 }), { cx: l } = _();
-    return (e, x) => (s(), d("li", g, [
-      n(a, {
-        class: "group/spacer-before h-3",
-        indent: t(o)
-      }, null, 8, ["indent"]),
-      n(b, {
-        is: "div",
-        class: "text-sm font-bold",
-        disabled: "",
-        icon: e.icon,
-        indent: t(o)
-      }, {
-        default: i(() => [
-          r(e.$slots, "default")
+    const { level: o } = g({ increment: !1 }), { cx: a } = _();
+    return (e, x) => (d(), c(p(e.is), f(m(t(a)("group/item group/sidebar-section contents"))), {
+      default: s(() => [
+        n(r, {
+          class: "group/spacer-before h-3",
+          indent: t(o)
+        }, null, 8, ["indent"]),
+        n(b, {
+          is: "div",
+          class: "text-sm font-bold",
+          disabled: "",
+          icon: e.icon,
+          indent: t(o)
+        }, {
+          default: s(() => [
+            i(e.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["icon", "indent"]),
+        u("ul", h, [
+          i(e.$slots, "items")
         ]),
-        _: 3
-      }, 8, ["icon", "indent"]),
-      (s(), p(f(e.is), m(u(t(l)("flex flex-col gap-px"))), {
-        default: i(() => [
-          r(e.$slots, "items")
-        ]),
-        _: 3
-      }, 16)),
-      n(a, {
-        class: "group/spacer-after h-3",
-        indent: t(o)
-      }, null, 8, ["indent"])
-    ]));
+        n(r, {
+          class: "group/spacer-after h-3",
+          indent: t(o)
+        }, null, 8, ["indent"])
+      ]),
+      _: 3
+    }, 16));
   }
 });
 export {
-  P as default
+  N as default
 };

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"}

package/dist/index.js

@@ -2,11 +2,11 @@
 import { compose as u, cva as m, cx as c, tw as s, useBindCx as S } from "@scalar/use-hooks/useBindCx";
 import { default as i } from "./components/ScalarButton/ScalarButton.vue.js";
 import { default as b } from "./components/ScalarCard/ScalarCard.vue.js";
-import { default as M } from "./components/ScalarCard/ScalarCardHeader.vue.js";
+import { default as g } from "./components/ScalarCard/ScalarCardHeader.vue.js";
 import { default as C } from "./components/ScalarCard/ScalarCardSection.vue.js";
 import { default as F } from "./components/ScalarCard/ScalarCardFooter.vue.js";
-import { default as B } from "./components/ScalarCheckboxInput/ScalarCheckboxInput.vue.js";
-import { default as h } from "./components/ScalarCheckboxInput/ScalarCheckboxGroup.vue.js";
+import { default as h } from "./components/ScalarCheckboxInput/ScalarCheckboxInput.vue.js";
+import { default as L } from "./components/ScalarCheckboxInput/ScalarCheckboxGroup.vue.js";
 import { default as y } from "./components/ScalarCheckboxInput/ScalarCheckboxRadioGroup.vue.js";
 import { default as D } from "./components/ScalarCheckboxInput/ScalarCheckbox.vue.js";
 import { default as U } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
@@ -14,7 +14,7 @@ import { default as U } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.j
 import { default as R } from "./components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
 import { default as v } from "./components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue.js";
 import { default as O } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
-import { default as V } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
+import { default as N } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
 import { default as Y } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
 import { default as j } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
 import { default as z } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
@@ -30,18 +30,18 @@ import { default as ca } from "./components/ScalarFloating/ScalarFloating.vue.js
 import { default as Sa } from "./components/ScalarFloating/ScalarFloatingBackdrop.vue.js";
 import { default as ia } from "./components/ScalarForm/ScalarForm.vue.js";
 import { default as ba } from "./components/ScalarForm/ScalarFormError.vue.js";
-import { default as Ma } from "./components/ScalarForm/ScalarFormField.vue.js";
+import { default as ga } from "./components/ScalarForm/ScalarFormField.vue.js";
 import { default as Ca } from "./components/ScalarForm/ScalarFormInput.vue.js";
 import { default as Fa } from "./components/ScalarForm/ScalarFormInputGroup.vue.js";
-import { default as Ba } from "./components/ScalarHeader/ScalarHeader.vue.js";
-import { default as ha } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
+import { default as ha } from "./components/ScalarHeader/ScalarHeader.vue.js";
+import { default as La } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
 import { default as ya } from "./components/ScalarHotkey/ScalarHotkey.vue.js";
 import { default as Da } from "./components/ScalarIcon/ScalarIconLegacyAdapter.vue.js";
 import { default as Ua } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
 import { default as Ra } from "./components/ScalarListbox/ScalarListbox.vue.js";
 import { default as va } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
 import { default as Oa } from "./components/ScalarListbox/ScalarListboxInput.vue.js";
-import { default as Va } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
+import { default as Na } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
 import { default as Ya } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
 /* empty css                                              */
 import { default as ja } from "./components/ScalarMarkdown/ScalarMarkdownSummary.vue.js";
@@ -59,11 +59,11 @@ import { default as cr } from "./components/ScalarMenu/ScalarMenuTeamProfile.vue
 import { default as Sr } from "./components/ScalarMenu/ScalarMenuWorkspacePicker.vue.js";
 import { default as ir } from "./components/ScalarPopover/ScalarPopover.vue.js";
 import { default as br } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
-import { default as Mr } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
+import { default as gr } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
 import { default as Cr } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
 import { default as Fr } from "./components/ScalarSidebar/ScalarSidebar.vue.js";
-import { default as Br } from "./components/ScalarSidebar/ScalarSidebarButton.vue.js";
-import { default as hr } from "./components/ScalarSidebar/ScalarSidebarFooter.vue.js";
+import { default as hr } from "./components/ScalarSidebar/ScalarSidebarButton.vue.js";
+import { default as Lr } from "./components/ScalarSidebar/ScalarSidebarFooter.vue.js";
 import { default as yr } from "./components/ScalarSidebar/ScalarSidebarGroup.vue.js";
 import { default as Dr } from "./components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js";
 import { default as Ur } from "./components/ScalarSidebar/ScalarSidebarItem.vue.js";
@@ -71,7 +71,7 @@ import { default as Rr } from "./components/ScalarSidebar/ScalarSidebarItems.vue
 /* empty css                                                 */
 import { default as vr } from "./components/ScalarSidebar/ScalarSidebarNestedItems.vue.js";
 import { default as Or } from "./components/ScalarSidebar/ScalarSidebarSearchButton.vue.js";
-import { default as Vr } from "./components/ScalarSidebar/ScalarSidebarSearchInput.vue.js";
+import { default as Nr } from "./components/ScalarSidebar/ScalarSidebarSearchInput.vue.js";
 import { default as Yr } from "./components/ScalarSidebar/ScalarSidebarSection.vue.js";
 /* empty css                                                   */
 import { default as jr } from "./components/ScalarSidebar/ScalarSidebarSpacer.vue.js";
@@ -79,51 +79,54 @@ import { default as zr } from "./components/ScalarTeleport/ScalarTeleport.vue.js
 import { default as Kr } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
 import { default as Xr } from "./components/ScalarTextArea/ScalarTextArea.vue.js";
 import { default as $r } from "./components/ScalarTextInput/ScalarTextInput.vue.js";
-import { default as ro } from "./components/ScalarToggle/ScalarToggle.vue.js";
-import { default as eo } from "./components/ScalarToggle/ScalarToggleGroup.vue.js";
-import { default as lo } from "./components/ScalarToggle/ScalarToggleInput.vue.js";
-import { default as po } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
+import { default as ro } from "./components/ScalarThemeSwatches/ScalarThemeSwatches.vue.js";
+import { default as eo } from "./components/ScalarToggle/ScalarToggle.vue.js";
+import { default as lo } from "./components/ScalarToggle/ScalarToggleGroup.vue.js";
+import { default as po } from "./components/ScalarToggle/ScalarToggleInput.vue.js";
+import { default as mo } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
 /* empty css                                            */
-import { default as mo } from "./components/ScalarTooltip/ScalarHotkeyTooltip.vue.js";
-import { default as so } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
-import { default as xo } from "./components/ScalarCodeBlock/ScalarCodeBlockCopy.vue.js";
-import { default as no } from "./components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js";
-import { default as To } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
-import { default as go } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
-import { default as Io } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
-import { default as ko } from "./components/ScalarForm/ScalarFormSection.vue.js";
-import { formatHotkeySymbols as Lo } from "./components/ScalarHotkey/formatHotkey.js";
-import { default as wo } from "./components/ScalarIcon/ScalarIcon.vue.js";
-import { default as Po } from "./components/ScalarLoading/ScalarLoading.vue.js";
-import { useLoadingState as Ho } from "./components/ScalarLoading/ScalarLoading.vue2.js";
-import { default as Go } from "./components/ScalarModal/ScalarModal.vue.js";
-import { useModal as Eo } from "./components/ScalarModal/ScalarModal.vue2.js";
-import { default as Ao } from "./components/ScalarSidebar/ScalarSidebarIndent.vue.js";
-import { TELEPORT_SYMBOL as No, useProvideTeleport as Vo, useTeleport as Wo } from "./components/ScalarTeleport/useTeleport.js";
-import { useTooltip as _o } from "./components/ScalarTooltip/useTooltip.js";
-import { addScalarClassesToHeadless as qo } from "./helpers/add-scalar-classes.js";
+import { default as so } from "./components/ScalarTooltip/ScalarHotkeyTooltip.vue.js";
+import { default as xo } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
+import { default as no } from "./components/ScalarWrappingText/ScalarWrappingText.vue.js";
+import { default as To } from "./components/ScalarCodeBlock/ScalarCodeBlockCopy.vue.js";
+import { default as Mo } from "./components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js";
+import { default as Io } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
+import { default as ko } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
+import { default as Bo } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
+import { default as wo } from "./components/ScalarForm/ScalarFormSection.vue.js";
+import { formatHotkeySymbols as Po } from "./components/ScalarHotkey/formatHotkey.js";
+import { default as Ho } from "./components/ScalarIcon/ScalarIcon.vue.js";
+import { default as Go } from "./components/ScalarLoading/ScalarLoading.vue.js";
+import { useLoadingState as Eo } from "./components/ScalarLoading/useLoadingState.js";
+import { default as Ao } from "./components/ScalarModal/ScalarModal.vue.js";
+import { useModal as Wo } from "./components/ScalarModal/ScalarModal.vue2.js";
+import { default as Vo } from "./components/ScalarSidebar/ScalarSidebarIndent.vue.js";
+import { TELEPORT_SYMBOL as _o, useProvideTeleport as jo, useTeleport as qo } from "./components/ScalarTeleport/useTeleport.js";
+import { useThemeSwatches as Jo } from "./components/ScalarThemeSwatches/useThemeSwatches.js";
+import { useTooltip as Qo } from "./components/ScalarTooltip/useTooltip.js";
+import { addScalarClassesToHeadless as Zo } from "./helpers/add-scalar-classes.js";
 export {
   i as ScalarButton,
   b as ScalarCard,
   F as ScalarCardFooter,
-  M as ScalarCardHeader,
+  g as ScalarCardHeader,
   C as ScalarCardSection,
   D as ScalarCheckbox,
-  h as ScalarCheckboxGroup,
-  B as ScalarCheckboxInput,
+  L as ScalarCheckboxGroup,
+  h as ScalarCheckboxInput,
   y as ScalarCheckboxRadioGroup,
   U as ScalarCodeBlock,
-  xo as ScalarCodeBlockCopy,
+  To as ScalarCodeBlockCopy,
   R as ScalarColorModeToggle,
   v as ScalarColorModeToggleButton,
-  no as ScalarColorModeToggleIcon,
+  Mo as ScalarColorModeToggleIcon,
   O as ScalarCombobox,
-  V as ScalarComboboxMultiselect,
+  N as ScalarComboboxMultiselect,
   Y as ScalarContextMenu,
   j as ScalarDropdown,
-  go as ScalarDropdownButton,
-  To as ScalarDropdownDivider,
-  Io as ScalarDropdownItem,
+  ko as ScalarDropdownButton,
+  Io as ScalarDropdownDivider,
+  Bo as ScalarDropdownItem,
   z as ScalarDropdownMenu,
   K as ScalarErrorBoundary,
   X as ScalarFileUpload,
@@ -137,22 +140,22 @@ export {
   Sa as ScalarFloatingBackdrop,
   ia as ScalarForm,
   ba as ScalarFormError,
-  Ma as ScalarFormField,
+  ga as ScalarFormField,
   Ca as ScalarFormInput,
   Fa as ScalarFormInputGroup,
-  ko as ScalarFormSection,
-  Ba as ScalarHeader,
-  ha as ScalarHeaderButton,
+  wo as ScalarFormSection,
+  ha as ScalarHeader,
+  La as ScalarHeaderButton,
   ya as ScalarHotkey,
-  mo as ScalarHotkeyTooltip,
-  wo as ScalarIcon,
+  so as ScalarHotkeyTooltip,
+  Ho as ScalarIcon,
   Ua as ScalarIconButton,
   Da as ScalarIconLegacyAdapter,
   Ra as ScalarListbox,
   va as ScalarListboxCheckbox,
   Oa as ScalarListboxInput,
-  Va as ScalarListboxItem,
-  Po as ScalarLoading,
+  Na as ScalarListboxItem,
+  Go as ScalarLoading,
   Ya as ScalarMarkdown,
   ja as ScalarMarkdownSummary,
   za as ScalarMenu,
@@ -166,44 +169,47 @@ export {
   ur as ScalarMenuTeamPicker,
   cr as ScalarMenuTeamProfile,
   Sr as ScalarMenuWorkspacePicker,
-  Go as ScalarModal,
+  Ao as ScalarModal,
   ir as ScalarPopover,
   br as ScalarSearchInput,
   Cr as ScalarSearchResultItem,
-  Mr as ScalarSearchResultList,
+  gr as ScalarSearchResultList,
   Fr as ScalarSidebar,
-  Br as ScalarSidebarButton,
-  hr as ScalarSidebarFooter,
+  hr as ScalarSidebarButton,
+  Lr as ScalarSidebarFooter,
   yr as ScalarSidebarGroup,
   Dr as ScalarSidebarGroupToggle,
-  Ao as ScalarSidebarIndent,
+  Vo as ScalarSidebarIndent,
   Ur as ScalarSidebarItem,
   Rr as ScalarSidebarItems,
   vr as ScalarSidebarNestedItems,
   Or as ScalarSidebarSearchButton,
-  Vr as ScalarSidebarSearchInput,
+  Nr as ScalarSidebarSearchInput,
   Yr as ScalarSidebarSection,
   jr as ScalarSidebarSpacer,
   zr as ScalarTeleport,
   Kr as ScalarTeleportRoot,
   Xr as ScalarTextArea,
   $r as ScalarTextInput,
-  ro as ScalarToggle,
-  eo as ScalarToggleGroup,
-  lo as ScalarToggleInput,
-  po as ScalarTooltip,
-  so as ScalarVirtualText,
-  No as TELEPORT_SYMBOL,
-  qo as addScalarClassesToHeadless,
+  ro as ScalarThemeSwatches,
+  eo as ScalarToggle,
+  lo as ScalarToggleGroup,
+  po as ScalarToggleInput,
+  mo as ScalarTooltip,
+  xo as ScalarVirtualText,
+  no as ScalarWrappingText,
+  _o as TELEPORT_SYMBOL,
+  Zo as addScalarClassesToHeadless,
   u as compose,
   m as cva,
   c as cx,
-  Lo as formatHotkeySymbols,
+  Po as formatHotkeySymbols,
   s as tw,
   S as useBindCx,
-  Ho as useLoadingState,
-  Eo as useModal,
-  Vo as useProvideTeleport,
-  Wo as useTeleport,
-  _o as useTooltip
+  Eo as useLoadingState,
+  Wo as useModal,
+  jo as useProvideTeleport,
+  qo as useTeleport,
+  Jo as useThemeSwatches,
+  Qo as useTooltip
 };