@scalar/components 0.32.1 → 0.33.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuProducts.vue_vue_type_script_setup_true_lang.js","names":["$emit","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","_createVNode","ScalarMenuProduct","_withCtx","_createTextVNode","_createBlock","_createCommentVNode"],"sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Products component\n *\n * Displays the list of Scalar product links (Dashboard, Docs, Editor, Client)\n * inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuProducts selected=\"dashboard\" />\n */\nexport default {}\n</script>\n\n<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":";;;;;;;;;;;;;;EAqCA,MAAM,EAAE,OAAO,UAAU;;GAGvB,OAAAC,UAAA,GAAAC,mBA8BM,OAAAC,eAAAC,mBA9BOC,MAAA,EAAA,CAAE,CAAA,eAAA,CAAA,CAAA,GAAA;IACbC,YAMoBC,2BAAA;KALjB,MAAM,QAAA,OAAO,aAAS;KACtB,MAAMF,MAAA,eAAA;KACN,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEL,KAAAA,MAAK,QAAS,QAAM,WAAA;;KAAgB,SAAAQ,cAE9C,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAF8CC,gBAAA,eAE9C,EAAA,C;;;;;;;IAEQ,QAAA,YAAY,QAAA,aAAQ,UAD5BR,UAAA,GAAAS,YAOoBH,2BAAA;;KALjB,MAAM,QAAA,OAAO,QAAI;KACjB,MAAMF,MAAA,cAAA;KACN,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEL,KAAAA,MAAK,QAAS,QAAM,MAAA;;KAAW,SAAAQ,cAEzC,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFyCC,gBAAA,UAEzC,EAAA,C;;;;;;;IACAH,YAMoBC,2BAAA;KALjB,MAAM,QAAA,OAAO,UAAM;KACnB,MAAMF,MAAA,iBAAA;KACN,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEL,KAAAA,MAAK,QAAS,QAAM,QAAA;;KAAa,SAAAQ,cAE3C,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAF2CC,gBAAA,YAE3C,EAAA,C;;;;;;;IACAH,YAMoBC,2BAAA;KALjB,MAAM,QAAA,OAAO,UAAM;KACnB,MAAMF,MAAA,sBAAA;KACN,UAAU,QAAA,aAAQ;KAClB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEL,KAAAA,MAAK,QAAS,QAAM,QAAA;;KAAa,SAAAQ,cAE3C,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAF2CC,gBAAA,YAE3C,EAAA,C"}

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

@@ -1,4 +1,4 @@
-import ScalarMenuResources_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuResources.vue.script.js";
+import ScalarMenuResources_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuResources.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarMenu/ScalarMenuResources.vue
 var ScalarMenuResources_default = ScalarMenuResources_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuResources.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Resources component\n *\n * Displays resource links (Terms, Privacy, Sales) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuResources />\n */\nexport default {}\n</script>\n\n<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":""}
+{"version":3,"file":"ScalarMenuResources.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Resources component\n *\n * Displays resource links (Terms, Privacy, Sales) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuResources />\n */\nexport default {}\n</script>\n\n<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_vue_type_script_setup_true_lang.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuResources.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ScalarMenuSection","_withCtx","_createTextVNode","_createVNode","ScalarMenuLink","_unref"],"sources":["../../../src/components/ScalarMenu/ScalarMenuResources.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Resources component\n *\n * Displays resource links (Terms, Privacy, Sales) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuResources />\n */\nexport default {}\n</script>\n\n<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":";;;;;;;;GAuBE,OAAAA,UAAA,GAAAC,YAoBoBC,2BAAA,MAAA;IAnBP,OAAKC,cAAU,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAATC,gBAAA,aAAS,EAAA,C;IAC1B,SAAAD,cAKiB;KALjBE,YAKiBC,wBAAA;MAJf,MAAK;MACJ,MAAMC,MAAA,wBAAA;MACP,QAAO;;MAAS,SAAAJ,cAElB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFkBC,gBAAA,qBAElB,EAAA,C;;;KACAC,YAKiBC,wBAAA;MAJf,MAAK;MACJ,MAAMC,MAAA,kBAAA;MACP,QAAO;;MAAS,SAAAJ,cAElB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFkBC,gBAAA,wBAElB,EAAA,C;;;KACAC,YAKiBC,wBAAA;MAJf,MAAK;MACJ,MAAMC,MAAA,sBAAA;MACP,QAAO;;MAAS,SAAAJ,cAElB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFkBC,gBAAA,oBAElB,EAAA,C"}

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

@@ -1,4 +1,4 @@
-import ScalarMenuSection_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuSection.vue.script.js";
+import ScalarMenuSection_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuSection.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarMenu/ScalarMenuSection.vue
 var ScalarMenuSection_default = ScalarMenuSection_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuSection.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Section component\n *\n * Groups menu items under a divider with an optional title slot.\n *\n * @example\n * <ScalarMenuSection>\n *   <template #title>Section Title</template>\n *   <!-- menu items -->\n * </ScalarMenuSection>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarDropdownDivider } from '../ScalarDropdown'\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <ScalarDropdownDivider />\n  <slot />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarMenuSection.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Section component\n *\n * Groups menu items under a divider with an optional title slot.\n *\n * @example\n * <ScalarMenuSection>\n *   <template #title>Section Title</template>\n *   <!-- menu items -->\n * </ScalarMenuSection>\n */\nexport default {}\n</script>\n\n<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_vue_type_script_setup_true_lang.js

@@ -0,0 +1,15 @@
+import ScalarDropdownDivider_default from "../ScalarDropdown/ScalarDropdownDivider.vue.js";
+import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, renderSlot, unref } from "vue";
+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_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuSection.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","ScalarDropdownDivider","_renderSlot"],"sources":["../../../src/components/ScalarMenu/ScalarMenuSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Section component\n *\n * Groups menu items under a divider with an optional title slot.\n *\n * @example\n * <ScalarMenuSection>\n *   <template #title>Section Title</template>\n *   <!-- menu items -->\n * </ScalarMenuSection>\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarDropdownDivider } from '../ScalarDropdown'\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <ScalarDropdownDivider />\n  <slot />\n</template>\n"],"mappings":";;;;;;;G,wDAqBEG,YAAyBC,MAAAC,6BAAA,CAAA,GACzBC,WAAQ,KAAA,QAAA,SAAA,C"}

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

@@ -1,4 +1,4 @@
-import ScalarMenuSupport_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuSupport.vue.script.js";
+import ScalarMenuSupport_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuSupport.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarMenu/ScalarMenuSupport.vue
 var ScalarMenuSupport_default = ScalarMenuSupport_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuSupport.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Support component\n *\n * Displays community and social links (Discord, GitHub) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuSupport />\n */\nexport default {}\n</script>\n\n<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":""}
+{"version":3,"file":"ScalarMenuSupport.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Support component\n *\n * Displays community and social links (Discord, GitHub) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuSupport />\n */\nexport default {}\n</script>\n\n<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":""}

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

@@ -0,0 +1,34 @@
+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 { ScalarIconDiscordLogo, ScalarIconGithubLogo } from "@scalar/icons";
+var ScalarMenuSupport_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ScalarMenuSupport",
+	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: "https://discord.gg/scalar",
+					icon: unref(ScalarIconDiscordLogo),
+					target: "_blank"
+				}, {
+					default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Discord ", -1)])]),
+					_: 1
+				}, 8, ["icon"]), createVNode(ScalarMenuLink_default, {
+					href: "https://github.com/scalar/scalar",
+					icon: unref(ScalarIconGithubLogo),
+					target: "_blank"
+				}, {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" GitHub ", -1)])]),
+					_: 1
+				}, 8, ["icon"])]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ScalarMenuSupport_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMenuSupport.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuSupport.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","ScalarMenuSection","_withCtx","_createTextVNode","_createVNode","ScalarMenuLink","_unref"],"sources":["../../../src/components/ScalarMenu/ScalarMenuSupport.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Support component\n *\n * Displays community and social links (Discord, GitHub) inside the ScalarMenu dropdown.\n *\n * @example\n * <ScalarMenuSupport />\n */\nexport default {}\n</script>\n\n<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":";;;;;;;;GAmBE,OAAAA,UAAA,GAAAC,YAcoBC,2BAAA,MAAA;IAbP,OAAKC,cAAU,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAATC,gBAAA,aAAS,EAAA,C;IAC1B,SAAAD,cAKiB,CALjBE,YAKiBC,wBAAA;KAJf,MAAK;KACJ,MAAMC,MAAA,qBAAA;KACP,QAAO;;KAAS,SAAAJ,cAElB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFkBC,gBAAA,aAElB,EAAA,C;;I,iBACAC,YAKiBC,wBAAA;KAJf,MAAK;KACJ,MAAMC,MAAA,oBAAA;KACP,QAAO;;KAAS,SAAAJ,cAElB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFkBC,gBAAA,YAElB,EAAA,C"}

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

@@ -1,4 +1,4 @@
-import ScalarMenuTeamPicker_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuTeamPicker.vue.script.js";
+import ScalarMenuTeamPicker_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuTeamPicker.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarMenu/ScalarMenuTeamPicker.vue
 var ScalarMenuTeamPicker_default = ScalarMenuTeamPicker_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuTeamPicker.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Team Picker component\n *\n * A sub-menu within ScalarMenu that lets users switch between teams\n * or create a new team.\n *\n * @example\n * <ScalarMenuTeamPicker :teams=\"teams\" :team=\"currentTeam\" @update:team=\"setTeam\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconCaretRight,\n  ScalarIconPlus,\n  ScalarIconUserSwitch,\n} from '@scalar/icons'\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { computed } from 'vue'\n\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownMenu,\n  ScalarListboxCheckbox,\n} from '../..'\nimport { ScalarMenuLink, type ScalarMenuTeamOption } from './'\nimport ScalarMenuTeamProfile from './ScalarMenuTeamProfile.vue'\n\nconst {\n  team,\n  teams,\n  allowAddTeam = true,\n} = defineProps<{\n  /** The currently selected team */\n  team?: ScalarMenuTeamOption | undefined\n  /** The list of teams to choose from */\n  teams: ScalarMenuTeamOption[]\n  /** Whether to disable the \"Add team\" button */\n  allowAddTeam?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected team changes */\n  (e: 'update:team', value: ScalarMenuTeamOption | undefined): void\n  /** Emitted when the user clicks the \"Create new team\" button */\n  (e: 'add'): void\n}>()\n\n/** A model that tracks the team id */\nconst model = computed<string | undefined>({\n  get: () => team?.id,\n  set: (v) =>\n    emit(\n      'update:team',\n      teams.find((t) => t.id === v),\n    ),\n})\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :icon=\"ScalarIconUserSwitch\"\n      submenu\n      v-bind=\"$attrs\">\n      <div>Change team</div>\n      <ScalarIconCaretRight\n        class=\"ml-auto text-c-2 -mr-px size-3\"\n        weight=\"bold\" />\n    </ScalarMenuLink>\n    <DropdownMenu.Portal>\n      <DropdownMenu.SubContent\n        :as=\"ScalarDropdownMenu\"\n        class=\"max-h-radix-popper z-context-plus\"\n        :sideOffset=\"3\">\n        <DropdownMenu.RadioGroup\n          v-model=\"model\"\n          class=\"contents\">\n          <DropdownMenu.RadioItem\n            v-for=\"t in teams\"\n            :key=\"t.id\"\n            :as=\"ScalarDropdownButton\"\n            class=\"group/item flex items-center\"\n            :value=\"t.id\">\n            <ScalarMenuTeamProfile\n              class=\"-ml-0.75 flex-1 min-w-0\"\n              :label=\"t.label\"\n              :src=\"t.src\" />\n            <ScalarListboxCheckbox\n              class=\"ml-auto\"\n              :selected=\"t.id === model\" />\n          </DropdownMenu.RadioItem>\n        </DropdownMenu.RadioGroup>\n        <DropdownMenu.Item\n          v-if=\"allowAddTeam\"\n          :as=\"ScalarDropdownButton\"\n          class=\"flex items-center\"\n          @click=\"emit('add')\">\n          <ScalarIconPlus\n            class=\"bg-b-3 -ml-0.75 rounded p-1 size-5 text-c-3\"\n            weight=\"bold\" />\n          Create new team\n        </DropdownMenu.Item>\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Portal>\n  </DropdownMenu.Sub>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarMenuTeamPicker.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Team Picker component\n *\n * A sub-menu within ScalarMenu that lets users switch between teams\n * or create a new team.\n *\n * @example\n * <ScalarMenuTeamPicker :teams=\"teams\" :team=\"currentTeam\" @update:team=\"setTeam\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconCaretRight,\n  ScalarIconPlus,\n  ScalarIconUserSwitch,\n} from '@scalar/icons'\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { computed } from 'vue'\n\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownMenu,\n  ScalarListboxCheckbox,\n} from '../..'\nimport { ScalarMenuLink, type ScalarMenuTeamOption } from './'\nimport ScalarMenuTeamProfile from './ScalarMenuTeamProfile.vue'\n\nconst {\n  team,\n  teams,\n  allowAddTeam = true,\n} = defineProps<{\n  /** The currently selected team */\n  team?: ScalarMenuTeamOption | undefined\n  /** The list of teams to choose from */\n  teams: ScalarMenuTeamOption[]\n  /** Whether to disable the \"Add team\" button */\n  allowAddTeam?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected team changes */\n  (e: 'update:team', value: ScalarMenuTeamOption | undefined): void\n  /** Emitted when the user clicks the \"Create new team\" button */\n  (e: 'add'): void\n}>()\n\n/** A model that tracks the team id */\nconst model = computed<string | undefined>({\n  get: () => team?.id,\n  set: (v) =>\n    emit(\n      'update:team',\n      teams.find((t) => t.id === v),\n    ),\n})\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :icon=\"ScalarIconUserSwitch\"\n      submenu\n      v-bind=\"$attrs\">\n      <div>Change team</div>\n      <ScalarIconCaretRight\n        class=\"text-c-2 -mr-px ml-auto size-3\"\n        weight=\"bold\" />\n    </ScalarMenuLink>\n    <DropdownMenu.Portal>\n      <DropdownMenu.SubContent\n        :as=\"ScalarDropdownMenu\"\n        class=\"max-h-radix-popper z-context-plus\"\n        :sideOffset=\"3\">\n        <DropdownMenu.RadioGroup\n          v-model=\"model\"\n          class=\"contents\">\n          <DropdownMenu.RadioItem\n            v-for=\"t in teams\"\n            :key=\"t.id\"\n            :as=\"ScalarDropdownButton\"\n            class=\"group/item flex items-center\"\n            :value=\"t.id\">\n            <ScalarMenuTeamProfile\n              class=\"-ml-0.75 min-w-0 flex-1\"\n              :label=\"t.label\"\n              :src=\"t.src\" />\n            <ScalarListboxCheckbox\n              class=\"ml-auto\"\n              :selected=\"t.id === model\" />\n          </DropdownMenu.RadioItem>\n        </DropdownMenu.RadioGroup>\n        <DropdownMenu.Item\n          v-if=\"allowAddTeam\"\n          :as=\"ScalarDropdownButton\"\n          class=\"flex items-center\"\n          @click=\"emit('add')\">\n          <ScalarIconPlus\n            class=\"bg-b-3 text-c-3 -ml-0.75 size-5 rounded p-1\"\n            weight=\"bold\" />\n          Create new team\n        </DropdownMenu.Item>\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Portal>\n  </DropdownMenu.Sub>\n</template>\n"],"mappings":""}

package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,93 @@
+import ScalarListboxCheckbox_default from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
+import ScalarDropdownMenu_default from "../ScalarDropdown/ScalarDropdownMenu.vue.js";
+import ScalarDropdownButton_default from "../ScalarDropdown/ScalarDropdownButton.vue.js";
+import ScalarMenuLink_default from "./ScalarMenuLink.vue.js";
+import ScalarMenuTeamProfile_default from "./ScalarMenuTeamProfile.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, unref, withCtx } from "vue";
+import { ScalarIconCaretRight, ScalarIconPlus, ScalarIconUserSwitch } from "@scalar/icons";
+import { DropdownMenu } from "radix-vue/namespaced";
+var ScalarMenuTeamPicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "ScalarMenuTeamPicker",
+	props: {
+		team: {},
+		teams: {},
+		allowAddTeam: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: ["update:team", "add"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		/** A model that tracks the team id */
+		const model = computed({
+			get: () => __props.team?.id,
+			set: (v) => emit("update:team", __props.teams.find((t) => t.id === v))
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenu).Sub, null, {
+				default: withCtx(() => [createVNode(unref(ScalarMenuLink_default), mergeProps({
+					icon: unref(ScalarIconUserSwitch),
+					submenu: ""
+				}, _ctx.$attrs), {
+					default: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("div", null, "Change team", -1)), createVNode(unref(ScalarIconCaretRight), {
+						class: "text-c-2 -mr-px ml-auto size-3",
+						weight: "bold"
+					})]),
+					_: 1
+				}, 16, ["icon"]), createVNode(unref(DropdownMenu).Portal, null, {
+					default: withCtx(() => [createVNode(unref(DropdownMenu).SubContent, {
+						as: unref(ScalarDropdownMenu_default),
+						class: "max-h-radix-popper z-context-plus",
+						sideOffset: 3
+					}, {
+						default: withCtx(() => [createVNode(unref(DropdownMenu).RadioGroup, {
+							modelValue: model.value,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+							class: "contents"
+						}, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.teams, (t) => {
+								return openBlock(), createBlock(unref(DropdownMenu).RadioItem, {
+									key: t.id,
+									as: unref(ScalarDropdownButton_default),
+									class: "group/item flex items-center",
+									value: t.id
+								}, {
+									default: withCtx(() => [createVNode(ScalarMenuTeamProfile_default, {
+										class: "-ml-0.75 min-w-0 flex-1",
+										label: t.label,
+										src: t.src
+									}, null, 8, ["label", "src"]), createVNode(unref(ScalarListboxCheckbox_default), {
+										class: "ml-auto",
+										selected: t.id === model.value
+									}, null, 8, ["selected"])]),
+									_: 2
+								}, 1032, ["as", "value"]);
+							}), 128))]),
+							_: 1
+						}, 8, ["modelValue"]), __props.allowAddTeam ? (openBlock(), createBlock(unref(DropdownMenu).Item, {
+							key: 0,
+							as: unref(ScalarDropdownButton_default),
+							class: "flex items-center",
+							onClick: _cache[1] || (_cache[1] = ($event) => emit("add"))
+						}, {
+							default: withCtx(() => [createVNode(unref(ScalarIconPlus), {
+								class: "bg-b-3 text-c-3 -ml-0.75 size-5 rounded p-1",
+								weight: "bold"
+							}), _cache[3] || (_cache[3] = createTextVNode(" Create new team ", -1))]),
+							_: 1
+						}, 8, ["as"])) : createCommentVNode("", true)]),
+						_: 1
+					}, 8, ["as"])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ScalarMenuTeamPicker_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMenuTeamPicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuTeamPicker.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_openBlock","_createBlock","_unref","_withCtx","_createVNode","ScalarMenuLink","_mergeProps","_createElementVNode","ScalarDropdownMenu","_createElementBlock","_Fragment","_renderList","ScalarDropdownButton","ScalarMenuTeamProfile","ScalarListboxCheckbox","_createTextVNode","_createCommentVNode"],"sources":["../../../src/components/ScalarMenu/ScalarMenuTeamPicker.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Team Picker component\n *\n * A sub-menu within ScalarMenu that lets users switch between teams\n * or create a new team.\n *\n * @example\n * <ScalarMenuTeamPicker :teams=\"teams\" :team=\"currentTeam\" @update:team=\"setTeam\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconCaretRight,\n  ScalarIconPlus,\n  ScalarIconUserSwitch,\n} from '@scalar/icons'\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { computed } from 'vue'\n\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownMenu,\n  ScalarListboxCheckbox,\n} from '../..'\nimport { ScalarMenuLink, type ScalarMenuTeamOption } from './'\nimport ScalarMenuTeamProfile from './ScalarMenuTeamProfile.vue'\n\nconst {\n  team,\n  teams,\n  allowAddTeam = true,\n} = defineProps<{\n  /** The currently selected team */\n  team?: ScalarMenuTeamOption | undefined\n  /** The list of teams to choose from */\n  teams: ScalarMenuTeamOption[]\n  /** Whether to disable the \"Add team\" button */\n  allowAddTeam?: boolean\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected team changes */\n  (e: 'update:team', value: ScalarMenuTeamOption | undefined): void\n  /** Emitted when the user clicks the \"Create new team\" button */\n  (e: 'add'): void\n}>()\n\n/** A model that tracks the team id */\nconst model = computed<string | undefined>({\n  get: () => team?.id,\n  set: (v) =>\n    emit(\n      'update:team',\n      teams.find((t) => t.id === v),\n    ),\n})\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :icon=\"ScalarIconUserSwitch\"\n      submenu\n      v-bind=\"$attrs\">\n      <div>Change team</div>\n      <ScalarIconCaretRight\n        class=\"text-c-2 -mr-px ml-auto size-3\"\n        weight=\"bold\" />\n    </ScalarMenuLink>\n    <DropdownMenu.Portal>\n      <DropdownMenu.SubContent\n        :as=\"ScalarDropdownMenu\"\n        class=\"max-h-radix-popper z-context-plus\"\n        :sideOffset=\"3\">\n        <DropdownMenu.RadioGroup\n          v-model=\"model\"\n          class=\"contents\">\n          <DropdownMenu.RadioItem\n            v-for=\"t in teams\"\n            :key=\"t.id\"\n            :as=\"ScalarDropdownButton\"\n            class=\"group/item flex items-center\"\n            :value=\"t.id\">\n            <ScalarMenuTeamProfile\n              class=\"-ml-0.75 min-w-0 flex-1\"\n              :label=\"t.label\"\n              :src=\"t.src\" />\n            <ScalarListboxCheckbox\n              class=\"ml-auto\"\n              :selected=\"t.id === model\" />\n          </DropdownMenu.RadioItem>\n        </DropdownMenu.RadioGroup>\n        <DropdownMenu.Item\n          v-if=\"allowAddTeam\"\n          :as=\"ScalarDropdownButton\"\n          class=\"flex items-center\"\n          @click=\"emit('add')\">\n          <ScalarIconPlus\n            class=\"bg-b-3 text-c-3 -ml-0.75 size-5 rounded p-1\"\n            weight=\"bold\" />\n          Create new team\n        </DropdownMenu.Item>\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Portal>\n  </DropdownMenu.Sub>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA0CA,MAAM,OAAO;;EAQb,MAAM,QAAQ,SAA6B;GACzC,WAAW,QAAA,MAAM;GACjB,MAAM,MACJ,KACE,eACA,QAAA,MAAM,MAAM,MAAM,EAAE,OAAO,CAAC,CAC9B;EACJ,CAAC;;GAKC,OAAAC,UAAA,GAAAC,YA6CmBC,MAAA,YAAA,CAAA,CAAA,KAAA,MAAA;IA5CjB,SAAAC,cAQiB,CARjBC,YAQiBF,MAAAG,sBAAA,GARjBC,WAQiB;KAPd,MAAMJ,MAAA,oBAAA;KACP,SAAA;IACQH,GAAAA,KAAAA,MAAM,GAAA;KACd,SAAAI,cAAsB,CAAtB,OAAA,OAAA,OAAA,KAAAI,mBAAsB,OAAA,MAAjB,eAAW,EAAA,IAChBH,YAEkBF,MAAA,oBAAA,GAAA;MADhB,OAAM;MACN,QAAO;;;I,kBAEXE,YAkCsBF,MAAA,YAAA,CAAA,CAAA,QAAA,MAAA;KAjCpB,SAAAC,cAgC0B,CAhC1BC,YAgC0BF,MAAA,YAAA,CAAA,CAAA,YAAA;MA/BvB,IAAIA,MAAAM,0BAAA;MACL,OAAM;MACL,YAAY;;MACb,SAAAL,cAiB0B,CAjB1BC,YAiB0BF,MAAA,YAAA,CAAA,CAAA,YAAA;OAhBf,YAAA,MAAA;OAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MAAK,QAAA;OACd,OAAM;;OAEJ,SAAAC,cAAkB,EADpBH,UAAA,IAAA,GAAAS,mBAayBC,UAAA,MAAAC,WAZX,QAAA,QAAL,MAAC;QADV,OAAAX,UAAA,GAAAC,YAayBC,MAAA,YAAA,CAAA,CAAA,WAAA;SAXtB,KAAK,EAAE;SACP,IAAIA,MAAAU,4BAAA;SACL,OAAM;SACL,OAAO,EAAE;;SACV,SAAAT,cAGiB,CAHjBC,YAGiBS,+BAAA;UAFf,OAAM;UACL,OAAO,EAAE;UACT,KAAK,EAAE;S,+BACVT,YAE+BF,MAAAY,6BAAA,GAAA;UAD7B,OAAM;UACL,UAAU,EAAE,OAAO,MAAA;;;;;;M,uBAIlB,QAAA,gBADRd,UAAA,GAAAC,YASoBC,MAAA,YAAA,CAAA,CAAA,MAAA;;OAPjB,IAAIA,MAAAU,4BAAA;OACL,OAAM;OACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,KAAA;;OACZ,SAAAT,cAEkB,CAFlBC,YAEkBF,MAAA,cAAA,GAAA;QADhB,OAAM;QACN,QAAO;O,IAAS,OAAA,OAAA,OAAA,KAAAa,gBAAA,qBAEpB,EAAA,E"}

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

@@ -1,4 +1,4 @@
-import ScalarMenuTeamProfile_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuTeamProfile.vue.script.js";
+import ScalarMenuTeamProfile_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuTeamProfile.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarMenu/ScalarMenuTeamProfile.vue
 var ScalarMenuTeamProfile_default = ScalarMenuTeamProfile_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuTeamProfile.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Team Profile component\n *\n * Displays a team avatar and label. Shows the team image if available,\n * otherwise falls back to the first letter of the label or a default icon.\n *\n * @example\n * <ScalarMenuTeamProfile label=\"My Team\" src=\"/avatar.png\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconUsers } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineProps<{\n  src?: string\n  label?: string\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex h-full items-center gap-1')\">\n    <img\n      v-if=\"src\"\n      class=\"size-5 rounded\"\n      role=\"presentation\"\n      :src=\"src\" />\n    <div\n      v-else\n      aria-hidden=\"true\"\n      class=\"flex items-center justify-center text-3xs font-medium text-c-3 size-5 bg-b-3 rounded\">\n      <template v-if=\"label && label.length > 0\">\n        {{ label[0] }}\n      </template>\n      <ScalarIconUsers\n        v-else\n        class=\"size-3\"\n        weight=\"bold\" />\n    </div>\n    <div\n      v-if=\"label && label.length > 0\"\n      class=\"flex-1 truncate\">\n      {{ label }}\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarMenuTeamProfile.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Team Profile component\n *\n * Displays a team avatar and label. Shows the team image if available,\n * otherwise falls back to the first letter of the label or a default icon.\n *\n * @example\n * <ScalarMenuTeamProfile label=\"My Team\" src=\"/avatar.png\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconUsers } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineProps<{\n  src?: string\n  label?: string\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex h-full items-center gap-1')\">\n    <img\n      v-if=\"src\"\n      class=\"size-5 rounded\"\n      role=\"presentation\"\n      :src=\"src\" />\n    <div\n      v-else\n      aria-hidden=\"true\"\n      class=\"text-3xs text-c-3 bg-b-3 flex size-5 items-center justify-center rounded font-medium\">\n      <template v-if=\"label && label.length > 0\">\n        {{ label[0] }}\n      </template>\n      <ScalarIconUsers\n        v-else\n        class=\"size-3\"\n        weight=\"bold\" />\n    </div>\n    <div\n      v-if=\"label && label.length > 0\"\n      class=\"flex-1 truncate\">\n      {{ label }}\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { useBindCx } from "@scalar/use-hooks/useBindCx";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, toDisplayString, unref } from "vue";
+import { ScalarIconUsers } from "@scalar/icons";
+//#region src/components/ScalarMenu/ScalarMenuTeamProfile.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src"];
+var _hoisted_2 = {
+	key: 1,
+	"aria-hidden": "true",
+	class: "text-3xs text-c-3 bg-b-3 flex size-5 items-center justify-center rounded font-medium"
+};
+var _hoisted_3 = {
+	key: 2,
+	class: "flex-1 truncate"
+};
+var ScalarMenuTeamProfile_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "ScalarMenuTeamProfile",
+	props: {
+		src: {},
+		label: {}
+	},
+	setup(__props) {
+		const { cx } = useBindCx();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("flex h-full items-center gap-1"))), [__props.src ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				class: "size-5 rounded",
+				role: "presentation",
+				src: __props.src
+			}, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("div", _hoisted_2, [__props.label && __props.label.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(__props.label[0]), 1)], 64)) : (openBlock(), createBlock(unref(ScalarIconUsers), {
+				key: 1,
+				class: "size-3",
+				weight: "bold"
+			}))])), __props.label && __props.label.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.label), 1)) : createCommentVNode("", true)], 16);
+		};
+	}
+});
+//#endregion
+export { ScalarMenuTeamProfile_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMenuTeamProfile.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuTeamProfile.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","_Fragment","_createTextVNode","_toDisplayString","_createBlock","_createCommentVNode"],"sources":["../../../src/components/ScalarMenu/ScalarMenuTeamProfile.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Team Profile component\n *\n * Displays a team avatar and label. Shows the team image if available,\n * otherwise falls back to the first letter of the label or a default icon.\n *\n * @example\n * <ScalarMenuTeamProfile label=\"My Team\" src=\"/avatar.png\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconUsers } from '@scalar/icons'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineProps<{\n  src?: string\n  label?: string\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex h-full items-center gap-1')\">\n    <img\n      v-if=\"src\"\n      class=\"size-5 rounded\"\n      role=\"presentation\"\n      :src=\"src\" />\n    <div\n      v-else\n      aria-hidden=\"true\"\n      class=\"text-3xs text-c-3 bg-b-3 flex size-5 items-center justify-center rounded font-medium\">\n      <template v-if=\"label && label.length > 0\">\n        {{ label[0] }}\n      </template>\n      <ScalarIconUsers\n        v-else\n        class=\"size-3\"\n        weight=\"bold\" />\n    </div>\n    <div\n      v-if=\"label && label.length > 0\"\n      class=\"flex-1 truncate\">\n      {{ label }}\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,EAAE,OAAO,UAAU;;GAGvB,OAAAA,UAAA,GAAAC,mBAuBM,OAAAC,eAAAC,mBAvBOC,MAAA,EAAA,CAAE,CAAA,gCAAA,CAAA,CAAA,GAAA,CAEL,QAAA,OADRJ,UAAA,GAAAC,mBAIe,OAAA;;IAFb,OAAM;IACN,MAAK;IACJ,KAAK,QAAA;G,4BACRD,UAAA,GAAAC,mBAWM,OAXN,YAWM,CAPY,QAAA,SAAS,QAAA,MAAM,SAAM,KAArCD,UAAA,GAAAC,mBAEWI,UAAA,EAAA,KAAA,EAAA,GAAA,CADNC,gBAAAC,gBAAA,QAAA,MAAK,EAAA,GAAA,CAAA,C,WAEVP,UAAA,GAAAQ,YAGkBJ,MAAA,eAAA,GAAA;;IADhB,OAAM;IACN,QAAO;G,QAGH,QAAA,SAAS,QAAA,MAAM,SAAM,KAD7BJ,UAAA,GAAAC,mBAIM,OAJN,YAIMM,gBADD,QAAA,KAAK,GAAA,CAAA,K"}

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

@@ -1,4 +1,4 @@
-import ScalarMenuWorkspacePicker_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuWorkspacePicker.vue.script.js";
+import ScalarMenuWorkspacePicker_vue_vue_type_script_setup_true_lang_default from "./ScalarMenuWorkspacePicker.vue_vue_type_script_setup_true_lang.js";
 //#region src/components/ScalarMenu/ScalarMenuWorkspacePicker.vue
 var ScalarMenuWorkspacePicker_default = ScalarMenuWorkspacePicker_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuWorkspacePicker.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuWorkspacePicker.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Workspace Picker component\n *\n * A sub-menu within ScalarMenu that lets users switch between\n * workspaces or create a new one.\n *\n * @example\n * <ScalarMenuWorkspacePicker v-model=\"workspaceId\" :workspaceOptions=\"groups\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconCaretRight,\n  ScalarIconPlus,\n  ScalarIconSwap,\n} from '@scalar/icons'\nimport { DropdownMenu } from 'radix-vue/namespaced'\n\nimport { ScalarDropdownButton, ScalarDropdownMenu } from '../ScalarDropdown'\nimport {\n  ScalarListboxCheckbox,\n  type ScalarListboxOption,\n} from '../ScalarListbox'\nimport ScalarMenuLink from './ScalarMenuLink.vue'\n\nexport type WorkspaceGroup = {\n  /** Label for the group */\n  label?: string\n  /** Options within the group */\n  options: ScalarListboxOption[]\n}\n\nconst { workspaceOptions } = defineProps<{\n  /** The list of workspaces to choose from */\n  workspaceOptions: WorkspaceGroup[]\n}>()\n\nconst emit = defineEmits<{\n  /** Create a new workspace */\n  (e: 'createWorkspace'): void\n}>()\n\nconst model = defineModel<string | undefined>()\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :icon=\"ScalarIconSwap\"\n      submenu\n      v-bind=\"$attrs\">\n      <div>Change workspace</div>\n      <ScalarIconCaretRight\n        class=\"ml-auto text-c-2 -mr-px size-3\"\n        weight=\"bold\" />\n    </ScalarMenuLink>\n\n    <DropdownMenu.Portal>\n      <DropdownMenu.SubContent\n        :as=\"ScalarDropdownMenu\"\n        class=\"max-h-radix-popper z-context-plus\"\n        :sideOffset=\"3\">\n        <DropdownMenu.RadioGroup\n          v-model=\"model\"\n          class=\"contents\">\n          <template\n            v-for=\"(group, groupIndex) in workspaceOptions\"\n            :key=\"groupIndex\">\n            <!-- Group label (only shown if there's a label) -->\n            <DropdownMenu.Label\n              v-if=\"group.label\"\n              class=\"px-3 py-1.5 text-xs font-medium text-c-3 select-none\">\n              {{ group.label }}\n            </DropdownMenu.Label>\n\n            <!-- Group items -->\n            <DropdownMenu.RadioItem\n              v-for=\"w in group.options\"\n              :key=\"w.id\"\n              :as=\"ScalarDropdownButton\"\n              class=\"group/item flex items-center\"\n              :value=\"w.id\">\n              <div class=\"flex h-full items-center gap-1 flex-1 truncate\">\n                {{ w.label }}\n              </div>\n              <ScalarListboxCheckbox\n                class=\"ml-auto\"\n                :selected=\"w.id === model\" />\n            </DropdownMenu.RadioItem>\n\n            <!-- Group separator (only between groups, not after the last one) -->\n            <DropdownMenu.Separator\n              v-if=\"groupIndex < workspaceOptions.length - 1\"\n              class=\"h-px bg-b-3 my-1.5\" />\n          </template>\n        </DropdownMenu.RadioGroup>\n\n        <DropdownMenu.Item\n          :as=\"ScalarDropdownButton\"\n          class=\"flex items-center\"\n          @click=\"emit('createWorkspace')\">\n          <ScalarIconPlus\n            class=\"bg-b-3 -ml-0.75 rounded p-1 size-5 text-c-3\"\n            weight=\"bold\" />\n          Create workspace\n        </DropdownMenu.Item>\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Portal>\n  </DropdownMenu.Sub>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarMenuWorkspacePicker.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarMenu/ScalarMenuWorkspacePicker.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Workspace Picker component\n *\n * A sub-menu within ScalarMenu that lets users switch between\n * workspaces or create a new one.\n *\n * @example\n * <ScalarMenuWorkspacePicker v-model=\"workspaceId\" :workspaceOptions=\"groups\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconCaretRight,\n  ScalarIconPlus,\n  ScalarIconSwap,\n} from '@scalar/icons'\nimport { DropdownMenu } from 'radix-vue/namespaced'\n\nimport { ScalarDropdownButton, ScalarDropdownMenu } from '../ScalarDropdown'\nimport {\n  ScalarListboxCheckbox,\n  type ScalarListboxOption,\n} from '../ScalarListbox'\nimport ScalarMenuLink from './ScalarMenuLink.vue'\n\nexport type WorkspaceGroup = {\n  /** Label for the group */\n  label?: string\n  /** Options within the group */\n  options: ScalarListboxOption[]\n}\n\nconst { workspaceOptions } = defineProps<{\n  /** The list of workspaces to choose from */\n  workspaceOptions: WorkspaceGroup[]\n}>()\n\nconst emit = defineEmits<{\n  /** Create a new workspace */\n  (e: 'createWorkspace'): void\n}>()\n\nconst model = defineModel<string | undefined>()\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :icon=\"ScalarIconSwap\"\n      submenu\n      v-bind=\"$attrs\">\n      <div>Change workspace</div>\n      <ScalarIconCaretRight\n        class=\"text-c-2 -mr-px ml-auto size-3\"\n        weight=\"bold\" />\n    </ScalarMenuLink>\n\n    <DropdownMenu.Portal>\n      <DropdownMenu.SubContent\n        :as=\"ScalarDropdownMenu\"\n        class=\"max-h-radix-popper z-context-plus\"\n        :sideOffset=\"3\">\n        <DropdownMenu.RadioGroup\n          v-model=\"model\"\n          class=\"contents\">\n          <template\n            v-for=\"(group, groupIndex) in workspaceOptions\"\n            :key=\"groupIndex\">\n            <!-- Group label (only shown if there's a label) -->\n            <DropdownMenu.Label\n              v-if=\"group.label\"\n              class=\"text-c-3 px-3 py-1.5 text-xs font-medium select-none\">\n              {{ group.label }}\n            </DropdownMenu.Label>\n\n            <!-- Group items -->\n            <DropdownMenu.RadioItem\n              v-for=\"w in group.options\"\n              :key=\"w.id\"\n              :as=\"ScalarDropdownButton\"\n              class=\"group/item flex items-center\"\n              :value=\"w.id\">\n              <div class=\"flex h-full flex-1 items-center gap-1 truncate\">\n                {{ w.label }}\n              </div>\n              <ScalarListboxCheckbox\n                class=\"ml-auto\"\n                :selected=\"w.id === model\" />\n            </DropdownMenu.RadioItem>\n\n            <!-- Group separator (only between groups, not after the last one) -->\n            <DropdownMenu.Separator\n              v-if=\"groupIndex < workspaceOptions.length - 1\"\n              class=\"bg-b-3 my-1.5 h-px\" />\n          </template>\n        </DropdownMenu.RadioGroup>\n\n        <DropdownMenu.Item\n          :as=\"ScalarDropdownButton\"\n          class=\"flex items-center\"\n          @click=\"emit('createWorkspace')\">\n          <ScalarIconPlus\n            class=\"bg-b-3 text-c-3 -ml-0.75 size-5 rounded p-1\"\n            weight=\"bold\" />\n          Create workspace\n        </DropdownMenu.Item>\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Portal>\n  </DropdownMenu.Sub>\n</template>\n"],"mappings":""}

package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,96 @@
+import ScalarListboxCheckbox_default from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
+import ScalarDropdownMenu_default from "../ScalarDropdown/ScalarDropdownMenu.vue.js";
+import ScalarDropdownButton_default from "../ScalarDropdown/ScalarDropdownButton.vue.js";
+import ScalarMenuLink_default from "./ScalarMenuLink.vue.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
+import { ScalarIconCaretRight, ScalarIconPlus, ScalarIconSwap } from "@scalar/icons";
+import { DropdownMenu } from "radix-vue/namespaced";
+//#region src/components/ScalarMenu/ScalarMenuWorkspacePicker.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-full flex-1 items-center gap-1 truncate" };
+var ScalarMenuWorkspacePicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "ScalarMenuWorkspacePicker",
+	props: /*@__PURE__*/ mergeModels({ workspaceOptions: {} }, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["createWorkspace"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(DropdownMenu).Sub, null, {
+				default: withCtx(() => [createVNode(ScalarMenuLink_default, mergeProps({
+					icon: unref(ScalarIconSwap),
+					submenu: ""
+				}, _ctx.$attrs), {
+					default: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("div", null, "Change workspace", -1)), createVNode(unref(ScalarIconCaretRight), {
+						class: "text-c-2 -mr-px ml-auto size-3",
+						weight: "bold"
+					})]),
+					_: 1
+				}, 16, ["icon"]), createVNode(unref(DropdownMenu).Portal, null, {
+					default: withCtx(() => [createVNode(unref(DropdownMenu).SubContent, {
+						as: unref(ScalarDropdownMenu_default),
+						class: "max-h-radix-popper z-context-plus",
+						sideOffset: 3
+					}, {
+						default: withCtx(() => [createVNode(unref(DropdownMenu).RadioGroup, {
+							modelValue: model.value,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+							class: "contents"
+						}, {
+							default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.workspaceOptions, (group, groupIndex) => {
+								return openBlock(), createElementBlock(Fragment, { key: groupIndex }, [
+									group.label ? (openBlock(), createBlock(unref(DropdownMenu).Label, {
+										key: 0,
+										class: "text-c-3 px-3 py-1.5 text-xs font-medium select-none"
+									}, {
+										default: withCtx(() => [createTextVNode(toDisplayString(group.label), 1)]),
+										_: 2
+									}, 1024)) : createCommentVNode("", true),
+									(openBlock(true), createElementBlock(Fragment, null, renderList(group.options, (w) => {
+										return openBlock(), createBlock(unref(DropdownMenu).RadioItem, {
+											key: w.id,
+											as: unref(ScalarDropdownButton_default),
+											class: "group/item flex items-center",
+											value: w.id
+										}, {
+											default: withCtx(() => [createElementVNode("div", _hoisted_1, toDisplayString(w.label), 1), createVNode(unref(ScalarListboxCheckbox_default), {
+												class: "ml-auto",
+												selected: w.id === model.value
+											}, null, 8, ["selected"])]),
+											_: 2
+										}, 1032, ["as", "value"]);
+									}), 128)),
+									groupIndex < __props.workspaceOptions.length - 1 ? (openBlock(), createBlock(unref(DropdownMenu).Separator, {
+										key: 1,
+										class: "bg-b-3 my-1.5 h-px"
+									})) : createCommentVNode("", true)
+								], 64);
+							}), 128))]),
+							_: 1
+						}, 8, ["modelValue"]), createVNode(unref(DropdownMenu).Item, {
+							as: unref(ScalarDropdownButton_default),
+							class: "flex items-center",
+							onClick: _cache[1] || (_cache[1] = ($event) => emit("createWorkspace"))
+						}, {
+							default: withCtx(() => [createVNode(unref(ScalarIconPlus), {
+								class: "bg-b-3 text-c-3 -ml-0.75 size-5 rounded p-1",
+								weight: "bold"
+							}), _cache[3] || (_cache[3] = createTextVNode(" Create workspace ", -1))]),
+							_: 1
+						}, 8, ["as"])]),
+						_: 1
+					}, 8, ["as"])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ScalarMenuWorkspacePicker_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ScalarMenuWorkspacePicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarMenu/ScalarMenuWorkspacePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarMenuWorkspacePicker.vue_vue_type_script_setup_true_lang.js","names":["$attrs","_useModel","_openBlock","_createBlock","_unref","_withCtx","_createVNode","ScalarMenuLink","_mergeProps","_createElementVNode","ScalarDropdownMenu","_createElementBlock","_Fragment","_renderList","_createTextVNode","_toDisplayString","_createCommentVNode","ScalarDropdownButton","ScalarListboxCheckbox"],"sources":["../../../src/components/ScalarMenu/ScalarMenuWorkspacePicker.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Workspace Picker component\n *\n * A sub-menu within ScalarMenu that lets users switch between\n * workspaces or create a new one.\n *\n * @example\n * <ScalarMenuWorkspacePicker v-model=\"workspaceId\" :workspaceOptions=\"groups\" />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport {\n  ScalarIconCaretRight,\n  ScalarIconPlus,\n  ScalarIconSwap,\n} from '@scalar/icons'\nimport { DropdownMenu } from 'radix-vue/namespaced'\n\nimport { ScalarDropdownButton, ScalarDropdownMenu } from '../ScalarDropdown'\nimport {\n  ScalarListboxCheckbox,\n  type ScalarListboxOption,\n} from '../ScalarListbox'\nimport ScalarMenuLink from './ScalarMenuLink.vue'\n\nexport type WorkspaceGroup = {\n  /** Label for the group */\n  label?: string\n  /** Options within the group */\n  options: ScalarListboxOption[]\n}\n\nconst { workspaceOptions } = defineProps<{\n  /** The list of workspaces to choose from */\n  workspaceOptions: WorkspaceGroup[]\n}>()\n\nconst emit = defineEmits<{\n  /** Create a new workspace */\n  (e: 'createWorkspace'): void\n}>()\n\nconst model = defineModel<string | undefined>()\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :icon=\"ScalarIconSwap\"\n      submenu\n      v-bind=\"$attrs\">\n      <div>Change workspace</div>\n      <ScalarIconCaretRight\n        class=\"text-c-2 -mr-px ml-auto size-3\"\n        weight=\"bold\" />\n    </ScalarMenuLink>\n\n    <DropdownMenu.Portal>\n      <DropdownMenu.SubContent\n        :as=\"ScalarDropdownMenu\"\n        class=\"max-h-radix-popper z-context-plus\"\n        :sideOffset=\"3\">\n        <DropdownMenu.RadioGroup\n          v-model=\"model\"\n          class=\"contents\">\n          <template\n            v-for=\"(group, groupIndex) in workspaceOptions\"\n            :key=\"groupIndex\">\n            <!-- Group label (only shown if there's a label) -->\n            <DropdownMenu.Label\n              v-if=\"group.label\"\n              class=\"text-c-3 px-3 py-1.5 text-xs font-medium select-none\">\n              {{ group.label }}\n            </DropdownMenu.Label>\n\n            <!-- Group items -->\n            <DropdownMenu.RadioItem\n              v-for=\"w in group.options\"\n              :key=\"w.id\"\n              :as=\"ScalarDropdownButton\"\n              class=\"group/item flex items-center\"\n              :value=\"w.id\">\n              <div class=\"flex h-full flex-1 items-center gap-1 truncate\">\n                {{ w.label }}\n              </div>\n              <ScalarListboxCheckbox\n                class=\"ml-auto\"\n                :selected=\"w.id === model\" />\n            </DropdownMenu.RadioItem>\n\n            <!-- Group separator (only between groups, not after the last one) -->\n            <DropdownMenu.Separator\n              v-if=\"groupIndex < workspaceOptions.length - 1\"\n              class=\"bg-b-3 my-1.5 h-px\" />\n          </template>\n        </DropdownMenu.RadioGroup>\n\n        <DropdownMenu.Item\n          :as=\"ScalarDropdownButton\"\n          class=\"flex items-center\"\n          @click=\"emit('createWorkspace')\">\n          <ScalarIconPlus\n            class=\"bg-b-3 text-c-3 -ml-0.75 size-5 rounded p-1\"\n            weight=\"bold\" />\n          Create workspace\n        </DropdownMenu.Item>\n      </DropdownMenu.SubContent>\n    </DropdownMenu.Portal>\n  </DropdownMenu.Sub>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAuCA,MAAM,OAAO;EAKb,MAAM,QAAQC,SAA+B,SAAA,YAAC;;GAK5C,OAAAC,UAAA,GAAAC,YA8DmBC,MAAA,YAAA,CAAA,CAAA,KAAA,MAAA;IA7DjB,SAAAC,cAQiB,CARjBC,YAQiBC,wBARjBC,WAQiB;KAPd,MAAMJ,MAAA,cAAA;KACP,SAAA;IACQJ,GAAAA,KAAAA,MAAM,GAAA;KACd,SAAAK,cAA2B,CAA3B,OAAA,OAAA,OAAA,KAAAI,mBAA2B,OAAA,MAAtB,oBAAgB,EAAA,IACrBH,YAEkBF,MAAA,oBAAA,GAAA;MADhB,OAAM;MACN,QAAO;;;I,kBAGXE,YAkDsBF,MAAA,YAAA,CAAA,CAAA,QAAA,MAAA;KAjDpB,SAAAC,cAgD0B,CAhD1BC,YAgD0BF,MAAA,YAAA,CAAA,CAAA,YAAA;MA/CvB,IAAIA,MAAAM,0BAAA;MACL,OAAM;MACL,YAAY;;MACb,SAAAL,cAiC0B,CAjC1BC,YAiC0BF,MAAA,YAAA,CAAA,CAAA,YAAA;OAhCf,YAAA,MAAA;OAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,MAAK,QAAA;OACd,OAAM;;OAEJ,SAAAC,cAA+C,EADjDH,UAAA,IAAA,GAAAS,mBA6BWC,UAAA,MAAAC,WA5BqB,QAAA,mBAAtB,OAAO,eAAU;QACnB,OAAAX,UAAA,GAAAS,mBAAAC,UAAA,EAAA,KAAA,WAAU,GAAA;SAGR,MAAM,SADdV,UAAA,GAAAC,YAIqBC,MAAA,YAAA,CAAA,CAAA,OAAA;;UAFnB,OAAM;;UACN,SAAAC,cAAiB,CAAdS,gBAAAC,gBAAA,MAAM,KAAK,GAAA,CAAA,C;;;UAIhBb,UAAA,IAAA,GAAAS,mBAYyBC,UAAA,MAAAC,WAXX,MAAM,UAAX,MAAC;UADV,OAAAX,UAAA,GAAAC,YAYyBC,MAAA,YAAA,CAAA,CAAA,WAAA;WAVtB,KAAK,EAAE;WACP,IAAIA,MAAAa,4BAAA;WACL,OAAM;WACL,OAAO,EAAE;;WACV,SAAAZ,cAEM,CAFNI,mBAEM,OAFN,YAEMM,gBADD,EAAE,KAAK,GAAA,CAAA,GAEZT,YAE+BF,MAAAc,6BAAA,GAAA;YAD7B,OAAM;YACL,UAAU,EAAE,OAAO,MAAA;;;;;SAKhB,aAAa,QAAA,iBAAiB,SAAM,KAD5ChB,UAAA,GAAAC,YAE+BC,MAAA,YAAA,CAAA,CAAA,WAAA;;UAA7B,OAAM;;;;;M,uBAIZE,YAQoBF,MAAA,YAAA,CAAA,CAAA,MAAA;OAPjB,IAAIA,MAAAa,4BAAA;OACL,OAAM;OACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAA;;OACZ,SAAAZ,cAEkB,CAFlBC,YAEkBF,MAAA,cAAA,GAAA;QADhB,OAAM;QACN,QAAO;O,IAAS,OAAA,OAAA,OAAA,KAAAU,gBAAA,sBAEpB,EAAA,E"}

package/dist/components/ScalarModal/ScalarModal.vue.js

@@ -1,8 +1,8 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
-import ScalarModal_vue_vue_type_script_setup_true_lang_default, { useModal } from "./ScalarModal.vue.script.js";
-/* empty css                          */
+import ScalarModal_vue_vue_type_script_setup_true_lang_default, { useModal } from "./ScalarModal.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                */
 //#region src/components/ScalarModal/ScalarModal.vue
-var ScalarModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ScalarModal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5bb1dcc2"]]);
+var ScalarModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ScalarModal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b002945c"]]);
 //#endregion
 export { ScalarModal_default as default, useModal };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarModal.vue.js","names":[],"sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Dialog, DialogPanel, DialogTitle } from '@headlessui/vue'\nimport { ScalarIconX } from '@scalar/icons'\nimport { cva, cx } from '@scalar/use-hooks/useBindCx'\nimport type { VariantProps } from 'cva'\nimport { reactive } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\n\ntype ModalVariants = VariantProps<typeof modal>\n\nconst { size = 'md' } = defineProps<{\n  state: ReturnType<typeof useModal>\n  title?: string\n  bodyClass?: string\n  maxWidth?: string\n  size?: ModalVariants['size']\n  variant?: ModalVariants['variant']\n}>()\n\nconst emit = defineEmits<{\n  (event: 'close'): void\n}>()\n\nconst modal = cva({\n  base: [\n    'scalar-modal',\n    'flex flex-col relative mb-0 rounded-lg bg-b-1 p-0 text-left leading-snug text-c-1 opacity-0 w-[calc(100vw-12px)] md:w-[calc(100vw-16px)] lg:w-[calc(100vw-32px)]',\n  ].join(' '),\n  variants: {\n    size: {\n      xxs: 'mt-[20svh] max-h-[60svh] max-w-[360px]',\n      xs: 'mt-[20svh] max-h-[60svh] max-w-[480px]',\n      sm: 'mt-[20svh] max-h-[60svh] max-w-[540px]',\n      md: 'mt-[20svh] max-h-[60svh] max-w-[640px]',\n      lg: 'm-auto max-h-[80svh] max-w-[800px]',\n      xl: 'm-auto max-h-[90svh] max-w-[1000px]',\n      full: 'full-size-styles max-h-dvh mt-0 lg:w-full',\n    },\n    variant: {\n      form: 'scalar-modal-form',\n      search: 'scalar-modal-search mt-[15svh] max-h-[60svh] max-w-[540px]',\n      error: 'scalar-modal-error',\n    },\n  },\n})\nconst body = cva({\n  base: ['scalar-modal-body', 'relative flex-1 min-h-0 p-3'].join(' '),\n  variants: {\n    variant: {\n      form: 'overflow-visible',\n      search: 'flex flex-col !m-0 overflow-hidden p-0',\n      error: 'overflow-y-scroll',\n    },\n    size: {\n      xxs: '',\n      xs: '',\n      sm: '',\n      md: '',\n      lg: '',\n      xl: 'm-0 p-0',\n      full: ' rounded-none',\n    },\n  },\n})\n</script>\n<script lang=\"ts\">\n/**\n * Scalar Modal component\n *\n * A dialog overlay with configurable size and variant.\n * Use the {@link useModal} hook to control the open state.\n *\n * @example\n * <ScalarModal :state=\"modal\" title=\"My Modal\">\n *   Modal content\n * </ScalarModal>\n */\nexport default {}\n\n/** Hook for creating a reactive modal state */\nexport function useModal() {\n  return reactive({\n    open: false,\n    show() {\n      this.open = true\n    },\n    hide() {\n      this.open = false\n    },\n  })\n}\n</script>\n<template>\n  <Dialog\n    :open=\"state.open\"\n    @close=\"\n      () => {\n        state.hide()\n        emit('close')\n      }\n    \">\n    <div\n      :class=\"\n        cx(\n          size === 'full' ? 'scalar-modal-layout-full' : 'scalar-modal-layout',\n          'fixed left-0 top-0 flex items-start justify-center',\n          'z-overlay h-dvh w-dvw',\n          'bg-backdrop opacity-0 dark:bg-backdrop-dark',\n          size === 'full' && 'flex',\n        )\n      \">\n      <DialogPanel\n        :class=\"modal({ size, variant })\"\n        :style=\"{ maxWidth }\">\n        <DialogTitle\n          v-if=\"title\"\n          class=\"scalar-modal-header m-0 -mb-1 rounded-lg pt-3 px-3 text-left text-sm font-medium text-c-1\">\n          {{ title }}\n        </DialogTitle>\n        <div\n          v-if=\"size === 'full'\"\n          :class=\"bodyClass\">\n          <slot />\n        </div>\n        <div\n          v-else\n          :class=\"cx(body({ size, variant }), bodyClass)\">\n          <slot />\n        </div>\n      </DialogPanel>\n      <div\n        v-if=\"size === 'full'\"\n        class=\"close-button z-10 fixed right-2 top-2\">\n        <ScalarIconButton\n          class=\"hover:bg-b-3 focus:outline-none\"\n          :icon=\"ScalarIconX\"\n          label=\"Close modal\"\n          @click=\"state.hide()\" />\n      </div>\n    </div>\n  </Dialog>\n</template>\n<style scoped>\n@reference '../../style.css';\n\n.scalar-modal-layout {\n  animation: fadein-layout ease-in-out 0.3s forwards;\n}\n.scalar-modal {\n  animation: fadein-modal ease-in-out 0.3s forwards;\n  animation-delay: 0.1s;\n  box-shadow: var(--scalar-shadow-2);\n  transform: translate3d(0, 10px, 0);\n}\n.scalar-modal-layout-full {\n  opacity: 1 !important;\n  background: transparent !important;\n}\n.modal-content-search .modal-body {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  max-height: 440px;\n}\n/*\n * Allow the modal to fill more space on\n * very short (or very zoomed in) screens\n */\n@variant zoomed {\n  .scalar-modal-layout .scalar-modal {\n    margin-top: 5svh;\n    max-height: 90svh;\n  }\n}\n@keyframes fadein-layout {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes fadein-modal {\n  0% {\n    opacity: 0;\n    transform: translate3d(0, 10px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n.full-size-styles {\n  transform: translate3d(0, 0, 0);\n  animation: fadein-layout ease-in-out 0.3s forwards;\n  max-height: 100% !important;\n  top: 0 !important;\n  left: 0;\n  position: absolute !important;\n  margin: initial;\n  border-radius: 0 !important;\n  background-color: var(--scalar-background-1) !important;\n  box-shadow: none !important;\n  border-right: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n@variant md {\n  .full-size-styles {\n    width: 50dvw !important;\n  }\n}\n.full-size-styles:after {\n  content: '';\n  width: 50dvw;\n  height: 100dvh;\n  position: absolute;\n  right: -50dvw;\n  top: 0;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ScalarModal.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarModal/ScalarModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Dialog, DialogPanel, DialogTitle } from '@headlessui/vue'\nimport { ScalarIconX } from '@scalar/icons'\nimport { cva, cx } from '@scalar/use-hooks/useBindCx'\nimport type { VariantProps } from 'cva'\nimport { reactive } from 'vue'\n\nimport { ScalarIconButton } from '../ScalarIconButton'\n\ntype ModalVariants = VariantProps<typeof modal>\n\nconst { size = 'md' } = defineProps<{\n  state: ReturnType<typeof useModal>\n  title?: string\n  bodyClass?: string\n  maxWidth?: string\n  size?: ModalVariants['size']\n  variant?: ModalVariants['variant']\n}>()\n\nconst emit = defineEmits<{\n  (event: 'close'): void\n}>()\n\nconst modal = cva({\n  base: [\n    'scalar-modal',\n    'flex flex-col relative mb-0 rounded-lg bg-b-1 p-0 text-left leading-snug text-c-1 opacity-0 w-[calc(100vw-12px)] md:w-[calc(100vw-16px)] lg:w-[calc(100vw-32px)]',\n  ].join(' '),\n  variants: {\n    size: {\n      xxs: 'mt-[20svh] max-h-[60svh] max-w-[360px]',\n      xs: 'mt-[20svh] max-h-[60svh] max-w-[480px]',\n      sm: 'mt-[20svh] max-h-[60svh] max-w-[540px]',\n      md: 'mt-[20svh] max-h-[60svh] max-w-[640px]',\n      lg: 'm-auto max-h-[80svh] max-w-[800px]',\n      xl: 'm-auto max-h-[90svh] max-w-[1000px]',\n      full: 'full-size-styles max-h-dvh mt-0 lg:w-full',\n    },\n    variant: {\n      form: 'scalar-modal-form',\n      search: 'scalar-modal-search mt-[15svh] max-h-[60svh] max-w-[540px]',\n      error: 'scalar-modal-error',\n    },\n  },\n})\nconst body = cva({\n  base: ['scalar-modal-body', 'relative flex-1 min-h-0 p-3'].join(' '),\n  variants: {\n    variant: {\n      form: 'overflow-visible',\n      search: 'flex flex-col !m-0 overflow-hidden p-0',\n      error: 'overflow-y-scroll',\n    },\n    size: {\n      xxs: '',\n      xs: '',\n      sm: '',\n      md: '',\n      lg: '',\n      xl: 'm-0 p-0',\n      full: ' rounded-none',\n    },\n  },\n})\n</script>\n<script lang=\"ts\">\n/**\n * Scalar Modal component\n *\n * A dialog overlay with configurable size and variant.\n * Use the {@link useModal} hook to control the open state.\n *\n * @example\n * <ScalarModal :state=\"modal\" title=\"My Modal\">\n *   Modal content\n * </ScalarModal>\n */\nexport default {}\n\n/** Hook for creating a reactive modal state */\nexport function useModal() {\n  return reactive({\n    open: false,\n    show() {\n      this.open = true\n    },\n    hide() {\n      this.open = false\n    },\n  })\n}\n</script>\n<template>\n  <Dialog\n    :open=\"state.open\"\n    @close=\"\n      () => {\n        state.hide()\n        emit('close')\n      }\n    \">\n    <div\n      :class=\"\n        cx(\n          size === 'full' ? 'scalar-modal-layout-full' : 'scalar-modal-layout',\n          'fixed top-0 left-0 flex items-start justify-center',\n          'z-overlay h-dvh w-dvw',\n          'bg-backdrop dark:bg-backdrop-dark opacity-0',\n          size === 'full' && 'flex',\n        )\n      \">\n      <DialogPanel\n        :class=\"modal({ size, variant })\"\n        :style=\"{ maxWidth }\">\n        <DialogTitle\n          v-if=\"title\"\n          class=\"scalar-modal-header text-c-1 m-0 -mb-1 rounded-lg px-3 pt-3 text-left text-sm font-medium\">\n          {{ title }}\n        </DialogTitle>\n        <div\n          v-if=\"size === 'full'\"\n          :class=\"bodyClass\">\n          <slot />\n        </div>\n        <div\n          v-else\n          :class=\"cx(body({ size, variant }), bodyClass)\">\n          <slot />\n        </div>\n      </DialogPanel>\n      <div\n        v-if=\"size === 'full'\"\n        class=\"close-button fixed top-2 right-2 z-10\">\n        <ScalarIconButton\n          class=\"hover:bg-b-3 focus:outline-none\"\n          :icon=\"ScalarIconX\"\n          label=\"Close modal\"\n          @click=\"state.hide()\" />\n      </div>\n    </div>\n  </Dialog>\n</template>\n<style scoped>\n@reference '../../style.css';\n\n.scalar-modal-layout {\n  animation: fadein-layout ease-in-out 0.3s forwards;\n}\n.scalar-modal {\n  animation: fadein-modal ease-in-out 0.3s forwards;\n  animation-delay: 0.1s;\n  box-shadow: var(--scalar-shadow-2);\n  transform: translate3d(0, 10px, 0);\n}\n.scalar-modal-layout-full {\n  opacity: 1 !important;\n  background: transparent !important;\n}\n.modal-content-search .modal-body {\n  padding: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  max-height: 440px;\n}\n/*\n * Allow the modal to fill more space on\n * very short (or very zoomed in) screens\n */\n@variant zoomed {\n  .scalar-modal-layout .scalar-modal {\n    margin-top: 5svh;\n    max-height: 90svh;\n  }\n}\n@keyframes fadein-layout {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes fadein-modal {\n  0% {\n    opacity: 0;\n    transform: translate3d(0, 10px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n.full-size-styles {\n  transform: translate3d(0, 0, 0);\n  animation: fadein-layout ease-in-out 0.3s forwards;\n  max-height: 100% !important;\n  top: 0 !important;\n  left: 0;\n  position: absolute !important;\n  margin: initial;\n  border-radius: 0 !important;\n  background-color: var(--scalar-background-1) !important;\n  box-shadow: none !important;\n  border-right: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n@variant md {\n  .full-size-styles {\n    width: 50dvw !important;\n  }\n}\n.full-size-styles:after {\n  content: '';\n  width: 50dvw;\n  height: 100dvh;\n  position: absolute;\n  right: -50dvw;\n  top: 0;\n}\n</style>\n"],"mappings":""}