@scalar/components 0.13.12 → 0.13.14

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    src?: string;
+    label?: 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>;
+export default _default;
+//# sourceMappingURL=ScalarMenuTeamProfile.vue.d.ts.map

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuTeamProfile.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"names":[],"mappings":"AAyCA,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;AA4FF,wBAMG"}

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as n, openBlock as r, createElementBlock as s, normalizeProps as a, guardReactiveProps as i, unref as t, Fragment as c, createTextVNode as m, toDisplayString as l, createBlock as d, createCommentVNode as u } from "vue";
+import { useBindCx as f } from "../../hooks/useBindCx.js";
+import p from "../ScalarIcon/ScalarIcon.vue.js";
+const b = ["src"], g = {
+  key: 1,
+  class: "flex items-center justify-center text-3xs font-medium text-c-3 size-5 bg-b-3 rounded"
+}, h = {
+  key: 2,
+  class: "flex-1 truncate"
+}, z = /* @__PURE__ */ n({
+  inheritAttrs: !1,
+  __name: "ScalarMenuTeamProfile",
+  props: {
+    src: {},
+    label: {}
+  },
+  setup(k) {
+    const { cx: o } = f();
+    return (e, y) => (r(), s("div", a(i(t(o)("flex h-full items-center gap-1"))), [
+      e.src ? (r(), s("img", {
+        key: 0,
+        class: "size-5 rounded",
+        src: e.src
+      }, null, 8, b)) : (r(), s("div", g, [
+        e.label && e.label.length > 0 ? (r(), s(c, { key: 0 }, [
+          m(l(e.label[0]), 1)
+        ], 64)) : (r(), d(t(p), {
+          key: 1,
+          icon: "Users",
+          size: "xs"
+        }))
+      ])),
+      e.label && e.label.length > 0 ? (r(), s("div", h, l(e.label), 1)) : u("", !0)
+    ], 16));
+  }
+});
+export {
+  z as default
+};

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue2.js

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

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

@@ -5,5 +5,7 @@ export { default as ScalarMenuLink } from './ScalarMenuLink.vue.js';
 export { default as ScalarMenuProduct } from './ScalarMenuProduct.vue.js';
 export { default as ScalarMenuProducts } from './ScalarMenuProducts.vue.js';
 export { default as ScalarMenuTeamPicker } from './ScalarMenuTeamPicker.vue.js';
+export { default as ScalarMenuTeamProfile } from './ScalarMenuTeamProfile.vue.js';
 export { default as ScalarMenuResources } from './ScalarMenuResources.vue.js';
+export type { ScalarMenuTeamOption } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA"}

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

@@ -1,21 +1,28 @@
+import type { ScalarListboxOption } from '../../index.js';
+/**
+ * A team option for the ScalarMenuTeamPicker component
+ * @see {@link ScalarMenuTeamPicker}
+ */
+export type ScalarMenuTeamOption = ScalarListboxOption & {
+    /** The team's profile image */
+    src?: string;
+};
 /**
  * Slots for the ScalarMenuButton component
  * @see {@link ScalarMenuButton}
  */
 export type ScalarMenuButtonSlots = {
-    /** Adds a label to the menu button next to the logo */
-    'label'?: () => any;
     /**
      * Overrides the logo in the menu button
      * @default <ScalarIcon icon="Logo" />
      * @example <img class="h-full aspect-square bg-b-3 rounded" :src="..." />
      */
-    'logo'?: () => any;
+    logo?: () => any;
     /**
      * Overrides the screen reader label in the menu button
      * @default open ? 'Close Menu' : 'Open Menu'
      */
-    'sr-label'?: () => any;
+    label?: () => any;
 };
 /**
  * Props for the ScalarMenuButton component and the ScalarMenu button slot

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/types.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,GAAG,CAAA;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,CAAA;CACvB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,+BAA+B;IAC/B,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,mCAAmC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAKhD;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,+BAA+B;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,CAAA;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,CAAA;CAClB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC,+BAA+B;IAC/B,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,mCAAmC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA"}

package/dist/components/ScalarModal/ScalarModal.vue.js

@@ -1,9 +1,9 @@
 import o from "./ScalarModal.vue2.js";
-import { useModal as f } from "./ScalarModal.vue2.js";
+import { useModal as s } from "./ScalarModal.vue2.js";
 /* empty css                 */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3129528d"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-e50aeea9"]]);
 export {
-  p as default,
-  f as useModal
+  m as default,
+  s as useModal
 };

package/dist/components/ScalarModal/ScalarModal.vue2.js

@@ -110,7 +110,7 @@ const M = /* @__PURE__ */ v({
                 n(e.$slots, "default", {}, void 0, !0)
               ], 2)) : (l(), r(a(D), {
                 key: 2,
-                class: o(a(u)(e.bodyClass, a(p)({ size: e.size, variant: e.variant })))
+                class: o(a(u)(a(p)({ size: e.size, variant: e.variant }), e.bodyClass))
               }, {
                 default: t(() => [
                   n(e.$slots, "default", {}, void 0, !0)

package/dist/components/ScalarSidebar/ScalarSidebar.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import ScalarSidebar from './ScalarSidebar.vue.js';
+declare const meta: Meta<typeof ScalarSidebar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+export declare const WithFooter: Story;
+//# sourceMappingURL=ScalarSidebar.stories.d.ts.map

package/dist/components/ScalarSidebar/ScalarSidebar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,aAAa,MAAM,qBAAqB,CAAA;AAG/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAqBpC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAA"}

package/dist/components/ScalarSidebar/ScalarSidebar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScalarSidebar.test.d.ts.map

package/dist/components/ScalarSidebar/ScalarSidebar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebar.test.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebar.test.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,20 @@
+/**
+ * Scalar Sidebar component
+ *
+ * A sidebar for navigation and other content.
+ *
+ * @example
+ *   <ScalarSidebar>
+ *     <!-- Sidebar content -->
+ *   </ScalarSidebar>
+ */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarSidebar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebar.vue"],"names":[],"mappings":"AAiCA;;;;;;;;;GASG;;qBAuC0B,GAAG;;AAtChC,wBAoEC;AAKD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,18 @@
+import { defineComponent as o, openBlock as t, createElementBlock as a, normalizeProps as n, guardReactiveProps as s, unref as d, renderSlot as l } from "vue";
+import { useBindCx as c } from "../../hooks/useBindCx.js";
+const i = {}, u = /* @__PURE__ */ o({
+  ...i,
+  inheritAttrs: !1,
+  __name: "ScalarSidebar",
+  setup(f) {
+    const { cx: e } = c();
+    return (r, _) => (t(), a("aside", n(s(
+      d(e)("flex flex-col border-r bg-sidebar-b-1 border-sidebar-border w-72")
+    )), [
+      l(r.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  u as default
+};

package/dist/components/ScalarSidebar/ScalarSidebar.vue2.js

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

package/dist/components/ScalarSidebar/ScalarSidebarFooter.vue.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Scalar Sidebar Footer component
+ *
+ * A footer for the sidebar, be default it contains a
+ * "Powered by Scalar" link and a {@link ScalarColorModeToggle} toggle.
+ *
+ * @example
+ *   <ScalarSidebarFooter>
+ *     <!-- Footer content at the top of the footer -->
+ *     <template #description>
+ *       <!-- Replaces the Powered by Scalar link -->
+ *     </template>
+ *     <template #toggle>
+ *       <!-- Replaces the color mode toggle -->
+ *     </template>
+ *   </ScalarSidebarFooter>
+ */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<{
+    /** Footer content at the top of the footer */
+    default: () => any;
+    /** Replaces the Powered by Scalar link */
+    description: () => any;
+    /** Replaces the color mode toggle */
+    toggle: () => any;
+}> & {
+    /** Footer content at the top of the footer */
+    default: () => any;
+    /** Replaces the Powered by Scalar link */
+    description: () => any;
+    /** Replaces the color mode toggle */
+    toggle: () => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=ScalarSidebarFooter.vue.d.ts.map

package/dist/components/ScalarSidebar/ScalarSidebarFooter.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebarFooter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarFooter.vue"],"names":[],"mappings":"AA+DA;;;;;;;;;;;;;;;;GAgBG;;IAID,8CAA8C;aACrC,MAAM,GAAG;IAClB,0CAA0C;iBAC7B,MAAM,GAAG;IACtB,qCAAqC;YAC7B,MAAM,GAAG;;IALjB,8CAA8C;aACrC,MAAM,GAAG;IAClB,0CAA0C;iBAC7B,MAAM,GAAG;IACtB,qCAAqC;YAC7B,MAAM,GAAG;;AARnB,wBAgGC;AAKD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -0,0 +1,31 @@
+import { defineComponent as l, openBlock as a, createElementBlock as i, normalizeProps as c, guardReactiveProps as d, unref as s, renderSlot as t, createElementVNode as r, createVNode as m } from "vue";
+import { useBindCx as f } from "../../hooks/useBindCx.js";
+import p from "../ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
+const _ = { class: "flex items-center" }, u = { class: "flex-1 min-w-0 flex items-center text-sm text-sidebar-c-2" }, x = {}, w = /* @__PURE__ */ l({
+  ...x,
+  inheritAttrs: !1,
+  __name: "ScalarSidebarFooter",
+  setup(b) {
+    const { cx: n } = f();
+    return (e, o) => (a(), i("div", c(d(s(n)("flex flex-col gap-3 p-3 border-t"))), [
+      t(e.$slots, "default"),
+      r("div", _, [
+        r("div", u, [
+          t(e.$slots, "description", {}, () => [
+            o[0] || (o[0] = r("a", {
+              class: "no-underline hover:underline",
+              href: "https://www.scalar.com",
+              target: "_blank"
+            }, " Powered by Scalar ", -1))
+          ])
+        ]),
+        t(e.$slots, "toggle", {}, () => [
+          m(s(p))
+        ])
+      ])
+    ], 16));
+  }
+});
+export {
+  w as default
+};

package/dist/components/ScalarSidebar/ScalarSidebarFooter.vue2.js

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarVirtualText.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarVirtualText/ScalarVirtualText.vue"],"names":[],"mappings":"AA4HA,KAAK,WAAW,GAAG;IACf,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;;gBAJa,MAAM;oBACF,MAAM;kBACR,MAAM;eACT,MAAM;;AAoKtB,wBAQG"}
+{"version":3,"file":"ScalarVirtualText.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarVirtualText/ScalarVirtualText.vue"],"names":[],"mappings":"AA4HA,KAAK,WAAW,GAAG;IACf,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;;gBAJa,MAAM;oBACF,MAAM;kBACR,MAAM;eACT,MAAM;;AAiKtB,wBAQG"}

package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as S, ref as o, computed as t, onMounted as w, onBeforeUnmount as E, watchEffect as k, openBlock as v, createElementBlock as f, normalizeClass as h, createElementVNode as _, normalizeStyle as g, Fragment as $, renderList as z, toDisplayString as L } from "vue";
-const B = /* @__PURE__ */ S({
+import { defineComponent as b, ref as o, computed as t, onMounted as w, onBeforeUnmount as E, watchEffect as k, openBlock as v, createElementBlock as f, normalizeClass as h, createElementVNode as _, normalizeStyle as m, Fragment as $, renderList as z, toDisplayString as L } from "vue";
+const B = /* @__PURE__ */ b({
   __name: "ScalarVirtualText",
   props: {
     text: {},
@@ -20,8 +20,8 @@ const B = /* @__PURE__ */ S({
         l.value.length
       )
     ), y = t(() => {
-      const m = Math.max(0, a.value - 10), u = Math.min(l.value.length, H.value + 10);
-      return l.value.slice(m, u);
+      const g = Math.max(0, a.value - 10), u = Math.min(l.value.length, H.value + 10);
+      return l.value.slice(g, u);
     }), C = t(() => ({
       height: `${x.value}px`,
       transform: `translateY(${Math.max(0, a.value - 10) * e.lineHeight}px)`
@@ -32,22 +32,22 @@ const B = /* @__PURE__ */ S({
       window.removeEventListener("resize", c);
     }), k(() => {
       s.value && (s.value.style.transform = `translateY(${Math.max(0, a.value - 10) * e.lineHeight}px)`);
-    }), (i, m) => (v(), f("div", {
+    }), (i, g) => (v(), f("div", {
       ref_key: "containerRef",
       ref: n,
-      class: h(["scalar-virtual-text relative min-h-[200px] overflow-auto", i.containerClass]),
+      class: h(["scalar-virtual-text overflow-auto", i.containerClass]),
       onScroll: M
     }, [
       _("code", {
         ref_key: "contentRef",
         ref: s,
-        class: h(["scalar-virtual-text-content absolute", i.contentClass]),
-        style: g(C.value)
+        class: h(["scalar-virtual-text-content", i.contentClass]),
+        style: m(C.value)
       }, [
-        (v(!0), f($, null, z(y.value, (u, b) => (v(), f("div", {
-          key: a.value + b,
+        (v(!0), f($, null, z(y.value, (u, S) => (v(), f("div", {
+          key: a.value + S,
           class: h(["scalar-virtual-text-line", i.lineClass]),
-          style: g({
+          style: m({
             height: `${e.lineHeight}px`,
             lineHeight: `${e.lineHeight}px`
           })

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import './tailwind/tailwind.css';
 export * from './components/ScalarButton';
 export * from './components/ScalarCodeBlock';
+export * from './components/ScalarColorModeToggle';
 export * from './components/ScalarCombobox';
 export * from './components/ScalarContextMenu';
 export * from './components/ScalarDropdown';
@@ -17,6 +18,7 @@ export * from './components/ScalarModal';
 export * from './components/ScalarPopover';
 export * from './components/ScalarSearchInput';
 export * from './components/ScalarSearchResults';
+export * from './components/ScalarSidebar';
 export * from './components/ScalarTeleport';
 export * from './components/ScalarTextField';
 export * from './components/ScalarToggle';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,6BAA6B,CAAA;AAC3C,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,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAE9C,cAAc,mBAAmB,CAAA;AACjC,cAAc,OAAO,CAAA;AACrB,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AACzC,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,6BAA6B,CAAA;AAC3C,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,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAE9C,cAAc,mBAAmB,CAAA;AACjC,cAAc,OAAO,CAAA;AACrB,cAAc,WAAW,CAAA"}

package/dist/index.js

@@ -1,104 +1,116 @@
 /* empty css                      */
 import { useBindCx as l } from "./hooks/useBindCx.js";
 import { compose as u, cva as d, cx as p, tw as s } from "./cva.js";
-import { default as c } from "./components/ScalarButton/ScalarButton.vue.js";
+import { default as m } from "./components/ScalarButton/ScalarButton.vue.js";
 import { default as S } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
 /* empty css                                                */
-import { default as i } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
-import { default as T } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
-import { default as L } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
+import { default as i } from "./components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
+import { default as T } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
+import { default as b } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
+import { default as C } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
 import { default as w } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
-import { default as D } from "./components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js";
-import { default as P } from "./components/ScalarHeader/ScalarHeader.vue.js";
-import { default as k } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
-import { default as h } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
-import { default as E } from "./components/ScalarListbox/ScalarListbox.vue.js";
-import { default as y } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
+import { default as P } from "./components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js";
+import { default as k } from "./components/ScalarHeader/ScalarHeader.vue.js";
+import { default as h } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
+import { default as E } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
+import { default as H } from "./components/ScalarListbox/ScalarListbox.vue.js";
+import { default as O } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
 /* empty css                                              */
-import { default as O } from "./components/ScalarMenu/ScalarMenu.vue.js";
-import { default as Y } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
-import { default as j } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
-import { default as z } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
-import { default as G } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
-import { default as K } from "./components/ScalarToggle/ScalarToggle.vue.js";
-import { default as Q } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
-import { default as W } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
-import { styles as Z } from "./components/ScalarButton/variants.js";
-import { default as aa } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
-import { default as oa } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
-import { default as ta } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
-import { default as fa } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
-import { default as da } from "./components/ScalarFloating/ScalarFloating.vue.js";
-import { default as sa } from "./components/ScalarIcon/ScalarIcon.vue.js";
-import { default as ca } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
-import { default as Sa } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
-import { default as ia } from "./components/ScalarLoading/ScalarLoading.vue.js";
-import { useLoadingState as Ta } from "./components/ScalarLoading/ScalarLoading.vue2.js";
-import { default as La } from "./components/ScalarMenu/ScalarMenuButton.vue.js";
-import { default as wa } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
-import { default as Da } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
-import { default as Pa } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
-import { default as ka } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
-import { default as ha } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
-import { default as Ea } from "./components/ScalarModal/ScalarModal.vue.js";
-import { useModal as ya } from "./components/ScalarModal/ScalarModal.vue2.js";
-import { default as Oa } from "./components/ScalarPopover/ScalarPopover.vue.js";
-import { default as Ya } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
-import { default as ja } from "./components/ScalarTeleport/ScalarTeleport.vue.js";
-import { TELEPORT_SYMBOL as za, useProvideTeleport as Aa, useTeleport as Ga } from "./components/ScalarTeleport/useTeleport.js";
-import { default as Ka } from "./components/ScalarTextField/ScalarTextField.vue.js";
-import { addScalarClassesToHeadless as Qa } from "./helpers/add-scalar-classes.js";
+import { default as Y } from "./components/ScalarMenu/ScalarMenu.vue.js";
+import { default as j } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
+import { default as z } from "./components/ScalarPopover/ScalarPopover.vue.js";
+import { default as G } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
+import { default as K } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
+import { default as Q } from "./components/ScalarSidebar/ScalarSidebar.vue.js";
+import { default as W } from "./components/ScalarSidebar/ScalarSidebarFooter.vue.js";
+import { default as Z } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
+import { default as aa } from "./components/ScalarToggle/ScalarToggle.vue.js";
+import { default as oa } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
+import { default as ta } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
+import { styles as fa } from "./components/ScalarButton/variants.js";
+import { default as da } from "./components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue.js";
+import { default as sa } from "./components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js";
+import { default as ma } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
+import { default as Sa } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
+import { default as ia } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
+import { default as Ta } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
+import { default as ba } from "./components/ScalarFloating/ScalarFloating.vue.js";
+import { default as Ca } from "./components/ScalarIcon/ScalarIcon.vue.js";
+import { default as wa } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
+import { default as Pa } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
+import { default as ka } from "./components/ScalarLoading/ScalarLoading.vue.js";
+import { useLoadingState as ha } from "./components/ScalarLoading/ScalarLoading.vue2.js";
+import { default as Ea } from "./components/ScalarMenu/ScalarMenuButton.vue.js";
+import { default as Ha } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
+import { default as Oa } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
+import { default as Ya } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
+import { default as ja } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
+import { default as za } from "./components/ScalarMenu/ScalarMenuTeamProfile.vue.js";
+import { default as Ga } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
+import { default as Ka } from "./components/ScalarModal/ScalarModal.vue.js";
+import { useModal as Qa } from "./components/ScalarModal/ScalarModal.vue2.js";
+import { default as Wa } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
+import { default as Za } from "./components/ScalarTeleport/ScalarTeleport.vue.js";
+import { TELEPORT_SYMBOL as ar, useProvideTeleport as rr, useTeleport as or } from "./components/ScalarTeleport/useTeleport.js";
+import { default as tr } from "./components/ScalarTextField/ScalarTextField.vue.js";
+import { addScalarClassesToHeadless as fr } from "./helpers/add-scalar-classes.js";
 export {
-  c as ScalarButton,
+  m as ScalarButton,
   S as ScalarCodeBlock,
-  i as ScalarCombobox,
-  T as ScalarComboboxMultiselect,
-  L as ScalarContextMenu,
+  i as ScalarColorModeToggle,
+  da as ScalarColorModeToggleButton,
+  sa as ScalarColorModeToggleIcon,
+  T as ScalarCombobox,
+  b as ScalarComboboxMultiselect,
+  C as ScalarContextMenu,
   w as ScalarDropdown,
-  oa as ScalarDropdownButton,
-  aa as ScalarDropdownDivider,
-  ta as ScalarDropdownItem,
-  fa as ScalarDropdownMenu,
-  D as ScalarErrorBoundary,
-  da as ScalarFloating,
-  P as ScalarHeader,
-  k as ScalarHeaderButton,
-  sa as ScalarIcon,
-  h as ScalarIconButton,
-  E as ScalarListbox,
-  Sa as ScalarListboxCheckbox,
-  ca as ScalarListboxItem,
-  ia as ScalarLoading,
-  y as ScalarMarkdown,
-  O as ScalarMenu,
-  La as ScalarMenuButton,
-  Da as ScalarMenuLink,
-  Pa as ScalarMenuProduct,
-  ka as ScalarMenuProducts,
-  ha as ScalarMenuResources,
-  wa as ScalarMenuSection,
-  Y as ScalarMenuTeamPicker,
-  Ea as ScalarModal,
-  Oa as ScalarPopover,
-  Ya as ScalarSearchInput,
-  z as ScalarSearchResultItem,
-  j as ScalarSearchResultList,
-  ja as ScalarTeleport,
-  G as ScalarTeleportRoot,
-  Ka as ScalarTextField,
-  K as ScalarToggle,
-  Q as ScalarTooltip,
-  W as ScalarVirtualText,
-  za as TELEPORT_SYMBOL,
-  Qa as addScalarClassesToHeadless,
+  Sa as ScalarDropdownButton,
+  ma as ScalarDropdownDivider,
+  ia as ScalarDropdownItem,
+  Ta as ScalarDropdownMenu,
+  P as ScalarErrorBoundary,
+  ba as ScalarFloating,
+  k as ScalarHeader,
+  h as ScalarHeaderButton,
+  Ca as ScalarIcon,
+  E as ScalarIconButton,
+  H as ScalarListbox,
+  Pa as ScalarListboxCheckbox,
+  wa as ScalarListboxItem,
+  ka as ScalarLoading,
+  O as ScalarMarkdown,
+  Y as ScalarMenu,
+  Ea as ScalarMenuButton,
+  Oa as ScalarMenuLink,
+  Ya as ScalarMenuProduct,
+  ja as ScalarMenuProducts,
+  Ga as ScalarMenuResources,
+  Ha as ScalarMenuSection,
+  j as ScalarMenuTeamPicker,
+  za as ScalarMenuTeamProfile,
+  Ka as ScalarModal,
+  z as ScalarPopover,
+  Wa as ScalarSearchInput,
+  K as ScalarSearchResultItem,
+  G as ScalarSearchResultList,
+  Q as ScalarSidebar,
+  W as ScalarSidebarFooter,
+  Za as ScalarTeleport,
+  Z as ScalarTeleportRoot,
+  tr as ScalarTextField,
+  aa as ScalarToggle,
+  oa as ScalarTooltip,
+  ta as ScalarVirtualText,
+  ar as TELEPORT_SYMBOL,
+  fr as addScalarClassesToHeadless,
   u as compose,
   d as cva,
   p as cx,
-  Z as styles,
+  fa as styles,
   s as tw,
   l as useBindCx,
-  Ta as useLoadingState,
-  ya as useModal,
-  Aa as useProvideTeleport,
-  Ga as useTeleport
+  ha as useLoadingState,
+  Qa as useModal,
+  rr as useProvideTeleport,
+  or as useTeleport
 };