npm - @scalar/components - Versions diffs - 0.32.1 → 0.33.1 - Mend

@scalar/components 0.32.1 → 0.33.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1250) hide show

package/dist/components/ScalarMarkdown/ScalarMarkdown.vue_vue_type_script_setup_true_lang.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarMarkdown.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref"],"sources":["../../../src/components/ScalarMarkdown/ScalarMarkdown.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Markdown component\n *\n * Renders a markdown string as styled HTML with support for\n * headings, links, code blocks, tables, alerts, and more.\n *\n * @example\n * <ScalarMarkdown value=\"# Hello World\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n htmlFromMarkdown,\n isHeading,\n textFromNode,\n type Node,\n} from '@scalar/code-highlight'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed, useTemplateRef } from 'vue'\n\nimport type { ScalarMarkdownProps } from './types'\nimport { useMarkdownRenderHooks } from './useMarkdownRenderHooks'\n\nconst {\n value,\n transform,\n transformType,\n withImages = false,\n withAnchors = false,\n anchorPrefix,\n} = defineProps<ScalarMarkdownProps>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n\n// Expose the element ref to the parent component\nconst templateRef = useTemplateRef('div')\ndefineExpose({ el: templateRef })\n\nconst transformHeading = (node: Node) => {\n if (!withAnchors) {\n return transform?.(node) || node\n }\n\n if (!isHeading(node)) {\n return node\n }\n\n const headingText = textFromNode(node)\n\n /** Basic slugify for the heading text */\n const slug = headingText.toLowerCase().replace(/\\s+/g, '-')\n\n /** Return adding anchor prefix if present or just the slug */\n const id = anchorPrefix ? `${anchorPrefix}/description/${slug}` : slug\n\n // Add the id to the heading\n node.data = {\n hProperties: {\n id,\n },\n }\n\n if (transform) {\n return transform(node)\n }\n\n return node\n}\n\nconst html = computed(() => {\n return htmlFromMarkdown(value ?? '', {\n removeTags: withImages ? [] : ['img', 'picture'],\n transform:\n withAnchors && transformType === 'heading' ? transformHeading : transform,\n transformType,\n })\n})\nuseMarkdownRenderHooks(\n templateRef,\n () => value ?? '',\n () => html.value,\n)\n</script>\n<template>\n <div\n ref=\"div\"\n v-bind=\"cx('markdown', { 'line-clamp-(--markdown-clamp)': !!clamp })\"\n :style=\"{ '--markdown-clamp': clamp }\"\n v-html=\"html\" />\n</template>\n<style>\n@import '@scalar/code-highlight/css/code.css';\n\n.scalar-app {\n /* Base container and variables */\n .markdown {\n --scalar-refs-heading-spacing: 24px;\n --markdown-border: var(--scalar-border-width) solid\n var(--scalar-border-color);\n --markdown-spacing-sm: 12px;\n --markdown-spacing-md: 16px;\n --markdown-line-height: 1.625;\n --markdown-heading-line-height: 1.15;\n\n font-family: var(--scalar-font);\n word-break: break-word;\n line-height: var(--markdown-line-height);\n }\n\n .markdown > * {\n margin-bottom: var(--markdown-spacing-md);\n }\n\n /* margin gets doubled between heading + non heading elements if we don't do this*/\n .markdown > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):last-child {\n margin-bottom: 0;\n }\n /* Headings */\n .markdown h1,\n .markdown h2,\n .markdown h3,\n .markdown h4,\n .markdown h5,\n .markdown h6 {\n display: block;\n font-weight: var(--scalar-bold);\n margin-top: var(--scalar-refs-heading-spacing);\n margin-bottom: var(--markdown-spacing-sm);\n line-height: var(--markdown-heading-line-height, 1.15);\n scroll-margin-top: 1rem;\n }\n .markdown h1 {\n font-size: 1.5rem;\n }\n .markdown h2,\n .markdown h3 {\n font-size: 1.25rem;\n }\n .markdown h4,\n .markdown h5,\n .markdown h6 {\n font-size: 1rem;\n }\n\n /* Text formatting and paragraphs */\n .markdown b,\n .markdown strong {\n font-weight: var(--scalar-bold);\n }\n\n .markdown p {\n color: inherit;\n display: block;\n line-height: var(--markdown-line-height);\n }\n\n /* Images */\n .markdown img {\n /**\n * With `display: block` <a><img></a> will take the whole width.\n *\n * @see https://github.com/scalar/scalar/issues/3961\n */\n display: inline-block;\n overflow: hidden;\n border-radius: var(--scalar-radius-md);\n max-width: 100%;\n }\n\n /* Lists */\n .markdown ul,\n .markdown ol {\n display: flex;\n flex-direction: column;\n padding-left: 1.6em;\n gap: 2px;\n line-height: var(--markdown-line-height);\n }\n\n .markdown li {\n margin-top: 2px;\n padding-left: 7px;\n }\n\n ol > li::marker,\n ol > * > li::marker {\n font: var(--scalar-font);\n font-variant-numeric: tabular-nums;\n font-weight: var(--scalar-semibold);\n white-space: nowrap;\n }\n\n /* Level 1, 4, 7 → decimal */\n .markdown ol {\n list-style-type: decimal;\n }\n /* Level 2, 5, 8 → lower-alpha */\n .markdown ol ol {\n list-style-type: lower-alpha;\n }\n\n .markdown ol ol ol ol,\n .markdown ol ol ol ol ol ol ol {\n list-style-type: decimal;\n }\n\n .markdown ol ol ol ol ol,\n .markdown ol ol ol ol ol ol ol ol {\n list-style-type: lower-alpha;\n }\n\n /* Level 3, 6, 9 → lower-roman */\n .markdown ol ol ol {\n list-style-type: lower-roman;\n }\n\n .markdown ol ol ol ol ol ol,\n .markdown ol ol ol ol ol ol ol ol ol {\n list-style-type: lower-roman;\n }\n\n .markdown ul > li,\n .markdown ul > * > li {\n list-style-type: disc;\n }\n\n /* Tables */\n .markdown table {\n display: table;\n table-layout: fixed;\n overflow-x: auto;\n position: relative;\n width: max-content;\n max-width: 100%;\n margin: 1em 0;\n border: var(--scalar-border-width) solid var(--scalar-border-color);\n border-radius: var(--scalar-radius-md);\n border-spacing: 0;\n }\n\n .markdown tbody,\n .markdown thead {\n vertical-align: middle;\n }\n\n .markdown tbody {\n display: table-row-group;\n }\n\n .markdown thead {\n display: table-header-group;\n }\n\n .markdown tr {\n display: table-row;\n border-color: inherit;\n vertical-align: inherit;\n }\n\n .markdown td,\n .markdown th {\n display: table-cell;\n vertical-align: top;\n min-width: 1em;\n padding: 8.5px 16px;\n line-height: var(--markdown-line-height);\n position: relative;\n /** Break long words in tables */\n word-break: break-word;\n font-size: var(--scalar-small);\n color: var(--scalar-color-1);\n border-right: var(--markdown-border);\n border-bottom: var(--markdown-border);\n }\n\n .markdown td > *,\n .markdown th > * {\n margin-bottom: 0;\n }\n\n .markdown th:empty {\n display: none;\n }\n\n .markdown td:first-of-type,\n .markdown th:first-of-type {\n border-left: none;\n }\n\n .markdown td:last-of-type,\n .markdown th:last-of-type {\n border-right: none;\n }\n\n .markdown tr:last-of-type td {\n border-bottom: none;\n }\n\n .markdown th {\n font-weight: var(--scalar-bold);\n text-align: left;\n border-left-color: transparent;\n background: var(--scalar-background-2);\n }\n\n .markdown th:first-of-type {\n border-top-left-radius: var(--scalar-radius-md);\n }\n\n .markdown th:last-of-type {\n border-top-right-radius: var(--scalar-radius-md);\n }\n\n .markdown tr > [align='left'] {\n text-align: left;\n }\n\n .markdown tr > [align='right'] {\n text-align: right;\n }\n\n .markdown tr > [align='center'] {\n text-align: center;\n }\n\n /* Details */\n .markdown details {\n border: var(--markdown-border);\n border-radius: var(--scalar-radius-xl);\n color: var(--scalar-color-1);\n }\n\n .markdown details > :not(summary) {\n margin: var(--markdown-spacing-md);\n margin-bottom: 0;\n }\n\n .markdown details > p:has(> strong):not(:has(:not(strong))) {\n margin-bottom: 8px;\n }\n\n .markdown details > p:has(> strong):not(:has(:not(strong))) + * {\n margin-top: 0;\n }\n\n .markdown details > table {\n width: calc(100% - calc(var(--markdown-spacing-md) * 2));\n }\n\n .markdown summary {\n border-radius: var(--scalar-radius);\n display: flex;\n align-items: flex-start;\n gap: 8px;\n min-height: 40px;\n padding: 7px 14px;\n position: relative;\n font-weight: var(--scalar-semibold);\n line-height: var(--markdown-line-height);\n cursor: pointer;\n user-select: none;\n }\n\n .markdown summary:hover {\n background-color: var(--scalar-background-2);\n }\n\n .markdown details[open] {\n padding-bottom: var(--markdown-spacing-md);\n }\n\n .markdown details[open] > summary {\n border-bottom: var(--markdown-border);\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n .markdown summary::before {\n display: block;\n content: '';\n flex-shrink: 0;\n width: var(--markdown-spacing-md);\n height: var(--markdown-spacing-md);\n background-color: var(--scalar-color-3);\n mask-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" width=\"1em\" height=\"1em\"><path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\"></path></svg>');\n margin-top: 5px;\n }\n\n .markdown summary:hover::before {\n background-color: var(--scalar-color-1);\n }\n\n .markdown details[open] > summary::before {\n transform: rotate(90deg);\n transition: transform 0.1s ease-in-out;\n }\n\n .markdown details:has(+ details) {\n border-bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n margin-bottom: 0;\n }\n\n .markdown details:has(+ details) + details,\n .markdown details:has(+ details) + details > summary {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n /* Links */\n .markdown a {\n --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n text-decoration: var(--scalar-text-decoration);\n\n color: var(--font-color);\n font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n text-underline-offset: 0.25rem;\n text-decoration-thickness: 1px;\n text-decoration-color: color-mix(\n in srgb,\n var(--font-color) 30%,\n transparent\n );\n }\n\n .markdown a:hover {\n text-decoration-color: var(--scalar-color-1, currentColor);\n color: var(--scalar-link-color-hover, var(--scalar-color-accent));\n -webkit-text-decoration: var(--scalar-text-decoration-hover);\n text-decoration: var(--scalar-text-decoration-hover);\n }\n\n .markdown a:visited {\n color: var(--font-visited);\n }\n\n /* Text effects and formatting */\n .markdown em {\n font-style: italic;\n }\n\n .markdown sup,\n .markdown sub {\n font-size: var(--scalar-micro);\n font-weight: 450;\n }\n\n .markdown sup {\n vertical-align: super;\n }\n\n .markdown sub {\n vertical-align: sub;\n }\n\n .markdown del {\n text-decoration: line-through;\n }\n\n /* Code blocks and inline code */\n .markdown code {\n font-family: var(--scalar-font-code);\n background-color: var(--scalar-background-2);\n box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n font-size: var(--scalar-micro);\n border-radius: var(--scalar-radius-md);\n padding: 0 3px;\n }\n\n .markdown .hljs {\n font-size: var(--scalar-small);\n }\n\n .markdown pre code {\n display: block;\n white-space: pre;\n padding: var(--markdown-spacing-sm);\n line-height: 1.5;\n margin: var(--markdown-spacing-sm) 0;\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n max-width: 100%;\n min-width: 100px;\n }\n\n /* Horizontal rules */\n .markdown hr {\n border: none;\n border-bottom: var(--markdown-border);\n }\n\n /* Blockquotes */\n .markdown blockquote {\n border-left: 2px solid var(--scalar-border-color);\n padding-left: var(--markdown-spacing-sm);\n }\n\n .markdown blockquote > * {\n margin-bottom: var(--markdown-spacing-sm);\n }\n\n /* Markdown Checklist */\n .markdown li.task-list-item {\n position: relative;\n list-style: none;\n }\n\n .markdown li.task-list-item > input {\n display: inline;\n position: absolute;\n top: 0.225em;\n left: -1.4em;\n appearance: none;\n width: var(--markdown-spacing-md);\n height: var(--markdown-spacing-md);\n border: 1px solid var(--scalar-color-3);\n border-radius: var(--scalar-radius);\n }\n\n .markdown li.task-list-item > input[type='checkbox']:checked {\n background-color: var(--scalar-color-1);\n border-color: var(--scalar-color-1);\n }\n\n .markdown li.task-list-item > input[type='checkbox']::before {\n content: '';\n position: absolute;\n left: 5px;\n top: 1px;\n width: 5px;\n height: 10px;\n border: solid var(--scalar-background-1);\n border-width: 0 1.5px 1.5px 0;\n transform: rotate(45deg);\n opacity: 0;\n }\n\n .markdown li.task-list-item > input[type='checkbox']:checked::before {\n opacity: 1;\n }\n\n /* Markdown Alert */\n .markdown .markdown-alert {\n align-items: stretch;\n border-radius: var(--scalar-radius-md);\n background-color: color-mix(\n in srgb,\n var(--scalar-background-2),\n transparent\n );\n border: var(--markdown-border);\n display: flex;\n gap: var(--markdown-spacing-sm);\n padding: 10px 14px;\n position: relative;\n }\n\n .markdown .markdown-alert .markdown-alert-icon::before {\n content: '';\n display: block;\n width: 18px;\n height: 18px;\n background-color: currentColor;\n flex-shrink: 0;\n margin-top: 3px;\n mask-repeat: no-repeat;\n mask-size: contain;\n mask-position: center;\n }\n\n .markdown .markdown-alert.markdown-alert-note {\n background-color: color-mix(\n in srgb,\n var(--scalar-color-blue),\n transparent 97%\n );\n border: var(--scalar-border-width) solid\n color-mix(in srgb, var(--scalar-color-blue), transparent 50%);\n }\n\n .markdown .markdown-alert.markdown-alert-tip {\n background-color: color-mix(\n in srgb,\n var(--scalar-color-2),\n transparent 97%\n );\n border: var(--scalar-border-width) solid\n color-mix(in srgb, var(--scalar-color-2), transparent 50%);\n }\n\n .markdown .markdown-alert.markdown-alert-note .markdown-alert-icon::before,\n .markdown .markdown-alert.markdown-alert-tip .markdown-alert-icon::before {\n mask-image: url('data:image/svg+xml,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm16-40a8,8,0,0,1-8,8,16,16,0,0,1-16-16V128a8,8,0,0,1,0-16,16,16,0,0,1,16,16v40A8,8,0,0,1,144,176ZM112,84a12,12,0,1,1,12,12A12,12,0,0,1,112,84Z\"></path></svg>');\n color: var(--scalar-color-blue);\n }\n\n .markdown .markdown-alert.markdown-alert-important,\n .markdown .markdown-alert.markdown-alert-warning {\n background-color: color-mix(\n in srgb,\n var(--scalar-color-orange),\n transparent 97%\n );\n border: var(--scalar-border-width) solid\n color-mix(in srgb, var(--scalar-color-orange), transparent 50%);\n }\n\n .markdown\n .markdown-alert.markdown-alert-important\n .markdown-alert-icon::before,\n .markdown\n .markdown-alert.markdown-alert-warning\n .markdown-alert-icon::before {\n mask-image: url('data:image/svg+xml,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z\"></path></svg>');\n }\n\n .markdown .markdown-alert.markdown-alert-caution {\n background-color: color-mix(\n in srgb,\n var(--scalar-color-red),\n transparent 97%\n );\n border: var(--scalar-border-width) solid\n color-mix(in srgb, var(--scalar-color-red), transparent 50%);\n }\n\n .markdown\n .markdown-alert.markdown-alert-caution\n .markdown-alert-icon::before {\n mask-image: url('data:image/svg+xml,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm-8-80V80a8,8,0,0,1,16,0v56a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,172Z\"></path></svg>');\n color: var(--scalar-color-red);\n }\n\n .markdown .markdown-alert.markdown-alert-success {\n background-color: color-mix(\n in srgb,\n var(--scalar-color-green),\n transparent 97%\n );\n border: var(--scalar-border-width) solid\n color-mix(in srgb, var(--scalar-color-green), transparent 50%);\n }\n\n .markdown\n .markdown-alert.markdown-alert-success\n .markdown-alert-icon::before {\n mask-image: url('data:image/svg+xml,<svg data-v-852d534d=\"\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 256\" fill=\"currentColor\" class=\"icon-placeholder\"><path d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"></path></svg>');\n color: var(--scalar-color-green);\n }\n\n .markdown .markdown-alert.markdown-alert-note .markdown-alert-icon::before {\n color: var(--scalar-color-blue);\n }\n\n .markdown .markdown-alert.markdown-alert-tip .markdown-alert-icon::before {\n color: var(--scalar-color-2);\n }\n\n .markdown\n .markdown-alert.markdown-alert-important\n .markdown-alert-icon::before {\n color: var(--scalar-color-purple);\n }\n\n .markdown\n .markdown-alert.markdown-alert-warning\n .markdown-alert-icon::before {\n color: var(--scalar-color-orange);\n }\n\n .markdown .markdown-alert .markdown-alert-content {\n margin: 0;\n line-height: var(--markdown-line-height);\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAmCA,MAAM,EAAE,OAAO,UAAU;EAIzB,MAAM,cAAc,eAAe,KAAK;EACxC,SAAa,EAAE,IAAI,YAAY,CAAC;EAEhC,MAAM,oBAAoB,SAAe;GACvC,IAAI,CAAC,QAAA,aACH,OAAO,QAAA,YAAY,IAAI,KAAK;GAG9B,IAAI,CAAC,UAAU,IAAI,GACjB,OAAO;;GAMT,MAAM,OAHc,aAAa,IAGpB,CAAA,CAAY,YAAY,CAAC,CAAC,QAAQ,QAAQ,GAAG;GAM1D,KAAK,OAAO,EACV,aAAa,EACX,IALO,QAAA,eAAe,GAAG,QAAA,aAAa,eAAe,SAAS,KAMhE,EACF;GAEA,IAAI,QAAA,WACF,OAAO,QAAA,UAAU,IAAI;GAGvB,OAAO;EACT;EAEA,MAAM,OAAO,eAAe;GAC1B,OAAO,iBAAiB,QAAA,SAAS,IAAI;IACnC,YAAY,QAAA,aAAa,CAAC,IAAI,CAAC,OAAO,SAAS;IAC/C,WACE,QAAA,eAAe,QAAA,kBAAkB,YAAY,mBAAmB,QAAA;IAClE,eAAY,QAAA;GACd,CAAC;EACH,CAAC;EACD,uBACE,mBACM,QAAA,SAAS,UACT,KAAK,KACb;;GAGE,OAAAA,UAAA,GAAAC,mBAIkB,OAJlBC,WAIkB,EAHhB,KAAI,MAAK,GACDC,MAAA,EAAA,CAAE,CAAA,YAAA,EAAA,iCAAA,CAAA,CAAkD,QAAA,MAAK,CAAA,GAAA;IAChE,OAAK,EAAA,oBAAwB,QAAA,MAAK;IACnC,WAAQ,KAAA"}

package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import ScalarMarkdownSummary_vue_vue_type_script_setup_true_lang_default from "./ScalarMarkdownSummary.vue.script.js";
-/* empty css                                    */
+import ScalarMarkdownSummary_vue_vue_type_script_setup_true_lang_default from "./ScalarMarkdownSummary.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                          */
 //#region src/components/ScalarMarkdown/ScalarMarkdownSummary.vue
 var ScalarMarkdownSummary_default = ScalarMarkdownSummary_vue_vue_type_script_setup_true_lang_default;
 //#endregion

package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarMarkdownSummary.vue.js","names":[],"sources":["../../../src/components/ScalarMarkdown/ScalarMarkdownSummary.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Markdown Summary component\n \n Displays a truncated preview of markdown content with\n * a \"More\" / \"Show Less\" toggle to expand and collapse.\n \n @example\n * <ScalarMarkdownSummary value=\"Long markdown text...\" :clamp=\"2\" />\n /\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { useMutationObserver, useResizeObserver } from '@vueuse/core'\nimport { onMounted, 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\n/* Whether the markdown is being truncated /\nconst truncated = defineModel<boolean>('truncated', { default: false })\n\nconst markdown = useTemplateRef('scalar-markdown')\n\nuseResizeObserver(() => markdown.value?.el, checkTruncation)\n// Async Markdown enhancements may add a hidden block without changing the summary size.\nuseMutationObserver(() => markdown.value?.el, checkTruncation, {\n childList: true,\n subtree: true,\n})\n\n/* Check if the markdown is being truncated /\nfunction checkTruncation() {\n const el = markdown.value?.el\n if (!el) {\n return\n }\n truncated.value =\n !!el.querySelector('[data-markdown-block]') \|\|\n el.scrollHeight > el.clientHeight \|\|\n 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 && (truncated \|\| 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, code) {\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 [data-markdown-block],\n img,\n svg,\n hr,\n pre {\n display: none;\n }\n }\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"ScalarMarkdownSummary.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarMarkdown/ScalarMarkdownSummary.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Markdown Summary component\n \n Displays a truncated preview of markdown content with\n * a \"More\" / \"Show Less\" toggle to expand and collapse.\n \n @example\n * <ScalarMarkdownSummary value=\"Long markdown text...\" :clamp=\"2\" />\n /\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { useMutationObserver, useResizeObserver } from '@vueuse/core'\nimport { onMounted, 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\n/* Whether the markdown is being truncated /\nconst truncated = defineModel<boolean>('truncated', { default: false })\n\nconst markdown = useTemplateRef('scalar-markdown')\n\nuseResizeObserver(() => markdown.value?.el, checkTruncation)\n// Async Markdown enhancements may add a hidden block without changing the summary size.\nuseMutationObserver(() => markdown.value?.el, checkTruncation, {\n childList: true,\n subtree: true,\n})\n\n/* Check if the markdown is being truncated /\nfunction checkTruncation() {\n const el = markdown.value?.el\n if (!el) {\n return\n }\n truncated.value =\n !!el.querySelector('[data-markdown-block]') \|\|\n el.scrollHeight > el.clientHeight \|\|\n 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 && (truncated \|\| open)\"\n :aria-controls=\"id\"\n :aria-expanded=\"open\"\n class=\"font-medium whitespace-nowrap 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, code) {\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 [data-markdown-block],\n img,\n svg,\n hr,\n pre {\n display: none;\n }\n }\n}\n</style>\n"],"mappings":""}

package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1,77 @@
+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, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef } from "vue";
+import { useMutationObserver, 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": {},
+		"truncated": {
+			type: Boolean,
+			default: false
+		},
+		"truncatedModifiers": {}
+	}),
+	emits: ["update:modelValue", "update:truncated"],
+	setup(__props) {
+		const props = createPropsRestProxy(__props, ["clamp"]);
+		const id = useId();
+		/** * Whether the summary is open. */
+		const open = useModel(__props, "modelValue");
+		/** Whether the markdown is being truncated */
+		const truncated = useModel(__props, "truncated");
+		const markdown = useTemplateRef("scalar-markdown");
+		useResizeObserver(() => markdown.value?.el, checkTruncation);
+		useMutationObserver(() => markdown.value?.el, checkTruncation, {
+			childList: true,
+			subtree: true
+		});
+		/** Check if the markdown is being truncated */
+		function checkTruncation() {
+			const el = markdown.value?.el;
+			if (!el) return;
+			truncated.value = !!el.querySelector("[data-markdown-block]") || 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 && (truncated.value || open.value) ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				"aria-controls": unref(id),
+				"aria-expanded": open.value,
+				class: normalizeClass(["font-medium whitespace-nowrap 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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue_vue_type_script_setup_true_lang.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarMarkdownSummary.vue_vue_type_script_setup_true_lang.js","names":["_createPropsRestProxy","_useModel","_openBlock","_createElementBlock","_normalizeProps","_guardReactiveProps","_unref","_createVNode","ScalarMarkdown","_mergeProps","_normalizeClass","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"sources":["../../../src/components/ScalarMarkdown/ScalarMarkdownSummary.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Markdown Summary component\n *\n * Displays a truncated preview of markdown content with\n * a \"More\" / \"Show Less\" toggle to expand and collapse.\n *\n * @example\n * <ScalarMarkdownSummary value=\"Long markdown text...\" :clamp=\"2\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { useMutationObserver, useResizeObserver } from '@vueuse/core'\nimport { onMounted, 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\n/** Whether the markdown is being truncated */\nconst truncated = defineModel<boolean>('truncated', { default: false })\n\nconst markdown = useTemplateRef('scalar-markdown')\n\nuseResizeObserver(() => markdown.value?.el, checkTruncation)\n// Async Markdown enhancements may add a hidden block without changing the summary size.\nuseMutationObserver(() => markdown.value?.el, checkTruncation, {\n childList: true,\n subtree: true,\n})\n\n/** Check if the markdown is being truncated */\nfunction checkTruncation() {\n const el = markdown.value?.el\n if (!el) {\n return\n }\n truncated.value =\n !!el.querySelector('[data-markdown-block]') ||\n el.scrollHeight > el.clientHeight ||\n 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 && (truncated || open)\"\n :aria-controls=\"id\"\n :aria-expanded=\"open\"\n class=\"font-medium whitespace-nowrap 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, code) {\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 [data-markdown-block],\n img,\n svg,\n hr,\n pre {\n display: none;\n }\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqBA,MAAM,QAA0BA,qBAAA,SAAA,CAAA,OAAA,CAAA;EAEhC,MAAM,KAAK,MAAM;;EAGjB,MAAM,OAAOC,SAAoB,SAAA,YAAmB;;EAGpD,MAAM,YAAYA,SAAoB,SAAC,WAA+B;EAEtE,MAAM,WAAW,eAAe,iBAAiB;EAEjD,wBAAwB,SAAS,OAAO,IAAI,eAAe;EAE3D,0BAA0B,SAAS,OAAO,IAAI,iBAAiB;GAC7D,WAAW;GACX,SAAS;EACX,CAAC;;EAGD,SAAS,kBAAkB;GACzB,MAAM,KAAK,SAAS,OAAO;GAC3B,IAAI,CAAC,IACH;GAEF,UAAU,QACR,CAAC,CAAC,GAAG,cAAc,uBAAuB,KAC1C,GAAG,eAAe,GAAG,gBACrB,GAAG,cAAc,GAAG;EACxB;EAEA,UAAU,eAAe;EAEzB,MAAM,EAAE,OAAO,UAAU;;GAIvB,OAAAC,UAAA,GAAAC,mBA2BM,OAAAC,eAAAC,mBA1BWC,MAAA,EAAA,CAAE,C,8BAAgD,KAAA,QAAI,aAAA,yB,MAMrEC,YAKoDC,wBALpDC,WACU,OAAK;IACZ,IAAIH,MAAA,EAAA;IACL,KAAI;IACH,OAAO,KAAA,QAAO,KAAA,IAAY,QAAA;IAC1B,OAAK,EAAA,6BAAA,CAAkC,KAAA,MAAI;;;;;G,IAErC,CAAA,QAAA,eAAe,UAAA,SAAa,KAAA,UADrCJ,UAAA,GAAAC,mBAaS,UAAA;;IAXN,iBAAeG,MAAA,EAAA;IACf,iBAAe,KAAA;IAChB,OAAKI,eAAA,CAAC,iDAA+C,EAAA,YAC/B,KAAA,MAAI,CAAA,CAAA;IAC1B,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAA,QAAI,CAAI,KAAA;G,IAChBC,WAIO,KAAA,QAAA,UAAA,EAFJ,MAAM,KAAA,MAAI,SAEN,CADFC,gBAAAC,gBAAA,KAAA,QAAI,eAAA,MAAA,GAAA,CAAA,C"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarMenu.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu component\n \n A dropdown menu triggered by a logo button, containing product links,\n * team/workspace pickers, and resource sections.\n \n @example\n * <ScalarMenu>\n * <template #products=\"{ close }\">Custom products</template>\n * </ScalarMenu>\n /\nexport default {}\n</script>\n\n<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.title\"\n #title>\n <slot name=\"title\" />\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":""}
1	+ {"version":3,"file":"ScalarMenu.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu component\n \n A dropdown menu triggered by a logo button, containing product links,\n * team/workspace pickers, and resource sections.\n \n @example\n * <ScalarMenu>\n * <template #products=\"{ close }\">Custom products</template>\n * </ScalarMenu>\n /\nexport default {}\n</script>\n\n<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.title\"\n #title>\n <slot name=\"title\" />\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_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1,65 @@
+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";
+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.title ? {
+							name: "title",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
+							key: "1"
+						} : void 0,
+						_ctx.$slots.label ? {
+							name: "label",
+							fn: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
+							key: "2"
+						} : 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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarMenu/ScalarMenu.vue_vue_type_script_setup_true_lang.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarMenu.vue_vue_type_script_setup_true_lang.js","names":["$slots","$attrs","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_renderSlot","ScalarMenuButton","_createSlots","_mergeProps","ScalarDropdownMenu","ScalarMenuProducts","ScalarMenuResources"],"sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu component\n *\n * A dropdown menu triggered by a logo button, containing product links,\n * team/workspace pickers, and resource sections.\n *\n * @example\n * <ScalarMenu>\n * <template #products=\"{ close }\">Custom products</template>\n * </ScalarMenu>\n */\nexport default {}\n</script>\n\n<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 \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.title\"\n #title>\n <slot name=\"title\" />\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 \n \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":";;;;;;;;;;;EA6CA,MAAM,OAAO,IAAI,KAAK;;EAGtB,SAAS,QAAQ;GACf,KAAK,QAAQ;EACf;;GAGE,OAAAE,UAAA,GAAAC,YAiDoBC,MAAA,YAAA,CAAA,CAAA,MAAA;IAjDO,MAAM,KAAA;IAAA,iBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA;;IACnC,SAAAC,cAyBuB,CAzBvBC,YAyBuBF,MAAA,YAAA,CAAA,CAAA,SAAA,EAzBD,SAAA,GAAO,GAAA;KAE3B,SAAAC,cAsBO,CAtBPE,WAsBO,KAAA,QAAA,UAAA,EApBJ,MAAM,KAAA,MAAI,SAoBN,CAnBLD,YAkBmBE,0BAAA;MAjBjB,OAAM;MACL,MAAM,KAAA;;MAECR,KAAAA,OAAO,O;OACZ,MAAA;OACD,IAAAK,cAAoB,CAApBE,WAAoB,KAAA,QAAA,MAAA,C;;;MAGdP,KAAAA,OAAO,Q;OACZ,MAAA;OACD,IAAAK,cAAqB,CAArBE,WAAqB,KAAA,QAAA,OAAA,C;;;MAGfP,KAAAA,OAAO,Q;OACZ,MAAA;OACD,IAAAK,cAAqB,CAArBE,WAAqB,KAAA,QAAA,OAAA,C;;;;;I,IAK7BD,YAqBuBF,MAAA,YAAA,CAAA,CAAA,SArBvBM,WAqBuB;KApBrB,OAAM;KACL,IAAIN,MAAAO,0BAAA;KACL,OAAM;KACL,YAAY;IACLV,GAAAA,KAAAA,MAAM,GAAA;KAGd,SAAAI,cAIO;MAJPE,WAIO,KAAA,QAAA,YAAA,EAHG,MAAK,SAGR,CADLD,YAAsBM,0BAAA,C;MAExBL,WAEmB,KAAA,QAAA,WAAA,EADT,MAAK,CAAA;MAEfA,WAIO,KAAA,QAAA,YAAA,EAHG,MAAK,SAGR,CADLD,YAAuBO,2BAAA,C"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarMenuButton.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu Button component\n \n The trigger button for the ScalarMenu dropdown.\n * Displays a logo icon and a caret indicator.\n \n @example\n * <ScalarMenuButton :open=\"false\" />\n */\nexport default {}\n</script>\n\n<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\n class=\"~~gap-0.75 px-2 py-1.5~~ text-c-header-1 hover:bg-b-header-2\">\n <div class=\"h-5 w-auto\">\n <slot name=\"logo\">\n <ScalarIcon\n icon=\"Logo\"\n size=\"lg\" />\n </slot>\n </div>\n <span\n v-if=\"$slots.title\"\n class=\"ml-1 truncate text-sm font-medium\">\n <slot name=\"title\" />\n </span>\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-header-2 group-hover/button:text-c-header-1 size-3.5\"\n :class=\"open ? 'rotate-180' : ''\"\n weight=\"bold\" />\n </ScalarHeaderButton>\n</template>\n"],"mappings":""}
1	+ {"version":3,"file":"ScalarMenuButton.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu Button component\n \n The trigger button for the ScalarMenu dropdown.\n * Displays a logo icon and a caret indicator.\n \n @example\n * <ScalarMenuButton :open=\"false\" />\n */\nexport default {}\n</script>\n\n<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\n class=\"text-c-header-1 hover:bg-b-header-2 gap-0.75 px-2 py-1.5\">\n <div class=\"h-5 w-auto\">\n <slot name=\"logo\">\n <ScalarIcon\n icon=\"Logo\"\n size=\"lg\" />\n </slot>\n </div>\n <span\n v-if=\"$slots.title\"\n class=\"ml-1 truncate text-sm font-medium\">\n <slot name=\"title\" />\n </span>\n <span class=\"sr-only\">\n <slot name=\"label\">{{ open ? 'Close Menu' : 'Open Menu' }}</slot>\n </span>\n <ScalarIconCaretDown\n class=\"text-c-header-2 group-hover/button:text-c-header-1 size-3.5 shrink-0\"\n :class=\"open ? 'rotate-180' : ''\"\n weight=\"bold\" />\n </ScalarHeaderButton>\n</template>\n"],"mappings":""}

package/dist/components/ScalarMenu/ScalarMenuButton.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1,38 @@
+import ScalarHeaderButton_default from "../ScalarHeader/ScalarHeaderButton.vue.js";
+import ScalarIcon_default from "../ScalarIcon/ScalarIcon.vue.js";
+import { createBlock, createCommentVNode, createElementBlock, 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 = {
+	key: 0,
+	class: "ml-1 truncate text-sm font-medium"
+};
+var _hoisted_3 = { 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: "text-c-header-1 hover:bg-b-header-2 gap-0.75 px-2 py-1.5" }, {
+				default: withCtx(() => [
+					createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "logo", {}, () => [createVNode(unref(ScalarIcon_default), {
+						icon: "Logo",
+						size: "lg"
+					})])]),
+					_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(__props.open ? "Close Menu" : "Open Menu"), 1)])]),
+					createVNode(unref(ScalarIconCaretDown), {
+						class: normalizeClass(["text-c-header-2 group-hover/button:text-c-header-1 size-3.5 shrink-0", __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_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarMenu/ScalarMenuButton.vue_vue_type_script_setup_true_lang.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarMenuButton.vue_vue_type_script_setup_true_lang.js","names":["$slots","_openBlock","_createBlock","_unref","ScalarHeaderButton","_withCtx","_createElementVNode","_renderSlot","_createVNode","ScalarIcon","_createElementBlock","_createCommentVNode","_createTextVNode","_toDisplayString","_normalizeClass"],"sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Button component\n *\n * The trigger button for the ScalarMenu dropdown.\n * Displays a logo icon and a caret indicator.\n *\n * @example\n * <ScalarMenuButton :open=\"false\" />\n */\nexport default {}\n</script>\n\n<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\n class=\"text-c-header-1 hover:bg-b-header-2 gap-0.75 px-2 py-1.5\">\n <div class=\"h-5 w-auto\">\n <slot name=\"logo\">\n <ScalarIcon\n icon=\"Logo\"\n size=\"lg\" />\n </slot>\n </div>\n <span\n v-if=\"$slots.title\"\n class=\"ml-1 truncate text-sm font-medium\">\n <slot name=\"title\" />\n </span>\n <span class=\"sr-only\">\n <slot name=\"label\">{{ open ? 'Close Menu' : 'Open Menu' }}</slot>\n </span>\n <ScalarIconCaretDown\n class=\"text-c-header-2 group-hover/button:text-c-header-1 size-3.5 shrink-0\"\n :class=\"open ? 'rotate-180' : ''\"\n weight=\"bold\" />\n </ScalarHeaderButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;GAyBE,OAAAC,UAAA,GAAAC,YAqBqBC,MAAAC,0BAAA,GAAA,EApBnB,OAAM,2DAA0D,GAAA;IAChE,SAAAC,cAMM;KANNC,mBAMM,OANN,YAMM,CALJC,WAIO,KAAA,QAAA,QAAA,CAAA,SAAA,CAHLC,YAEcL,MAAAM,kBAAA,GAAA;MADZ,MAAK;MACL,MAAK;;KAIHT,KAAAA,OAAO,SADfC,UAAA,GAAAS,mBAIO,QAJP,YAIO,CADLH,WAAqB,KAAA,QAAA,OAAA,C;KAEvBD,mBAEO,QAFP,YAEO,CADLC,WAAiE,KAAA,QAAA,SAAA,CAAA,SAAA,CAA3CK,gBAAAC,gBAAA,QAAA,OAAI,eAAA,WAAA,GAAA,CAAA,C;KAE5BL,YAGkBL,MAAA,mBAAA,GAAA;MAFhB,OAAKW,eAAA,CAAC,wEACE,QAAA,OAAI,eAAA,EAAA,CAAA;MACZ,QAAO"}

package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGpC,OAAO,~~EAAE~~,KAAK,IAAI,~~EAA2B~~,MAAM,eAAe,CAAA;AAGlE;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;SAEX,MAAM,GAAG,SAAS;WAChB,IAAI,GAAG,mBAAmB;aACxB,OAAO;cACN,OAAO;;SAHZ,MAAM,GAAG,SAAS;WAChB,IAAI,GAAG,mBAAmB;aACxB,OAAO;cACN,OAAO;;cA2FL,CAAC,KAAK,IAAiB,KAAK,GAAG;EASzC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1	+ {"version":3,"file":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAG9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGpC,OAAO,EAA2B,KAAK,IAAI,EAAE,MAAM,eAAe,CAAA;AAGlE;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;SAEX,MAAM,GAAG,SAAS;WAChB,IAAI,GAAG,mBAAmB;aACxB,OAAO;cACN,OAAO;;SAHZ,MAAM,GAAG,SAAS;WAChB,IAAI,GAAG,mBAAmB;aACxB,OAAO;cACN,OAAO;;cA2FL,CAAC,KAAK,IAAiB,KAAK,GAAG;EASzC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarMenuLink.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu Link component\n \n A menu item that renders as a link with an optional icon.\n * Used within ScalarMenu sections.\n \n @example\n * <ScalarMenuLink href=\"https://example.com\" :icon=\"ScalarIconBook\">\n * Documentation\n * </ScalarMenuLink>\n */\nexport default {}\n</script>\n\n<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 = 'a' } = defineProps<{\n is?: string \| Component\n icon?: Icon \| ScalarIconComponent\n strong?: boolean\n submenu?: boolean\n}>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n <ScalarDropdownButton\n v-bind=\"cx('flex items-center')\"\n :is=\"submenu ? DropdownMenu.SubTrigger : DropdownMenu.Item\"\n :as=\"is\">\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-px~~',\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":""}
1	+ {"version":3,"file":"ScalarMenuLink.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu Link component\n \n A menu item that renders as a link with an optional icon.\n * Used within ScalarMenu sections.\n \n @example\n * <ScalarMenuLink href=\"https://example.com\" :icon=\"ScalarIconBook\">\n * Documentation\n * </ScalarMenuLink>\n */\nexport default {}\n</script>\n\n<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 { ScalarIconLegacyAdapter, type Icon } from '../ScalarIcon'\n\nconst { is = 'a' } = defineProps<{\n is?: string \| Component\n icon?: Icon \| ScalarIconComponent\n strong?: boolean\n submenu?: boolean\n}>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n <ScalarDropdownButton\n v-bind=\"cx('flex items-center')\"\n :is=\"submenu ? DropdownMenu.SubTrigger : DropdownMenu.Item\"\n :as=\"is\">\n <ScalarIconLegacyAdapter\n v-if=\"icon\"\n :class=\"[\n strong ? 'text-c-1' : 'text-c-2',\n typeof icon === 'string' ? 'size-3' : '-mx-px size-3.5',\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 min-w-0 flex-1 items-center truncate\"\n :class=\"strong ? 'font-medium' : 'font-normal'\">\n <slot />\n </div>\n </ScalarDropdownButton>\n</template>\n"],"mappings":""}

package/dist/components/ScalarMenu/ScalarMenuLink.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1,47 @@
+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: "a" },
+		icon: { type: [Object, Function] },
+		strong: { type: Boolean },
+		submenu: { type: Boolean }
+	},
+	setup(__props) {
+		const { cx } = useBindCx();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ScalarDropdownButton_default), mergeProps(unref(cx)("flex items-center"), {
+				is: __props.submenu ? unref(DropdownMenu).SubTrigger : unref(DropdownMenu).Item,
+				as: __props.is
+			}), {
+				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" : "-mx-px size-3.5"]),
+					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 min-w-0 flex-1 items-center truncate", __props.strong ? "font-medium" : "font-normal"]) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				_: 3
+			}, 16, ["is", "as"]);
+		};
+	}
+});
+//#endregion
+export { ScalarMenuLink_vue_vue_type_script_setup_true_lang_default as default };
+//# sourceMappingURL=ScalarMenuLink.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ScalarMenu/ScalarMenuLink.vue_vue_type_script_setup_true_lang.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarMenuLink.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","ScalarDropdownButton","_mergeProps","_withCtx","ScalarIconLegacyAdapter","_normalizeClass","_createElementBlock","_createElementVNode","_renderSlot"],"sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Link component\n *\n * A menu item that renders as a link with an optional icon.\n * Used within ScalarMenu sections.\n *\n * @example\n * <ScalarMenuLink href=\"https://example.com\" :icon=\"ScalarIconBook\">\n * Documentation\n * </ScalarMenuLink>\n */\nexport default {}\n</script>\n\n<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 { ScalarIconLegacyAdapter, type Icon } from '../ScalarIcon'\n\nconst { is = 'a' } = defineProps<{\n is?: string | Component\n icon?: Icon | ScalarIconComponent\n strong?: boolean\n submenu?: boolean\n}>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n <ScalarDropdownButton\n v-bind=\"cx('flex items-center')\"\n :is=\"submenu ? DropdownMenu.SubTrigger : DropdownMenu.Item\"\n :as=\"is\">\n <ScalarIconLegacyAdapter\n v-if=\"icon\"\n :class=\"[\n strong ? 'text-c-1' : 'text-c-2',\n typeof icon === 'string' ? 'size-3' : '-mx-px size-3.5',\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 min-w-0 flex-1 items-center truncate\"\n :class=\"strong ? 'font-medium' : 'font-normal'\">\n <slot />\n </div>\n </ScalarDropdownButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EA+BA,MAAM,EAAE,OAAO,UAAU;;GAIvB,OAAAA,UAAA,GAAAC,YAqBuBC,MAAAC,4BAAA,GArBvBC,WACUF,MAoBa,EAAA,CApBX,CAAA,mBAAA,GAAA;IACT,IAAI,QAAA,UAAUA,MAAA,YAAA,CAAY,CAAC,aAAaA,MAAA,YAAA,CAAY,CAAC;IACrD,IAAI,QAAA;;IACL,SAAAG,cAQ0C,CAPlC,QAAA,QADRL,UAAA,GAAAC,YAQ0CC,MAAAI,+BAAA,GAAA;;KANvC,OAAKC,eAAA,CAAY,QAAA,SAAM,aAAA,YAA2C,OAAA,QAAA,SAAI,WAAA,WAAA,iB;KAItE,MAAM,QAAA;KACN,WAAW,QAAA,SAAM,QAAA;KACjB,QAAQ,QAAA,SAAM,SAAA;;;;;;I,OACjBP,UAAA,GAAAQ,mBAEmB,OAFnB,UAEmB,IACnBC,mBAIM,OAAA,EAHJ,OAAKF,eAAA,CAAC,6CACE,QAAA,SAAM,gBAAA,aAAA,CAAA,E,IACdG,WAAQ,KAAA,QAAA,SAAA,C"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarMenuProduct.vue.js","names":[],"sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu Product component\n \n A selectable product entry within the ScalarMenu products list.\n * Highlights the currently active product.\n \n @example\n * <ScalarMenuProduct :icon=\"ScalarIconHouse\" :selected=\"true\">\n * Dashboard\n * </ScalarMenuProduct>\n */\nexport default {}\n</script>\n\n<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":""}
1	+ {"version":3,"file":"ScalarMenuProduct.vue.js","names":["_sfc_main"],"sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu Product component\n \n A selectable product entry within the ScalarMenu products list.\n * Highlights the currently active product.\n \n @example\n * <ScalarMenuProduct :icon=\"ScalarIconHouse\" :selected=\"true\">\n * Dashboard\n * </ScalarMenuProduct>\n */\nexport default {}\n</script>\n\n<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_vue_type_script_setup_true_lang.js ADDED Viewed

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

package/dist/components/ScalarMenu/ScalarMenuProduct.vue_vue_type_script_setup_true_lang.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ScalarMenuProduct.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","ScalarMenuLink","_mergeProps","_withCtx","_renderSlot"],"sources":["../../../src/components/ScalarMenu/ScalarMenuProduct.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Menu Product component\n *\n * A selectable product entry within the ScalarMenu products list.\n * Highlights the currently active product.\n *\n * @example\n * <ScalarMenuProduct :icon=\"ScalarIconHouse\" :selected=\"true\">\n * Dashboard\n * </ScalarMenuProduct>\n */\nexport default {}\n</script>\n\n<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":";;;;;;;;;;;;EA8BA,MAAM,EAAE,OAAO,UAAU;EAEzB,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU,EACR,UAAU;IACR,MAAM;IACN,OAAO;GACT,EACF;EACF,CAAC;;GAGC,OAAAA,UAAA,GAAAC,YAOiBC,MAAAC,sBAAA,GAPjBC,WAOiB;IANd,IAAI,QAAA;IACJ,MAAM,QAAA;IACP,QAAA;IACA,QAAO;GACC,GAAAF,MAAA,EAAA,CAAE,CAACA,MAAA,QAAA,CAAQ,CAAA,EAAA,UAAG,QAAA,SAAQ,CAAA,CAAA,CAAA,GAAA;IAC9B,SAAAG,cAAQ,CAARC,WAAQ,KAAA,QAAA,SAAA,C"}

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

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

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

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

package/dist/components/ScalarMenu/ScalarMenuProducts.vue_vue_type_script_setup_true_lang.js ADDED Viewed

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