@scalar/components 0.32.1 → 0.33.1

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

@@ -1,22 +0,0 @@
-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({
-	inheritAttrs: false,
-	__name: "ScalarSidebarItems",
-	props: { is: { default: "ul" } },
-	setup(__props) {
-		const { open } = useSidebarNestedItems();
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.is), normalizeProps(guardReactiveProps(unref(cx)("group/items relative flex flex-col p-(--scalar-sidebar-padding) gap-px transition-transform duration-300", unref(open) ? "-translate-x-full" : "translate-x-0"))), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarItems_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarItems.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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,23 +0,0 @@
-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({
-	__name: "ScalarSidebarLoading",
-	props: { items: { default: 4 } },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (idx) => {
-				return openBlock(), createBlock(ScalarSidebarItem_default, {
-					key: idx,
-					class: "pointer-events-none"
-				}, {
-					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("div", { class: "group/button-loading bg-sidebar-c-2/15 rounded-lg animate-pulse h-lh w-full box-content py-px -my-px" }, null, -1)])]),
-					_: 1
-				});
-			}), 128);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarLoading_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarLoading.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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.script.js

@@ -1,125 +0,0 @@
-import ScalarSidebarButton_default from "./ScalarSidebarButton.vue.js";
-import { useSidebarGroups } from "./useSidebarGroups.js";
-import ScalarSidebarLoading_default from "./ScalarSidebarLoading.vue.js";
-import { useSidebarNestedItem } from "./useSidebarNestedItems.js";
-import ScalarSidebarItems_default from "./ScalarSidebarItems.vue.js";
-import ScalarSidebarSpacer_default from "./ScalarSidebarSpacer.vue.js";
-import { findScrollContainer } from "./findScrollContainer.js";
-import { Transition, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderSlot, unref, useModel, useTemplateRef, withCtx } from "vue";
-import { ScalarIconArrowRight, ScalarIconCaretLeft } from "@scalar/icons";
-//#region src/components/ScalarSidebar/ScalarSidebarNestedItems.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	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({
-	inheritAttrs: false,
-	__name: "ScalarSidebarNestedItems",
-	props: /*@__PURE__*/ mergeModels({
-		is: {},
-		icon: { type: [Object, Function] },
-		active: { type: Boolean },
-		selected: { type: Boolean },
-		disabled: { type: Boolean },
-		indent: {},
-		controlled: { type: Boolean },
-		discrete: { type: Boolean },
-		loading: { type: Boolean }
-	}, {
-		"open": {
-			type: Boolean,
-			default: false
-		},
-		"openModifiers": {}
-	}),
-	emits: /*@__PURE__*/ mergeModels(["click", "back"], ["update:open"]),
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const open = useModel(__props, "open");
-		useSidebarNestedItem(() => open.value);
-		const { level } = useSidebarGroups({ reset: true });
-		/** The root element ref */
-		const el = useTemplateRef("el");
-		/** How far down to offset the nested items by when animating them in */
-		const offset = ref(0);
-		function onOpen() {
-			offset.value = findScrollContainer(el.value).scrollTop ?? 0;
-			nextTick(() => el.value?.querySelector("button:not([aria-expanded=\"true\"])")?.focus({ preventScroll: true }));
-		}
-		function onOpened() {
-			/** Reset the scroll position of the scroll container after opening */
-			findScrollContainer(el.value).scrollTop = 0;
-		}
-		function onClose() {
-			nextTick(() => {
-				el.value?.querySelector("button")?.focus({ preventScroll: true });
-				findScrollContainer(el.value).scrollTop = offset.value;
-			});
-		}
-		/** Handle the click event for the nested items button */
-		const handleClick = (event) => {
-			emit("click", event);
-			if (!__props.controlled) open.value = true;
-		};
-		/** Handle the back button click event */
-		const handleBack = (event) => {
-			emit("back", event);
-			if (!__props.controlled) open.value = false;
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("li", {
-				ref_key: "el",
-				ref: el,
-				class: normalizeClass(["group/item group/nested-items contents", { "group/nested-items-open": open.value }]),
-				style: normalizeStyle({ "--nested-items-offset": `${offset.value}px` })
-			}, [renderSlot(_ctx.$slots, "button", {}, () => [createVNode(ScalarSidebarButton_default, mergeProps({
-				is: "button",
-				"aria-expanded": open.value,
-				disabled: __props.disabled,
-				icon: __props.icon,
-				indent: unref(level),
-				selected: __props.selected
-			}, _ctx.$attrs, { onClick: handleClick }), createSlots({
-				aside: withCtx(() => [renderSlot(_ctx.$slots, "aside", {}, () => [createVNode(unref(ScalarIconArrowRight), { class: "size-4 text-sidebar-c-2" })])]),
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 2
-			}, [_ctx.$slots.icon ? {
-				name: "icon",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),
-				key: "0"
-			} : void 0]), 1040, [
-				"aria-expanded",
-				"disabled",
-				"icon",
-				"indent",
-				"selected"
-			])]), createVNode(Transition, {
-				duration: 300,
-				enterActiveClass: "top-(--nested-items-offset)!",
-				leaveActiveClass: "top-(--nested-items-offset)!",
-				onAfterEnter: onOpened,
-				onEnter: onOpen,
-				onLeave: onClose
-			}, {
-				default: withCtx(() => [open.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(ScalarSidebarItems_default, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-					default: withCtx(() => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "back", {}, () => [createVNode(ScalarSidebarButton_default, {
-						is: "button",
-						class: "text-sidebar-c-1 font-sidebar-active hover:text-sidebar-c-1",
-						onClick: handleBack
-					}, {
-						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", {}, void 0, void 0, 1)]),
-					_: 3
-				}, 16)])) : createCommentVNode("", true)]),
-				_: 3
-			})], 6);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarNestedItems_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarNestedItems.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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.script.js

@@ -1,33 +0,0 @@
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref } from "vue";
-import { ScalarIconMagnifyingGlass } from "@scalar/icons";
-//#region src/components/ScalarSidebar/ScalarSidebarSearchButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex-1 text-start leading-none" };
-var _hoisted_2 = {
-	key: 0,
-	class: "uppercase text-sidebar-c-2 leading-none py-1 px-1.25 rounded text-xs font-medium border"
-};
-var _hoisted_3 = { class: "sr-only" };
-var _hoisted_4 = { dir: "ltr" };
-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({ 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);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarSearchButton_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarSearchButton.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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.script.js

@@ -1,65 +0,0 @@
-import ScalarLoading_default from "../ScalarLoading/ScalarLoading.vue.js";
-import ScalarIconButton_default from "../ScalarIconButton/ScalarIconButton.vue.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeProps, onMounted, openBlock, ref, unref, useModel, vModelText, withDirectives, withModifiers } from "vue";
-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({
-	inheritAttrs: false,
-	__name: "ScalarSidebarSearchInput",
-	props: /*@__PURE__*/ mergeModels({
-		autofocus: { type: Boolean },
-		loader: {},
-		label: {}
-	}, {
-		"modelValue": {},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const inputRef = ref(null);
-		const model = useModel(__props, "modelValue");
-		function handleClear() {
-			model.value = "";
-			if (inputRef.value) inputRef.value.focus();
-		}
-		const { stylingAttrsCx, otherAttrs } = useBindCx();
-		onMounted(() => __props.autofocus && inputRef.value?.focus());
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("label", normalizeProps(guardReactiveProps(unref(stylingAttrsCx)("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", "bg-sidebar-b-search border-sidebar-border-search", model.value ? "text-sidebar-c-1" : "text-sidebar-c-search"))), [
-				createVNode(unref(ScalarIconMagnifyingGlass), { class: "text-sidebar-c-search size-4" }),
-				withDirectives(createElementVNode("input", mergeProps({
-					ref_key: "inputRef",
-					ref: inputRef,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-					"aria-label": __props.label ?? "Enter search query",
-					autocapitalize: "off",
-					autocomplete: "off",
-					autocorrect: "off",
-					class: "flex-1 appearance-none rounded border-none bg-transparent outline-none",
-					placeholder: "Search...",
-					spellcheck: "false",
-					type: "search"
-				}, unref(otherAttrs)), null, 16, _hoisted_1), [[vModelText, model.value]]),
-				__props.loader && __props.loader.isActive ? (openBlock(), createBlock(unref(ScalarLoading_default), {
-					key: 0,
-					class: "mr-3 self-center",
-					loader: __props.loader,
-					size: "md"
-				}, null, 8, ["loader"])) : model.value ? (openBlock(), createBlock(unref(ScalarIconButton_default), {
-					key: 1,
-					class: "p-px size-4",
-					icon: unref(ScalarIconX),
-					label: "Clear Search",
-					weight: "bold",
-					onClick: withModifiers(handleClear, ["stop", "prevent"])
-				}, null, 8, ["icon"])) : createCommentVNode("", true)
-			], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarSearchInput_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarSearchInput.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,56 +0,0 @@
-import ScalarSidebarButton_default from "./ScalarSidebarButton.vue.js";
-import { useSidebarGroups } from "./useSidebarGroups.js";
-import ScalarSidebarLoading_default from "./ScalarSidebarLoading.vue.js";
-import ScalarSidebarSpacer_default from "./ScalarSidebarSpacer.vue.js";
-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({
-	inheritAttrs: false,
-	__name: "ScalarSidebarSection",
-	props: {
-		is: { default: "li" },
-		icon: { type: [Object, Function] },
-		active: { type: Boolean },
-		selected: { type: Boolean },
-		disabled: { type: Boolean },
-		indent: {},
-		loading: { type: Boolean }
-	},
-	setup(__props) {
-		const { level } = useSidebarGroups({ increment: false });
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.is), normalizeProps(guardReactiveProps(unref(cx)("group/item group/sidebar-section contents"))), {
-				default: withCtx(() => [
-					createVNode(ScalarSidebarSpacer_default, {
-						class: "group/spacer-before h-3",
-						indent: unref(level)
-					}, null, 8, ["indent"]),
-					_ctx.$slots.default ? (openBlock(), createBlock(ScalarSidebarButton_default, {
-						key: 0,
-						is: "div",
-						class: "text-sm/4 py-1.75 font-bold",
-						disabled: "",
-						icon: __props.icon,
-						indent: unref(level)
-					}, {
-						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", {}, void 0, void 0, 1)]),
-					createVNode(ScalarSidebarSpacer_default, {
-						class: "group/spacer-after h-3",
-						indent: unref(level)
-					}, null, 8, ["indent"])
-				]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarSection_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarSection.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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,18 +0,0 @@
-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({
-	inheritAttrs: false,
-	__name: "ScalarSidebarSpacer",
-	props: { indent: { default: 0 } },
-	setup(__props) {
-		const { cx } = useBindCx();
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("flex px-2 h-1"))), [createVNode(ScalarSidebarIndent_default, { indent: __props.indent }, null, 8, ["indent"])], 16);
-		};
-	}
-});
-//#endregion
-export { ScalarSidebarSpacer_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarSidebarSpacer.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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/ScalarTeleport/ScalarTeleport.vue.script.js

@@ -1,32 +0,0 @@
-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({
-	inheritAttrs: false,
-	__name: "ScalarTeleport",
-	props: {
-		to: {},
-		immediate: { type: Boolean },
-		disabled: { type: Boolean }
-	},
-	setup(__props) {
-		const root = useTeleport();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, {
-				defer: !__props.immediate,
-				disabled: __props.disabled,
-				to: __props.to || unref(root)
-			}, [createElementVNode("div", mergeProps({
-				class: "scalar-app",
-				style: { "display": "contents" }
-			}, _ctx.$attrs), [renderSlot(_ctx.$slots, "default")], 16)], 8, [
-				"defer",
-				"disabled",
-				"to"
-			]);
-		};
-	}
-});
-//#endregion
-export { ScalarTeleport_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarTeleport.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,22 +0,0 @@
-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({
-	inheritAttrs: false,
-	__name: "ScalarTeleportRoot",
-	props: { id: {} },
-	setup(__props) {
-		const id = useProvideTeleport(__props.id);
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "default"), createElementVNode("div", {
-				id: unref(id),
-				class: "scalar-teleport-root contents"
-			}, null, 8, _hoisted_1)], 64);
-		};
-	}
-});
-//#endregion
-export { ScalarTeleportRoot_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarTeleportRoot.vue.script.js.map

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

@@ -1 +0,0 @@
-{"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/ScalarTextArea/ScalarTextArea.vue.script.js

@@ -1,38 +0,0 @@
-import ScalarFormInput_default from "../ScalarForm/ScalarFormInput.vue.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createBlock, createElementVNode, defineComponent, mergeProps, onMounted, openBlock, unref, useModel, vModelText, withCtx, withDirectives } from "vue";
-import { useTextareaAutosize } from "@vueuse/core";
-var ScalarTextArea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarTextArea",
-	props: {
-		"modelValue": { default: "" },
-		"modelModifiers": {}
-	},
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const model = useModel(__props, "modelValue");
-		const { textarea } = useTextareaAutosize({
-			input: model,
-			styleProp: "minHeight"
-		});
-		const { stylingAttrsCx, otherAttrs } = useBindCx();
-		onMounted(() => {
-			if ("autofocus" in otherAttrs.value) textarea.value?.focus();
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarFormInput_default), mergeProps({ is: "div" }, unref(stylingAttrsCx)("custom-scroll flex min-h-0 shrink cursor-text items-start bg-b-1 text-c-1 leading-snug dark:bg-b-1.5"), { onClick: _cache[1] || (_cache[1] = ($event) => unref(textarea)?.focus()) }), {
-				default: withCtx(() => [withDirectives(createElementVNode("textarea", mergeProps({
-					ref_key: "textarea",
-					ref: textarea,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
-				}, unref(otherAttrs), { class: "w-full resize-none rounded-none border-none bg-transparent placeholder:font-[inherit] focus-within:outline-none" }), null, 16), [[vModelText, model.value]])]),
-				_: 1
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { ScalarTextArea_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarTextArea.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarTextArea.vue.script.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":";;;;;;;;;;;;;EAkBA,MAAM,QAAQ,SAAmB,SAAA,YAAgB;EAEjD,MAAM,EAAE,aAAa,oBAAoB;GACvC,OAAO;GACP,WAAW;EACb,CAAC;EAGD,MAAM,EAAE,gBAAgB,eAAe,UAAU;EAEjD,gBAAgB;GAEd,IAAI,eAAe,WAAW,OAAO,SAAS,OAAO,MAAM;EAC7D,CAAC;;uBAGC,YAakB,MAAA,uBAAA,GAblB,WAakB,EAZhB,IAAG,MAAK,GACO,MAAA,cAAA,CAAc,CAAA,sGAAA,GAAA,EAK5B,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,QAAA,CAAQ,EAAE,MAAK,GAAA,CAAA,GAAA;2BAKqG,CAAA,eAJ5H,mBAI4H,YAJ5H,WAI4H;cAHtH;KAAJ,KAAI;wEACU,QAAA;OACN,MAAA,UAAA,GAAU,EAClB,OAAM,kHAAiH,CAAA,GAAA,MAAA,EAAA,GAAA,CAAA,CAAA,YAF9G,MAAA,KAAK,CAAA,CAAA,CAAA,CAAA"}

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

@@ -1,71 +0,0 @@
-import ScalarFormInput_default from "../ScalarForm/ScalarFormInput.vue.js";
-import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, mergeProps, onMounted, openBlock, ref, renderSlot, toDisplayString, unref, useModel, vModelDynamic, withCtx, withDirectives } from "vue";
-//#region src/components/ScalarTextInput/ScalarTextInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex items-center flex-1 relative" };
-var _hoisted_2 = {
-	key: 0,
-	class: "select-none whitespace-nowrap text-transparent"
-};
-var _hoisted_3 = ["aria-readonly", "readonly"];
-var _hoisted_4 = {
-	key: 1,
-	class: "absolute flex items-center inset-0 select-none overflow-hidden whitespace-nowrap"
-};
-var _hoisted_5 = {
-	key: 0,
-	class: "text-c-2"
-};
-var _hoisted_6 = { class: "text-transparent" };
-var _hoisted_7 = {
-	key: 1,
-	class: "text-c-2"
-};
-var ScalarTextInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "ScalarTextInput",
-	props: /*@__PURE__*/ mergeModels({ readonly: { type: Boolean } }, {
-		"modelValue": {},
-		"modelModifiers": {}
-	}),
-	emits: /*@__PURE__*/ mergeModels(["click"], ["update:modelValue"]),
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const model = useModel(__props, "modelValue");
-		const input = ref();
-		const { stylingAttrsCx, otherAttrs } = useBindCx();
-		onMounted(() => {
-			if ("autofocus" in otherAttrs.value) input.value?.focus();
-		});
-		function handleClick(event) {
-			emit("click", event);
-			if (__props.readonly) input.value?.select();
-			else input.value?.focus();
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ScalarFormInput_default), mergeProps({ is: "div" }, unref(stylingAttrsCx)("cursor-text bg-b-1 text-c-1 dark:bg-b-1.5"), { onClick: handleClick }), {
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
-					_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true),
-					withDirectives(createElementVNode("input", mergeProps({
-						ref_key: "input",
-						ref: input,
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-						"aria-readonly": __props.readonly || void 0,
-						class: "z-1 min-w-0 flex-1 rounded-none border-none bg-transparent placeholder:font-[inherit] focus-within:outline-none",
-						readonly: __props.readonly
-					}, unref(otherAttrs)), null, 16, _hoisted_3), [[vModelDynamic, model.value]]),
-					_ctx.$slots.prefix || _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_4, [
-						_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("", true),
-						createElementVNode("span", _hoisted_6, toDisplayString(model.value || _ctx.$attrs.placeholder), 1),
-						_ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_7, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("", true)
-					])) : createCommentVNode("", true)
-				]), renderSlot(_ctx.$slots, "aside")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { ScalarTextInput_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ScalarTextInput.vue.script.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ScalarTextInput.vue.script.js","names":["$slots","$attrs"],"sources":["../../../src/components/ScalarTextInput/ScalarTextInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Text Input component\n *\n * A wrapper around the HTML input element with a focusable container.\n *\n * @example\n *   <ScalarTextInput v-model=\"model\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { onMounted, ref } from 'vue'\n\nimport { ScalarFormInput } from '../ScalarForm'\n\nconst { readonly } = defineProps<{\n  readonly?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the input is clicked */\n  (e: 'click', event: MouseEvent): void\n}>()\n\ndefineSlots<{\n  /* Text content to display before the input text */\n  prefix?: () => unknown\n  /*Text content to display after the input text */\n  suffix?: () => unknown\n  /* Text content to display to the right of the input */\n  aside?: () => unknown\n}>()\n\nconst model = defineModel<string>()\n\nconst input = ref<HTMLInputElement>()\n\ndefineOptions({ inheritAttrs: false })\nconst { stylingAttrsCx, otherAttrs } = useBindCx()\n\nonMounted(() => {\n  // Force autofocus if the input has the autofocus attribute\n  if ('autofocus' in otherAttrs.value) input.value?.focus()\n})\n\nfunction handleClick(event: MouseEvent) {\n  // Re-emit the click event to any consumers\n  emit('click', event)\n\n  if (readonly) {\n    input.value?.select() // If readonly, select the input on click\n  } else {\n    input.value?.focus() // If not readonly, focus the input on click\n  }\n}\n</script>\n<template>\n  <ScalarFormInput\n    is=\"div\"\n    v-bind=\"stylingAttrsCx('cursor-text bg-b-1 text-c-1 dark:bg-b-1.5')\"\n    @click=\"handleClick\">\n    <div class=\"flex items-center flex-1 relative\">\n      <div\n        v-if=\"$slots.prefix\"\n        class=\"select-none whitespace-nowrap text-transparent\">\n        <slot name=\"prefix\" />\n      </div>\n      <input\n        ref=\"input\"\n        v-model=\"model\"\n        :aria-readonly=\"readonly || undefined\"\n        class=\"z-1 min-w-0 flex-1 rounded-none border-none bg-transparent placeholder:font-[inherit] focus-within:outline-none\"\n        :readonly\n        v-bind=\"otherAttrs\" />\n      <div\n        v-if=\"$slots.prefix || $slots.suffix\"\n        class=\"absolute flex items-center inset-0 select-none overflow-hidden whitespace-nowrap\">\n        <span\n          v-if=\"$slots.prefix\"\n          class=\"text-c-2\">\n          <slot name=\"prefix\" />\n        </span>\n        <span class=\"text-transparent\">{{ model || $attrs.placeholder }}</span>\n        <span\n          v-if=\"$slots.suffix\"\n          class=\"text-c-2\">\n          <slot name=\"suffix\" />\n        </span>\n      </div>\n    </div>\n    <slot name=\"aside\" />\n  </ScalarFormInput>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,MAAM,OAAO;EAcb,MAAM,QAAQ,SAAmB,SAAA,YAAC;EAElC,MAAM,QAAQ,IAAsB;EAGpC,MAAM,EAAE,gBAAgB,eAAe,UAAU;EAEjD,gBAAgB;GAEd,IAAI,eAAe,WAAW,OAAO,MAAM,OAAO,MAAM;EAC1D,CAAC;EAED,SAAS,YAAY,OAAmB;GAEtC,KAAK,SAAS,KAAK;GAEnB,IAAI,QAAA,UACF,MAAM,OAAO,OAAO;QAEpB,MAAM,OAAO,MAAM;EAEvB;;uBAGE,YAkCkB,MAAA,uBAAA,GAlClB,WAkCkB,EAjChB,IAAG,MAAK,GACA,MAAA,cAAA,CAAc,CAAA,2CAAA,GAAA,EACrB,SAAO,YAAW,CAAA,GAAA;2BA6Bb,CA5BN,mBA4BM,OA5BN,YA4BM;KA1BIA,KAAAA,OAAO,UAAA,UAAA,GADf,mBAIM,OAJN,YAIM,CADJ,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;oBAExB,mBAMwB,SANxB,WAMwB;eALlB;MAAJ,KAAI;yEACU,QAAA;MACb,iBAAe,QAAA,YAAY,KAAA;MAC5B,OAAM;MACL,UAAA,QAAA;QACO,MAAA,UAAA,CAAU,GAAA,MAAA,IAAA,UAAA,GAAA,CAAA,CAAA,eAJT,MAAA,KAAK,CAAA,CAAA;KAMRA,KAAAA,OAAO,UAAUA,KAAAA,OAAO,UAAA,UAAA,GADhC,mBAcM,OAdN,YAcM;MAVIA,KAAAA,OAAO,UAAA,UAAA,GADf,mBAIO,QAJP,YAIO,CADL,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;MAExB,mBAAuE,QAAvE,YAAuE,gBAArC,MAAA,SAASC,KAAAA,OAAO,WAAW,GAAA,CAAA;MAErDD,KAAAA,OAAO,UAAA,UAAA,GADf,mBAIO,QAJP,YAIO,CADL,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;;QAI5B,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA"}