@scalar/components 0.20.11 → 0.21.0

package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.script.js

@@ -0,0 +1,68 @@
+import ScalarMarkdown_default from "./ScalarMarkdown.vue.js";
+import { useBindCx } from "@scalar/use-hooks/useBindCx";
+import { createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeClass, normalizeProps, onMounted, openBlock, ref, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef } from "vue";
+import { useResizeObserver } from "@vueuse/core";
+//#region src/components/ScalarMarkdown/ScalarMarkdownSummary.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-controls", "aria-expanded"];
+var ScalarMarkdownSummary_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ScalarMarkdownSummary",
+	props: /* @__PURE__ */ mergeModels({
+		value: {},
+		withImages: { type: Boolean },
+		withAnchors: { type: Boolean },
+		transform: { type: Function },
+		transformType: {},
+		clamp: { default: 1 },
+		anchorPrefix: {},
+		controlled: { type: Boolean }
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = createPropsRestProxy(__props, ["clamp"]);
+		const id = useId();
+		/** * Whether the summary is open. */
+		const open = useModel(__props, "modelValue");
+		const markdown = useTemplateRef("scalar-markdown");
+		/** Whether the markdown is being truncated */
+		const isTruncated = ref(false);
+		useResizeObserver(() => markdown.value?.el, checkTruncation);
+		/** Check if the markdown is being truncated */
+		function checkTruncation() {
+			const el = markdown.value?.el;
+			if (!el) return;
+			isTruncated.value = el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth;
+		}
+		onMounted(checkTruncation);
+		const { cx } = useBindCx();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("group/summary flex gap-0.5", open.value ? "flex-col" : "flex-row items-baseline"))), [createVNode(ScalarMarkdown_default, mergeProps(props, {
+				id: unref(id),
+				ref: "scalar-markdown",
+				clamp: open.value ? void 0 : __props.clamp,
+				class: { "markdown-summary truncate": !open.value }
+			}), null, 16, [
+				"id",
+				"clamp",
+				"class"
+			]), !__props.controlled && (isTruncated.value || open.value) ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				"aria-controls": unref(id),
+				"aria-expanded": open.value,
+				class: normalizeClass(["whitespace-nowrap font-medium hover:underline", { "self-end": open.value }]),
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
+			}, [renderSlot(_ctx.$slots, "button", { open: open.value }, () => [createTextVNode(toDisplayString(open.value ? " Show Less" : "More"), 1)])], 10, _hoisted_1)) : createCommentVNode("", true)], 16);
+		};
+	}
+});
+//#endregion
+export { ScalarMarkdownSummary_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMarkdownSummary.vue.script.js.map

package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMarkdownSummary.vue.script.js","names":[],"sources":["../../../src/components/ScalarMarkdown/ScalarMarkdownSummary.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { useResizeObserver } from '@vueuse/core'\nimport { onMounted, ref, useId, useTemplateRef } from 'vue'\n\nimport ScalarMarkdown from './ScalarMarkdown.vue'\nimport type { ScalarMarkdownSummaryProps } from './types'\n\nconst { clamp = 1, ...props } = defineProps<ScalarMarkdownSummaryProps>()\n\nconst id = useId()\n\n/** * Whether the summary is open. */\nconst open = defineModel<boolean>({ default: false })\n\nconst markdown = useTemplateRef('scalar-markdown')\n\n/** Whether the markdown is being truncated */\nconst isTruncated = ref(false)\n\nuseResizeObserver(() => markdown.value?.el, checkTruncation)\n\n/** Check if the markdown is being truncated */\nfunction checkTruncation() {\n  const el = markdown.value?.el\n  if (!el) {\n    return\n  }\n  isTruncated.value =\n    el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth\n}\n\nonMounted(checkTruncation)\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'group/summary flex gap-0.5',\n        open ? 'flex-col' : 'flex-row items-baseline',\n      )\n    \">\n    <ScalarMarkdown\n      v-bind=\"props\"\n      :id=\"id\"\n      ref=\"scalar-markdown\"\n      :clamp=\"open ? undefined : clamp\"\n      :class=\"{ 'markdown-summary truncate': !open }\" />\n    <button\n      v-if=\"!controlled && (isTruncated || open)\"\n      :aria-controls=\"id\"\n      :aria-expanded=\"open\"\n      class=\"whitespace-nowrap font-medium hover:underline\"\n      :class=\"{ 'self-end': open }\"\n      type=\"button\"\n      @click=\"open = !open\">\n      <slot\n        name=\"button\"\n        :open=\"open\">\n        {{ open ? ' Show Less' : 'More' }}\n      </slot>\n    </button>\n  </div>\n</template>\n<style>\n.scalar-app {\n  /*\n    Summarized markdown styles\n    Doubled up to bump specificity\n  */\n  .markdown.markdown-summary.markdown-summary {\n    /* Hide the before and after pseudo-elements for all elements */\n    *:before,\n    *:after {\n      content: none;\n    }\n\n    *:not(strong, em, a) {\n      /* Disable formatting for non-inline elements */\n      display: contents;\n      font-size: inherit;\n      font-weight: inherit;\n      line-height: var(--markdown-line-height);\n    }\n\n    /* Hide elements that don't make sense in the summary */\n    img,\n    svg,\n    hr,\n    pre {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAA0B,qBAAA,SAAA,CAAA,QAAA,CAAA;EAEhC,MAAM,KAAK,OAAM;;EAGjB,MAAM,OAAO,SAAoB,SAAA,aAAmB;EAEpD,MAAM,WAAW,eAAe,kBAAiB;;EAGjD,MAAM,cAAc,IAAI,MAAK;AAE7B,0BAAwB,SAAS,OAAO,IAAI,gBAAe;;EAG3D,SAAS,kBAAkB;GACzB,MAAM,KAAK,SAAS,OAAO;AAC3B,OAAI,CAAC,GACH;AAEF,eAAY,QACV,GAAG,eAAe,GAAG,gBAAgB,GAAG,cAAc,GAAG;;AAG7D,YAAU,gBAAe;EAEzB,MAAM,EAAE,OAAO,WAAU;;uBAIvB,mBA2BM,OAAA,eAAA,mBA1BW,MAAA,GAAE,CAAA,8BAAgD,KAAA,QAAI,aAAA,0BAAA,CAAA,CAAA,EAAA,CAMrE,YAKoD,wBALpD,WACU,OAAK;IACZ,IAAI,MAAA,GAAE;IACP,KAAI;IACH,OAAO,KAAA,QAAO,KAAA,IAAY,QAAA;IAC1B,OAAK,EAAA,6BAAA,CAAkC,KAAA,OAAI;;;;;QAErC,QAAA,eAAe,YAAA,SAAe,KAAA,UAAA,WAAA,EADvC,mBAaS,UAAA;;IAXN,iBAAe,MAAA,GAAE;IACjB,iBAAe,KAAA;IAChB,OAAK,eAAA,CAAC,iDAA+C,EAAA,YAC/B,KAAA,OAAI,CAAA,CAAA;IAC1B,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAA,QAAI,CAAI,KAAA;OAChB,WAIO,KAAA,QAAA,UAAA,EAFJ,MAAM,KAAA,OAAI,QAEN,CAAA,gBAAA,gBADF,KAAA,QAAI,eAAA,OAAA,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,GAAA"}

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

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

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

@@ -0,0 +1,7 @@
+import ScalarMenu_vue_vue_type_script_setup_true_lang_default from "./ScalarMenu.vue.script.js";
+//#region src/components/ScalarMenu/ScalarMenu.vue
+var ScalarMenu_default = ScalarMenu_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarMenu_default as default };
+
+//# sourceMappingURL=ScalarMenu.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenu.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { ref } from 'vue'\n\nimport { ScalarDropdownMenu } from '../ScalarDropdown'\nimport ScalarMenuButton from './ScalarMenuButton.vue'\nimport ScalarMenuProducts from './ScalarMenuProducts.vue'\nimport ScalarMenuResources from './ScalarMenuResources.vue'\nimport type {\n  ScalarMenuButtonProps,\n  ScalarMenuButtonSlots,\n  ScalarMenuSlotProps,\n} from './types'\n\ndefineSlots<\n  {\n    /** Overrides the entire menu button */\n    button?(p: ScalarMenuButtonProps): unknown\n    /** Overrides the products list */\n    products?(p: ScalarMenuSlotProps): unknown\n    /** Adds items the profile section (e.g. a team picker) */\n    profile?(p: ScalarMenuSlotProps): unknown\n    /** Overrides the resources section */\n    sections?(p: ScalarMenuSlotProps): unknown\n  } & ScalarMenuButtonSlots\n>()\n\ndefineOptions({ inheritAttrs: false })\n\n/** Whether the menu is open */\nconst open = ref(false)\n\n/** Close the menu */\nfunction close() {\n  open.value = false\n}\n</script>\n<template>\n  <DropdownMenu.Root v-model:open=\"open\">\n    <DropdownMenu.Trigger asChild>\n      <!-- Logo Button to open the popover -->\n      <slot\n        name=\"button\"\n        :open=\"open\">\n        <ScalarMenuButton\n          class=\"min-w-0\"\n          :open=\"open\">\n          <template\n            v-if=\"$slots.logo\"\n            #logo>\n            <slot name=\"logo\" />\n          </template>\n          <template\n            v-if=\"$slots.label\"\n            #label>\n            <slot name=\"label\" />\n          </template>\n        </ScalarMenuButton>\n      </slot>\n    </DropdownMenu.Trigger>\n    <DropdownMenu.Content\n      align=\"start\"\n      :as=\"ScalarDropdownMenu\"\n      class=\"max-h-radix-popper z-context\"\n      :sideOffset=\"5\"\n      v-bind=\"$attrs\">\n      <!-- Menu content -->\n      <!-- Base Product List (can be overridden by slot) -->\n      <slot\n        :close=\"close\"\n        name=\"products\">\n        <ScalarMenuProducts />\n      </slot>\n      <slot\n        :close=\"close\"\n        name=\"profile\" />\n      <slot\n        :close=\"close\"\n        name=\"sections\">\n        <ScalarMenuResources />\n      </slot>\n    </DropdownMenu.Content>\n  </DropdownMenu.Root>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,58 @@
+import ScalarDropdownMenu_default from "../ScalarDropdown/ScalarDropdownMenu.vue.js";
+import ScalarMenuButton_default from "./ScalarMenuButton.vue.js";
+import ScalarMenuProducts_default from "./ScalarMenuProducts.vue.js";
+import ScalarMenuResources_default from "./ScalarMenuResources.vue.js";
+import { createBlock, createSlots, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+import { DropdownMenu } from "radix-vue/namespaced";
+//#region src/components/ScalarMenu/ScalarMenu.vue?vue&type=script&setup=true&lang.ts
+var ScalarMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ScalarMenu",
+	setup(__props) {
+		/** Whether the menu is open */
+		const open = ref(false);
+		/** Close the menu */
+		function close() {
+			open.value = false;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenu).Root, {
+				open: open.value,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
+			}, {
+				default: withCtx(() => [createVNode(unref(DropdownMenu).Trigger, { asChild: "" }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "button", { open: open.value }, () => [createVNode(ScalarMenuButton_default, {
+						class: "min-w-0",
+						open: open.value
+					}, createSlots({ _: 2 }, [_ctx.$slots.logo ? {
+						name: "logo",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "logo")]),
+						key: "0"
+					} : void 0, _ctx.$slots.label ? {
+						name: "label",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+						key: "1"
+					} : void 0]), 1032, ["open"])])]),
+					_: 3
+				}), createVNode(unref(DropdownMenu).Content, mergeProps({
+					align: "start",
+					as: unref(ScalarDropdownMenu_default),
+					class: "max-h-radix-popper z-context",
+					sideOffset: 5
+				}, _ctx.$attrs), {
+					default: withCtx(() => [
+						renderSlot(_ctx.$slots, "products", { close }, () => [createVNode(ScalarMenuProducts_default)]),
+						renderSlot(_ctx.$slots, "profile", { close }),
+						renderSlot(_ctx.$slots, "sections", { close }, () => [createVNode(ScalarMenuResources_default)])
+					]),
+					_: 3
+				}, 16, ["as"])]),
+				_: 3
+			}, 8, ["open"]);
+		};
+	}
+});
+//#endregion
+export { ScalarMenu_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMenu.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenu.vue.script.js","names":["$slots","$attrs"],"sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { ref } from 'vue'\n\nimport { ScalarDropdownMenu } from '../ScalarDropdown'\nimport ScalarMenuButton from './ScalarMenuButton.vue'\nimport ScalarMenuProducts from './ScalarMenuProducts.vue'\nimport ScalarMenuResources from './ScalarMenuResources.vue'\nimport type {\n  ScalarMenuButtonProps,\n  ScalarMenuButtonSlots,\n  ScalarMenuSlotProps,\n} from './types'\n\ndefineSlots<\n  {\n    /** Overrides the entire menu button */\n    button?(p: ScalarMenuButtonProps): unknown\n    /** Overrides the products list */\n    products?(p: ScalarMenuSlotProps): unknown\n    /** Adds items the profile section (e.g. a team picker) */\n    profile?(p: ScalarMenuSlotProps): unknown\n    /** Overrides the resources section */\n    sections?(p: ScalarMenuSlotProps): unknown\n  } & ScalarMenuButtonSlots\n>()\n\ndefineOptions({ inheritAttrs: false })\n\n/** Whether the menu is open */\nconst open = ref(false)\n\n/** Close the menu */\nfunction close() {\n  open.value = false\n}\n</script>\n<template>\n  <DropdownMenu.Root v-model:open=\"open\">\n    <DropdownMenu.Trigger asChild>\n      <!-- Logo Button to open the popover -->\n      <slot\n        name=\"button\"\n        :open=\"open\">\n        <ScalarMenuButton\n          class=\"min-w-0\"\n          :open=\"open\">\n          <template\n            v-if=\"$slots.logo\"\n            #logo>\n            <slot name=\"logo\" />\n          </template>\n          <template\n            v-if=\"$slots.label\"\n            #label>\n            <slot name=\"label\" />\n          </template>\n        </ScalarMenuButton>\n      </slot>\n    </DropdownMenu.Trigger>\n    <DropdownMenu.Content\n      align=\"start\"\n      :as=\"ScalarDropdownMenu\"\n      class=\"max-h-radix-popper z-context\"\n      :sideOffset=\"5\"\n      v-bind=\"$attrs\">\n      <!-- Menu content -->\n      <!-- Base Product List (can be overridden by slot) -->\n      <slot\n        :close=\"close\"\n        name=\"products\">\n        <ScalarMenuProducts />\n      </slot>\n      <slot\n        :close=\"close\"\n        name=\"profile\" />\n      <slot\n        :close=\"close\"\n        name=\"sections\">\n        <ScalarMenuResources />\n      </slot>\n    </DropdownMenu.Content>\n  </DropdownMenu.Root>\n</template>\n"],"mappings":";;;;;;;;;;;;EA8BA,MAAM,OAAO,IAAI,MAAK;;EAGtB,SAAS,QAAQ;AACf,QAAK,QAAQ;;;uBAIb,YA4CoB,MAAA,aAAA,CAAA,MAAA;IA5CO,MAAM,KAAA;gEAAI,QAAA;;2BAqBZ,CApBvB,YAoBuB,MAAA,aAAA,CAAA,SAAA,EApBD,SAAA,IAAO,EAAA;4BAmBpB,CAjBP,WAiBO,KAAA,QAAA,UAAA,EAfJ,MAAM,KAAA,OAAI,QAeN,CAdL,YAamB,0BAAA;MAZjB,OAAM;MACL,MAAM,KAAA;+BAECA,KAAAA,OAAO,OAAA;YACZ;wBACmB,CAApB,WAAoB,KAAA,QAAA,OAAA,CAAA,CAAA;;iBAGdA,KAAAA,OAAO,QAAA;YACZ;wBACoB,CAArB,WAAqB,KAAA,QAAA,QAAA,CAAA,CAAA;;;;QAK7B,YAqBuB,MAAA,aAAA,CAAA,SArBvB,WAqBuB;KApBrB,OAAM;KACL,IAAI,MAAA,2BAAkB;KACvB,OAAM;KACL,YAAY;OACLC,KAAAA,OAAM,EAAA;4BAOP;MAJP,WAIO,KAAA,QAAA,YAAA,EAHG,OAAK,QAGR,CADL,YAAsB,2BAAA,CAAA,CAAA;MAExB,WAEmB,KAAA,QAAA,WAAA,EADT,OAAK,CAAA;MAEf,WAIO,KAAA,QAAA,YAAA,EAHG,OAAK,QAGR,CADL,YAAuB,4BAAA,CAAA,CAAA"}

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

@@ -0,0 +1,7 @@
+import ScalarMenuButton_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuButton.vue.script.js";
+//#region src/components/ScalarMenu/ScalarMenuButton.vue
+var ScalarMenuButton_default = ScalarMenuButton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarMenuButton_default as default };
+
+//# sourceMappingURL=ScalarMenuButton.vue.js.map

package/dist/components/ScalarMenu/ScalarMenuButton.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuButton.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n\nimport { ScalarHeaderButton } from '../ScalarHeader'\nimport { ScalarIcon } from '../ScalarIcon'\nimport type { ScalarMenuButtonProps, ScalarMenuButtonSlots } from './types'\n\ndefineProps<ScalarMenuButtonProps>()\n\ndefineSlots<ScalarMenuButtonSlots>()\n</script>\n<template>\n  <ScalarHeaderButton class=\"gap-0.75 px-2\">\n    <div class=\"h-5 w-auto\">\n      <slot name=\"logo\">\n        <ScalarIcon icon=\"Logo\" />\n      </slot>\n    </div>\n    <span class=\"sr-only\">\n      <slot name=\"label\">{{ open ? 'Close Menu' : 'Open Menu' }}</slot>\n    </span>\n    <ScalarIconCaretDown\n      class=\"shrink-0 text-c-3 group-hover/button:text-c-1 size-3.5\"\n      :class=\"open ? 'rotate-180' : ''\"\n      weight=\"bold\" />\n  </ScalarHeaderButton>\n</template>\n"],"mappings":""}

package/dist/components/ScalarMenu/ScalarMenuButton.vue.script.js

@@ -0,0 +1,30 @@
+import ScalarHeaderButton_default from "../ScalarHeader/ScalarHeaderButton.vue.js";
+import ScalarIcon_default from "../ScalarIcon/ScalarIcon.vue.js";
+import { createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { ScalarIconCaretDown } from "@scalar/icons";
+//#region src/components/ScalarMenu/ScalarMenuButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "h-5 w-auto" };
+var _hoisted_2 = { class: "sr-only" };
+var ScalarMenuButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ScalarMenuButton",
+	props: { open: { type: Boolean } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarHeaderButton_default), { class: "gap-0.75 px-2" }, {
+				default: withCtx(() => [
+					createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "logo", {}, () => [createVNode(unref(ScalarIcon_default), { icon: "Logo" })])]),
+					createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.open ? "Close Menu" : "Open Menu"), 1)])]),
+					createVNode(unref(ScalarIconCaretDown), {
+						class: normalizeClass(["shrink-0 text-c-3 group-hover/button:text-c-1 size-3.5", __props.open ? "rotate-180" : ""]),
+						weight: "bold"
+					}, null, 8, ["class"])
+				]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { ScalarMenuButton_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMenuButton.vue.script.js.map

package/dist/components/ScalarMenu/ScalarMenuButton.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuButton.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n\nimport { ScalarHeaderButton } from '../ScalarHeader'\nimport { ScalarIcon } from '../ScalarIcon'\nimport type { ScalarMenuButtonProps, ScalarMenuButtonSlots } from './types'\n\ndefineProps<ScalarMenuButtonProps>()\n\ndefineSlots<ScalarMenuButtonSlots>()\n</script>\n<template>\n  <ScalarHeaderButton class=\"gap-0.75 px-2\">\n    <div class=\"h-5 w-auto\">\n      <slot name=\"logo\">\n        <ScalarIcon icon=\"Logo\" />\n      </slot>\n    </div>\n    <span class=\"sr-only\">\n      <slot name=\"label\">{{ open ? 'Close Menu' : 'Open Menu' }}</slot>\n    </span>\n    <ScalarIconCaretDown\n      class=\"shrink-0 text-c-3 group-hover/button:text-c-1 size-3.5\"\n      :class=\"open ? 'rotate-180' : ''\"\n      weight=\"bold\" />\n  </ScalarHeaderButton>\n</template>\n"],"mappings":";;;;;;;;;;;;uBAYE,YAaqB,MAAA,2BAAA,EAAA,EAbD,OAAM,iBAAe,EAAA;2BAKjC;KAJN,mBAIM,OAJN,YAIM,CAHJ,WAEO,KAAA,QAAA,QAAA,EAAA,QAAA,CADL,YAA0B,MAAA,mBAAA,EAAA,EAAd,MAAK,QAAM,CAAA,CAAA,CAAA,CAAA,CAAA;KAG3B,mBAEO,QAFP,YAEO,CADL,WAAiE,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBAA3C,QAAA,OAAI,eAAA,YAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;KAE5B,YAGkB,MAAA,oBAAA,EAAA;MAFhB,OAAK,eAAA,CAAC,0DACE,QAAA,OAAI,eAAA,GAAA,CAAA;MACZ,QAAO"}

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

@@ -0,0 +1,7 @@
+import ScalarMenuLink_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuLink.vue.script.js";
+//#region src/components/ScalarMenu/ScalarMenuLink.vue
+var ScalarMenuLink_default = ScalarMenuLink_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarMenuLink_default as default };
+
+//# sourceMappingURL=ScalarMenuLink.vue.js.map

package/dist/components/ScalarMenu/ScalarMenuLink.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuLink.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport type { Component } from 'vue'\n\nimport { ScalarDropdownButton } from '../ScalarDropdown'\nimport { type Icon, ScalarIconLegacyAdapter } from '../ScalarIcon'\n\nconst { is = DropdownMenu.Item } = defineProps<{\n  is?: string | Component\n  icon?: Icon | ScalarIconComponent\n  strong?: boolean\n}>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <ScalarDropdownButton\n    v-bind=\"cx('flex items-center')\"\n    :is=\"is\"\n    as=\"a\">\n    <ScalarIconLegacyAdapter\n      v-if=\"icon\"\n      :class=\"[\n        strong ? 'text-c-1' : 'text-c-2',\n        typeof icon === 'string' ? 'size-3' : 'size-3.5 -mx-0.25',\n      ]\"\n      :icon=\"icon\"\n      :thickness=\"strong ? '2.5' : '2'\"\n      :weight=\"strong ? 'bold' : 'regular'\" />\n    <div\n      v-else\n      class=\"size-3\" />\n    <div\n      class=\"flex items-center flex-1 min-w-0 truncate\"\n      :class=\"strong ? 'font-medium' : 'font-normal'\">\n      <slot />\n    </div>\n  </ScalarDropdownButton>\n</template>\n"],"mappings":""}

package/dist/components/ScalarMenu/ScalarMenuLink.vue.script.js

@@ -0,0 +1,46 @@
+import ScalarDropdownButton_default from "../ScalarDropdown/ScalarDropdownButton.vue.js";
+import ScalarIconLegacyAdapter_default from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+import { useBindCx } from "@scalar/use-hooks/useBindCx";
+import { createBlock, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { DropdownMenu } from "radix-vue/namespaced";
+//#region src/components/ScalarMenu/ScalarMenuLink.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "size-3"
+};
+var ScalarMenuLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ScalarMenuLink",
+	props: {
+		is: { default: () => DropdownMenu.Item },
+		icon: { type: [Object, Function] },
+		strong: { type: Boolean }
+	},
+	setup(__props) {
+		const { cx } = useBindCx();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarDropdownButton_default), mergeProps(unref(cx)("flex items-center"), {
+				is: __props.is,
+				as: "a"
+			}), {
+				default: withCtx(() => [__props.icon ? (openBlock(), createBlock(unref(ScalarIconLegacyAdapter_default), {
+					key: 0,
+					class: normalizeClass([__props.strong ? "text-c-1" : "text-c-2", typeof __props.icon === "string" ? "size-3" : "size-3.5 -mx-0.25"]),
+					icon: __props.icon,
+					thickness: __props.strong ? "2.5" : "2",
+					weight: __props.strong ? "bold" : "regular"
+				}, null, 8, [
+					"class",
+					"icon",
+					"thickness",
+					"weight"
+				])) : (openBlock(), createElementBlock("div", _hoisted_1)), createElementVNode("div", { class: normalizeClass(["flex items-center flex-1 min-w-0 truncate", __props.strong ? "font-medium" : "font-normal"]) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				_: 3
+			}, 16, ["is"]);
+		};
+	}
+});
+//#endregion
+export { ScalarMenuLink_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMenuLink.vue.script.js.map

package/dist/components/ScalarMenu/ScalarMenuLink.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuLink.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport type { Component } from 'vue'\n\nimport { ScalarDropdownButton } from '../ScalarDropdown'\nimport { type Icon, ScalarIconLegacyAdapter } from '../ScalarIcon'\n\nconst { is = DropdownMenu.Item } = defineProps<{\n  is?: string | Component\n  icon?: Icon | ScalarIconComponent\n  strong?: boolean\n}>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <ScalarDropdownButton\n    v-bind=\"cx('flex items-center')\"\n    :is=\"is\"\n    as=\"a\">\n    <ScalarIconLegacyAdapter\n      v-if=\"icon\"\n      :class=\"[\n        strong ? 'text-c-1' : 'text-c-2',\n        typeof icon === 'string' ? 'size-3' : 'size-3.5 -mx-0.25',\n      ]\"\n      :icon=\"icon\"\n      :thickness=\"strong ? '2.5' : '2'\"\n      :weight=\"strong ? 'bold' : 'regular'\" />\n    <div\n      v-else\n      class=\"size-3\" />\n    <div\n      class=\"flex items-center flex-1 min-w-0 truncate\"\n      :class=\"strong ? 'font-medium' : 'font-normal'\">\n      <slot />\n    </div>\n  </ScalarDropdownButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAeA,MAAM,EAAE,OAAO,WAAU;;uBAIvB,YAqBuB,MAAA,6BAAA,EArBvB,WACU,MAoBa,GApBX,CAAA,oBAAA,EAAA;IACT,IAAI,QAAA;IACL,IAAG;;2BASuC,CAPlC,QAAA,QAAA,WAAA,EADR,YAQ0C,MAAA,gCAAA,EAAA;;KANvC,OAAK,eAAA,CAAY,QAAA,SAAM,aAAA,YAAA,OAA2C,QAAA,SAAI,WAAA,WAAA,oBAAA,CAAA;KAItE,MAAM,QAAA;KACN,WAAW,QAAA,SAAM,QAAA;KACjB,QAAQ,QAAA,SAAM,SAAA;;;;;;wBACjB,mBAEmB,OAFnB,WAEmB,GACnB,mBAIM,OAAA,EAHJ,OAAK,eAAA,CAAC,6CACE,QAAA,SAAM,gBAAA,cAAA,CAAA,EAAA,EAAA,CACd,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

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

@@ -1,6 +1,6 @@
 import type { ScalarIconComponent } from '@scalar/icons/types';
 import type { Component } from 'vue';
-import type { Icon } from '../../';
+import type { Icon } from '../../index.js';
 type __VLS_Props = {
     is?: string | Component;
     selected?: boolean;

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

@@ -0,0 +1,7 @@
+import ScalarMenuProduct_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuProduct.vue.script.js";
+//#region src/components/ScalarMenu/ScalarMenuProduct.vue
+var ScalarMenuProduct_default = ScalarMenuProduct_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarMenuProduct_default as default };
+
+//# sourceMappingURL=ScalarMenuProduct.vue.js.map

package/dist/components/ScalarMenu/ScalarMenuProduct.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuProduct.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nimport type { Icon } from '../../'\nimport { ScalarMenuLink } from './'\n\nconst { is = 'a' } = defineProps<{\n  is?: string | Component\n  selected?: boolean\n  icon: Icon | ScalarIconComponent\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\nconst variants = cva({\n  base: 'gap-1.5',\n  variants: {\n    selected: {\n      true: 'pointer-events-none bg-b-2 dark:bg-b-3',\n      false: 'cursor-pointer hover:bg-b-2 dark:hover:bg-b-3',\n    },\n  },\n})\n</script>\n<template>\n  <ScalarMenuLink\n    :is=\"is\"\n    :icon=\"icon\"\n    strong\n    target=\"_blank\"\n    v-bind=\"cx(variants({ selected }))\">\n    <slot />\n  </ScalarMenuLink>\n</template>\n"],"mappings":""}

package/dist/components/ScalarMenu/ScalarMenuProduct.vue.script.js

@@ -0,0 +1,38 @@
+import ScalarMenuLink_default from "./ScalarMenuLink.vue.js";
+import { cva, useBindCx } from "@scalar/use-hooks/useBindCx";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region src/components/ScalarMenu/ScalarMenuProduct.vue?vue&type=script&setup=true&lang.ts
+var ScalarMenuProduct_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ScalarMenuProduct",
+	props: {
+		is: { default: "a" },
+		selected: { type: Boolean },
+		icon: { type: [Object, Function] }
+	},
+	setup(__props) {
+		const { cx } = useBindCx();
+		const variants = cva({
+			base: "gap-1.5",
+			variants: { selected: {
+				true: "pointer-events-none bg-b-2 dark:bg-b-3",
+				false: "cursor-pointer hover:bg-b-2 dark:hover:bg-b-3"
+			} }
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarMenuLink_default), mergeProps({
+				is: __props.is,
+				icon: __props.icon,
+				strong: "",
+				target: "_blank"
+			}, unref(cx)(unref(variants)({ selected: __props.selected }))), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["is", "icon"]);
+		};
+	}
+});
+//#endregion
+export { ScalarMenuProduct_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMenuProduct.vue.script.js.map

package/dist/components/ScalarMenu/ScalarMenuProduct.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuProduct.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nimport type { Icon } from '../../'\nimport { ScalarMenuLink } from './'\n\nconst { is = 'a' } = defineProps<{\n  is?: string | Component\n  selected?: boolean\n  icon: Icon | ScalarIconComponent\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\nconst variants = cva({\n  base: 'gap-1.5',\n  variants: {\n    selected: {\n      true: 'pointer-events-none bg-b-2 dark:bg-b-3',\n      false: 'cursor-pointer hover:bg-b-2 dark:hover:bg-b-3',\n    },\n  },\n})\n</script>\n<template>\n  <ScalarMenuLink\n    :is=\"is\"\n    :icon=\"icon\"\n    strong\n    target=\"_blank\"\n    v-bind=\"cx(variants({ selected }))\">\n    <slot />\n  </ScalarMenuLink>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAeA,MAAM,EAAE,OAAO,WAAU;EAEzB,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,UAAU;IACR,MAAM;IACN,OAAO;IACR,EACF;GACF,CAAA;;uBAGC,YAOiB,MAAA,uBAAA,EAPjB,WAOiB;IANd,IAAI,QAAA;IACJ,MAAM,QAAA;IACP,QAAA;IACA,QAAO;MACC,MAAA,GAAE,CAAC,MAAA,SAAQ,CAAA,EAAA,UAAG,QAAA,UAAQ,CAAA,CAAA,CAAA,EAAA;2BACtB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

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

@@ -0,0 +1,7 @@
+import ScalarMenuProducts_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuProducts.vue.script.js";
+//#region src/components/ScalarMenu/ScalarMenuProducts.vue
+var ScalarMenuProducts_default = ScalarMenuProducts_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarMenuProducts_default as default };
+
+//# sourceMappingURL=ScalarMenuProducts.vue.js.map

package/dist/components/ScalarMenu/ScalarMenuProducts.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuProducts.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIconArrowUpRight,\n  ScalarIconBook,\n  ScalarIconHouse,\n  ScalarIconNotepad,\n} from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarMenuProduct from './ScalarMenuProduct.vue'\n\ntype Product = 'dashboard' | 'docs' | 'editor' | 'client'\n\ndefineProps<{\n  selected?: Product\n  showDocs?: boolean\n  hrefs?: Record<Product, string>\n}>()\n\ndefineEmits<{\n  (e: 'open', event: Event, product: Product): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col')\">\n    <ScalarMenuProduct\n      :href=\"hrefs?.dashboard ?? 'https://dashboard.scalar.com'\"\n      :icon=\"ScalarIconHouse\"\n      :selected=\"selected === 'dashboard'\"\n      @click=\"$emit('open', $event, 'dashboard')\">\n      Dashboard\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      v-if=\"showDocs || selected === 'docs'\"\n      :href=\"hrefs?.docs ?? 'https://docs.scalar.com'\"\n      :icon=\"ScalarIconBook\"\n      :selected=\"selected === 'docs'\"\n      @click=\"$emit('open', $event, 'docs')\">\n      Docs\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      :href=\"hrefs?.editor ?? 'https://editor.scalar.com'\"\n      :icon=\"ScalarIconNotepad\"\n      :selected=\"selected === 'editor'\"\n      @click=\"$emit('open', $event, 'editor')\">\n      Editor\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      :href=\"hrefs?.client ?? 'https://client.scalar.com'\"\n      :icon=\"ScalarIconArrowUpRight\"\n      :selected=\"selected === 'client'\"\n      @click=\"$emit('open', $event, 'client')\">\n      Client\n    </ScalarMenuProduct>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/ScalarMenu/ScalarMenuProducts.vue.script.js

@@ -0,0 +1,79 @@
+import ScalarMenuProduct_default from "./ScalarMenuProduct.vue.js";
+import { useBindCx } from "@scalar/use-hooks/useBindCx";
+import { createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, unref, withCtx } from "vue";
+import { ScalarIconArrowUpRight, ScalarIconBook, ScalarIconHouse, ScalarIconNotepad } from "@scalar/icons";
+//#region src/components/ScalarMenu/ScalarMenuProducts.vue?vue&type=script&setup=true&lang.ts
+var ScalarMenuProducts_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ScalarMenuProducts",
+	props: {
+		selected: {},
+		showDocs: { type: Boolean },
+		hrefs: {}
+	},
+	emits: ["open"],
+	setup(__props) {
+		const { cx } = useBindCx();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("flex flex-col"))), [
+				createVNode(ScalarMenuProduct_default, {
+					href: __props.hrefs?.dashboard ?? "https://dashboard.scalar.com",
+					icon: unref(ScalarIconHouse),
+					selected: __props.selected === "dashboard",
+					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("open", $event, "dashboard"))
+				}, {
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Dashboard ", -1)])]),
+					_: 1
+				}, 8, [
+					"href",
+					"icon",
+					"selected"
+				]),
+				__props.showDocs || __props.selected === "docs" ? (openBlock(), createBlock(ScalarMenuProduct_default, {
+					key: 0,
+					href: __props.hrefs?.docs ?? "https://docs.scalar.com",
+					icon: unref(ScalarIconBook),
+					selected: __props.selected === "docs",
+					onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("open", $event, "docs"))
+				}, {
+					default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" Docs ", -1)])]),
+					_: 1
+				}, 8, [
+					"href",
+					"icon",
+					"selected"
+				])) : createCommentVNode("", true),
+				createVNode(ScalarMenuProduct_default, {
+					href: __props.hrefs?.editor ?? "https://editor.scalar.com",
+					icon: unref(ScalarIconNotepad),
+					selected: __props.selected === "editor",
+					onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("open", $event, "editor"))
+				}, {
+					default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" Editor ", -1)])]),
+					_: 1
+				}, 8, [
+					"href",
+					"icon",
+					"selected"
+				]),
+				createVNode(ScalarMenuProduct_default, {
+					href: __props.hrefs?.client ?? "https://client.scalar.com",
+					icon: unref(ScalarIconArrowUpRight),
+					selected: __props.selected === "client",
+					onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("open", $event, "client"))
+				}, {
+					default: withCtx(() => [..._cache[7] || (_cache[7] = [createTextVNode(" Client ", -1)])]),
+					_: 1
+				}, 8, [
+					"href",
+					"icon",
+					"selected"
+				])
+			], 16);
+		};
+	}
+});
+//#endregion
+export { ScalarMenuProducts_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMenuProducts.vue.script.js.map

package/dist/components/ScalarMenu/ScalarMenuProducts.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuProducts.vue.script.js","names":["$emit"],"sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIconArrowUpRight,\n  ScalarIconBook,\n  ScalarIconHouse,\n  ScalarIconNotepad,\n} from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarMenuProduct from './ScalarMenuProduct.vue'\n\ntype Product = 'dashboard' | 'docs' | 'editor' | 'client'\n\ndefineProps<{\n  selected?: Product\n  showDocs?: boolean\n  hrefs?: Record<Product, string>\n}>()\n\ndefineEmits<{\n  (e: 'open', event: Event, product: Product): void\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col')\">\n    <ScalarMenuProduct\n      :href=\"hrefs?.dashboard ?? 'https://dashboard.scalar.com'\"\n      :icon=\"ScalarIconHouse\"\n      :selected=\"selected === 'dashboard'\"\n      @click=\"$emit('open', $event, 'dashboard')\">\n      Dashboard\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      v-if=\"showDocs || selected === 'docs'\"\n      :href=\"hrefs?.docs ?? 'https://docs.scalar.com'\"\n      :icon=\"ScalarIconBook\"\n      :selected=\"selected === 'docs'\"\n      @click=\"$emit('open', $event, 'docs')\">\n      Docs\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      :href=\"hrefs?.editor ?? 'https://editor.scalar.com'\"\n      :icon=\"ScalarIconNotepad\"\n      :selected=\"selected === 'editor'\"\n      @click=\"$emit('open', $event, 'editor')\">\n      Editor\n    </ScalarMenuProduct>\n    <ScalarMenuProduct\n      :href=\"hrefs?.client ?? 'https://client.scalar.com'\"\n      :icon=\"ScalarIconArrowUpRight\"\n      :selected=\"selected === 'client'\"\n      @click=\"$emit('open', $event, 'client')\">\n      Client\n    </ScalarMenuProduct>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAwBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBA8BM,OAAA,eAAA,mBA9BO,MAAA,GAAE,CAAA,gBAAA,CAAA,CAAA,EAAA;IACb,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,aAAS;KACtB,MAAM,MAAA,gBAAe;KACrB,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,YAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF8C,eAE9C,GAAA,CAAA,EAAA,CAAA;;;;;;;IAEQ,QAAA,YAAY,QAAA,aAAQ,UAAA,WAAA,EAD5B,YAOoB,2BAAA;;KALjB,MAAM,QAAA,OAAO,QAAI;KACjB,MAAM,MAAA,eAAc;KACpB,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,OAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFyC,UAEzC,GAAA,CAAA,EAAA,CAAA;;;;;;;IACA,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,UAAM;KACnB,MAAM,MAAA,kBAAiB;KACvB,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,SAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2C,YAE3C,GAAA,CAAA,EAAA,CAAA;;;;;;;IACA,YAMoB,2BAAA;KALjB,MAAM,QAAA,OAAO,UAAM;KACnB,MAAM,MAAA,uBAAsB;KAC5B,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAS,QAAM,SAAA;;4BAE9B,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF2C,YAE3C,GAAA,CAAA,EAAA,CAAA"}

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

@@ -0,0 +1,7 @@
+import ScalarMenuResources_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuResources.vue.script.js";
+//#region src/components/ScalarMenu/ScalarMenuResources.vue
+var ScalarMenuResources_default = ScalarMenuResources_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarMenuResources_default as default };
+
+//# sourceMappingURL=ScalarMenuResources.vue.js.map

package/dist/components/ScalarMenu/ScalarMenuResources.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuResources.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIconBookOpenText,\n  ScalarIconEnvelopeSimple,\n  ScalarIconFileText,\n} from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n  <ScalarMenuSection>\n    <template #title>Resources</template>\n    <ScalarMenuLink\n      href=\"mailto:support@scalar.com\"\n      :icon=\"ScalarIconEnvelopeSimple\"\n      target=\"_blank\">\n      Sales & Support\n    </ScalarMenuLink>\n    <ScalarMenuLink\n      href=\"https://scalar.com/terms-and-conditions\"\n      :icon=\"ScalarIconFileText\"\n      target=\"_blank\">\n      Terms & Conditions\n    </ScalarMenuLink>\n    <ScalarMenuLink\n      href=\"https://scalar.com/privacy-policy\"\n      :icon=\"ScalarIconBookOpenText\"\n      target=\"_blank\">\n      Privacy Policy\n    </ScalarMenuLink>\n  </ScalarMenuSection>\n</template>\n"],"mappings":""}

package/dist/components/ScalarMenu/ScalarMenuResources.vue.script.js

@@ -0,0 +1,46 @@
+import ScalarMenuLink_default from "./ScalarMenuLink.vue.js";
+import ScalarMenuSection_default from "./ScalarMenuSection.vue.js";
+import { createBlock, createTextVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+import { ScalarIconBookOpenText, ScalarIconEnvelopeSimple, ScalarIconFileText } from "@scalar/icons";
+//#region src/components/ScalarMenu/ScalarMenuResources.vue?vue&type=script&setup=true&lang.ts
+var ScalarMenuResources_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ScalarMenuResources",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(ScalarMenuSection_default, null, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Resources", -1)])]),
+				default: withCtx(() => [
+					createVNode(ScalarMenuLink_default, {
+						href: "mailto:support@scalar.com",
+						icon: unref(ScalarIconEnvelopeSimple),
+						target: "_blank"
+					}, {
+						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Sales & Support ", -1)])]),
+						_: 1
+					}, 8, ["icon"]),
+					createVNode(ScalarMenuLink_default, {
+						href: "https://scalar.com/terms-and-conditions",
+						icon: unref(ScalarIconFileText),
+						target: "_blank"
+					}, {
+						default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Terms & Conditions ", -1)])]),
+						_: 1
+					}, 8, ["icon"]),
+					createVNode(ScalarMenuLink_default, {
+						href: "https://scalar.com/privacy-policy",
+						icon: unref(ScalarIconBookOpenText),
+						target: "_blank"
+					}, {
+						default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Privacy Policy ", -1)])]),
+						_: 1
+					}, 8, ["icon"])
+				]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ScalarMenuResources_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMenuResources.vue.script.js.map

package/dist/components/ScalarMenu/ScalarMenuResources.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuResources.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIconBookOpenText,\n  ScalarIconEnvelopeSimple,\n  ScalarIconFileText,\n} from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n  <ScalarMenuSection>\n    <template #title>Resources</template>\n    <ScalarMenuLink\n      href=\"mailto:support@scalar.com\"\n      :icon=\"ScalarIconEnvelopeSimple\"\n      target=\"_blank\">\n      Sales & Support\n    </ScalarMenuLink>\n    <ScalarMenuLink\n      href=\"https://scalar.com/terms-and-conditions\"\n      :icon=\"ScalarIconFileText\"\n      target=\"_blank\">\n      Terms & Conditions\n    </ScalarMenuLink>\n    <ScalarMenuLink\n      href=\"https://scalar.com/privacy-policy\"\n      :icon=\"ScalarIconBookOpenText\"\n      target=\"_blank\">\n      Privacy Policy\n    </ScalarMenuLink>\n  </ScalarMenuSection>\n</template>\n"],"mappings":";;;;;;;;;uBAWE,YAoBoB,2BAAA,MAAA;IAnBP,OAAK,cAAU,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAT,aAAS,GAAA,CAAA,EAAA,CAAA;2BAMT;KALjB,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,yBAAwB;MAC/B,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,qBAElB,GAAA,CAAA,EAAA,CAAA;;;KACA,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,mBAAkB;MACzB,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,wBAElB,GAAA,CAAA,EAAA,CAAA;;;KACA,YAKiB,wBAAA;MAJf,MAAK;MACJ,MAAM,MAAA,uBAAsB;MAC7B,QAAO;;6BAET,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFkB,oBAElB,GAAA,CAAA,EAAA,CAAA"}

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

@@ -0,0 +1,7 @@
+import ScalarMenuSection_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuSection.vue.script.js";
+//#region src/components/ScalarMenu/ScalarMenuSection.vue
+var ScalarMenuSection_default = ScalarMenuSection_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarMenuSection_default as default };
+
+//# sourceMappingURL=ScalarMenuSection.vue.js.map

package/dist/components/ScalarMenu/ScalarMenuSection.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuSection.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarDropdownDivider } from '../ScalarDropdown'\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <ScalarDropdownDivider />\n  <slot />\n</template>\n"],"mappings":""}

package/dist/components/ScalarMenu/ScalarMenuSection.vue.script.js

@@ -0,0 +1,16 @@
+import ScalarDropdownDivider_default from "../ScalarDropdown/ScalarDropdownDivider.vue.js";
+import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, renderSlot, unref } from "vue";
+//#region src/components/ScalarMenu/ScalarMenuSection.vue?vue&type=script&setup=true&lang.ts
+var ScalarMenuSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ScalarMenuSection",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(ScalarDropdownDivider_default)), renderSlot(_ctx.$slots, "default")], 64);
+		};
+	}
+});
+//#endregion
+export { ScalarMenuSection_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMenuSection.vue.script.js.map

package/dist/components/ScalarMenu/ScalarMenuSection.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuSection.vue.script.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarDropdownDivider } from '../ScalarDropdown'\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <ScalarDropdownDivider />\n  <slot />\n</template>\n"],"mappings":";;;;;;;;2DAME,YAAyB,MAAA,8BAAA,CAAA,EACzB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}

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

@@ -0,0 +1,7 @@
+import ScalarMenuSupport_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuSupport.vue.script.js";
+//#region src/components/ScalarMenu/ScalarMenuSupport.vue
+var ScalarMenuSupport_default = ScalarMenuSupport_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ScalarMenuSupport_default as default };
+
+//# sourceMappingURL=ScalarMenuSupport.vue.js.map

package/dist/components/ScalarMenu/ScalarMenuSupport.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuSupport.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconDiscordLogo, ScalarIconGithubLogo } from '@scalar/icons'\n\nimport ScalarMenuLink from './ScalarMenuLink.vue'\nimport ScalarMenuSection from './ScalarMenuSection.vue'\n</script>\n<template>\n  <ScalarMenuSection>\n    <template #title>Resources</template>\n    <ScalarMenuLink\n      href=\"https://discord.gg/scalar\"\n      :icon=\"ScalarIconDiscordLogo\"\n      target=\"_blank\">\n      Discord\n    </ScalarMenuLink>\n    <ScalarMenuLink\n      href=\"https://github.com/scalar/scalar\"\n      :icon=\"ScalarIconGithubLogo\"\n      target=\"_blank\">\n      GitHub\n    </ScalarMenuLink>\n  </ScalarMenuSection>\n</template>\n"],"mappings":""}