@scalar/components 0.32.1 → 0.33.1

package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.script.js

@@ -1,46 +0,0 @@
-import ScalarIconLegacyAdapter_default from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
-//#region src/components/ScalarSearchResults/ScalarSearchResultItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-selected"];
-var _hoisted_2 = {
-	key: 0,
-	class: "flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1"
-};
-var _hoisted_3 = { class: "flex min-w-0 flex-1 flex-col gap-0.5" };
-var _hoisted_4 = { class: "flex items-center gap-1" };
-var _hoisted_5 = { class: "flex-1 truncate zoomed:whitespace-normal! wrap-break-word font-medium" };
-var _hoisted_6 = {
-	key: 0,
-	class: "text-base text-c-2"
-};
-var _hoisted_7 = {
-	key: 0,
-	class: "truncate zoomed:whitespace-normal! wrap-break-word text-c-2"
-};
-var ScalarSearchResultItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarSearchResultItem",
-	props: {
-		icon: { type: [Object, Function] },
-		selected: { type: Boolean }
-	},
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("a", mergeProps({
-				"aria-selected": __props.selected,
-				role: "option",
-				tabindex: "-1"
-			}, unref(cx)("group flex cursor-pointer gap-2 rounded px-2 py-1.5 no-underline hover:bg-b-2 text-base/5", { "bg-b-2": __props.selected })), [__props.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.icon ? (openBlock(), createBlock(unref(ScalarIconLegacyAdapter_default), {
-				key: 0,
-				class: "size-4",
-				icon: __props.icon
-			}, null, 8, ["icon"])) : createCommentVNode("", true)]), _cache[0] || (_cache[0] = createElementVNode("span", null, " ", -1))])) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")]), _ctx.$slots.addon ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "addon")])) : createCommentVNode("", true)]), _ctx.$slots.description ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "description")])) : createCommentVNode("", true)])], 16, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { ScalarSearchResultItem_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSearchResultItem.vue.script.js.map

package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSearchResultItem.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultItem.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Search Result Item component\n *\n * A single search result entry with an optional icon, description, and addon slot.\n *\n * @example\n * <ScalarSearchResultItem :icon=\"ScalarIconFile\">\n *   Result Title\n *   <template #description>Result description</template>\n * </ScalarSearchResultItem>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { type Icon, ScalarIconLegacyAdapter } from '../ScalarIcon'\n\ndefineProps<{\n  icon?: Icon | ScalarIconComponent\n  selected?: boolean\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <a\n    :aria-selected=\"selected\"\n    role=\"option\"\n    tabindex=\"-1\"\n    v-bind=\"\n      cx(\n        'group flex cursor-pointer gap-2 rounded px-2 py-1.5 no-underline hover:bg-b-2 text-base/5',\n        { 'bg-b-2': selected },\n      )\n    \">\n    <!-- Icon -->\n    <div\n      v-if=\"icon\"\n      class=\"flex h-fit items-center text-sm font-medium text-c-3 group-hover:text-c-1\">\n      <slot name=\"icon\">\n        <ScalarIconLegacyAdapter\n          v-if=\"icon\"\n          class=\"size-4\"\n          :icon=\"icon\" />\n      </slot>\n      <span>&hairsp;</span>\n    </div>\n    <!-- Content -->\n    <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n      <div class=\"flex items-center gap-1\">\n        <div\n          class=\"flex-1 truncate zoomed:whitespace-normal! wrap-break-word font-medium\">\n          <slot />\n        </div>\n        <div\n          v-if=\"$slots.addon\"\n          class=\"text-base text-c-2\">\n          <slot name=\"addon\" />\n        </div>\n      </div>\n      <div\n        v-if=\"$slots.description\"\n        class=\"truncate zoomed:whitespace-normal! wrap-break-word text-c-2\">\n        <slot name=\"description\" />\n      </div>\n    </div>\n  </a>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAyCI,KAzCJ,WAyCI;IAxCD,iBAAe,QAAA;IAChB,MAAK;IACL,UAAS;MACM,MAAA,EAAA,CAAE,CAAA,6FAAA,EAAA,UAA2H,QAAA,SAAQ,CAAA,CAAA,GAAA,CAQ5I,QAAA,QAAA,UAAA,GADR,mBAUM,OAVN,YAUM,CAPJ,WAKO,KAAA,QAAA,QAAA,CAAA,SAAA,CAHG,QAAA,QAAA,UAAA,GADR,YAGiB,MAAA,+BAAA,GAAA;;IADf,OAAM;IACL,MAAM,QAAA;sFAEX,mBAAqB,QAAA,MAAf,KAAQ,EAAA,EAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAGhB,mBAiBM,OAjBN,YAiBM,CAhBJ,mBAUM,OAVN,YAUM,CATJ,mBAGM,OAHN,YAGM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,GAGFA,KAAAA,OAAO,SAAA,UAAA,GADf,mBAIM,OAJN,YAIM,CADJ,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,GAIjBA,KAAAA,OAAO,eAAA,UAAA,GADf,mBAIM,OAJN,YAIM,CADJ,WAA2B,KAAA,QAAA,aAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.script.js

@@ -1,20 +0,0 @@
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
-var ScalarSearchResultList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarSearchResultList",
-	props: { noResults: { type: Boolean } },
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ role: "listbox" }, unref(cx)("flex flex-col")), [__props.noResults ? renderSlot(_ctx.$slots, "noResults", {}, () => [_cache[0] || (_cache[0] = createElementVNode("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [createElementVNode("div", {
-				class: "text-base font-medium text-c-2",
-				role: "alert"
-			}, " No results found ")], -1))], void 0, 0) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarSearchResultList_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSearchResultList.vue.script.js.map

package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSearchResultList.vue.script.js","names":[],"sources":["../../../src/components/ScalarSearchResults/ScalarSearchResultList.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Search Result List component\n *\n * A container for search result items with a \"no results\" fallback.\n *\n * @example\n * <ScalarSearchResultList :noResults=\"results.length === 0\">\n *   <ScalarSearchResultItem v-for=\"r in results\" :key=\"r.id\">\n *     {{ r.label }}\n *   </ScalarSearchResultItem>\n * </ScalarSearchResultList>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineProps<{\n  noResults?: boolean\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    role=\"listbox\"\n    v-bind=\"cx('flex flex-col')\">\n    <slot\n      v-if=\"noResults\"\n      name=\"noResults\">\n      <div class=\"flex flex-col items-center gap-2 px-3 py-4\">\n        <div\n          class=\"text-base font-medium text-c-2\"\n          role=\"alert\">\n          No results found\n        </div>\n      </div>\n    </slot>\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;EAuBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAeM,OAfN,WAeM,EAdJ,MAAK,UAAS,GACN,MAAA,EAAA,CAAE,CAAA,eAAA,CAAA,GAAA,CAEF,QAAA,YADR,WAUO,KAAA,QAAA,aAAA,CAAA,SAAA,CAAA,OAAA,OAAA,OAAA,KAPL,mBAMM,OAAA,EAND,OAAM,6CAA4C,GAAA,CACrD,mBAIM,OAAA;IAHJ,OAAM;IACN,MAAK;MAAQ,oBAEf,CAAA,GAAA,EAAA,EAAA,GAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,IAAA,GAGJ,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

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

@@ -1,16 +0,0 @@
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
-var ScalarSidebar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarSidebar",
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("aside", normalizeProps(guardReactiveProps(unref(cx)("flex flex-col border-r bg-sidebar-b-1 border-sidebar-border w-72"))), [renderSlot(_ctx.$slots, "default")], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebar_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebar.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSidebar.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar component\n *\n * A sidebar for navigation and other content.\n *\n * @example\n *   <ScalarSidebar>\n *     <!-- Sidebar content -->\n *   </ScalarSidebar>\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <aside\n    v-bind=\"\n      cx('flex flex-col border-r bg-sidebar-b-1 border-sidebar-border w-72')\n    \">\n    <slot />\n  </aside>\n</template>\n"],"mappings":";;;;;;EAiBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAKQ,SAAA,eAAA,mBAJS,MAAA,EAAA,CAAE,CAAA,kEAAA,CAAA,CAAA,GAAA,CAGjB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA"}

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

@@ -1,83 +0,0 @@
-import ScalarIconLegacyAdapter_default from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-import ScalarSidebarIndent_default from "./ScalarSidebarIndent.vue.js";
-import { cva, useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
-//#region src/components/ScalarSidebar/ScalarSidebarButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "h-lh *:size-4 mr-1 flex items-center"
-};
-var _hoisted_2 = { class: "group/button-label flex-1 min-w-0" };
-var ScalarSidebarButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarSidebarButton",
-	props: {
-		is: { default: "a" },
-		icon: { type: [Object, Function] },
-		active: { type: Boolean },
-		selected: { type: Boolean },
-		disabled: { type: Boolean },
-		indent: { default: 0 }
-	},
-	setup(__props) {
-		const variants = cva({
-			base: ["group/button peer/button flex items-stretch rounded p-2", "font-sidebar text-base/4  text-sidebar-c-2 no-underline wrap-break-word"],
-			variants: {
-				active: { true: "text-sidebar-c-active font-sidebar-active" },
-				disabled: { true: "cursor-auto" },
-				selected: { true: "cursor-auto bg-sidebar-b-active text-sidebar-c-active font-sidebar-active" }
-			},
-			compoundVariants: [{
-				selected: false,
-				disabled: false,
-				active: false,
-				class: "hover:bg-sidebar-b-hover hover:text-sidebar-c-hover"
-			}, {
-				selected: false,
-				disabled: false,
-				active: true,
-				class: "hover:bg-sidebar-b-hover"
-			}],
-			defaultVariants: {
-				selected: false,
-				disabled: false,
-				active: false
-			}
-		});
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.is), mergeProps({
-				"aria-current": __props.selected ? "page" : void 0,
-				type: __props.is === "button" ? "button" : void 0
-			}, unref(cx)(unref(variants)({
-				selected: __props.selected,
-				disabled: __props.disabled,
-				active: __props.active
-			}))), {
-				default: withCtx(() => [
-					renderSlot(_ctx.$slots, "indent", {}, () => [createVNode(ScalarSidebarIndent_default, {
-						class: "-my-2",
-						disabled: __props.disabled,
-						indent: __props.indent,
-						selected: __props.selected
-					}, null, 8, [
-						"disabled",
-						"indent",
-						"selected"
-					])]),
-					__props.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "icon", {}, () => [__props.icon ? (openBlock(), createBlock(unref(ScalarIconLegacyAdapter_default), {
-						key: 0,
-						icon: __props.icon
-					}, null, 8, ["icon"])) : createCommentVNode("", true)])])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]),
-					renderSlot(_ctx.$slots, "aside")
-				]),
-				_: 3
-			}, 16, ["aria-current", "type"]);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarButton_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarButton.vue.script.js.map

package/dist/components/ScalarSidebar/ScalarSidebarButton.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSidebarButton.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Button component\n *\n * Provide a styled link for the ScalarSidebar or similar, supports\n * the same props and slots as ScalarSidebarItem\n *\n * This is used internally by the ScalarSidebarItem component\n *\n * If you're looking to create items in ScalarSidebarItems\n * you probably want the ScalarSidebarItem component\n *\n * @example\n *   <ScalarSidebarButton>\n *     <template #icon>\n *       <!-- Overrides the icon slot -->\n *     </template>\n *     <!-- Button text -->\n *     <template #aside>\n *       <!-- After the button text -->\n *     </template>\n *   </ScalarSidebarButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarIconLegacyAdapter } from '../ScalarIcon'\nimport ScalarSidebarIndent from './ScalarSidebarIndent.vue'\nimport type { ScalarSidebarButtonSlots, ScalarSidebarItemProps } from './types'\n\nconst { is = 'a', indent = 0 } = defineProps<ScalarSidebarItemProps>()\n\ndefineSlots<ScalarSidebarButtonSlots>()\n\nconst variants = cva({\n  base: [\n    'group/button peer/button flex items-stretch rounded p-2',\n    'font-sidebar text-base/4  text-sidebar-c-2 no-underline wrap-break-word',\n  ],\n  variants: {\n    active: { true: 'text-sidebar-c-active font-sidebar-active' },\n    disabled: { true: 'cursor-auto' },\n    selected: {\n      true: 'cursor-auto bg-sidebar-b-active text-sidebar-c-active font-sidebar-active',\n    },\n  },\n  compoundVariants: [\n    {\n      selected: false,\n      disabled: false,\n      active: false,\n      class: 'hover:bg-sidebar-b-hover hover:text-sidebar-c-hover',\n    },\n    {\n      selected: false,\n      disabled: false,\n      active: true,\n      class: 'hover:bg-sidebar-b-hover',\n    },\n  ],\n  defaultVariants: { selected: false, disabled: false, active: false },\n})\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :aria-current=\"selected ? 'page' : undefined\"\n    :type=\"is === 'button' ? 'button' : undefined\"\n    v-bind=\"cx(variants({ selected, disabled, active }))\">\n    <slot name=\"indent\">\n      <ScalarSidebarIndent\n        class=\"-my-2\"\n        :disabled\n        :indent\n        :selected />\n    </slot>\n    <div\n      v-if=\"icon || $slots.icon\"\n      class=\"h-lh *:size-4 mr-1 flex items-center\">\n      <slot name=\"icon\">\n        <ScalarIconLegacyAdapter\n          v-if=\"icon\"\n          :icon=\"icon\" />\n      </slot>\n    </div>\n    <div class=\"group/button-label flex-1 min-w-0\">\n      <slot />\n    </div>\n    <slot name=\"aside\" />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,WAAW,IAAI;GACnB,MAAM,CACJ,2DACA,yEACF;GACA,UAAU;IACR,QAAQ,EAAE,MAAM,4CAA4C;IAC5D,UAAU,EAAE,MAAM,cAAc;IAChC,UAAU,EACR,MAAM,4EACR;GACF;GACA,kBAAkB,CAChB;IACE,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;GACT,GACA;IACE,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;GACT,CACF;GACA,iBAAiB;IAAE,UAAU;IAAO,UAAU;IAAO,QAAQ;GAAM;EACrE,CAAC;EAED,MAAM,EAAE,OAAO,UAAU;;uBAGvB,YAyBY,wBAxBL,QAAA,EAAE,GADT,WAyBY;IAvBT,gBAAc,QAAA,WAAQ,SAAY,KAAA;IAClC,MAAM,QAAA,OAAE,WAAA,WAA2B,KAAA;MAC5B,MAAA,EAAA,CAAE,CAAC,MAAA,QAAA,CAAQ,CAAA;IAAA,UAAG,QAAA;IAAQ,UAAE,QAAA;IAAQ,QAAE,QAAA;GAAM,CAAA,CAAA,CAAA,GAAA;2BAOzC;KANP,WAMO,KAAA,QAAA,UAAA,CAAA,SAAA,CALL,YAIc,6BAAA;MAHZ,OAAM;MACL,UAAA,QAAA;MACA,QAAA,QAAA;MACA,UAAA,QAAA;;;;;;KAGG,QAAA,QAAQA,KAAAA,OAAO,QAAA,UAAA,GADvB,mBAQM,OARN,YAQM,CALJ,WAIO,KAAA,QAAA,QAAA,CAAA,SAAA,CAFG,QAAA,QAAA,UAAA,GADR,YAEiB,MAAA,+BAAA,GAAA;;MAAd,MAAM,QAAA;;KAGb,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;KAEV,WAAqB,KAAA,QAAA,OAAA"}

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

@@ -1,29 +0,0 @@
-import ScalarColorModeToggle_default from "../ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref } from "vue";
-import { makePoweredByUrl } from "@scalar/helpers/url/make-powered-by-url";
-//#region src/components/ScalarSidebar/ScalarSidebarFooter.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex items-center" };
-var _hoisted_2 = { class: "flex-1 min-w-0 flex items-center text-sm text-sidebar-c-2" };
-var _hoisted_3 = ["href"];
-var ScalarSidebarFooter_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarSidebarFooter",
-	setup(__props) {
-		const { cx } = useBindCx();
-		/** The footer does not know the integration, so the link goes out without a campaign */
-		const poweredByUrl = makePoweredByUrl();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("flex flex-col gap-3 px-3 pb-3 border-sidebar-border"))), [renderSlot(_ctx.$slots, "default"), createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "description", {}, () => [createElementVNode("a", {
-				class: "no-underline hover:underline",
-				href: unref(poweredByUrl),
-				rel: "noopener",
-				target: "_blank"
-			}, " Powered by Scalar ", 8, _hoisted_3)])]), renderSlot(_ctx.$slots, "toggle", {}, () => [createVNode(unref(ScalarColorModeToggle_default))])])], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarFooter_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarFooter.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSidebarFooter.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarFooter.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Footer component\n *\n * A footer for the sidebar, be default it contains a\n * \"Powered by Scalar\" link and a {@link ScalarColorModeToggle} toggle.\n *\n * @example\n *   <ScalarSidebarFooter>\n *     <!-- Footer content at the top of the footer -->\n *     <template #description>\n *       <!-- Replaces the Powered by Scalar link -->\n *     </template>\n *     <template #toggle>\n *       <!-- Replaces the color mode toggle -->\n *     </template>\n *   </ScalarSidebarFooter>\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport { makePoweredByUrl } from '@scalar/helpers/url/make-powered-by-url'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarColorModeToggle } from '../ScalarColorModeToggle'\n\ndefineSlots<{\n  /** Footer content at the top of the footer */\n  default?(): unknown\n  /** Replaces the Powered by Scalar link */\n  description?(): unknown\n  /** Replaces the color mode toggle */\n  toggle?(): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\n/** The footer does not know the integration, so the link goes out without a campaign */\nconst poweredByUrl = makePoweredByUrl()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col gap-3 px-3 pb-3 border-sidebar-border')\">\n    <slot />\n    <div class=\"flex items-center\">\n      <div class=\"flex-1 min-w-0 flex items-center text-sm text-sidebar-c-2\">\n        <slot name=\"description\">\n          <a\n            class=\"no-underline hover:underline\"\n            :href=\"poweredByUrl\"\n            rel=\"noopener\"\n            target=\"_blank\">\n            Powered by Scalar\n          </a>\n        </slot>\n      </div>\n      <slot name=\"toggle\">\n        <ScalarColorModeToggle />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAoCA,MAAM,EAAE,OAAO,UAAU;;EAGzB,MAAM,eAAe,iBAAiB;;uBAGpC,mBAkBM,OAAA,eAAA,mBAlBO,MAAA,EAAA,CAAE,CAAA,qDAAA,CAAA,CAAA,GAAA,CACb,WAAQ,KAAA,QAAA,SAAA,GACR,mBAeM,OAfN,YAeM,CAdJ,mBAUM,OAVN,YAUM,CATJ,WAQO,KAAA,QAAA,eAAA,CAAA,SAAA,CAPL,mBAMI,KAAA;IALF,OAAM;IACL,MAAM,MAAA,YAAA;IACP,KAAI;IACJ,QAAO;MAAS,uBAElB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA,GAGJ,WAEO,KAAA,QAAA,UAAA,CAAA,SAAA,CADL,YAAyB,MAAA,6BAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA"}

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

@@ -1,113 +0,0 @@
-import ScalarSidebarIndent_default from "./ScalarSidebarIndent.vue.js";
-import ScalarSidebarButton_default from "./ScalarSidebarButton.vue.js";
-import ScalarSidebarGroupToggle_default from "./ScalarSidebarGroupToggle.vue.js";
-import ScalarSidebarGroupToggleButton_default from "./ScalarSidebarGroupToggleButton.vue.js";
-import ScalarSidebarGroupToggleSpacer_default from "./ScalarSidebarGroupToggleSpacer.vue.js";
-import { useSidebarGroups } from "./useSidebarGroups.js";
-import ScalarSidebarLoading_default from "./ScalarSidebarLoading.vue.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useModel, withCtx } from "vue";
-//#region src/components/ScalarSidebar/ScalarSidebarGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "group/group-button relative flex flex-col text-base" };
-var _hoisted_2 = {
-	key: 0,
-	class: "group/items flex flex-col gap-px"
-};
-var ScalarSidebarGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarSidebarGroup",
-	props: /*@__PURE__*/ mergeModels({
-		is: { default: "li" },
-		icon: { type: [Object, Function] },
-		active: { type: Boolean },
-		selected: { type: Boolean },
-		disabled: { type: Boolean },
-		indent: {},
-		controlled: { type: Boolean },
-		discrete: { type: Boolean },
-		loading: { type: Boolean }
-	}, {
-		"open": {
-			type: Boolean,
-			default: false
-		},
-		"openModifiers": {}
-	}),
-	emits: /*@__PURE__*/ mergeModels(["click", "toggle"], ["update:open"]),
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const open = useModel(__props, "open");
-		const { level } = useSidebarGroups({ increment: true });
-		const { cx } = useBindCx();
-		/** Handle the click event for the group toggle */
-		const handleClick = (event) => {
-			emit("click", event);
-			if (!__props.controlled && !__props.discrete) open.value = !open.value;
-		};
-		/** Handle the click event for the group toggle */
-		const handleToggle = (event) => {
-			emit("toggle", event);
-			if (!__props.controlled && __props.discrete) open.value = !open.value;
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.is), normalizeProps(guardReactiveProps(unref(cx)("group/item flex flex-col gap-px"))), {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
-					renderSlot(_ctx.$slots, "before", { open: open.value }),
-					renderSlot(_ctx.$slots, "button", {
-						level: unref(level),
-						open: open.value
-					}, () => [createVNode(ScalarSidebarButton_default, {
-						is: "button",
-						active: __props.active,
-						"aria-expanded": __props.discrete ? void 0 : open.value,
-						disabled: __props.disabled,
-						icon: __props.icon,
-						indent: unref(level),
-						selected: __props.selected,
-						onClick: handleClick
-					}, createSlots({
-						indent: withCtx(() => [createVNode(ScalarSidebarIndent_default, {
-							class: "mr-0 -my-2",
-							indent: unref(level),
-							selected: __props.selected
-						}, null, 8, ["indent", "selected"])]),
-						aside: withCtx(() => [renderSlot(_ctx.$slots, "aside", { open: open.value }), __props.discrete ? (openBlock(), createBlock(ScalarSidebarGroupToggleSpacer_default, { key: 0 })) : renderSlot(_ctx.$slots, "toggle", { open: open.value }, () => [createVNode(ScalarSidebarGroupToggle_default, {
-							class: "text-sidebar-c-2",
-							open: open.value
-						}, null, 8, ["open"])], void 0, 1)]),
-						default: withCtx(() => [renderSlot(_ctx.$slots, "default", { open: open.value })]),
-						_: 2
-					}, [_ctx.$slots.icon ? {
-						name: "icon",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "icon", { open: open.value })]),
-						key: "0"
-					} : void 0]), 1032, [
-						"active",
-						"aria-expanded",
-						"disabled",
-						"icon",
-						"indent",
-						"selected"
-					]), __props.discrete ? (openBlock(), createBlock(ScalarSidebarGroupToggleButton_default, {
-						key: 0,
-						open: open.value,
-						selected: __props.selected,
-						onClick: handleToggle
-					}, {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "toggle", { open: open.value }, () => [createVNode(ScalarSidebarGroupToggle_default, { open: open.value }, {
-							label: withCtx(() => [createTextVNode(toDisplayString(open.value ? "Close" : "Open") + " ", 1), renderSlot(_ctx.$slots, "default", { open: open.value })]),
-							_: 3
-						}, 8, ["open"])])]),
-						_: 3
-					}, 8, ["open", "selected"])) : createCommentVNode("", true)]),
-					renderSlot(_ctx.$slots, "after", { open: open.value })
-				]), open.value ? (openBlock(), createElementBlock("ul", _hoisted_2, [__props.loading ? (openBlock(), createBlock(ScalarSidebarLoading_default, { key: 0 })) : renderSlot(_ctx.$slots, "items", { open: open.value }, void 0, void 0, 1)])) : createCommentVNode("", true)]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarGroup_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarGroup.vue.script.js.map

package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSidebarGroup.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroup.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Group component\n *\n * A collapsible ScalarSidebarItem that can contain subitems.\n *\n * Classes applied to the component are passed to the inner list element.\n * Other attributes (like click event) are passed to the toggle button.\n *\n * @example\n * <ScalarSidebarGroup>\n *   <!-- Group toggle text -->\n *   <template #items>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *   </template>\n * </ScalarSidebarGroup>\n *\n *\n * By default the component has it's own internal open state, but this can be\n * controlled by passing the `controlled` prop and using binding the :open prop.\n *\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarSidebarButton from './ScalarSidebarButton.vue'\nimport ScalarSidebarGroupToggle from './ScalarSidebarGroupToggle.vue'\nimport ScalarSidebarGroupToggleButton from './ScalarSidebarGroupToggleButton.vue'\nimport ScalarSidebarGroupToggleSpacer from './ScalarSidebarGroupToggleSpacer.vue'\nimport ScalarSidebarIndent from './ScalarSidebarIndent.vue'\nimport ScalarSidebarLoading from './ScalarSidebarLoading.vue'\nimport type { ScalarSidebarGroupProps, ScalarSidebarGroupSlots } from './types'\nimport { useSidebarGroups } from './useSidebarGroups'\n\nconst {\n  controlled,\n  discrete,\n  is = 'li',\n} = defineProps<ScalarSidebarGroupProps>()\n\nconst emit = defineEmits<{\n  /** Emitted when the group label is clicked */\n  (e: 'click', event: MouseEvent): void\n  /**\n   * Emitted when _only_ the group toggle button (caret) is clicked\n   *\n   * Note: This is only emitted if the group is discrete\n   */\n  (e: 'toggle', event: MouseEvent): void\n}>()\n\nconst open = defineModel<boolean>('open', { default: false })\n\ndefineSlots<ScalarSidebarGroupSlots>()\n\nconst { level } = useSidebarGroups({ increment: true })\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\n/** Handle the click event for the group toggle */\nconst handleClick = (event: MouseEvent) => {\n  // Bubble up the click event\n  emit('click', event)\n  if (!controlled && !discrete) {\n    // Only toggle the open state if the group is uncontrolled and not discrete\n    open.value = !open.value\n  }\n}\n\n/** Handle the click event for the group toggle */\nconst handleToggle = (event: MouseEvent) => {\n  // Bubble up the toggle event\n  emit('toggle', event)\n  if (!controlled && discrete) {\n    // Only toggle the open state if the group is uncontrolled and not discrete\n    open.value = !open.value\n  }\n}\n</script>\n<template>\n  <component\n    v-bind=\"cx('group/item flex flex-col gap-px')\"\n    :is=\"is\">\n    <div class=\"group/group-button relative flex flex-col text-base\">\n      <slot\n        name=\"before\"\n        :open />\n      <slot\n        :level=\"level\"\n        name=\"button\"\n        :open>\n        <ScalarSidebarButton\n          is=\"button\"\n          :active\n          :aria-expanded=\"discrete ? undefined : open\"\n          :disabled\n          :icon\n          :indent=\"level\"\n          :selected\n          @click=\"handleClick\">\n          <template #indent>\n            <ScalarSidebarIndent\n              class=\"mr-0 -my-2\"\n              :indent=\"level\"\n              :selected />\n          </template>\n          <template\n            v-if=\"$slots.icon\"\n            #icon>\n            <slot\n              name=\"icon\"\n              :open />\n          </template>\n          <template #aside>\n            <slot\n              name=\"aside\"\n              :open />\n            <ScalarSidebarGroupToggleSpacer v-if=\"discrete\" />\n            <slot\n              v-else\n              name=\"toggle\"\n              :open>\n              <ScalarSidebarGroupToggle\n                class=\"text-sidebar-c-2\"\n                :open />\n            </slot>\n          </template>\n          <slot :open />\n        </ScalarSidebarButton>\n        <ScalarSidebarGroupToggleButton\n          v-if=\"discrete\"\n          :open\n          :selected\n          @click=\"handleToggle\">\n          <slot\n            name=\"toggle\"\n            :open>\n            <ScalarSidebarGroupToggle :open>\n              <template #label>\n                {{ open ? 'Close' : 'Open' }} <slot :open=\"open\" />\n              </template>\n            </ScalarSidebarGroupToggle>\n          </slot>\n        </ScalarSidebarGroupToggleButton>\n      </slot>\n      <slot\n        name=\"after\"\n        :open />\n    </div>\n    <ul\n      v-if=\"open\"\n      class=\"group/items flex flex-col gap-px\">\n      <ScalarSidebarLoading v-if=\"loading\" />\n      <slot\n        v-else\n        name=\"items\"\n        :open />\n    </ul>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,OAAO;EAWb,MAAM,OAAO,SAAoB,SAAC,MAA0B;EAI5D,MAAM,EAAE,UAAU,iBAAiB,EAAE,WAAW,KAAK,CAAC;EAGtD,MAAM,EAAE,OAAO,UAAU;;EAGzB,MAAM,eAAe,UAAsB;GAEzC,KAAK,SAAS,KAAK;GACnB,IAAI,CAAC,QAAA,cAAc,CAAC,QAAA,UAElB,KAAK,QAAQ,CAAC,KAAK;EAEvB;;EAGA,MAAM,gBAAgB,UAAsB;GAE1C,KAAK,UAAU,KAAK;GACpB,IAAI,CAAC,QAAA,cAAc,QAAA,UAEjB,KAAK,QAAQ,CAAC,KAAK;EAEvB;;uBAGE,YA8EY,wBA5EL,QAAA,EAAE,GAAA,eAAA,mBADC,MAAA,EAAA,CAAE,CAAA,iCAAA,CAAA,CAAA,GAAA;2BAmEJ,CAjEN,mBAiEM,OAjEN,YAiEM;KAhEJ,WAEU,KAAA,QAAA,UAAA,EAAP,MAAA,KAAA,MAAI,CAAA;KACP,WAyDO,KAAA,QAAA,UAAA;MAxDJ,OAAO,MAAA,KAAA;MAEP,MAAA,KAAA;cAsDI,CArDL,YAqCsB,6BAAA;MApCpB,IAAG;MACF,QAAA,QAAA;MACA,iBAAe,QAAA,WAAW,KAAA,IAAY,KAAA;MACtC,UAAA,QAAA;MACA,MAAA,QAAA;MACA,QAAQ,MAAA,KAAA;MACR,UAAA,QAAA;MACA,SAAO;;MACG,QAAM,cAID,CAHd,YAGc,6BAAA;OAFZ,OAAM;OACL,QAAQ,MAAA,KAAA;OACR,UAAA,QAAA;;MASM,OAAK,cAGJ,CAFV,WAEU,KAAA,QAAA,SAAA,EAAP,MAAA,KAAA,MAAI,CAAA,GAC+B,QAAA,YAAA,UAAA,GAAtC,YAAkD,wCAAA,EAAA,KAAA,EAAA,CAAA,KAClD,WAOO,KAAA,QAAA,UAAA,EAJJ,MAAA,KAAA,MAAI,SAIA,CAHL,YAEU,kCAAA;OADR,OAAM;OACL,MAAA,KAAA;;6BAGO,CAAd,WAAc,KAAA,QAAA,WAAA,EAAP,MAAA,KAAA,MAAI,CAAA,CAAA,CAAA;;SApBHA,KAAAA,OAAO,OAAA;YACZ;wBAGS,CAFV,WAEU,KAAA,QAAA,QAAA,EAAP,MAAA,KAAA,MAAI,CAAA,CAAA,CAAA;;;;;;;;;SAmBH,QAAA,YAAA,UAAA,GADR,YAciC,wCAAA;;MAZ9B,MAAA,KAAA;MACA,UAAA,QAAA;MACA,SAAO;;6BASD,CARP,WAQO,KAAA,QAAA,UAAA,EANJ,MAAA,KAAA,MAAI,SAMA,CALL,YAI2B,kCAAA,EAJA,MAAA,KAAA,MAAI,GAAA;OAClB,OAAK,cACe,CAAA,gBAAA,gBAA1B,KAAA,QAAI,UAAA,MAAA,IAAsB,KAAC,CAAA,GAAA,WAAqB,KAAA,QAAA,WAAA,EAAd,MAAM,KAAA,MAAI,CAAA,CAAA,CAAA;;;;;KAMzD,WAEU,KAAA,QAAA,SAAA,EAAP,MAAA,KAAA,MAAI,CAAA;QAGD,KAAA,SAAA,UAAA,GADR,mBAQK,MARL,YAQK,CALyB,QAAA,WAAA,UAAA,GAA5B,YAAuC,8BAAA,EAAA,KAAA,EAAA,CAAA,KACvC,WAGU,KAAA,QAAA,SAAA,EAAP,MAAA,KAAA,MAAI,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

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

@@ -1,43 +0,0 @@
-import ScalarIconLegacyAdapter_default from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
-import { cva, useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
-import { ScalarIconCaretRight } from "@scalar/icons";
-//#region src/components/ScalarSidebar/ScalarSidebarGroupToggle.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "sr-only" };
-var ScalarSidebarGroupToggle_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarSidebarGroupToggle",
-	props: {
-		is: { default: "div" },
-		open: {
-			type: Boolean,
-			default: false
-		},
-		icon: { type: [Object, Function] }
-	},
-	setup(__props) {
-		const variants = cva({
-			base: "size-4 flex items-center justify-center transition-transform duration-100",
-			variants: { open: { true: "rotate-90" } },
-			defaultVariants: { open: false }
-		});
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.is), mergeProps({ type: __props.is === "button" ? "button" : void 0 }, unref(cx)(unref(variants)({ open: __props.open }))), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { open: __props.open }, () => [__props.icon ? (openBlock(), createBlock(unref(ScalarIconLegacyAdapter_default), {
-					key: 0,
-					icon: __props.icon
-				}, null, 8, ["icon"])) : (openBlock(), createBlock(unref(ScalarIconCaretRight), {
-					key: 1,
-					class: "size-3",
-					weight: "bold"
-				}))]), createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "label", { open: __props.open }, () => [createTextVNode(toDisplayString(__props.open ? "Close" : "Open") + " Group ", 1)])])]),
-				_: 3
-			}, 16, ["type"]);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarGroupToggle_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarGroupToggle.vue.script.js.map

package/dist/components/ScalarSidebar/ScalarSidebarGroupToggle.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSidebarGroupToggle.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroupToggle.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Group toggle component\n *\n * Provides the toggle icon for a ScalarSidebarGroup\n *\n * @example\n * <ScalarSidebarGroupToggle :open=\"...\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nimport { type Icon, ScalarIconLegacyAdapter } from '../ScalarIcon'\n\nconst { is = 'div', open = false } = defineProps<{\n  /** Override the element tag */\n  is?: Component | string\n  /** Whether or not the toggle is open */\n  open?: boolean\n  /** Overrides the icon */\n  icon?: Icon | ScalarIconComponent\n}>()\n\ndefineSlots<{\n  /** Override the toggle icon */\n  default?(props: { open: boolean }): unknown\n  /** Override the screen reader label */\n  label?(props: { open: boolean }): unknown\n}>()\n\nconst variants = cva({\n  base: 'size-4 flex items-center justify-center transition-transform duration-100',\n  variants: { open: { true: 'rotate-90' } },\n  defaultVariants: { open: false },\n})\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    :type=\"is === 'button' ? 'button' : undefined\"\n    v-bind=\"cx(variants({ open }))\">\n    <slot :open=\"open\">\n      <ScalarIconLegacyAdapter\n        v-if=\"icon\"\n        :icon=\"icon\" />\n      <ScalarIconCaretRight\n        v-else\n        class=\"size-3\"\n        weight=\"bold\" />\n    </slot>\n    <span class=\"sr-only\">\n      <slot\n        name=\"label\"\n        :open=\"open\">\n        {{ open ? 'Close' : 'Open' }} Group\n      </slot>\n    </span>\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAmCA,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EAAE,MAAM,EAAE,MAAM,YAAY,EAAE;GACxC,iBAAiB,EAAE,MAAM,MAAM;EACjC,CAAC;EAED,MAAM,EAAE,OAAO,UAAU;;uBAGvB,YAoBY,wBAnBL,QAAA,EAAE,GADT,WAoBY,EAlBT,MAAM,QAAA,OAAE,WAAA,WAA2B,KAAA,EAAA,GAC5B,MAAA,EAAA,CAAE,CAAC,MAAA,QAAA,CAAQ,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,CAAA,CAAA,GAAA;2BASnB,CARP,WAQO,KAAA,QAAA,WAAA,EARA,MAAM,QAAA,KAAI,SAQV,CANG,QAAA,QAAA,UAAA,GADR,YAEiB,MAAA,+BAAA,GAAA;;KAAd,MAAM,QAAA;2CACT,YAGkB,MAAA,oBAAA,GAAA;;KADhB,OAAM;KACN,QAAO;WAEX,mBAMO,QANP,YAMO,CALL,WAIO,KAAA,QAAA,SAAA,EAFJ,MAAM,QAAA,KAAI,SAEN,CAAA,gBAAA,gBADF,QAAA,OAAI,UAAA,MAAA,IAAsB,WAC/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

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

@@ -1,41 +0,0 @@
-import ScalarSidebarGroupToggle_default from "./ScalarSidebarGroupToggle.vue.js";
-import { cva, useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createElementBlock, createSlots, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region src/components/ScalarSidebar/ScalarSidebarGroupToggleButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-expanded"];
-var ScalarSidebarGroupToggleButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarSidebarGroupToggleButton",
-	props: {
-		open: {
-			type: Boolean,
-			default: false
-		},
-		selected: { type: Boolean }
-	},
-	setup(__props) {
-		const variants = cva({
-			base: ["absolute top-[1lh] right-1 -translate-y-1/2", "rounded p-1 text-sidebar-c-2"],
-			variants: { selected: {
-				true: "hover:bg-sidebar-b-1 hover:text-sidebar-c-1",
-				false: "hover:bg-sidebar-b-hover hover:text-sidebar-c-hover"
-			} },
-			defaultVariants: { selected: false }
-		});
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", mergeProps({
-				"aria-expanded": __props.open,
-				type: "button"
-			}, unref(cx)(unref(variants)({ selected: __props.selected }))), [renderSlot(_ctx.$slots, "default", { open: __props.open }, () => [createVNode(ScalarSidebarGroupToggle_default, { open: __props.open }, createSlots({ _: 2 }, [_ctx.$slots.label ? {
-				name: "label",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "label", { open: __props.open })]),
-				key: "0"
-			} : void 0]), 1032, ["open"])])], 16, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarGroupToggleButton_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarGroupToggleButton.vue.script.js.map

package/dist/components/ScalarSidebar/ScalarSidebarGroupToggleButton.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSidebarGroupToggleButton.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroupToggleButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Group Toggle Button component\n *\n * Provides the standalone expand and collapse control for a discrete\n * ScalarSidebarGroup, where the group label is a control of its own\n * (usually a link) and therefore cannot also own the open state.\n *\n * The button is positioned over the end of the group label, so it needs a\n * positioned ancestor and a ScalarSidebarGroupToggleSpacer inside the label\n * to reserve room for it.\n *\n * @example\n * <ScalarSidebarGroupToggleButton\n *   :open=\"open\"\n *   @click=\"open = !open\">\n *   <template #label>{{ open ? 'Close' : 'Open' }} Authentication</template>\n * </ScalarSidebarGroupToggleButton>\n *\n * @see ScalarSidebarGroup\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarSidebarGroupToggle from './ScalarSidebarGroupToggle.vue'\n\nconst { open = false } = defineProps<{\n  /**\n   * Whether or not the group is open\n   *\n   * @default false\n   */\n  open?: boolean\n  /**\n   * Whether or not the group label underneath the button is selected\n   *\n   * Matches the hover styles of the button to the label it sits on top of.\n   */\n  selected?: boolean\n}>()\n\ndefineSlots<{\n  /** Override the toggle icon */\n  default?(props: { open: boolean }): unknown\n  /** Override the screen reader label */\n  label?(props: { open: boolean }): unknown\n}>()\n\nconst variants = cva({\n  base: [\n    // Position the button over the end of the group label\n    'absolute top-[1lh] right-1 -translate-y-1/2',\n    // Sizing and color\n    'rounded p-1 text-sidebar-c-2',\n  ],\n  variants: {\n    selected: {\n      true: 'hover:bg-sidebar-b-1 hover:text-sidebar-c-1',\n      false: 'hover:bg-sidebar-b-hover hover:text-sidebar-c-hover',\n    },\n  },\n  defaultVariants: { selected: false },\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <button\n    :aria-expanded=\"open\"\n    type=\"button\"\n    v-bind=\"cx(variants({ selected }))\">\n    <slot :open>\n      <ScalarSidebarGroupToggle :open>\n        <template\n          v-if=\"$slots.label\"\n          #label>\n          <slot\n            name=\"label\"\n            :open />\n        </template>\n      </ScalarSidebarGroupToggle>\n    </slot>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAkDA,MAAM,WAAW,IAAI;GACnB,MAAM,CAEJ,+CAEA,8BACF;GACA,UAAU,EACR,UAAU;IACR,MAAM;IACN,OAAO;GACT,EACF;GACA,iBAAiB,EAAE,UAAU,MAAM;EACrC,CAAC;EAGD,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAeS,UAfT,WAeS;IAdN,iBAAe,QAAA;IAChB,MAAK;MACG,MAAA,EAAA,CAAE,CAAC,MAAA,QAAA,CAAQ,CAAA,EAAA,UAAG,QAAA,SAAQ,CAAA,CAAA,CAAA,GAAA,CAC9B,WAUO,KAAA,QAAA,WAAA,EAVA,MAAA,QAAA,KAAI,SAUJ,CATL,YAQ2B,kCAAA,EARA,MAAA,QAAA,KAAI,GAAA,YAAA,EAAA,GAAA,EAAA,GAAA,CAErBA,KAAAA,OAAO,QAAA;UACZ;sBAGS,CAFV,WAEU,KAAA,QAAA,SAAA,EAAP,MAAA,QAAA,KAAI,CAAA,CAAA,CAAA"}

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

@@ -1,16 +0,0 @@
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, unref } from "vue";
-var ScalarSidebarGroupToggleSpacer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarSidebarGroupToggleSpacer",
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("h-4 w-5"))), null, 16);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarGroupToggleSpacer_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarGroupToggleSpacer.vue.script.js.map

package/dist/components/ScalarSidebar/ScalarSidebarGroupToggleSpacer.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSidebarGroupToggleSpacer.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroupToggleSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Group Toggle Spacer component\n *\n * Reserves room at the end of a discrete group label for the\n * ScalarSidebarGroupToggleButton, which is positioned on top of the label\n * and therefore takes up no space of its own.\n *\n * Render it in the label's aside slot so long labels wrap before they run\n * underneath the toggle button.\n *\n * @see ScalarSidebarGroupToggleButton\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('h-4 w-5')\" />\n</template>\n"],"mappings":";;;;;;EAmBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAA8B,OAAA,eAAA,mBAAjB,MAAA,EAAA,CAAE,CAAA,SAAA,CAAA,CAAA,GAAA,MAAA,EAAA"}

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

@@ -1,38 +0,0 @@
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderList, unref } from "vue";
-var ScalarSidebarIndent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarSidebarIndent",
-	props: {
-		indent: { default: 0 },
-		selected: {
-			type: Boolean,
-			default: false
-		},
-		disabled: { type: Boolean }
-	},
-	setup(__props) {
-		const indents = computed(() => {
-			return Array.from({ length: __props.indent }, (_, i) => i);
-		});
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("scalar-sidebar-indent flex justify-center", {
-				"mr-[calc(20px-var(--scalar-sidebar-indent))]": __props.indent > 0,
-				"scalar-sidebar-indent-selected": __props.selected
-			}))), [(openBlock(true), createElementBlock(Fragment, null, renderList(indents.value, (block, index) => {
-				return openBlock(), createElementBlock("div", {
-					key: block,
-					class: "relative w-[var(--scalar-sidebar-indent)]"
-				}, [_cache[0] || (_cache[0] = createElementVNode("div", { class: "scalar-sidebar-indent-border absolute left-2 inset-y-0 w-border bg-sidebar-indent-border" }, null, -1)), index === indents.value.length - 1 ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					class: normalizeClass(["absolute left-2 inset-y-0 w-border", __props.disabled ? "" : __props.selected ? "bg-sidebar-indent-border-active" : "group-hover/button:bg-sidebar-indent-border-hover"])
-				}, null, 2)) : createCommentVNode("", true)]);
-			}), 128))], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarIndent_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarIndent.vue.script.js.map

package/dist/components/ScalarSidebar/ScalarSidebarIndent.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSidebarIndent.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarIndent.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Indent component\n *\n * @example\n *   <ScalarSidebarIndent :indent=\"1\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed } from 'vue'\n\nimport type { SidebarGroupLevel } from './useSidebarGroups'\n\nconst { indent = 0, selected = false } = defineProps<{\n  /** The number of indents to render @default 0 */\n  indent?: SidebarGroupLevel\n  /** Whether the indent is selected @default false */\n  selected?: boolean\n  /** Whether the indent hover is disabled @default false */\n  disabled?: boolean\n}>()\n\nconst indents = computed<number[]>(() => {\n  return Array.from({ length: indent }, (_, i) => i)\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx('scalar-sidebar-indent flex justify-center', {\n        'mr-[calc(20px-var(--scalar-sidebar-indent))]': indent > 0,\n        'scalar-sidebar-indent-selected': selected,\n      })\n    \">\n    <div\n      v-for=\"(block, index) in indents\"\n      :key=\"block\"\n      class=\"relative w-[var(--scalar-sidebar-indent)]\">\n      <!-- Indent Border -->\n      <div\n        class=\"scalar-sidebar-indent-border absolute left-2 inset-y-0 w-border bg-sidebar-indent-border\" />\n      <!-- Indent Border Active or Hover -->\n      <div\n        v-if=\"index === indents.length - 1\"\n        class=\"absolute left-2 inset-y-0 w-border\"\n        :class=\"\n          disabled\n            ? ''\n            : selected\n              ? 'bg-sidebar-indent-border-active'\n              : 'group-hover/button:bg-sidebar-indent-border-hover'\n        \" />\n    </div>\n  </div>\n</template>\n<style scoped>\n@reference \"../../style.css\";\n\n/* Add extra height to the indent border to account for the px spacing between the items */\n.group\\/item > * > .scalar-sidebar-indent .scalar-sidebar-indent-border {\n  @apply -inset-y-px;\n}\n\n/* Push the border down for the first item in a group */\n.group\\/item:first-child\n  > *\n  > .scalar-sidebar-indent\n  .scalar-sidebar-indent-border {\n  @apply top-0;\n}\n\n/* Push the border up for the last item in a group */\n.group\\/item:last-child\n  > *\n  > .scalar-sidebar-indent\n  .scalar-sidebar-indent-border {\n  @apply bottom-0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAwBA,MAAM,UAAU,eAAyB;GACvC,OAAO,MAAM,KAAK,EAAE,QAAQ,QAAA,OAAO,IAAI,GAAG,MAAM,CAAC;EACnD,CAAC;EAGD,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBA0BM,OAAA,eAAA,mBAzBW,MAAA,EAAA,CAAE,CAAA,6CAAA;oDAAwG,QAAA,SAAM;sCAAgD,QAAA;4BAM/K,mBAkBM,UAAA,MAAA,WAjBqB,QAAA,QAAjB,OAAO,UAAK;wBADtB,mBAkBM,OAAA;KAhBH,KAAK;KACN,OAAM;kCAEN,mBACqG,OAAA,EAAnG,OAAM,2FAA0F,GAAA,MAAA,EAAA,IAG1F,UAAU,QAAA,MAAQ,SAAM,KAAA,UAAA,GADhC,mBASM,OAAA;;KAPJ,OAAK,eAAA,CAAC,sCACa,QAAA,WAAA,KAAwC,QAAA,WAAA,oCAAA,mDAAA,CAAA"}

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

@@ -1,48 +0,0 @@
-import ScalarSidebarButton_default from "./ScalarSidebarButton.vue.js";
-import { useSidebarGroups } from "./useSidebarGroups.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createElementBlock, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-var ScalarSidebarItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarSidebarItem",
-	props: {
-		is: {},
-		icon: { type: [Object, Function] },
-		active: { type: Boolean },
-		selected: { type: Boolean },
-		disabled: { type: Boolean },
-		indent: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const { level } = useSidebarGroups();
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("li", normalizeProps(guardReactiveProps(unref(cx)("group/item flex flex-col text-base"))), [
-				renderSlot(_ctx.$slots, "before"),
-				renderSlot(_ctx.$slots, "button", { level: unref(level) }, () => [createVNode(ScalarSidebarButton_default, mergeProps(props, { indent: __props.indent ?? unref(level) }), createSlots({ _: 2 }, [
-					_ctx.$slots.default ? {
-						name: "default",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-						key: "0"
-					} : void 0,
-					_ctx.$slots.icon ? {
-						name: "icon",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),
-						key: "1"
-					} : void 0,
-					_ctx.$slots.aside ? {
-						name: "aside",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "aside")]),
-						key: "2"
-					} : void 0
-				]), 1040, ["indent"])]),
-				renderSlot(_ctx.$slots, "after")
-			], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarItem_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarItem.vue.script.js.map

package/dist/components/ScalarSidebar/ScalarSidebarItem.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarSidebarItem.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarItem.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Item component\n *\n * Provides a ScalarSidebarButton wrapped in an `<li>` to\n * meet accessibility requirements and automatically indents\n * the button based on the level of the sidebar group\n *\n * @example\n * <ScalarSidebarItem>\n *   <template #icon>\n *     <!-- Overrides the icon slot -->\n *   </template>\n *   <!-- Button text -->\n *   <template #aside>\n *     <!-- After the button text -->\n *   </template>\n *   <!-- Content to display before the button but inside the list item -->\n *   <template #before>\n *     <!-- Before the button -->\n *   </template>\n *   <!-- Content to display after the button but inside the list item -->\n *   <template #after>\n *     <!-- After the button -->\n *   </template>\n * </ScalarSidebarItem>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarSidebarButton from './ScalarSidebarButton.vue'\nimport type { ScalarSidebarItemProps, ScalarSidebarItemSlots } from './types'\nimport { useSidebarGroups } from './useSidebarGroups'\n\nconst props = defineProps<ScalarSidebarItemProps>()\n\ndefineSlots<ScalarSidebarItemSlots>()\n\nconst { level } = useSidebarGroups()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <li v-bind=\"cx('group/item flex flex-col text-base')\">\n    <slot name=\"before\" />\n    <slot\n      :level=\"level\"\n      name=\"button\">\n      <ScalarSidebarButton\n        v-bind=\"props\"\n        :indent=\"indent ?? level\">\n        <!-- Pass through all the slots -->\n        <template\n          v-if=\"$slots.default\"\n          #default>\n          <slot />\n        </template>\n        <template\n          v-if=\"$slots.icon\"\n          #icon>\n          <slot name=\"icon\" />\n        </template>\n        <template\n          v-if=\"$slots.aside\"\n          #aside>\n          <slot name=\"aside\" />\n        </template>\n      </ScalarSidebarButton>\n    </slot>\n    <slot name=\"after\" />\n  </li>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAId,MAAM,EAAE,UAAU,iBAAiB;EAEnC,MAAM,EAAE,OAAO,UAAU;;uBAIvB,mBA2BK,MAAA,eAAA,mBA3BO,MAAA,EAAA,CAAE,CAAA,oCAAA,CAAA,CAAA,GAAA;IACZ,WAAsB,KAAA,QAAA,QAAA;IACtB,WAuBO,KAAA,QAAA,UAAA,EAtBJ,OAAO,MAAA,KAAA,EAAK,SAsBR,CApBL,YAmBsB,6BAnBtB,WACU,OAAK,EACZ,QAAQ,QAAA,UAAU,MAAA,KAAA,EAAA,CAAA,GAAA,YAAA,EAAA,GAAA,EAAA,GAAA;KAGXA,KAAAA,OAAO,UAAA;YACZ;wBACO,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;KAGFA,KAAAA,OAAO,OAAA;YACZ;wBACmB,CAApB,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA;;;KAGdA,KAAAA,OAAO,QAAA;YACZ;wBACoB,CAArB,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA;;;;IAI3B,WAAqB,KAAA,QAAA,OAAA"}