@scalar/components 0.32.0 → 0.33.0

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

@@ -1,4 +1,4 @@
-import ScalarSearchResultList_vue_vue_type_script_setup_true_lang_default from "./ScalarSearchResultList.vue.script.js";
+import ScalarSearchResultList_vue_vue_type_script_setup_true_lang_default from "./ScalarSearchResultList.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarSearchResults/ScalarSearchResultList.vue
 var ScalarSearchResultList_default = ScalarSearchResultList_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSearchResultList.vue.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":""}
+{"version":3,"file":"ScalarSearchResultList.vue.js","names":["_sfc_main"],"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-c-2 text-base font-medium\"\n          role=\"alert\">\n          No results found\n        </div>\n      </div>\n    </slot>\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,20 @@
+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-c-2 text-base font-medium",
+				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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSearchResultList.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_renderSlot","_createElementVNode","_createCommentVNode"],"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-c-2 text-base font-medium\"\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;;GAGvB,OAAAA,UAAA,GAAAC,mBAeM,OAfNC,WAeM,EAdJ,MAAK,UAAS,GACNC,MAAA,EAAA,CAAE,CAAA,eAAA,CAAA,GAAA,CAEF,QAAA,YADRC,WAUO,KAAA,QAAA,aAAA,CAAA,SAAA,CAPL,OAAA,OAAA,OAAA,KAAAC,mBAMM,OAAA,EAND,OAAM,6CAA4C,GAAA,CACrDA,mBAIM,OAAA;IAHJ,OAAM;IACN,MAAK;GAAQ,GAAA,oBAEf,C,qDAGJD,WAAQ,KAAA,QAAA,SAAA,C"}

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

@@ -1,4 +1,4 @@
-import ScalarSidebar_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebar.vue.script.js";
+import ScalarSidebar_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebar.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarSidebar/ScalarSidebar.vue
 var ScalarSidebar_default = ScalarSidebar_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebar.vue.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":""}
+{"version":3,"file":"ScalarSidebar.vue.js","names":["_sfc_main"],"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":""}

package/dist/components/ScalarSidebar/ScalarSidebar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,16 @@
+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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarSidebar/ScalarSidebar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebar.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","_renderSlot"],"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;;GAGvB,OAAAA,UAAA,GAAAC,mBAKQ,SAAAC,eAAAC,mBAJSC,MAAA,EAAA,CAAE,CAAA,kEAAA,C,KAGjBC,WAAQ,KAAA,QAAA,SAAA,C"}

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

@@ -1,4 +1,4 @@
-import ScalarSidebarButton_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebarButton.vue.script.js";
+import ScalarSidebarButton_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebarButton.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarSidebar/ScalarSidebarButton.vue
 var ScalarSidebarButton_default = ScalarSidebarButton_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarButton.vue.js","names":[],"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":""}
+{"version":3,"file":"ScalarSidebarButton.vue.js","names":["_sfc_main"],"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=\"mr-1 flex h-lh items-center *:size-4\">\n      <slot name=\"icon\">\n        <ScalarIconLegacyAdapter\n          v-if=\"icon\"\n          :icon=\"icon\" />\n      </slot>\n    </div>\n    <div class=\"group/button-label min-w-0 flex-1\">\n      <slot />\n    </div>\n    <slot name=\"aside\" />\n  </component>\n</template>\n"],"mappings":""}

package/dist/components/ScalarSidebar/ScalarSidebarButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,83 @@
+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: "mr-1 flex h-lh items-center *:size-4"
+};
+var _hoisted_2 = { class: "group/button-label min-w-0 flex-1" };
+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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarSidebar/ScalarSidebarButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebarButton.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_unref","_withCtx","_renderSlot","_createVNode","ScalarSidebarIndent","_createElementBlock","ScalarIconLegacyAdapter","_createCommentVNode","_createElementVNode"],"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=\"mr-1 flex h-lh items-center *:size-4\">\n      <slot name=\"icon\">\n        <ScalarIconLegacyAdapter\n          v-if=\"icon\"\n          :icon=\"icon\" />\n      </slot>\n    </div>\n    <div class=\"group/button-label min-w-0 flex-1\">\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;;GAGvB,OAAAC,UAAA,GAAAC,YAyBYC,wBAxBL,QAAA,EAAE,GADTC,WAyBY;IAvBT,gBAAc,QAAA,WAAQ,SAAY,KAAA;IAClC,MAAM,QAAA,OAAE,WAAA,WAA2B,KAAA;GAC5B,GAAAC,MAAA,EAAA,CAAE,CAACA,MAAA,QAAA,CAAQ,CAAA;IAAA,UAAG,QAAA;IAAQ,UAAE,QAAA;IAAQ,QAAE,QAAA;GAAM,CAAA,CAAA,CAAA,GAAA;IAChD,SAAAC,cAMO;KANPC,WAMO,KAAA,QAAA,UAAA,CAAA,SAAA,CALLC,YAIcC,6BAAA;MAHZ,OAAM;MACL,UAAA,QAAA;MACA,QAAA,QAAA;MACA,UAAA,QAAA;;;;;;KAGG,QAAA,QAAQT,KAAAA,OAAO,QADvBC,UAAA,GAAAS,mBAQM,OARN,YAQM,CALJH,WAIO,KAAA,QAAA,QAAA,CAAA,SAAA,CAFG,QAAA,QADRN,UAAA,GAAAC,YAEiBG,MAAAM,+BAAA,GAAA;;MAAd,MAAM,QAAA;;KAGbE,mBAEM,OAFN,YAEM,CADJN,WAAQ,KAAA,QAAA,SAAA,C;KAEVA,WAAqB,KAAA,QAAA,OAAA"}

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

@@ -1,4 +1,4 @@
-import ScalarSidebarFooter_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebarFooter.vue.script.js";
+import ScalarSidebarFooter_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebarFooter.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarSidebar/ScalarSidebarFooter.vue
 var ScalarSidebarFooter_default = ScalarSidebarFooter_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarFooter.vue.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":""}
+{"version":3,"file":"ScalarSidebarFooter.vue.js","names":["_sfc_main"],"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=\"text-sidebar-c-2 flex min-w-0 flex-1 items-center text-sm\">\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":""}

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

@@ -0,0 +1,29 @@
+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: "text-sidebar-c-2 flex min-w-0 flex-1 items-center text-sm" };
+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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarSidebar/ScalarSidebarFooter.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebarFooter.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","_renderSlot","_createElementVNode","_createVNode","ScalarColorModeToggle"],"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=\"text-sidebar-c-2 flex min-w-0 flex-1 items-center text-sm\">\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;;GAGpC,OAAAA,UAAA,GAAAC,mBAkBM,OAAAC,eAAAC,mBAlBOC,MAAA,EAAA,CAAE,CAAA,qDAAA,CAAA,CAAA,GAAA,CACbC,WAAQ,KAAA,QAAA,SAAA,GACRC,mBAeM,OAfN,YAeM,CAdJA,mBAUM,OAVN,YAUM,CATJD,WAQO,KAAA,QAAA,eAAA,CAAA,SAAA,CAPLC,mBAMI,KAAA;IALF,OAAM;IACL,MAAMF,MAAA,YAAA;IACP,KAAI;IACJ,QAAO;GAAS,GAAA,uBAElB,GAAA,UAAA,C,MAGJC,WAEO,KAAA,QAAA,UAAA,CAAA,SAAA,CADLE,YAAyBH,MAAAI,6BAAA,CAAA,C"}

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

@@ -1,4 +1,4 @@
-import ScalarSidebarGroup_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebarGroup.vue.script.js";
+import ScalarSidebarGroup_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebarGroup.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarSidebar/ScalarSidebarGroup.vue
 var ScalarSidebarGroup_default = ScalarSidebarGroup_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarGroup.vue.js","names":[],"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":""}
+{"version":3,"file":"ScalarSidebarGroup.vue.js","names":["_sfc_main"],"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=\"-my-2 mr-0\"\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":""}

package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,113 @@
+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: "-my-2 mr-0",
+							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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebarGroup.vue_vue_type_script_setup_true_lang.js","names":["$slots","_useModel","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeProps","_guardReactiveProps","_unref","_withCtx","_createElementVNode","_renderSlot","_createVNode","ScalarSidebarButton","_createSlots","ScalarSidebarIndent","ScalarSidebarGroupToggleSpacer","ScalarSidebarGroupToggle","ScalarSidebarGroupToggleButton","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementBlock","ScalarSidebarLoading"],"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=\"-my-2 mr-0\"\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,OAAOC,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;;GAGE,OAAAC,UAAA,GAAAC,YA8EYC,wBA5EL,QAAA,EAAE,GAAAC,eAAAC,mBADCC,MAAA,EAAA,CAAE,CAAA,iCAAA,CAAA,CAAA,GAAA;IAEV,SAAAC,cAiEM,CAjENC,mBAiEM,OAjEN,YAiEM;KAhEJC,WAEU,KAAA,QAAA,UAAA,EAAP,MAAA,KAAA,MAAI,CAAA;KACPA,WAyDO,KAAA,QAAA,UAAA;MAxDJ,OAAOH,MAAA,KAAA;MAEP,MAAA,KAAA;KAHH,SAyDO,CArDLI,YAqCsBC,6BAAA;MApCpB,IAAG;MACF,QAAA,QAAA;MACA,iBAAe,QAAA,WAAW,KAAA,IAAY,KAAA;MACtC,UAAA,QAAA;MACA,MAAA,QAAA;MACA,QAAQL,MAAA,KAAA;MACR,UAAA,QAAA;MACA,SAAO;;MACG,QAAMC,cAID,CAHdG,YAGcG,6BAAA;OAFZ,OAAM;OACL,QAAQP,MAAA,KAAA;OACR,UAAA,QAAA;;MASM,OAAKC,cAGJ,CAFVE,WAEU,KAAA,QAAA,SAAA,EAAP,MAAA,KAAA,MAAI,CAAA,GAC+B,QAAA,YAAtCR,UAAA,GAAAC,YAAkDY,wCAAA,EAAA,KAAA,EAAA,CAAA,KAClDL,WAOO,KAAA,QAAA,UAAA,EAJJ,MAAA,KAAA,MAAI,SAIA,CAHLC,YAEUK,kCAAA;OADR,OAAM;OACL,MAAA,KAAA;;MAGP,SAAAR,cAAc,CAAdE,WAAc,KAAA,QAAA,WAAA,EAAP,MAAA,KAAA,MAAI,CAAA,C;;K,IApBHV,KAAAA,OAAO,O;MACZ,MAAA;MACD,IAAAQ,cAEU,CAFVE,WAEU,KAAA,QAAA,QAAA,EAAP,MAAA,KAAA,MAAI,CAAA,C;;;;;;;;;K,IAmBH,QAAA,YADRR,UAAA,GAAAC,YAciCc,wCAAA;;MAZ9B,MAAA,KAAA;MACA,UAAA,QAAA;MACA,SAAO;;MACR,SAAAT,cAQO,CARPE,WAQO,KAAA,QAAA,UAAA,EANJ,MAAA,KAAA,MAAI,SAMA,CALLC,YAI2BK,kCAAA,EAJA,MAAA,KAAA,MAAI,GAAA;OAClB,OAAKR,cACe,CAA1BU,gBAAAC,gBAAA,KAAA,QAAI,UAAA,MAAA,IAAsB,KAAC,CAAA,GAAAT,WAAqB,KAAA,QAAA,WAAA,EAAd,MAAM,KAAA,MAAI,CAAA,C;;;;;KAMzDA,WAEU,KAAA,QAAA,SAAA,EAAP,MAAA,KAAA,MAAI,CAAA;I,IAGD,KAAA,SADRR,UAAA,GAAAmB,mBAQK,MARL,YAQK,CALyB,QAAA,WAA5BnB,UAAA,GAAAC,YAAuCmB,8BAAA,EAAA,KAAA,EAAA,CAAA,KACvCZ,WAGU,KAAA,QAAA,SAAA,EAAP,MAAA,KAAA,MAAI,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,C"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarGroupToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroupToggle.vue"],"names":[],"mappings":"AAsEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,EAAE,KAAK,IAAI,EAA2B,MAAM,eAAe,CAAA;AAGlE;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,+BAA+B;SAC1B,SAAS,GAAG,MAAM;IACvB,wCAAwC;WACjC,OAAO;IACd,yBAAyB;WAClB,IAAI,GAAG,mBAAmB;;IALjC,+BAA+B;SAC1B,SAAS,GAAG,MAAM;IACvB,wCAAwC;WACjC,OAAO;IACd,yBAAyB;WAClB,IAAI,GAAG,mBAAmB;;IAMjC,+BAA+B;oBACf;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IAC3C,uCAAuC;kBACzB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;EA6FvC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarSidebarGroupToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarGroupToggle.vue"],"names":[],"mappings":"AAsEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,EAA2B,KAAK,IAAI,EAAE,MAAM,eAAe,CAAA;AAGlE;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,+BAA+B;SAC1B,SAAS,GAAG,MAAM;IACvB,wCAAwC;WACjC,OAAO;IACd,yBAAyB;WAClB,IAAI,GAAG,mBAAmB;;IALjC,+BAA+B;SAC1B,SAAS,GAAG,MAAM;IACvB,wCAAwC;WACjC,OAAO;IACd,yBAAyB;WAClB,IAAI,GAAG,mBAAmB;;IAMjC,+BAA+B;oBACf;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;IAC3C,uCAAuC;kBACzB;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,GAAG,OAAO;EA6FvC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

@@ -1,4 +1,4 @@
-import ScalarSidebarGroupToggle_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebarGroupToggle.vue.script.js";
+import ScalarSidebarGroupToggle_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebarGroupToggle.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarSidebar/ScalarSidebarGroupToggle.vue
 var ScalarSidebarGroupToggle_default = ScalarSidebarGroupToggle_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarGroupToggle.vue.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":""}
+{"version":3,"file":"ScalarSidebarGroupToggle.vue.js","names":["_sfc_main"],"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 { ScalarIconLegacyAdapter, type Icon } 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":""}

package/dist/components/ScalarSidebar/ScalarSidebarGroupToggle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,43 @@
+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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarSidebar/ScalarSidebarGroupToggle.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarSidebarGroupToggle.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_unref","_withCtx","_renderSlot","ScalarIconLegacyAdapter","_createElementVNode","_createTextVNode","_toDisplayString"],"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 { ScalarIconLegacyAdapter, type Icon } 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;;GAGvB,OAAAA,UAAA,GAAAC,YAoBYC,wBAnBL,QAAA,EAAE,GADTC,WAoBY,EAlBT,MAAM,QAAA,OAAE,WAAA,WAA2B,KAAA,EAC5B,GAAAC,MAAA,EAAA,CAAE,CAACA,MAAA,QAAA,CAAQ,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,CAAA,CAAA,GAAA;IAC1B,SAAAC,cAQO,CARPC,WAQO,KAAA,QAAA,WAAA,EARA,MAAM,QAAA,KAAI,SAQV,CANG,QAAA,QADRN,UAAA,GAAAC,YAEiBG,MAAAG,+BAAA,GAAA;;KAAd,MAAM,QAAA;I,0BACTP,UAAA,GAAAC,YAGkBG,MAAA,oBAAA,GAAA;;KADhB,OAAM;KACN,QAAO;I,OAEXI,mBAMO,QANP,YAMO,CALLF,WAIO,KAAA,QAAA,SAAA,EAFJ,MAAM,QAAA,KAAI,SAEN,CADFG,gBAAAC,gBAAA,QAAA,OAAI,UAAA,MAAA,IAAsB,WAC/B,CAAA,C"}

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

@@ -1,4 +1,4 @@
-import ScalarSidebarGroupToggleButton_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebarGroupToggleButton.vue.script.js";
+import ScalarSidebarGroupToggleButton_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebarGroupToggleButton.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarSidebar/ScalarSidebarGroupToggleButton.vue
 var ScalarSidebarGroupToggleButton_default = ScalarSidebarGroupToggleButton_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarGroupToggleButton.vue.js","names":[],"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":""}
+{"version":3,"file":"ScalarSidebarGroupToggleButton.vue.js","names":["_sfc_main"],"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":""}

package/dist/components/ScalarSidebar/ScalarSidebarGroupToggleButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+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_vue_type_script_setup_true_lang.js.map