@scalar/components 0.27.10 → 0.28.1

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

@@ -0,0 +1,16 @@
+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)("size-4"))), 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

@@ -0,0 +1 @@
+{"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('size-4')\" />\n</template>\n"],"mappings":";;;;;;EAmBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAA6B,OAAA,eAAA,mBAAhB,MAAA,EAAA,CAAE,CAAA,QAAA,CAAA,CAAA,GAAA,MAAA,EAAA"}

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export
 import ScalarSidebarIndent_vue_vue_type_script_setup_true_lang_default from "./ScalarSidebarIndent.vue.script.js";
 /* empty css                                  */
 //#region src/components/ScalarSidebar/ScalarSidebarIndent.vue
-var ScalarSidebarIndent_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ScalarSidebarIndent_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3e080c68"]]);
+var ScalarSidebarIndent_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ScalarSidebarIndent_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3e080c68"]]);
 //#endregion
 export { ScalarSidebarIndent_default as default };
 

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

@@ -1,6 +1,6 @@
 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({
+var ScalarSidebarIndent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSidebarIndent",
 	props: {

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

@@ -1 +1 @@
-{"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;AACvC,UAAO,MAAM,KAAK,EAAE,QAAQ,QAAA,QAAQ,GAAG,GAAG,MAAM,EAAC;IAClD;EAGD,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBA0BM,OAAA,eAAA,mBAzBW,MAAA,GAAE,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,4FAA0F,EAAA,MAAA,GAAA,GAG1F,UAAU,QAAA,MAAQ,SAAM,KAAA,WAAA,EADhC,mBASM,OAAA;;KAPJ,OAAK,eAAA,CAAC,sCACa,QAAA,WAAA,KAAwC,QAAA,WAAA,oCAAA,oDAAA,CAAA"}
+{"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

@@ -2,7 +2,7 @@ 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({
+var ScalarSidebarItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSidebarItem",
 	props: {

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

@@ -1 +1 @@
-{"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,kBAAiB;EAEnC,MAAM,EAAE,OAAO,WAAU;;uBAIvB,mBA2BK,MAAA,eAAA,mBA3BO,MAAA,GAAE,CAAA,qCAAA,CAAA,CAAA,EAAA;IACZ,WAAsB,KAAA,QAAA,SAAA;IACtB,WAuBO,KAAA,QAAA,UAAA,EAtBJ,OAAO,MAAA,MAAK,EAAA,QAsBR,CApBL,YAmBsB,6BAnBtB,WACU,OAAK,EACZ,QAAQ,QAAA,UAAU,MAAA,MAAK,EAAA,CAAA,EAAA,YAAA,EAAA,GAAA,GAAA,EAAA;KAGhBA,KAAAA,OAAO,UAAA;YACZ;wBACO,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;KAGFA,KAAAA,OAAO,OAAA;YACZ;wBACmB,CAApB,WAAoB,KAAA,QAAA,OAAA,CAAA,CAAA;;;KAGdA,KAAAA,OAAO,QAAA;YACZ;wBACoB,CAArB,WAAqB,KAAA,QAAA,QAAA,CAAA,CAAA;;;;IAI3B,WAAqB,KAAA,QAAA,QAAA"}
+{"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"}

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

@@ -1,7 +1,7 @@
 import { useSidebarNestedItems } from "./useSidebarNestedItems.js";
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
-var ScalarSidebarItems_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSidebarItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSidebarItems",
 	props: { is: { default: "ul" } },

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarItems.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarItems.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Items component\n *\n * A base container for ScalarSidebarItem(s), renders as\n * a  `<ul>` by default to meet accessibility requirements\n *\n * @example\n * <ScalarSidebarItems>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n * </ScalarSidebarItems>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nimport { useSidebarNestedItems } from './useSidebarNestedItems'\n\nconst { is = 'ul' } = defineProps<{\n  is?: Component | string\n}>()\n\nconst { open } = useSidebarNestedItems()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"\n      cx(\n        'group/items relative flex flex-col p-(--scalar-sidebar-padding) gap-px transition-transform duration-300',\n        open ? '-translate-x-full' : 'translate-x-0',\n      )\n    \">\n    <slot />\n  </component>\n</template>\n<style>\n@reference \"../../style.css\";\n\n/* Hide the buttons from the keyboard when a nested item is open */\n.group\\/items.-translate-x-full .group\\/button {\n  /* Required to prevent the button from being focused */\n  display: none;\n  /* Required to prevent the button from taking up scroll space */\n  max-height: 0;\n\n  transition-property: display, max-height;\n  transition-behavior: allow-discrete;\n  transition-duration: 0s;\n  transition-delay: 300ms;\n}\n\n/* Show the buttons within a nested item when it is open */\n.group\\/item.group\\/nested-items-open\n  > *\n  > .group\\/items.translate-x-0\n  .group\\/button {\n  max-height: calc(infinity * 1px);\n  display: flex;\n}\n</style>\n"],"mappings":";;;;;;;;EA0BA,MAAM,EAAE,SAAS,uBAAsB;EAGvC,MAAM,EAAE,OAAO,WAAU;;uBAGvB,YASY,wBARL,QAAA,GAAE,EAAA,eAAA,mBACQ,MAAA,GAAE,CAAA,4GAA8H,MAAA,KAAI,GAAA,sBAAA,gBAAA,CAAA,CAAA,EAAA;2BAM3I,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"ScalarSidebarItems.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarItems.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Items component\n *\n * A base container for ScalarSidebarItem(s), renders as\n * a  `<ul>` by default to meet accessibility requirements\n *\n * @example\n * <ScalarSidebarItems>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n * </ScalarSidebarItems>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nimport { useSidebarNestedItems } from './useSidebarNestedItems'\n\nconst { is = 'ul' } = defineProps<{\n  is?: Component | string\n}>()\n\nconst { open } = useSidebarNestedItems()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"\n      cx(\n        'group/items relative flex flex-col p-(--scalar-sidebar-padding) gap-px transition-transform duration-300',\n        open ? '-translate-x-full' : 'translate-x-0',\n      )\n    \">\n    <slot />\n  </component>\n</template>\n<style>\n@reference \"../../style.css\";\n\n/* Hide the buttons from the keyboard when a nested item is open */\n.group\\/items.-translate-x-full .group\\/button {\n  /* Required to prevent the button from being focused */\n  display: none;\n  /* Required to prevent the button from taking up scroll space */\n  max-height: 0;\n\n  transition-property: display, max-height;\n  transition-behavior: allow-discrete;\n  transition-duration: 0s;\n  transition-delay: 300ms;\n}\n\n/* Show the buttons within a nested item when it is open */\n.group\\/item.group\\/nested-items-open\n  > *\n  > .group\\/items.translate-x-0\n  .group\\/button {\n  max-height: calc(infinity * 1px);\n  display: flex;\n}\n</style>\n"],"mappings":";;;;;;;;EA0BA,MAAM,EAAE,SAAS,sBAAsB;EAGvC,MAAM,EAAE,OAAO,UAAU;;uBAGvB,YASY,wBARL,QAAA,EAAE,GAAA,eAAA,mBACQ,MAAA,EAAA,CAAE,CAAA,4GAA8H,MAAA,IAAA,IAAI,sBAAA,eAAA,CAAA,CAAA,GAAA;2BAM3I,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

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

@@ -1,6 +1,6 @@
 import ScalarSidebarItem_default from "./ScalarSidebarItem.vue.js";
 import { Fragment, createBlock, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, withCtx } from "vue";
-var ScalarSidebarLoading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSidebarLoading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ScalarSidebarLoading",
 	props: { items: { default: 4 } },
 	setup(__props) {

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarLoading.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarLoading.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Skeleton loading UI for the sidebar. Renders animated pulse bars inside\n * `ScalarSidebarItem` rows so spacing and hierarchy match real navigation while content loads.\n *\n * @example\n * ```vue\n * <ScalarSidebarLoading :items=\"6\" />\n * ```\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport ScalarSidebarItem from '@/components/ScalarSidebar/ScalarSidebarItem.vue'\n\nconst { items = 4 } = defineProps<{\n  /** The number of items to display */\n  items?: number\n}>()\n</script>\n<template>\n  <ScalarSidebarItem\n    v-for=\"idx in items\"\n    :key=\"idx\"\n    class=\"pointer-events-none\">\n    <div\n      class=\"group/button-loading bg-sidebar-c-2/15 rounded-lg animate-pulse h-lh w-full box-content py-px -my-px\" />\n  </ScalarSidebarItem>\n</template>\n<style>\n@reference \"../../style.css\";\n\n.group\\/item:last-of-type\n  > .group\\/button\n  > .group\\/button-label\n  > .group\\/button-loading {\n  @apply w-2/3;\n}\n</style>\n"],"mappings":";;;;;;;2BAqBE,mBAMoB,UAAA,MAAA,WALJ,QAAA,QAAP,QAAG;wBADZ,YAMoB,2BAAA;KAJjB,KAAK;KACN,OAAM;;4BAE2G,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADjH,mBACiH,OAAA,EAA/G,OAAM,wGAAsG,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"ScalarSidebarLoading.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarLoading.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Skeleton loading UI for the sidebar. Renders animated pulse bars inside\n * `ScalarSidebarItem` rows so spacing and hierarchy match real navigation while content loads.\n *\n * @example\n * ```vue\n * <ScalarSidebarLoading :items=\"6\" />\n * ```\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport ScalarSidebarItem from '@/components/ScalarSidebar/ScalarSidebarItem.vue'\n\nconst { items = 4 } = defineProps<{\n  /** The number of items to display */\n  items?: number\n}>()\n</script>\n<template>\n  <ScalarSidebarItem\n    v-for=\"idx in items\"\n    :key=\"idx\"\n    class=\"pointer-events-none\">\n    <div\n      class=\"group/button-loading bg-sidebar-c-2/15 rounded-lg animate-pulse h-lh w-full box-content py-px -my-px\" />\n  </ScalarSidebarItem>\n</template>\n<style>\n@reference \"../../style.css\";\n\n.group\\/item:last-of-type\n  > .group\\/button\n  > .group\\/button-label\n  > .group\\/button-loading {\n  @apply w-2/3;\n}\n</style>\n"],"mappings":";;;;;;;2BAqBE,mBAMoB,UAAA,MAAA,WALJ,QAAA,QAAP,QAAG;wBADZ,YAMoB,2BAAA;KAJjB,KAAK;KACN,OAAM;;4BAE2G,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADjH,mBACiH,OAAA,EAA/G,OAAM,uGAAsG,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarNestedItems.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarNestedItems.vue"],"names":[],"mappings":"AAyNA;;;;;;;;;;;;;;;GAeG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;;;;WA+FT,OAAO;;;;;;;;;;;WAAP,OAAO;;;;;;IA9Ed,qCAAqC;cACzB,MAAM,OAAO;IACzB,iCAAiC;aACtB,MAAM,OAAO;IACxB,wBAAwB;WACf,MAAM,OAAO;IACtB,8BAA8B;YACpB,MAAM,OAAO;IACvB,+BAA+B;WACtB,MAAM,OAAO;IACtB,qCAAqC;mBACtB,MAAM,OAAO;IAC5B,mCAAmC;YACzB,MAAM,OAAO;EA8TrB,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":"ScalarSidebarNestedItems.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarNestedItems.vue"],"names":[],"mappings":"AAyNA;;;;;;;;;;;;;;;GAeG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;;;;WA+FT,OAAO;;;;;;;;;;;WAAP,OAAO;;;;;;IA9Ed,qCAAqC;cACzB,MAAM,OAAO;IACzB,iCAAiC;aACtB,MAAM,OAAO;IACxB,wBAAwB;WACf,MAAM,OAAO;IACtB,8BAA8B;YACpB,MAAM,OAAO;IACvB,+BAA+B;WACtB,MAAM,OAAO;IACtB,qCAAqC;mBACtB,MAAM,OAAO;IAC5B,mCAAmC;YACzB,MAAM,OAAO;EAmUrB,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/ScalarSidebarNestedItems.vue.script.js

@@ -13,10 +13,10 @@ var _hoisted_1 = {
 	class: "absolute inset-0 translate-x-full"
 };
 var _hoisted_2 = { class: "flex flex-col gap-px sticky top-(--scalar-sidebar-sticky-offset,0) pt-(--scalar-sidebar-padding) -mt-(--scalar-sidebar-padding) px-(--scalar-sidebar-padding) -mx-(--scalar-sidebar-padding) bg-sidebar-b-1 z-1 animate-sidebar-border-bottom border-b-sidebar-border" };
-var ScalarSidebarNestedItems_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSidebarNestedItems_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSidebarNestedItems",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		is: {},
 		icon: { type: [Object, Function] },
 		active: { type: Boolean },
@@ -33,7 +33,7 @@ var ScalarSidebarNestedItems_vue_vue_type_script_setup_true_lang_default = /* @_
 		},
 		"openModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels(["click", "back"], ["update:open"]),
+	emits: /*@__PURE__*/ mergeModels(["click", "back"], ["update:open"]),
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const open = useModel(__props, "open");
@@ -111,7 +111,7 @@ var ScalarSidebarNestedItems_vue_vue_type_script_setup_true_lang_default = /* @_
 						icon: withCtx(() => [createVNode(unref(ScalarIconCaretLeft), { class: "size-4 -m-px text-sidebar-c-2" })]),
 						default: withCtx(() => [renderSlot(_ctx.$slots, "back-label", {}, () => [_cache[0] || (_cache[0] = createTextVNode("Back", -1))])]),
 						_: 3
-					})]), createVNode(ScalarSidebarSpacer_default, { class: "h-3" })]), __props.loading ? (openBlock(), createBlock(ScalarSidebarLoading_default, { key: 0 })) : renderSlot(_ctx.$slots, "items", { key: 1 })]),
+					})]), createVNode(ScalarSidebarSpacer_default, { class: "h-3" })]), __props.loading ? (openBlock(), createBlock(ScalarSidebarLoading_default, { key: 0 })) : renderSlot(_ctx.$slots, "items", {}, void 0, void 0, 1)]),
 					_: 3
 				}, 16)])) : createCommentVNode("", true)]),
 				_: 3

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarNestedItems.vue.script.js","names":["$attrs","$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarNestedItems.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Nested Items component\n *\n * A provides list of items thats presented over the parent list\n * Needs to be nested inside a ScalarSidebarItems component\n *\n * @example\n * <ScalarSidebarNestedItems v-model=\"open\">\n *   <!-- Item text -->\n *   <template #items>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *   </template>\n * </ScalarSidebarNestedItems>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconArrowRight, ScalarIconCaretLeft } from '@scalar/icons'\nimport { nextTick, ref, useTemplateRef } from 'vue'\n\nimport ScalarSidebarButton from './ScalarSidebarButton.vue'\nimport ScalarSidebarItems from './ScalarSidebarItems.vue'\nimport ScalarSidebarLoading from './ScalarSidebarLoading.vue'\nimport ScalarSidebarSpacer from './ScalarSidebarSpacer.vue'\nimport { findScrollContainer } from './findScrollContainer'\nimport type { ScalarSidebarGroupProps } from './types'\nimport { useSidebarGroups } from './useSidebarGroups'\nimport { useSidebarNestedItem } from './useSidebarNestedItems'\n\nconst { controlled } = defineProps<ScalarSidebarGroupProps>()\n\nconst emit = defineEmits<{\n  /** Emitted when the nested item button is clicked */\n  (e: 'click', event: MouseEvent): void\n  /** Emitted when the back button is clicked */\n  (e: 'back', event: MouseEvent): void\n}>()\n\nconst open = defineModel<boolean>('open', { default: false })\nuseSidebarNestedItem(() => open.value)\n\ndefineSlots<{\n  /** The text content of the button */\n  'default'?: () => unknown\n  /** Override the entire button */\n  'button'?: () => unknown\n  /** Override the icon */\n  'icon'?: () => unknown\n  /** Override the aside slot */\n  'aside'?: () => unknown\n  /** Override the back button */\n  'back'?: () => unknown\n  /** Override the back button label */\n  'back-label'?: () => unknown\n  /** The list of sidebar subitems */\n  'items'?: () => unknown\n}>()\n\nconst { level } = useSidebarGroups({ reset: true })\n\n/** The root element ref */\nconst el = useTemplateRef('el')\n\n/** How far down to offset the nested items by when animating them in */\nconst offset = ref(0)\n\n// Transition hooks\n\nfunction onOpen() {\n  // Calculate how far down the nearest scroll container is scrolled\n  // We offset the nested items by this amount when animating them\n  // in so they appear in line with the parent items list.\n  offset.value = findScrollContainer(el.value).scrollTop ?? 0\n\n  // Focus the first button in the nested items\n  nextTick(() =>\n    el.value\n      ?.querySelector<HTMLButtonElement>('button:not([aria-expanded=\"true\"])')\n      ?.focus({ preventScroll: true }),\n  )\n}\nfunction onOpened() {\n  /** Reset the scroll position of the scroll container after opening */\n  findScrollContainer(el.value).scrollTop = 0\n}\nfunction onClose() {\n  nextTick(() => {\n    el.value?.querySelector('button')?.focus({ preventScroll: true })\n    findScrollContainer(el.value).scrollTop = offset.value\n  })\n}\n\ndefineOptions({ inheritAttrs: false })\n\n/** Handle the click event for the nested items button */\nconst handleClick = (event: MouseEvent) => {\n  // Bubble up the click event\n  emit('click', event)\n  if (!controlled) {\n    // Only toggle the open state if the group is uncontrolled\n    open.value = true\n  }\n}\n\n/** Handle the back button click event */\nconst handleBack = (event: MouseEvent) => {\n  // Bubble up the back event\n  emit('back', event)\n  if (!controlled) {\n    // Only toggle the open state if the group is uncontrolled\n    open.value = false\n  }\n}\n</script>\n<template>\n  <li\n    ref=\"el\"\n    class=\"group/item group/nested-items contents\"\n    :class=\"{ 'group/nested-items-open': open }\"\n    :style=\"{ '--nested-items-offset': `${offset}px` }\">\n    <slot name=\"button\">\n      <ScalarSidebarButton\n        is=\"button\"\n        :aria-expanded=\"open\"\n        :disabled\n        :icon\n        :indent=\"level\"\n        :selected\n        v-bind=\"$attrs\"\n        @click=\"handleClick\">\n        <template\n          v-if=\"$slots.icon\"\n          #icon>\n          <slot name=\"icon\" />\n        </template>\n        <slot />\n        <template #aside>\n          <slot name=\"aside\">\n            <ScalarIconArrowRight class=\"size-4 text-sidebar-c-2\" />\n          </slot>\n        </template>\n      </ScalarSidebarButton>\n    </slot>\n    <!-- Make sure the div is around for the entire transition -->\n    <Transition\n      :duration=\"300\"\n      enterActiveClass=\"top-(--nested-items-offset)!\"\n      leaveActiveClass=\"top-(--nested-items-offset)!\"\n      @afterEnter=\"onOpened\"\n      @enter=\"onOpen\"\n      @leave=\"onClose\">\n      <div\n        v-if=\"open\"\n        class=\"absolute inset-0 translate-x-full\">\n        <ScalarSidebarItems v-bind=\"$attrs\">\n          <div\n            class=\"flex flex-col gap-px sticky top-(--scalar-sidebar-sticky-offset,0) pt-(--scalar-sidebar-padding) -mt-(--scalar-sidebar-padding) px-(--scalar-sidebar-padding) -mx-(--scalar-sidebar-padding) bg-sidebar-b-1 z-1 animate-sidebar-border-bottom border-b-sidebar-border\">\n            <slot name=\"back\">\n              <ScalarSidebarButton\n                is=\"button\"\n                class=\"text-sidebar-c-1 font-sidebar-active hover:text-sidebar-c-1\"\n                @click=\"handleBack\">\n                <template #icon>\n                  <ScalarIconCaretLeft class=\"size-4 -m-px text-sidebar-c-2\" />\n                </template>\n                <slot name=\"back-label\">Back</slot>\n              </ScalarSidebarButton>\n            </slot>\n            <ScalarSidebarSpacer class=\"h-3\" />\n          </div>\n          <ScalarSidebarLoading v-if=\"loading\" />\n          <slot\n            v-else\n            name=\"items\" />\n        </ScalarSidebarItems>\n      </div>\n    </Transition>\n  </li>\n</template>\n\n<style>\n@reference \"../../style.css\";\n\n.animate-sidebar-border-bottom {\n  animation: border-bottom forwards;\n  animation-timeline: scroll();\n  animation-range-end: 1px;\n}\n\n@keyframes border-bottom {\n  from {\n    border-bottom-width: 0;\n  }\n  to {\n    border-bottom-width: var(--scalar-border-width);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,OAAO;EAOb,MAAM,OAAO,SAAoB,SAAC,OAA0B;AAC5D,6BAA2B,KAAK,MAAK;EAmBrC,MAAM,EAAE,UAAU,iBAAiB,EAAE,OAAO,MAAM,CAAA;;EAGlD,MAAM,KAAK,eAAe,KAAI;;EAG9B,MAAM,SAAS,IAAI,EAAC;EAIpB,SAAS,SAAS;AAIhB,UAAO,QAAQ,oBAAoB,GAAG,MAAM,CAAC,aAAa;AAG1D,kBACE,GAAG,OACC,cAAiC,uCAAoC,EACrE,MAAM,EAAE,eAAe,MAAM,CAAC,CACpC;;EAEF,SAAS,WAAW;;AAElB,uBAAoB,GAAG,MAAM,CAAC,YAAY;;EAE5C,SAAS,UAAU;AACjB,kBAAe;AACb,OAAG,OAAO,cAAc,SAAS,EAAE,MAAM,EAAE,eAAe,MAAM,CAAA;AAChE,wBAAoB,GAAG,MAAM,CAAC,YAAY,OAAO;KAClD;;;EAMH,MAAM,eAAe,UAAsB;AAEzC,QAAK,SAAS,MAAK;AACnB,OAAI,CAAC,QAAA,WAEH,MAAK,QAAQ;;;EAKjB,MAAM,cAAc,UAAsB;AAExC,QAAK,QAAQ,MAAK;AAClB,OAAI,CAAC,QAAA,WAEH,MAAK,QAAQ;;;uBAKf,mBA8DK,MAAA;aA7DC;IAAJ,KAAI;IACJ,OAAK,eAAA,CAAC,0CAAwC,EAAA,2BACT,KAAA,OAAI,CAAA,CAAA;IACxC,OAAK,eAAA,EAAA,yBAAA,GAAgC,OAAA,MAAM,KAAA,CAAA;OAC5C,WAsBO,KAAA,QAAA,UAAA,EAAA,QAAA,CArBL,YAoBsB,6BApBtB,WAoBsB;IAnBpB,IAAG;IACF,iBAAe,KAAA;IACf,UAAA,QAAA;IACA,MAAA,QAAA;IACA,QAAQ,MAAA,MAAK;IACb,UAAA,QAAA;MACOA,KAAAA,QAAM,EACb,SAAO,aAAW,CAAA,EAAA,YAAA;IAOR,OAAK,cAGP,CAFP,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CADL,YAAwD,MAAA,qBAAA,EAAA,EAAlC,OAAM,2BAAyB,CAAA,CAAA,CAAA,CAAA,CAAA;2BAHjD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;OAJAC,KAAAA,OAAO,OAAA;UACZ;sBACmB,CAApB,WAAoB,KAAA,QAAA,OAAA,CAAA,CAAA;;;;;;;;SAW1B,YAgCa,YAAA;IA/BV,UAAU;IACX,kBAAiB;IACjB,kBAAiB;IAChB,cAAY;IACZ,SAAO;IACP,SAAO;;2BAyBF,CAvBE,KAAA,SAAA,WAAA,EADR,mBAwBM,OAxBN,YAwBM,CArBJ,YAoBqB,4BAAA,eAAA,mBApBOD,KAAAA,OAAM,CAAA,EAAA;4BAe1B,CAdN,mBAcM,OAdN,YAcM,CAZJ,WAUO,KAAA,QAAA,QAAA,EAAA,QAAA,CATL,YAQsB,6BAAA;MAPpB,IAAG;MACH,OAAM;MACL,SAAO;;MACG,MAAI,cACgD,CAA7D,YAA6D,MAAA,oBAAA,EAAA,EAAxC,OAAM,iCAA+B,CAAA,CAAA,CAAA;6BAEzB,CAAnC,WAAmC,KAAA,QAAA,cAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAX,QAAI,GAAA,EAAA,CAAA,CAAA,CAAA;;WAGhC,YAAmC,6BAAA,EAAd,OAAM,OAAK,CAAA,CAAA,CAAA,EAEN,QAAA,WAAA,WAAA,EAA5B,YAAuC,8BAAA,EAAA,KAAA,GAAA,CAAA,IACvC,WAEiB,KAAA,QAAA,SAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ScalarSidebarNestedItems.vue.script.js","names":["$attrs","$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarNestedItems.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Nested Items component\n *\n * A provides list of items thats presented over the parent list\n * Needs to be nested inside a ScalarSidebarItems component\n *\n * @example\n * <ScalarSidebarNestedItems v-model=\"open\">\n *   <!-- Item text -->\n *   <template #items>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *   </template>\n * </ScalarSidebarNestedItems>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconArrowRight, ScalarIconCaretLeft } from '@scalar/icons'\nimport { nextTick, ref, useTemplateRef } from 'vue'\n\nimport ScalarSidebarButton from './ScalarSidebarButton.vue'\nimport ScalarSidebarItems from './ScalarSidebarItems.vue'\nimport ScalarSidebarLoading from './ScalarSidebarLoading.vue'\nimport ScalarSidebarSpacer from './ScalarSidebarSpacer.vue'\nimport { findScrollContainer } from './findScrollContainer'\nimport type { ScalarSidebarGroupProps } from './types'\nimport { useSidebarGroups } from './useSidebarGroups'\nimport { useSidebarNestedItem } from './useSidebarNestedItems'\n\nconst { controlled } = defineProps<ScalarSidebarGroupProps>()\n\nconst emit = defineEmits<{\n  /** Emitted when the nested item button is clicked */\n  (e: 'click', event: MouseEvent): void\n  /** Emitted when the back button is clicked */\n  (e: 'back', event: MouseEvent): void\n}>()\n\nconst open = defineModel<boolean>('open', { default: false })\nuseSidebarNestedItem(() => open.value)\n\ndefineSlots<{\n  /** The text content of the button */\n  'default'?: () => unknown\n  /** Override the entire button */\n  'button'?: () => unknown\n  /** Override the icon */\n  'icon'?: () => unknown\n  /** Override the aside slot */\n  'aside'?: () => unknown\n  /** Override the back button */\n  'back'?: () => unknown\n  /** Override the back button label */\n  'back-label'?: () => unknown\n  /** The list of sidebar subitems */\n  'items'?: () => unknown\n}>()\n\nconst { level } = useSidebarGroups({ reset: true })\n\n/** The root element ref */\nconst el = useTemplateRef('el')\n\n/** How far down to offset the nested items by when animating them in */\nconst offset = ref(0)\n\n// Transition hooks\n\nfunction onOpen() {\n  // Calculate how far down the nearest scroll container is scrolled\n  // We offset the nested items by this amount when animating them\n  // in so they appear in line with the parent items list.\n  offset.value = findScrollContainer(el.value).scrollTop ?? 0\n\n  // Focus the first button in the nested items\n  nextTick(() =>\n    el.value\n      ?.querySelector<HTMLButtonElement>('button:not([aria-expanded=\"true\"])')\n      ?.focus({ preventScroll: true }),\n  )\n}\nfunction onOpened() {\n  /** Reset the scroll position of the scroll container after opening */\n  findScrollContainer(el.value).scrollTop = 0\n}\nfunction onClose() {\n  nextTick(() => {\n    el.value?.querySelector('button')?.focus({ preventScroll: true })\n    findScrollContainer(el.value).scrollTop = offset.value\n  })\n}\n\ndefineOptions({ inheritAttrs: false })\n\n/** Handle the click event for the nested items button */\nconst handleClick = (event: MouseEvent) => {\n  // Bubble up the click event\n  emit('click', event)\n  if (!controlled) {\n    // Only toggle the open state if the group is uncontrolled\n    open.value = true\n  }\n}\n\n/** Handle the back button click event */\nconst handleBack = (event: MouseEvent) => {\n  // Bubble up the back event\n  emit('back', event)\n  if (!controlled) {\n    // Only toggle the open state if the group is uncontrolled\n    open.value = false\n  }\n}\n</script>\n<template>\n  <li\n    ref=\"el\"\n    class=\"group/item group/nested-items contents\"\n    :class=\"{ 'group/nested-items-open': open }\"\n    :style=\"{ '--nested-items-offset': `${offset}px` }\">\n    <slot name=\"button\">\n      <ScalarSidebarButton\n        is=\"button\"\n        :aria-expanded=\"open\"\n        :disabled\n        :icon\n        :indent=\"level\"\n        :selected\n        v-bind=\"$attrs\"\n        @click=\"handleClick\">\n        <template\n          v-if=\"$slots.icon\"\n          #icon>\n          <slot name=\"icon\" />\n        </template>\n        <slot />\n        <template #aside>\n          <slot name=\"aside\">\n            <ScalarIconArrowRight class=\"size-4 text-sidebar-c-2\" />\n          </slot>\n        </template>\n      </ScalarSidebarButton>\n    </slot>\n    <!-- Make sure the div is around for the entire transition -->\n    <Transition\n      :duration=\"300\"\n      enterActiveClass=\"top-(--nested-items-offset)!\"\n      leaveActiveClass=\"top-(--nested-items-offset)!\"\n      @afterEnter=\"onOpened\"\n      @enter=\"onOpen\"\n      @leave=\"onClose\">\n      <div\n        v-if=\"open\"\n        class=\"absolute inset-0 translate-x-full\">\n        <ScalarSidebarItems v-bind=\"$attrs\">\n          <div\n            class=\"flex flex-col gap-px sticky top-(--scalar-sidebar-sticky-offset,0) pt-(--scalar-sidebar-padding) -mt-(--scalar-sidebar-padding) px-(--scalar-sidebar-padding) -mx-(--scalar-sidebar-padding) bg-sidebar-b-1 z-1 animate-sidebar-border-bottom border-b-sidebar-border\">\n            <slot name=\"back\">\n              <ScalarSidebarButton\n                is=\"button\"\n                class=\"text-sidebar-c-1 font-sidebar-active hover:text-sidebar-c-1\"\n                @click=\"handleBack\">\n                <template #icon>\n                  <ScalarIconCaretLeft class=\"size-4 -m-px text-sidebar-c-2\" />\n                </template>\n                <slot name=\"back-label\">Back</slot>\n              </ScalarSidebarButton>\n            </slot>\n            <ScalarSidebarSpacer class=\"h-3\" />\n          </div>\n          <ScalarSidebarLoading v-if=\"loading\" />\n          <slot\n            v-else\n            name=\"items\" />\n        </ScalarSidebarItems>\n      </div>\n    </Transition>\n  </li>\n</template>\n\n<style>\n@reference \"../../style.css\";\n\n.animate-sidebar-border-bottom {\n  animation: border-bottom forwards;\n  animation-timeline: scroll();\n  animation-range-end: 1px;\n}\n\n@keyframes border-bottom {\n  from {\n    border-bottom-width: 0;\n  }\n  to {\n    border-bottom-width: var(--scalar-border-width);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,OAAO;EAOb,MAAM,OAAO,SAAoB,SAAC,MAA0B;EAC5D,2BAA2B,KAAK,KAAK;EAmBrC,MAAM,EAAE,UAAU,iBAAiB,EAAE,OAAO,KAAK,CAAC;;EAGlD,MAAM,KAAK,eAAe,IAAI;;EAG9B,MAAM,SAAS,IAAI,CAAC;EAIpB,SAAS,SAAS;GAIhB,OAAO,QAAQ,oBAAoB,GAAG,KAAK,CAAC,CAAC,aAAa;GAG1D,eACE,GAAG,OACC,cAAiC,sCAAoC,CAAA,EACrE,MAAM,EAAE,eAAe,KAAK,CAAC,CACnC;EACF;EACA,SAAS,WAAW;;GAElB,oBAAoB,GAAG,KAAK,CAAC,CAAC,YAAY;EAC5C;EACA,SAAS,UAAU;GACjB,eAAe;IACb,GAAG,OAAO,cAAc,QAAQ,CAAC,EAAE,MAAM,EAAE,eAAe,KAAK,CAAC;IAChE,oBAAoB,GAAG,KAAK,CAAC,CAAC,YAAY,OAAO;GACnD,CAAC;EACH;;EAKA,MAAM,eAAe,UAAsB;GAEzC,KAAK,SAAS,KAAK;GACnB,IAAI,CAAC,QAAA,YAEH,KAAK,QAAQ;EAEjB;;EAGA,MAAM,cAAc,UAAsB;GAExC,KAAK,QAAQ,KAAK;GAClB,IAAI,CAAC,QAAA,YAEH,KAAK,QAAQ;EAEjB;;uBAGE,mBA8DK,MAAA;aA7DC;IAAJ,KAAI;IACJ,OAAK,eAAA,CAAC,0CAAwC,EAAA,2BACT,KAAA,MAAI,CAAA,CAAA;IACxC,OAAK,eAAA,EAAA,yBAAA,GAAgC,OAAA,MAAM,IAAA,CAAA;OAC5C,WAsBO,KAAA,QAAA,UAAA,CAAA,SAAA,CArBL,YAoBsB,6BApBtB,WAoBsB;IAnBpB,IAAG;IACF,iBAAe,KAAA;IACf,UAAA,QAAA;IACA,MAAA,QAAA;IACA,QAAQ,MAAA,KAAA;IACR,UAAA,QAAA;MACOA,KAAAA,QAAM,EACb,SAAO,YAAW,CAAA,GAAA,YAAA;IAOR,OAAK,cAGP,CAFP,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CADL,YAAwD,MAAA,oBAAA,GAAA,EAAlC,OAAM,0BAAyB,CAAA,CAAA,CAAA,CAAA,CAAA;2BAHjD,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;OAJAC,KAAAA,OAAO,OAAA;UACZ;sBACmB,CAApB,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA;;;;;;;;SAW1B,YAgCa,YAAA;IA/BV,UAAU;IACX,kBAAiB;IACjB,kBAAiB;IAChB,cAAY;IACZ,SAAO;IACP,SAAO;;2BAyBF,CAvBE,KAAA,SAAA,UAAA,GADR,mBAwBM,OAxBN,YAwBM,CArBJ,YAoBqB,4BAAA,eAAA,mBApBOD,KAAAA,MAAM,CAAA,GAAA;4BAe1B,CAdN,mBAcM,OAdN,YAcM,CAZJ,WAUO,KAAA,QAAA,QAAA,CAAA,SAAA,CATL,YAQsB,6BAAA;MAPpB,IAAG;MACH,OAAM;MACL,SAAO;;MACG,MAAI,cACgD,CAA7D,YAA6D,MAAA,mBAAA,GAAA,EAAxC,OAAM,gCAA+B,CAAA,CAAA,CAAA;6BAEzB,CAAnC,WAAmC,KAAA,QAAA,cAAA,CAAA,SAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAX,QAAI,EAAA,EAAA,CAAA,CAAA,CAAA;;WAGhC,YAAmC,6BAAA,EAAd,OAAM,MAAK,CAAA,CAAA,CAAA,GAEN,QAAA,WAAA,UAAA,GAA5B,YAAuC,8BAAA,EAAA,KAAA,EAAA,CAAA,KACvC,WAEiB,KAAA,QAAA,SAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSearchButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchButton.vue"],"names":[],"mappings":"AAwDA;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;oBAEA,MAAM;;oBAAN,MAAM;;cAkFV,CAAC,KAAK,IAAgB,KAAK,GAAG;;eAC7B,CAAC,KAAK,IAAgB,KAAK,GAAG;EASzC,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":"ScalarSidebarSearchButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchButton.vue"],"names":[],"mappings":"AA0DA;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;oBAEA,MAAM;;oBAAN,MAAM;;cAmFV,CAAC,KAAK,IAAgB,KAAK,GAAG;;eAC7B,CAAC,KAAK,IAAgB,KAAK,GAAG;EASzC,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/ScalarSidebarSearchButton.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSearchButton.vue.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Search Button component\n *\n * A styled button that serves as a search trigger in the sidebar.\n * Displays a magnifying glass icon and an optional keyboard shortcut.\n *\n * @example\n * <ScalarSidebarSearchButton>\n *   <template #shortcut>⌘K</template>\n * </ScalarSidebarSearchButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nconst { shortcutLabel = 'Keyboard Shortcut:' } = defineProps<{\n  shortcutLabel?: string\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <button\n    role=\"search\"\n    type=\"button\"\n    v-bind=\"\n      cx(\n        'flex items-center rounded border text-base h-8 gap-1 pl-2 pr-1',\n        'bg-sidebar-b-search border-sidebar-border-search text-sidebar-c-search',\n      )\n    \">\n    <ScalarIconMagnifyingGlass class=\"size-4\" />\n    <span class=\"flex-1 text-start leading-none\">\n      <slot>Search...</slot>\n    </span>\n    <span\n      v-if=\"$slots.shortcut\"\n      class=\"uppercase text-sidebar-c-2 leading-none py-1 px-1.25 rounded text-xs font-medium border\">\n      <span class=\"sr-only\">{{ shortcutLabel }}</span>\n      <kbd dir=\"ltr\">\n        <slot name=\"shortcut\" />\n      </kbd>\n    </span>\n  </button>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarSidebarSearchButton.vue.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Search Button component\n *\n * A styled button that serves as a search trigger in the sidebar.\n * Displays a magnifying glass icon and an optional keyboard shortcut.\n *\n * @example\n * <ScalarSidebarSearchButton>\n *   <template #shortcut>⌘K</template>\n * </ScalarSidebarSearchButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nconst { shortcutLabel = 'Keyboard Shortcut:' } = defineProps<{\n  shortcutLabel?: string\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <!-- role=\"search\" is a landmark for a search region, not a button control -->\n  <button\n    type=\"button\"\n    v-bind=\"\n      cx(\n        'flex items-center rounded border text-base h-8 gap-1 pl-2 pr-1',\n        'bg-sidebar-b-search border-sidebar-border-search text-sidebar-c-search',\n      )\n    \">\n    <ScalarIconMagnifyingGlass\n      aria-hidden=\"true\"\n      class=\"size-4\" />\n    <span class=\"flex-1 text-start leading-none\">\n      <slot>Search...</slot>\n    </span>\n    <span\n      v-if=\"$slots.shortcut\"\n      class=\"uppercase text-sidebar-c-2 leading-none py-1 px-1.25 rounded text-xs font-medium border\">\n      <span class=\"sr-only\">{{ shortcutLabel }}</span>\n      <kbd dir=\"ltr\">\n        <slot name=\"shortcut\" />\n      </kbd>\n    </span>\n  </button>\n</template>\n"],"mappings":""}

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

@@ -9,18 +9,18 @@ var _hoisted_2 = {
 };
 var _hoisted_3 = { class: "sr-only" };
 var _hoisted_4 = { dir: "ltr" };
-var ScalarSidebarSearchButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSidebarSearchButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSidebarSearchButton",
 	props: { shortcutLabel: { default: "Keyboard Shortcut:" } },
 	setup(__props) {
 		const { cx } = useBindCx();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", mergeProps({
-				role: "search",
-				type: "button"
-			}, unref(cx)("flex items-center rounded border text-base h-8 gap-1 pl-2 pr-1", "bg-sidebar-b-search border-sidebar-border-search text-sidebar-c-search")), [
-				createVNode(unref(ScalarIconMagnifyingGlass), { class: "size-4" }),
+			return openBlock(), createElementBlock("button", mergeProps({ type: "button" }, unref(cx)("flex items-center rounded border text-base h-8 gap-1 pl-2 pr-1", "bg-sidebar-b-search border-sidebar-border-search text-sidebar-c-search")), [
+				createVNode(unref(ScalarIconMagnifyingGlass), {
+					"aria-hidden": "true",
+					class: "size-4"
+				}),
 				createElementVNode("span", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("Search...", -1))])]),
 				_ctx.$slots.shortcut ? (openBlock(), createElementBlock("span", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(__props.shortcutLabel), 1), createElementVNode("kbd", _hoisted_4, [renderSlot(_ctx.$slots, "shortcut")])])) : createCommentVNode("", true)
 			], 16);

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSearchButton.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Search Button component\n *\n * A styled button that serves as a search trigger in the sidebar.\n * Displays a magnifying glass icon and an optional keyboard shortcut.\n *\n * @example\n * <ScalarSidebarSearchButton>\n *   <template #shortcut>⌘K</template>\n * </ScalarSidebarSearchButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nconst { shortcutLabel = 'Keyboard Shortcut:' } = defineProps<{\n  shortcutLabel?: string\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <button\n    role=\"search\"\n    type=\"button\"\n    v-bind=\"\n      cx(\n        'flex items-center rounded border text-base h-8 gap-1 pl-2 pr-1',\n        'bg-sidebar-b-search border-sidebar-border-search text-sidebar-c-search',\n      )\n    \">\n    <ScalarIconMagnifyingGlass class=\"size-4\" />\n    <span class=\"flex-1 text-start leading-none\">\n      <slot>Search...</slot>\n    </span>\n    <span\n      v-if=\"$slots.shortcut\"\n      class=\"uppercase text-sidebar-c-2 leading-none py-1 px-1.25 rounded text-xs font-medium border\">\n      <span class=\"sr-only\">{{ shortcutLabel }}</span>\n      <kbd dir=\"ltr\">\n        <slot name=\"shortcut\" />\n      </kbd>\n    </span>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAuBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAqBS,UArBT,WAqBS;IApBP,MAAK;IACL,MAAK;MACU,MAAA,GAAE,CAAA,kEAAA,yEAAA,CAAA,EAAA;IAMjB,YAA4C,MAAA,0BAAA,EAAA,EAAjB,OAAM,UAAQ,CAAA;IACzC,mBAEO,QAFP,YAEO,CADL,WAAsB,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAhB,aAAS,GAAA,EAAA,CAAA,CAAA,CAAA;IAGTA,KAAAA,OAAO,YAAA,WAAA,EADf,mBAOO,QAPP,YAOO,CAJL,mBAAgD,QAAhD,YAAgD,gBAAvB,QAAA,cAAa,EAAA,EAAA,EACtC,mBAEM,OAFN,YAEM,CADJ,WAAwB,KAAA,QAAA,WAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}
+{"version":3,"file":"ScalarSidebarSearchButton.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Search Button component\n *\n * A styled button that serves as a search trigger in the sidebar.\n * Displays a magnifying glass icon and an optional keyboard shortcut.\n *\n * @example\n * <ScalarSidebarSearchButton>\n *   <template #shortcut>⌘K</template>\n * </ScalarSidebarSearchButton>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nconst { shortcutLabel = 'Keyboard Shortcut:' } = defineProps<{\n  shortcutLabel?: string\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <!-- role=\"search\" is a landmark for a search region, not a button control -->\n  <button\n    type=\"button\"\n    v-bind=\"\n      cx(\n        'flex items-center rounded border text-base h-8 gap-1 pl-2 pr-1',\n        'bg-sidebar-b-search border-sidebar-border-search text-sidebar-c-search',\n      )\n    \">\n    <ScalarIconMagnifyingGlass\n      aria-hidden=\"true\"\n      class=\"size-4\" />\n    <span class=\"flex-1 text-start leading-none\">\n      <slot>Search...</slot>\n    </span>\n    <span\n      v-if=\"$slots.shortcut\"\n      class=\"uppercase text-sidebar-c-2 leading-none py-1 px-1.25 rounded text-xs font-medium border\">\n      <span class=\"sr-only\">{{ shortcutLabel }}</span>\n      <kbd dir=\"ltr\">\n        <slot name=\"shortcut\" />\n      </kbd>\n    </span>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAuBA,MAAM,EAAE,OAAO,UAAU;;uBAIvB,mBAsBS,UAtBT,WAsBS,EArBP,MAAK,SAAQ,GACE,MAAA,EAAA,CAAE,CAAA,kEAAA,wEAAA,CAAA,GAAA;IAMjB,YAEmB,MAAA,yBAAA,GAAA;KADjB,eAAY;KACZ,OAAM;;IACR,mBAEO,QAFP,YAEO,CADL,WAAsB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAAhB,aAAS,EAAA,EAAA,CAAA,CAAA,CAAA;IAGTA,KAAAA,OAAO,YAAA,UAAA,GADf,mBAOO,QAPP,YAOO,CAJL,mBAAgD,QAAhD,YAAgD,gBAAvB,QAAA,aAAa,GAAA,CAAA,GACtC,mBAEM,OAFN,YAEM,CADJ,WAAwB,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchInput.vue"],"names":[],"mappings":"AAuFA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAGnE;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;gBAEJ,OAAO;aACV,YAAY;YACb,MAAM;;iBAwBH,MAAM;;;;gBA1BL,OAAO;aACV,YAAY;YACb,MAAM;;iBAwBH,MAAM;;;kFA+Hf,CAAC"}
+{"version":3,"file":"ScalarSidebarSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchInput.vue"],"names":[],"mappings":"AAuFA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAGnE;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;gBAEJ,OAAO;aACV,YAAY;YACb,MAAM;;iBAwBH,MAAM;;;;gBA1BL,OAAO;aACV,YAAY;YACb,MAAM;;iBAwBH,MAAM;;;kFAgIf,CAAC"}

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

@@ -5,10 +5,10 @@ import { createBlock, createCommentVNode, createElementBlock, createElementVNode
 import { ScalarIconMagnifyingGlass, ScalarIconX } from "@scalar/icons";
 //#region src/components/ScalarSidebar/ScalarSidebarSearchInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label"];
-var ScalarSidebarSearchInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSidebarSearchInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSidebarSearchInput",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		autofocus: { type: Boolean },
 		loader: {},
 		label: {}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSearchInput.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Search Input component\n *\n * An inline search input for the sidebar with a clear button\n * and optional loading indicator.\n *\n * @example\n * <ScalarSidebarSearchInput v-model=\"query\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass, ScalarIconX } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { onMounted, ref } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\nimport { type LoadingState, ScalarLoading } from '../ScalarLoading'\n\nconst { autofocus } = defineProps<{\n  autofocus?: boolean\n  loader?: LoadingState\n  label?: string\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nconst model = defineModel<string>()\n\nfunction handleClear() {\n  model.value = ''\n  // Push focus back to the input\n  if (inputRef.value) {\n    inputRef.value.focus()\n  }\n}\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n\nonMounted(() => autofocus && inputRef.value?.focus())\n</script>\n<template>\n  <label\n    v-bind=\"\n      stylingAttrsCx(\n        'flex items-center rounded border text-base has-[:focus-visible]:bg-sidebar-b-1 has-[:focus-visible]:outline h-8 gap-1 pl-2 pr-1.5',\n        'bg-sidebar-b-search border-sidebar-border-search',\n        model ? 'text-sidebar-c-1' : 'text-sidebar-c-search',\n      )\n    \">\n    <ScalarIconMagnifyingGlass class=\"text-sidebar-c-search size-4\" />\n    <input\n      ref=\"inputRef\"\n      v-model=\"model\"\n      :aria-label=\"label ?? 'Enter search query'\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      class=\"flex-1 appearance-none rounded border-none bg-transparent outline-none\"\n      placeholder=\"Search...\"\n      spellcheck=\"false\"\n      type=\"search\"\n      v-bind=\"otherAttrs\" />\n    <ScalarLoading\n      v-if=\"loader && loader.isActive\"\n      class=\"mr-3 self-center\"\n      :loader\n      size=\"md\" />\n    <ScalarIconButton\n      v-else-if=\"model\"\n      class=\"p-px size-4\"\n      :icon=\"ScalarIconX\"\n      label=\"Clear Search\"\n      weight=\"bold\"\n      @click.stop.prevent=\"handleClear\" />\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,WAAW,IAA6B,KAAI;EAElD,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAElC,SAAS,cAAc;AACrB,SAAM,QAAQ;AAEd,OAAI,SAAS,MACX,UAAS,MAAM,OAAM;;EAKzB,MAAM,EAAE,gBAAgB,eAAe,WAAU;AAEjD,kBAAgB,QAAA,aAAa,SAAS,OAAO,OAAO,CAAA;;uBAGlD,mBAiCQ,SAAA,eAAA,mBAhCS,MAAA,eAAc,CAAA,qIAAA,oDAAmN,MAAA,QAAK,qBAAA,wBAAA,CAAA,CAAA,EAAA;IAOrP,YAAkE,MAAA,0BAAA,EAAA,EAAvC,OAAM,gCAA8B,CAAA;mBAC/D,mBAWwB,SAXxB,WAWwB;cAVlB;KAAJ,KAAI;wEACU,QAAA;KACb,cAAY,QAAA,SAAK;KAClB,gBAAe;KACf,cAAa;KACb,aAAY;KACZ,OAAM;KACN,aAAY;KACZ,YAAW;KACX,MAAK;OACG,MAAA,WAAU,CAAA,EAAA,MAAA,IAAA,WAAA,EAAA,CAAA,CAAA,YATT,MAAA,MAAK,CAAA,CAAA;IAWR,QAAA,UAAU,QAAA,OAAO,YAAA,WAAA,EADzB,YAIc,MAAA,sBAAA,EAAA;;KAFZ,OAAM;KACL,QAAA,QAAA;KACD,MAAK;+BAEM,MAAA,SAAA,WAAA,EADb,YAMsC,MAAA,yBAAA,EAAA;;KAJpC,OAAM;KACL,MAAM,MAAA,YAAW;KAClB,OAAM;KACN,QAAO;KACN,SAAK,cAAe,aAAW,CAAA,QAAA,UAAA,CAAA"}
+{"version":3,"file":"ScalarSidebarSearchInput.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSearchInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Search Input component\n *\n * An inline search input for the sidebar with a clear button\n * and optional loading indicator.\n *\n * @example\n * <ScalarSidebarSearchInput v-model=\"query\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconMagnifyingGlass, ScalarIconX } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { onMounted, ref } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\nimport { type LoadingState, ScalarLoading } from '../ScalarLoading'\n\nconst { autofocus } = defineProps<{\n  autofocus?: boolean\n  loader?: LoadingState\n  label?: string\n}>()\n\nconst inputRef = ref<HTMLInputElement | null>(null)\n\nconst model = defineModel<string>()\n\nfunction handleClear() {\n  model.value = ''\n  // Push focus back to the input\n  if (inputRef.value) {\n    inputRef.value.focus()\n  }\n}\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n\nonMounted(() => autofocus && inputRef.value?.focus())\n</script>\n<template>\n  <label\n    v-bind=\"\n      stylingAttrsCx(\n        'flex items-center rounded border text-base has-[:focus-visible]:bg-sidebar-b-1 has-[:focus-visible]:outline h-8 gap-1 pl-2 pr-1.5',\n        'bg-sidebar-b-search border-sidebar-border-search',\n        model ? 'text-sidebar-c-1' : 'text-sidebar-c-search',\n      )\n    \">\n    <ScalarIconMagnifyingGlass class=\"text-sidebar-c-search size-4\" />\n    <input\n      ref=\"inputRef\"\n      v-model=\"model\"\n      :aria-label=\"label ?? 'Enter search query'\"\n      autocapitalize=\"off\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      class=\"flex-1 appearance-none rounded border-none bg-transparent outline-none\"\n      placeholder=\"Search...\"\n      spellcheck=\"false\"\n      type=\"search\"\n      v-bind=\"otherAttrs\" />\n    <ScalarLoading\n      v-if=\"loader && loader.isActive\"\n      class=\"mr-3 self-center\"\n      :loader\n      size=\"md\" />\n    <ScalarIconButton\n      v-else-if=\"model\"\n      class=\"p-px size-4\"\n      :icon=\"ScalarIconX\"\n      label=\"Clear Search\"\n      weight=\"bold\"\n      @click.stop.prevent=\"handleClear\" />\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,WAAW,IAA6B,IAAI;EAElD,MAAM,QAAQ,SAAmB,SAAA,YAAC;EAElC,SAAS,cAAc;GACrB,MAAM,QAAQ;GAEd,IAAI,SAAS,OACX,SAAS,MAAM,MAAM;EAEzB;EAGA,MAAM,EAAE,gBAAgB,eAAe,UAAU;EAEjD,gBAAgB,QAAA,aAAa,SAAS,OAAO,MAAM,CAAC;;uBAGlD,mBAiCQ,SAAA,eAAA,mBAhCS,MAAA,cAAA,CAAc,CAAA,qIAAA,oDAAmN,MAAA,QAAK,qBAAA,uBAAA,CAAA,CAAA,GAAA;IAOrP,YAAkE,MAAA,yBAAA,GAAA,EAAvC,OAAM,+BAA8B,CAAA;mBAC/D,mBAWwB,SAXxB,WAWwB;cAVlB;KAAJ,KAAI;wEACU,QAAA;KACb,cAAY,QAAA,SAAK;KAClB,gBAAe;KACf,cAAa;KACb,aAAY;KACZ,OAAM;KACN,aAAY;KACZ,YAAW;KACX,MAAK;OACG,MAAA,UAAA,CAAU,GAAA,MAAA,IAAA,UAAA,GAAA,CAAA,CAAA,YATT,MAAA,KAAK,CAAA,CAAA;IAWR,QAAA,UAAU,QAAA,OAAO,YAAA,UAAA,GADzB,YAIc,MAAA,qBAAA,GAAA;;KAFZ,OAAM;KACL,QAAA,QAAA;KACD,MAAK;+BAEM,MAAA,SAAA,UAAA,GADb,YAMsC,MAAA,wBAAA,GAAA;;KAJpC,OAAM;KACL,MAAM,MAAA,WAAA;KACP,OAAM;KACN,QAAO;KACN,SAAK,cAAe,aAAW,CAAA,QAAA,SAAA,CAAA"}

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

@@ -6,7 +6,7 @@ import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
 //#region src/components/ScalarSidebar/ScalarSidebarSection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex flex-col gap-px" };
-var ScalarSidebarSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSidebarSection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSidebarSection",
 	props: {
@@ -39,7 +39,7 @@ var ScalarSidebarSection_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 						_: 3
 					}, 8, ["icon", "indent"])) : createCommentVNode("", true),
-					createElementVNode("ul", _hoisted_1, [__props.loading ? (openBlock(), createBlock(ScalarSidebarLoading_default, { key: 0 })) : renderSlot(_ctx.$slots, "items", { key: 1 })]),
+					createElementVNode("ul", _hoisted_1, [__props.loading ? (openBlock(), createBlock(ScalarSidebarLoading_default, { key: 0 })) : renderSlot(_ctx.$slots, "items", {}, void 0, void 0, 1)]),
 					createVNode(ScalarSidebarSpacer_default, {
 						class: "group/spacer-after h-3",
 						indent: unref(level)

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSection.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Section component\n *\n * A section of the sidebar that can contain subitems\n *\n * @example\n * <ScalarSidebarSection>\n *   <!-- Section title -->\n *   <template #title>\n *     My Section\n *   </template>\n *   <!-- Section items -->\n *   <template #items>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *   </template>\n * </ScalarSidebarSection>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarSidebarButton from './ScalarSidebarButton.vue'\nimport ScalarSidebarLoading from './ScalarSidebarLoading.vue'\nimport ScalarSidebarSpacer from './ScalarSidebarSpacer.vue'\nimport type { ScalarSidebarGroupProps, ScalarSidebarItemProps } from './types'\nimport { useSidebarGroups } from './useSidebarGroups'\n\nconst { is = 'li' } = defineProps<\n  ScalarSidebarItemProps & Pick<ScalarSidebarGroupProps, 'loading'>\n>()\n\ndefineSlots<{\n  /** The text content of the toggle */\n  default?(): unknown\n  /** The list of sidebar subitems */\n  items?(): unknown\n}>()\n\nconst { level } = useSidebarGroups({ increment: false })\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"cx('group/item group/sidebar-section contents')\">\n    <ScalarSidebarSpacer\n      class=\"group/spacer-before h-3\"\n      :indent=\"level\" />\n    <ScalarSidebarButton\n      is=\"div\"\n      v-if=\"$slots.default\"\n      class=\"text-sm/4 py-1.75 font-bold\"\n      disabled\n      :icon=\"icon\"\n      :indent=\"level\">\n      <slot />\n    </ScalarSidebarButton>\n    <ul class=\"flex flex-col gap-px\">\n      <ScalarSidebarLoading v-if=\"loading\" />\n      <slot\n        v-else\n        name=\"items\" />\n    </ul>\n    <ScalarSidebarSpacer\n      class=\"group/spacer-after h-3\"\n      :indent=\"level\" />\n  </component>\n</template>\n<style>\n@reference \"../../style.css\";\n\n/* Don't add a spacer before the first section */\n.group\\/sidebar-section:first-of-type > .group\\/spacer-before {\n  @apply h-0;\n}\n\n/* Don't add a spacer after the last section */\n.group\\/sidebar-section:last-of-type > .group\\/spacer-after {\n  @apply h-0;\n}\n\n/* Only one spacer between sections */\n.group\\/sidebar-section:has(+ .group\\/sidebar-section) > .group\\/spacer-after {\n  @apply h-0 -mb-px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAyCA,MAAM,EAAE,UAAU,iBAAiB,EAAE,WAAW,OAAO,CAAA;EAGvD,MAAM,EAAE,OAAO,WAAU;;uBAGvB,YAwBY,wBAvBL,QAAA,GAAE,EAAA,eAAA,mBACC,MAAA,GAAE,CAAA,4CAAA,CAAA,CAAA,EAAA;2BAGU;KAFpB,YAEoB,6BAAA;MADlB,OAAM;MACL,QAAQ,MAAA,MAAK;;KAGRA,KAAAA,OAAO,WAAA,WAAA,EAFf,YAQsB,6BAAA;;MAPpB,IAAG;MAEH,OAAM;MACN,UAAA;MACC,MAAM,QAAA;MACN,QAAQ,MAAA,MAAK;;6BACN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;KAEV,mBAKK,MALL,YAKK,CAJyB,QAAA,WAAA,WAAA,EAA5B,YAAuC,8BAAA,EAAA,KAAA,GAAA,CAAA,IACvC,WAEiB,KAAA,QAAA,SAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA;KAEnB,YAEoB,6BAAA;MADlB,OAAM;MACL,QAAQ,MAAA,MAAK"}
+{"version":3,"file":"ScalarSidebarSection.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Section component\n *\n * A section of the sidebar that can contain subitems\n *\n * @example\n * <ScalarSidebarSection>\n *   <!-- Section title -->\n *   <template #title>\n *     My Section\n *   </template>\n *   <!-- Section items -->\n *   <template #items>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *     <ScalarSidebarItem>...</ScalarSidebarItem>\n *   </template>\n * </ScalarSidebarSection>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarSidebarButton from './ScalarSidebarButton.vue'\nimport ScalarSidebarLoading from './ScalarSidebarLoading.vue'\nimport ScalarSidebarSpacer from './ScalarSidebarSpacer.vue'\nimport type { ScalarSidebarGroupProps, ScalarSidebarItemProps } from './types'\nimport { useSidebarGroups } from './useSidebarGroups'\n\nconst { is = 'li' } = defineProps<\n  ScalarSidebarItemProps & Pick<ScalarSidebarGroupProps, 'loading'>\n>()\n\ndefineSlots<{\n  /** The text content of the toggle */\n  default?(): unknown\n  /** The list of sidebar subitems */\n  items?(): unknown\n}>()\n\nconst { level } = useSidebarGroups({ increment: false })\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"cx('group/item group/sidebar-section contents')\">\n    <ScalarSidebarSpacer\n      class=\"group/spacer-before h-3\"\n      :indent=\"level\" />\n    <ScalarSidebarButton\n      is=\"div\"\n      v-if=\"$slots.default\"\n      class=\"text-sm/4 py-1.75 font-bold\"\n      disabled\n      :icon=\"icon\"\n      :indent=\"level\">\n      <slot />\n    </ScalarSidebarButton>\n    <ul class=\"flex flex-col gap-px\">\n      <ScalarSidebarLoading v-if=\"loading\" />\n      <slot\n        v-else\n        name=\"items\" />\n    </ul>\n    <ScalarSidebarSpacer\n      class=\"group/spacer-after h-3\"\n      :indent=\"level\" />\n  </component>\n</template>\n<style>\n@reference \"../../style.css\";\n\n/* Don't add a spacer before the first section */\n.group\\/sidebar-section:first-of-type > .group\\/spacer-before {\n  @apply h-0;\n}\n\n/* Don't add a spacer after the last section */\n.group\\/sidebar-section:last-of-type > .group\\/spacer-after {\n  @apply h-0;\n}\n\n/* Only one spacer between sections */\n.group\\/sidebar-section:has(+ .group\\/sidebar-section) > .group\\/spacer-after {\n  @apply h-0 -mb-px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAyCA,MAAM,EAAE,UAAU,iBAAiB,EAAE,WAAW,MAAM,CAAC;EAGvD,MAAM,EAAE,OAAO,UAAU;;uBAGvB,YAwBY,wBAvBL,QAAA,EAAE,GAAA,eAAA,mBACC,MAAA,EAAA,CAAE,CAAA,2CAAA,CAAA,CAAA,GAAA;2BAGU;KAFpB,YAEoB,6BAAA;MADlB,OAAM;MACL,QAAQ,MAAA,KAAA;;KAGHA,KAAAA,OAAO,WAAA,UAAA,GAFf,YAQsB,6BAAA;;MAPpB,IAAG;MAEH,OAAM;MACN,UAAA;MACC,MAAM,QAAA;MACN,QAAQ,MAAA,KAAA;;6BACD,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;KAEV,mBAKK,MALL,YAKK,CAJyB,QAAA,WAAA,UAAA,GAA5B,YAAuC,8BAAA,EAAA,KAAA,EAAA,CAAA,KACvC,WAEiB,KAAA,QAAA,SAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,CAAA;KAEnB,YAEoB,6BAAA;MADlB,OAAM;MACL,QAAQ,MAAA,KAAA"}

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

@@ -1,7 +1,7 @@
 import ScalarSidebarIndent_default from "./ScalarSidebarIndent.vue.js";
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createElementBlock, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, unref } from "vue";
-var ScalarSidebarSpacer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarSidebarSpacer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarSidebarSpacer",
 	props: { indent: { default: 0 } },

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarSpacer.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Spacer component\n *\n * Provide a styled spacer for the ScalarSidebar, handles the indent lines for nested groups\n *\n *\n *\n * @example\n *   <ScalarSidebarSpacer />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarSidebarIndent from './ScalarSidebarIndent.vue'\nimport type { SidebarGroupLevel } from './useSidebarGroups'\n\nconst { indent = 0 } = defineProps<{ indent?: SidebarGroupLevel }>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex px-2 h-1')\">\n    <ScalarSidebarIndent :indent=\"indent\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAsBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAEM,OAAA,eAAA,mBAFO,MAAA,GAAE,CAAA,gBAAA,CAAA,CAAA,EAAA,CACb,YAAwC,6BAAA,EAAlB,QAAQ,QAAA,QAAM,EAAA,MAAA,GAAA,CAAA,SAAA,CAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarSidebarSpacer.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarSpacer.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Spacer component\n *\n * Provide a styled spacer for the ScalarSidebar, handles the indent lines for nested groups\n *\n *\n *\n * @example\n *   <ScalarSidebarSpacer />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarSidebarIndent from './ScalarSidebarIndent.vue'\nimport type { SidebarGroupLevel } from './useSidebarGroups'\n\nconst { indent = 0 } = defineProps<{ indent?: SidebarGroupLevel }>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex px-2 h-1')\">\n    <ScalarSidebarIndent :indent=\"indent\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAsBA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,mBAEM,OAAA,eAAA,mBAFO,MAAA,EAAA,CAAE,CAAA,eAAA,CAAA,CAAA,GAAA,CACb,YAAwC,6BAAA,EAAlB,QAAQ,QAAA,OAAM,GAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,GAAA,EAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"findScrollContainer.js","names":[],"sources":["../../../src/components/ScalarSidebar/findScrollContainer.ts"],"sourcesContent":["/**\n * Get the normalized overflow values for both directions from an element.\n */\nfunction getOverflowValues(element: HTMLElement) {\n  const style = window.getComputedStyle(element)\n  const [x, y] = style.overflow.split(' ')\n\n  return {\n    x: style.overflowX || x,\n    y: style.overflowY || y || x,\n  }\n}\n\n/**\n * Find the nearest scrollable parent of an element.\n */\nexport function findScrollContainer(element?: HTMLElement | null, direction: 'x' | 'y' = 'y') {\n  if (!element) {\n    return document.documentElement\n  }\n\n  let parent = element.parentElement\n  while (parent) {\n    const overflowValues = getOverflowValues(parent)\n    const value = overflowValues[direction]\n\n    if (value === 'auto' || value === 'scroll') {\n      return parent\n    }\n    parent = parent.parentElement\n  }\n\n  return document.documentElement\n}\n"],"mappings":";;;;AAGA,SAAS,kBAAkB,SAAsB;CAC/C,MAAM,QAAQ,OAAO,iBAAiB,QAAQ;CAC9C,MAAM,CAAC,GAAG,KAAK,MAAM,SAAS,MAAM,IAAI;AAExC,QAAO;EACL,GAAG,MAAM,aAAa;EACtB,GAAG,MAAM,aAAa,KAAK;EAC5B;;;;;AAMH,SAAgB,oBAAoB,SAA8B,YAAuB,KAAK;AAC5F,KAAI,CAAC,QACH,QAAO,SAAS;CAGlB,IAAI,SAAS,QAAQ;AACrB,QAAO,QAAQ;EAEb,MAAM,QADiB,kBAAkB,OAAO,CACnB;AAE7B,MAAI,UAAU,UAAU,UAAU,SAChC,QAAO;AAET,WAAS,OAAO;;AAGlB,QAAO,SAAS"}
+{"version":3,"file":"findScrollContainer.js","names":[],"sources":["../../../src/components/ScalarSidebar/findScrollContainer.ts"],"sourcesContent":["/**\n * Get the normalized overflow values for both directions from an element.\n */\nfunction getOverflowValues(element: HTMLElement) {\n  const style = window.getComputedStyle(element)\n  const [x, y] = style.overflow.split(' ')\n\n  return {\n    x: style.overflowX || x,\n    y: style.overflowY || y || x,\n  }\n}\n\n/**\n * Find the nearest scrollable parent of an element.\n */\nexport function findScrollContainer(element?: HTMLElement | null, direction: 'x' | 'y' = 'y') {\n  if (!element) {\n    return document.documentElement\n  }\n\n  let parent = element.parentElement\n  while (parent) {\n    const overflowValues = getOverflowValues(parent)\n    const value = overflowValues[direction]\n\n    if (value === 'auto' || value === 'scroll') {\n      return parent\n    }\n    parent = parent.parentElement\n  }\n\n  return document.documentElement\n}\n"],"mappings":";;;;AAGA,SAAS,kBAAkB,SAAsB;CAC/C,MAAM,QAAQ,OAAO,iBAAiB,OAAO;CAC7C,MAAM,CAAC,GAAG,KAAK,MAAM,SAAS,MAAM,GAAG;CAEvC,OAAO;EACL,GAAG,MAAM,aAAa;EACtB,GAAG,MAAM,aAAa,KAAK;CAC7B;AACF;;;;AAKA,SAAgB,oBAAoB,SAA8B,YAAuB,KAAK;CAC5F,IAAI,CAAC,SACH,OAAO,SAAS;CAGlB,IAAI,SAAS,QAAQ;CACrB,OAAO,QAAQ;EAEb,MAAM,QADiB,kBAAkB,MAC3B,CAAA,CAAe;EAE7B,IAAI,UAAU,UAAU,UAAU,UAChC,OAAO;EAET,SAAS,OAAO;CAClB;CAEA,OAAO,SAAS;AAClB"}

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

@@ -3,6 +3,8 @@ export { default as ScalarSidebarButton } from './ScalarSidebarButton.vue.js';
 export { default as ScalarSidebarFooter } from './ScalarSidebarFooter.vue.js';
 export { default as ScalarSidebarGroup } from './ScalarSidebarGroup.vue.js';
 export { default as ScalarSidebarGroupToggle } from './ScalarSidebarGroupToggle.vue.js';
+export { default as ScalarSidebarGroupToggleButton } from './ScalarSidebarGroupToggleButton.vue.js';
+export { default as ScalarSidebarGroupToggleSpacer } from './ScalarSidebarGroupToggleSpacer.vue.js';
 export { default as ScalarSidebarIndent } from './ScalarSidebarIndent.vue.js';
 export { default as ScalarSidebarItem } from './ScalarSidebarItem.vue.js';
 export { default as ScalarSidebarItems } from './ScalarSidebarItems.vue.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AACtF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,sCAAsC,CAAA;AAChG,OAAO,EAAE,OAAO,IAAI,8BAA8B,EAAE,MAAM,sCAAsC,CAAA;AAChG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AACtF,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AACpF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/components/ScalarSidebar/index.js

@@ -3,6 +3,8 @@ import ScalarSidebarIndent_default from "./ScalarSidebarIndent.vue.js";
 import ScalarSidebarButton_default from "./ScalarSidebarButton.vue.js";
 import ScalarSidebarFooter_default from "./ScalarSidebarFooter.vue.js";
 import ScalarSidebarGroupToggle_default from "./ScalarSidebarGroupToggle.vue.js";
+import ScalarSidebarGroupToggleButton_default from "./ScalarSidebarGroupToggleButton.vue.js";
+import ScalarSidebarGroupToggleSpacer_default from "./ScalarSidebarGroupToggleSpacer.vue.js";
 import ScalarSidebarItem_default from "./ScalarSidebarItem.vue.js";
 import ScalarSidebarGroup_default from "./ScalarSidebarGroup.vue.js";
 import ScalarSidebarItems_default from "./ScalarSidebarItems.vue.js";
@@ -11,4 +13,4 @@ import ScalarSidebarNestedItems_default from "./ScalarSidebarNestedItems.vue.js"
 import ScalarSidebarSearchButton_default from "./ScalarSidebarSearchButton.vue.js";
 import ScalarSidebarSearchInput_default from "./ScalarSidebarSearchInput.vue.js";
 import ScalarSidebarSection_default from "./ScalarSidebarSection.vue.js";
-export { ScalarSidebar_default as ScalarSidebar, ScalarSidebarButton_default as ScalarSidebarButton, ScalarSidebarFooter_default as ScalarSidebarFooter, ScalarSidebarGroup_default as ScalarSidebarGroup, ScalarSidebarGroupToggle_default as ScalarSidebarGroupToggle, ScalarSidebarIndent_default as ScalarSidebarIndent, ScalarSidebarItem_default as ScalarSidebarItem, ScalarSidebarItems_default as ScalarSidebarItems, ScalarSidebarNestedItems_default as ScalarSidebarNestedItems, ScalarSidebarSearchButton_default as ScalarSidebarSearchButton, ScalarSidebarSearchInput_default as ScalarSidebarSearchInput, ScalarSidebarSection_default as ScalarSidebarSection, ScalarSidebarSpacer_default as ScalarSidebarSpacer };
+export { ScalarSidebar_default as ScalarSidebar, ScalarSidebarButton_default as ScalarSidebarButton, ScalarSidebarFooter_default as ScalarSidebarFooter, ScalarSidebarGroup_default as ScalarSidebarGroup, ScalarSidebarGroupToggle_default as ScalarSidebarGroupToggle, ScalarSidebarGroupToggleButton_default as ScalarSidebarGroupToggleButton, ScalarSidebarGroupToggleSpacer_default as ScalarSidebarGroupToggleSpacer, ScalarSidebarIndent_default as ScalarSidebarIndent, ScalarSidebarItem_default as ScalarSidebarItem, ScalarSidebarItems_default as ScalarSidebarItems, ScalarSidebarNestedItems_default as ScalarSidebarNestedItems, ScalarSidebarSearchButton_default as ScalarSidebarSearchButton, ScalarSidebarSearchInput_default as ScalarSidebarSearchInput, ScalarSidebarSection_default as ScalarSidebarSection, ScalarSidebarSpacer_default as ScalarSidebarSpacer };

package/dist/components/ScalarSidebar/useSidebarGroups.js

@@ -21,6 +21,6 @@ var useSidebarGroups = (options = {}) => {
 	return { level };
 };
 //#endregion
-export { useSidebarGroups };
+export { SIDEBAR_GROUPS_SYMBOL, useSidebarGroups };
 
 //# sourceMappingURL=useSidebarGroups.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSidebarGroups.js","names":[],"sources":["../../../src/components/ScalarSidebar/useSidebarGroups.ts"],"sourcesContent":["import { type InjectionKey, inject, provide } from 'vue'\n\ntype SidebarGroupOptions = {\n  /** Increment the level of the sidebar groups */\n  increment?: boolean\n  /** Reset the level of the sidebar groups */\n  reset?: boolean\n}\n\n/**\n * The level of the sidebar groups\n *\n * We shouldn't go deeper than 6 levels\n */\nexport type SidebarGroupLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6\n\n/**\n * Tracks the level of the sidebar groups\n *\n * @default 0\n */\nexport const SIDEBAR_GROUPS_SYMBOL = Symbol() as InjectionKey<SidebarGroupLevel>\n\n/**\n * Get the current level of the sidebar groups\n *\n * Optionally increments or resets the level of the sidebar groups\n * Always returns the current level even if the level is incremented or reset\n */\nexport const useSidebarGroups = (options: SidebarGroupOptions = {}) => {\n  const { increment = false, reset = false } = options\n\n  const level = inject(SIDEBAR_GROUPS_SYMBOL, 0)\n\n  if (reset) {\n    provide(SIDEBAR_GROUPS_SYMBOL, 0)\n  } else if (increment && level < 6) {\n    provide(SIDEBAR_GROUPS_SYMBOL, (level + 1) as SidebarGroupLevel)\n  } else {\n    provide(SIDEBAR_GROUPS_SYMBOL, level)\n  }\n\n  return { level }\n}\n"],"mappings":";;;;;;;AAqBA,IAAa,wBAAwB,QAAQ;;;;;;;AAQ7C,IAAa,oBAAoB,UAA+B,EAAE,KAAK;CACrE,MAAM,EAAE,YAAY,OAAO,QAAQ,UAAU;CAE7C,MAAM,QAAQ,OAAO,uBAAuB,EAAE;AAE9C,KAAI,MACF,SAAQ,uBAAuB,EAAE;UACxB,aAAa,QAAQ,EAC9B,SAAQ,uBAAwB,QAAQ,EAAwB;KAEhE,SAAQ,uBAAuB,MAAM;AAGvC,QAAO,EAAE,OAAO"}
+{"version":3,"file":"useSidebarGroups.js","names":[],"sources":["../../../src/components/ScalarSidebar/useSidebarGroups.ts"],"sourcesContent":["import { type InjectionKey, inject, provide } from 'vue'\n\ntype SidebarGroupOptions = {\n  /** Increment the level of the sidebar groups */\n  increment?: boolean\n  /** Reset the level of the sidebar groups */\n  reset?: boolean\n}\n\n/**\n * The level of the sidebar groups\n *\n * We shouldn't go deeper than 6 levels\n */\nexport type SidebarGroupLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6\n\n/**\n * Tracks the level of the sidebar groups\n *\n * @default 0\n */\nexport const SIDEBAR_GROUPS_SYMBOL = Symbol() as InjectionKey<SidebarGroupLevel>\n\n/**\n * Get the current level of the sidebar groups\n *\n * Optionally increments or resets the level of the sidebar groups\n * Always returns the current level even if the level is incremented or reset\n */\nexport const useSidebarGroups = (options: SidebarGroupOptions = {}) => {\n  const { increment = false, reset = false } = options\n\n  const level = inject(SIDEBAR_GROUPS_SYMBOL, 0)\n\n  if (reset) {\n    provide(SIDEBAR_GROUPS_SYMBOL, 0)\n  } else if (increment && level < 6) {\n    provide(SIDEBAR_GROUPS_SYMBOL, (level + 1) as SidebarGroupLevel)\n  } else {\n    provide(SIDEBAR_GROUPS_SYMBOL, level)\n  }\n\n  return { level }\n}\n"],"mappings":";;;;;;;AAqBA,IAAa,wBAAwB,OAAO;;;;;;;AAQ5C,IAAa,oBAAoB,UAA+B,CAAC,MAAM;CACrE,MAAM,EAAE,YAAY,OAAO,QAAQ,UAAU;CAE7C,MAAM,QAAQ,OAAO,uBAAuB,CAAC;CAE7C,IAAI,OACF,QAAQ,uBAAuB,CAAC;MAC3B,IAAI,aAAa,QAAQ,GAC9B,QAAQ,uBAAwB,QAAQ,CAAuB;MAE/D,QAAQ,uBAAuB,KAAK;CAGtC,OAAO,EAAE,MAAM;AACjB"}

package/dist/components/ScalarSidebar/useSidebarNestedItems.js

@@ -26,7 +26,9 @@ var useSidebarNestedItems = () => {
 		return false;
 	});
 	provide(SIDEBAR_NESTED_ITEMS_SYMBOL, children);
-	return { open };
+	return { 
+	/** Whether or not any nested child items are open */
+open };
 };
 //#endregion
 export { useSidebarNestedItem, useSidebarNestedItems };

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

@@ -1 +1 @@
-{"version":3,"file":"useSidebarNestedItems.js","names":[],"sources":["../../../src/components/ScalarSidebar/useSidebarNestedItems.ts"],"sourcesContent":["import { type InjectionKey, computed, inject, onBeforeUnmount, provide, shallowReactive } from 'vue'\n\ntype SidebarNestedItemOpenGetter = () => boolean\n\n/**\n * Tracks the open state of the nearest nested child items\n */\nconst SIDEBAR_NESTED_ITEMS_SYMBOL = Symbol() as InjectionKey<Set<SidebarNestedItemOpenGetter>>\n\n/**\n * Get the open / closed model for the nearest nested child items\n */\nexport const useSidebarNestedItem = (\n  /** The getter for the open state of the current nested items */\n  open: SidebarNestedItemOpenGetter,\n): void => {\n  const parentList = inject(SIDEBAR_NESTED_ITEMS_SYMBOL)\n\n  if (parentList) {\n    // Add this child to the parent list when the component is mounted\n    parentList.add(open)\n\n    onBeforeUnmount(() => {\n      // Remove the reference to this child from the parent list when the component is unmounted\n      parentList.delete(open)\n    })\n  }\n}\n/**\n * Get whether or not any nested child items are open\n */\nexport const useSidebarNestedItems = () => {\n  // Create a reactive set with getters for each child's open state\n  const children = shallowReactive(new Set<SidebarNestedItemOpenGetter>())\n\n  const open = computed(() => {\n    // Track the child list and each child's open state\n    for (const getIsChildOpen of children) {\n      if (getIsChildOpen()) {\n        return true\n      }\n    }\n\n    return false\n  })\n\n  provide(SIDEBAR_NESTED_ITEMS_SYMBOL, children)\n\n  return {\n    /** Whether or not any nested child items are open */\n    open,\n  }\n}\n"],"mappings":";;;;;AAOA,IAAM,8BAA8B,QAAQ;;;;AAK5C,IAAa,wBAEX,SACS;CACT,MAAM,aAAa,OAAO,4BAA4B;AAEtD,KAAI,YAAY;AAEd,aAAW,IAAI,KAAK;AAEpB,wBAAsB;AAEpB,cAAW,OAAO,KAAK;IACvB;;;;;;AAMN,IAAa,8BAA8B;CAEzC,MAAM,WAAW,gCAAgB,IAAI,KAAkC,CAAC;CAExE,MAAM,OAAO,eAAe;AAE1B,OAAK,MAAM,kBAAkB,SAC3B,KAAI,gBAAgB,CAClB,QAAO;AAIX,SAAO;GACP;AAEF,SAAQ,6BAA6B,SAAS;AAE9C,QAAO,EAEL,MACD"}
+{"version":3,"file":"useSidebarNestedItems.js","names":[],"sources":["../../../src/components/ScalarSidebar/useSidebarNestedItems.ts"],"sourcesContent":["import { type InjectionKey, computed, inject, onBeforeUnmount, provide, shallowReactive } from 'vue'\n\ntype SidebarNestedItemOpenGetter = () => boolean\n\n/**\n * Tracks the open state of the nearest nested child items\n */\nconst SIDEBAR_NESTED_ITEMS_SYMBOL = Symbol() as InjectionKey<Set<SidebarNestedItemOpenGetter>>\n\n/**\n * Get the open / closed model for the nearest nested child items\n */\nexport const useSidebarNestedItem = (\n  /** The getter for the open state of the current nested items */\n  open: SidebarNestedItemOpenGetter,\n): void => {\n  const parentList = inject(SIDEBAR_NESTED_ITEMS_SYMBOL)\n\n  if (parentList) {\n    // Add this child to the parent list when the component is mounted\n    parentList.add(open)\n\n    onBeforeUnmount(() => {\n      // Remove the reference to this child from the parent list when the component is unmounted\n      parentList.delete(open)\n    })\n  }\n}\n/**\n * Get whether or not any nested child items are open\n */\nexport const useSidebarNestedItems = () => {\n  // Create a reactive set with getters for each child's open state\n  const children = shallowReactive(new Set<SidebarNestedItemOpenGetter>())\n\n  const open = computed(() => {\n    // Track the child list and each child's open state\n    for (const getIsChildOpen of children) {\n      if (getIsChildOpen()) {\n        return true\n      }\n    }\n\n    return false\n  })\n\n  provide(SIDEBAR_NESTED_ITEMS_SYMBOL, children)\n\n  return {\n    /** Whether or not any nested child items are open */\n    open,\n  }\n}\n"],"mappings":";;;;;AAOA,IAAM,8BAA8B,OAAO;;;;AAK3C,IAAa,wBAEX,SACS;CACT,MAAM,aAAa,OAAO,2BAA2B;CAErD,IAAI,YAAY;EAEd,WAAW,IAAI,IAAI;EAEnB,sBAAsB;GAEpB,WAAW,OAAO,IAAI;EACxB,CAAC;CACH;AACF;;;;AAIA,IAAa,8BAA8B;CAEzC,MAAM,WAAW,gCAAgB,IAAI,IAAiC,CAAC;CAEvE,MAAM,OAAO,eAAe;EAE1B,KAAK,MAAM,kBAAkB,UAC3B,IAAI,eAAe,GACjB,OAAO;EAIX,OAAO;CACT,CAAC;CAED,QAAQ,6BAA6B,QAAQ;CAE7C,OAAO;;AAEL,KACF;AACF"}

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

@@ -1,6 +1,6 @@
 import { useTeleport } from "./useTeleport.js";
 import { Teleport, createBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
-var ScalarTeleport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarTeleport_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarTeleport",
 	props: {

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarTeleport.vue.script.js","names":["$attrs"],"sources":["../../../src/components/ScalarTeleport/ScalarTeleport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar teleport component\n *\n * Teleports the contents to the nearest <ScalarTeleportRoot>\n * Falls back to the default teleport target (body) if no root is found\n *\n * Is a wrapper around the Vue <Teleport> component and takes the same props\n *\n * @example\n *   <ScalarTeleport>\n *     <div>Teleported Content</div>\n *   </ScalarTeleport>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport type { TeleportProps } from 'vue'\n\nimport { useTeleport } from './useTeleport'\n\ndefineProps<{\n  /**\n   * Override the default teleport target\n   */\n  to?: TeleportProps['to']\n  /**\n   * Whether to teleport immediately, disables the default defer behavior\n   *\n   * @see https://vuejs.org/guide/built-ins/teleport#deferred-teleport\n   */\n  immediate?: boolean\n  /**\n   * Whether to disable teleportation\n   */\n  disabled?: TeleportProps['disabled']\n}>()\n\ndefineSlots<{\n  /** The element to be teleported */\n  default(): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst root = useTeleport()\n</script>\n<template>\n  <Teleport\n    :defer=\"!immediate\"\n    :disabled=\"disabled\"\n    :to=\"to || root\">\n    <div\n      class=\"scalar-app\"\n      style=\"display: contents\"\n      v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;;;;;EA6CA,MAAM,OAAO,aAAY;;uBAGvB,YAUW,UAAA;IATR,OAAK,CAAG,QAAA;IACR,UAAU,QAAA;IACV,IAAI,QAAA,MAAM,MAAA,KAAI;OACf,mBAKM,OALN,WAKM;IAJJ,OAAM;IACN,OAAA,EAAA,WAAA,YAAyB;MACjBA,KAAAA,OAAM,EAAA,CACd,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarTeleport.vue.script.js","names":["$attrs"],"sources":["../../../src/components/ScalarTeleport/ScalarTeleport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar teleport component\n *\n * Teleports the contents to the nearest <ScalarTeleportRoot>\n * Falls back to the default teleport target (body) if no root is found\n *\n * Is a wrapper around the Vue <Teleport> component and takes the same props\n *\n * @example\n *   <ScalarTeleport>\n *     <div>Teleported Content</div>\n *   </ScalarTeleport>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport type { TeleportProps } from 'vue'\n\nimport { useTeleport } from './useTeleport'\n\ndefineProps<{\n  /**\n   * Override the default teleport target\n   */\n  to?: TeleportProps['to']\n  /**\n   * Whether to teleport immediately, disables the default defer behavior\n   *\n   * @see https://vuejs.org/guide/built-ins/teleport#deferred-teleport\n   */\n  immediate?: boolean\n  /**\n   * Whether to disable teleportation\n   */\n  disabled?: TeleportProps['disabled']\n}>()\n\ndefineSlots<{\n  /** The element to be teleported */\n  default(): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst root = useTeleport()\n</script>\n<template>\n  <Teleport\n    :defer=\"!immediate\"\n    :disabled=\"disabled\"\n    :to=\"to || root\">\n    <div\n      class=\"scalar-app\"\n      style=\"display: contents\"\n      v-bind=\"$attrs\">\n      <slot />\n    </div>\n  </Teleport>\n</template>\n"],"mappings":";;;;;;;;;;;EA6CA,MAAM,OAAO,YAAY;;uBAGvB,YAUW,UAAA;IATR,OAAK,CAAG,QAAA;IACR,UAAU,QAAA;IACV,IAAI,QAAA,MAAM,MAAA,IAAA;OACX,mBAKM,OALN,WAKM;IAJJ,OAAM;IACN,OAAA,EAAA,WAAA,WAAA;MACQA,KAAAA,MAAM,GAAA,CACd,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAA"}

package/dist/components/ScalarTeleport/ScalarTeleportRoot.vue.script.js

@@ -2,7 +2,7 @@ import { useProvideTeleport } from "./useTeleport.js";
 import { Fragment, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, unref } from "vue";
 //#region src/components/ScalarTeleport/ScalarTeleportRoot.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["id"];
-var ScalarTeleportRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarTeleportRoot_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarTeleportRoot",
 	props: { id: {} },

package/dist/components/ScalarTeleport/ScalarTeleportRoot.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarTeleportRoot.vue.script.js","names":[],"sources":["../../../src/components/ScalarTeleport/ScalarTeleportRoot.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar teleport root component\n *\n * Provides a teleport target for nested <ScalarTeleport> components\n *\n * @example\n * <ScalarTeleportRoot>\n *   ...\n *   <ScalarTeleport>\n *     <div>Teleported Content</div>\n *   </ScalarTeleport>\n *   ...\n * </ScalarTeleportRoot>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useProvideTeleport } from './useTeleport'\n\nconst props = defineProps<{\n  /**\n   * Override the default teleport target id\n   */\n  id?: string\n}>()\n\ndefineSlots<{\n  /** The content which contains <ScalarTeleports> */\n  default(): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst id = useProvideTeleport(props.id)\n</script>\n<template>\n  <slot />\n  <div\n    :id=\"id\"\n    class=\"scalar-teleport-root contents\" />\n</template>\n"],"mappings":";;;;;;;;;EAkCA,MAAM,KAAK,mBAdG,QAcsB,GAAE;;2DAGpC,WAAQ,KAAA,QAAA,UAAA,EACR,mBAE0C,OAAA;IADvC,IAAI,MAAA,GAAE;IACP,OAAM"}
+{"version":3,"file":"ScalarTeleportRoot.vue.script.js","names":[],"sources":["../../../src/components/ScalarTeleport/ScalarTeleportRoot.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar teleport root component\n *\n * Provides a teleport target for nested <ScalarTeleport> components\n *\n * @example\n * <ScalarTeleportRoot>\n *   ...\n *   <ScalarTeleport>\n *     <div>Teleported Content</div>\n *   </ScalarTeleport>\n *   ...\n * </ScalarTeleportRoot>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useProvideTeleport } from './useTeleport'\n\nconst props = defineProps<{\n  /**\n   * Override the default teleport target id\n   */\n  id?: string\n}>()\n\ndefineSlots<{\n  /** The content which contains <ScalarTeleports> */\n  default(): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\n\nconst id = useProvideTeleport(props.id)\n</script>\n<template>\n  <slot />\n  <div\n    :id=\"id\"\n    class=\"scalar-teleport-root contents\" />\n</template>\n"],"mappings":";;;;;;;;;EAkCA,MAAM,KAAK,mBAAmB,QAAM,EAAE;;2DAGpC,WAAQ,KAAA,QAAA,SAAA,GACR,mBAE0C,OAAA;IADvC,IAAI,MAAA,EAAA;IACL,OAAM"}

package/dist/components/ScalarTeleport/useTeleport.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTeleport.js","names":[],"sources":["../../../src/components/ScalarTeleport/useTeleport.ts"],"sourcesContent":["import { type InjectionKey, inject, provide, useId } from 'vue'\n\n/**\n * The teleport target\n */\nexport const TELEPORT_SYMBOL = Symbol() as InjectionKey<string>\n\n/**\n * Get the nearest teleport target id from `useProvideTeleport`\n *\n * Falls back to `body` if no teleport target id is found\n *\n * @see {@link useProvideTeleport}\n */\nexport const useTeleport = () => inject(TELEPORT_SYMBOL, 'body')\n\n/**\n * Provides a teleport target id using Vue's `provide`\n *\n * @see https://vuejs.org/guide/components/provide-inject.html#provide-inject\n */\nexport const useProvideTeleport = (id?: string) => {\n  // `useId` produces ids that are stable across SSR and client hydration,\n  // avoiding a mismatch on the teleport target id.\n  const targetId = id ?? `scalar-teleport-${useId()}`\n  provide(TELEPORT_SYMBOL, `#${targetId}`)\n  return targetId\n}\n"],"mappings":";;;;;AAKA,IAAa,kBAAkB,QAAQ;;;;;;;;AASvC,IAAa,oBAAoB,OAAO,iBAAiB,OAAO;;;;;;AAOhE,IAAa,sBAAsB,OAAgB;CAGjD,MAAM,WAAW,MAAM,mBAAmB,OAAO;AACjD,SAAQ,iBAAiB,IAAI,WAAW;AACxC,QAAO"}
+{"version":3,"file":"useTeleport.js","names":[],"sources":["../../../src/components/ScalarTeleport/useTeleport.ts"],"sourcesContent":["import { type InjectionKey, inject, provide, useId } from 'vue'\n\n/**\n * The teleport target\n */\nexport const TELEPORT_SYMBOL = Symbol() as InjectionKey<string>\n\n/**\n * Get the nearest teleport target id from `useProvideTeleport`\n *\n * Falls back to `body` if no teleport target id is found\n *\n * @see {@link useProvideTeleport}\n */\nexport const useTeleport = () => inject(TELEPORT_SYMBOL, 'body')\n\n/**\n * Provides a teleport target id using Vue's `provide`\n *\n * @see https://vuejs.org/guide/components/provide-inject.html#provide-inject\n */\nexport const useProvideTeleport = (id?: string) => {\n  // `useId` produces ids that are stable across SSR and client hydration,\n  // avoiding a mismatch on the teleport target id.\n  const targetId = id ?? `scalar-teleport-${useId()}`\n  provide(TELEPORT_SYMBOL, `#${targetId}`)\n  return targetId\n}\n"],"mappings":";;;;;AAKA,IAAa,kBAAkB,OAAO;;;;;;;;AAStC,IAAa,oBAAoB,OAAO,iBAAiB,MAAM;;;;;;AAO/D,IAAa,sBAAsB,OAAgB;CAGjD,MAAM,WAAW,MAAM,mBAAmB,MAAM;CAChD,QAAQ,iBAAiB,IAAI,UAAU;CACvC,OAAO;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextArea/ScalarTextArea.vue"],"names":[],"mappings":"AA2DA;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;iBAqBL,MAAM;;;;iBAAN,MAAM;;;kFAuFf,CAAC"}
+{"version":3,"file":"ScalarTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextArea/ScalarTextArea.vue"],"names":[],"mappings":"AA2DA;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;iBAqBL,MAAM;;;;iBAAN,MAAM;;;kFAwFf,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarTextArea.vue.js","names":[],"sources":["../../../src/components/ScalarTextArea/ScalarTextArea.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Text Area component\n *\n * A wrapper around the HTML textarea element with a focusable container.\n *\n * @example\n *   <ScalarTextArea v-model=\"model\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { useTextareaAutosize } from '@vueuse/core'\nimport { onMounted } from 'vue'\n\nimport { ScalarFormInput } from '../ScalarForm'\n\nconst model = defineModel<string>({ default: '' })\n\nconst { textarea } = useTextareaAutosize({\n  input: model,\n  styleProp: 'minHeight',\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n\nonMounted(() => {\n  // Force autofocus if the textarea has the autofocus attribute\n  if ('autofocus' in otherAttrs.value) textarea.value?.focus()\n})\n</script>\n<template>\n  <ScalarFormInput\n    is=\"div\"\n    v-bind=\"\n      stylingAttrsCx(\n        'custom-scroll flex items-start text-c-1 min-h-0 shrink cursor-text leading-snug focus-within:bg-b-1',\n      )\n    \"\n    @click=\"textarea?.focus()\">\n    <textarea\n      ref=\"textarea\"\n      v-model=\"model\"\n      v-bind=\"otherAttrs\"\n      class=\"w-full resize-none rounded-none border-none bg-transparent placeholder:font-[inherit] focus-within:outline-none\" />\n  </ScalarFormInput>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarTextArea.vue.js","names":[],"sources":["../../../src/components/ScalarTextArea/ScalarTextArea.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Text Area component\n *\n * A wrapper around the HTML textarea element with a focusable container.\n *\n * @example\n *   <ScalarTextArea v-model=\"model\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { useTextareaAutosize } from '@vueuse/core'\nimport { onMounted } from 'vue'\n\nimport { ScalarFormInput } from '../ScalarForm'\n\nconst model = defineModel<string>({ default: '' })\n\nconst { textarea } = useTextareaAutosize({\n  input: model,\n  styleProp: 'minHeight',\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n\nonMounted(() => {\n  // Force autofocus if the textarea has the autofocus attribute\n  if ('autofocus' in otherAttrs.value) textarea.value?.focus()\n})\n</script>\n<template>\n  <ScalarFormInput\n    is=\"div\"\n    v-bind=\"\n      stylingAttrsCx(\n        'custom-scroll flex min-h-0 shrink cursor-text items-start bg-b-1 text-c-1 leading-snug dark:bg-b-1.5',\n      )\n    \"\n    @click=\"textarea?.focus()\">\n    <textarea\n      ref=\"textarea\"\n      v-model=\"model\"\n      v-bind=\"otherAttrs\"\n      class=\"w-full resize-none rounded-none border-none bg-transparent placeholder:font-[inherit] focus-within:outline-none\" />\n  </ScalarFormInput>\n</template>\n"],"mappings":""}