@scalar/components 0.21.3 → 0.22.0

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/ScalarCard.vue"],"names":[],"mappings":"AAoEA;;;;;;;;;;;;;GAaG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,yCAAyC;YACjC,MAAM;;IADd,yCAAyC;YACjC,MAAM;;cAwDF,CAAC,KAAK,IAAgB,KAAK,GAAG;EASxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/ScalarCard.vue"],"names":[],"mappings":"AAkEA;;;;;;;;;;;;;GAaG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;IAEhB,yCAAyC;YACjC,MAAM;;IADd,yCAAyC;YACjC,MAAM;;cAsDF,CAAC,KAAK,IAAgB,KAAK,GAAG;EASxC,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/ScalarCard/ScalarCard.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarCard.vue.js","names":[],"sources":["../../../src/components/ScalarCard/ScalarCard.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar card component\n *\n * Creates an aria region using the nearest ScalarCardHeader as the label\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/region_role\n *\n * @example\n * <ScalarCard>\n *   <ScalarCardHeader>Header</ScalarCardHeader>\n *   <ScalarCardSection>Content</ScalarCardSection>\n *   <ScalarCardFooter>Footer</ScalarCardFooter>\n * </ScalarCard>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed } from 'vue'\n\nimport { useCardRegion } from './useCardHeading'\n\nconst { label } = defineProps<{\n  /** The a11y label for the card region */\n  label?: string\n}>()\n\n// Get the id for the nearest ScalarCardHeader if it exists\nconst { id } = useCardRegion()\n\nconst labelAttrs = computed(() => {\n  if (label) {\n    // If a label is provided, use it\n    return { 'aria-label': label }\n  }\n  if (id.value) {\n    // If no label is provided, use the heading id\n    return { 'aria-labelledby': id.value }\n  }\n  // If no label or heading id is provided, don't add any aria attributes\n  return {}\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    role=\"group\"\n    v-bind=\"{\n      ...labelAttrs,\n      ...cx(\n        'scalar-card bg-b-2 flex flex-col divide-y rounded-xl border *:first:rounded-t-[inherit] *:last:rounded-b-[inherit]',\n      ),\n    }\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarCard.vue.js","names":[],"sources":["../../../src/components/ScalarCard/ScalarCard.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar card component\n *\n * Creates an aria region using the nearest ScalarCardHeader as the label\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/region_role\n *\n * @example\n * <ScalarCard>\n *   <ScalarCardHeader>Header</ScalarCardHeader>\n *   <ScalarCardSection>Content</ScalarCardSection>\n *   <ScalarCardFooter>Footer</ScalarCardFooter>\n * </ScalarCard>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed } from 'vue'\n\nimport { useCardRegion } from './useCardHeading'\n\nconst { label } = defineProps<{\n  /** The a11y label for the card region */\n  label?: string\n}>()\n\n// Get the id for the nearest ScalarCardHeader if it exists\nconst { id } = useCardRegion()\n\nconst labelAttrs = computed(() => {\n  if (label) {\n    // If a label is provided, use it\n    return { 'aria-label': label }\n  }\n  if (id.value) {\n    // If no label is provided, use the heading id\n    return { 'aria-labelledby': id.value }\n  }\n  // If no label or heading id is provided, don't add any aria attributes\n  return {}\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    role=\"group\"\n    v-bind=\"{\n      ...labelAttrs,\n      ...cx('scalar-card bg-b-2 flex flex-col divide-y rounded-xl border'),\n    }\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

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

@@ -16,7 +16,7 @@ var ScalarCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({ role: "group" }, {
 				...labelAttrs.value,
-				...unref(cx)("scalar-card bg-b-2 flex flex-col divide-y rounded-xl border *:first:rounded-t-[inherit] *:last:rounded-b-[inherit]")
+				...unref(cx)("scalar-card bg-b-2 flex flex-col divide-y rounded-xl border")
 			}), [renderSlot(_ctx.$slots, "default")], 16);
 		};
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCard.vue.script.js","names":[],"sources":["../../../src/components/ScalarCard/ScalarCard.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar card component\n *\n * Creates an aria region using the nearest ScalarCardHeader as the label\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/region_role\n *\n * @example\n * <ScalarCard>\n *   <ScalarCardHeader>Header</ScalarCardHeader>\n *   <ScalarCardSection>Content</ScalarCardSection>\n *   <ScalarCardFooter>Footer</ScalarCardFooter>\n * </ScalarCard>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed } from 'vue'\n\nimport { useCardRegion } from './useCardHeading'\n\nconst { label } = defineProps<{\n  /** The a11y label for the card region */\n  label?: string\n}>()\n\n// Get the id for the nearest ScalarCardHeader if it exists\nconst { id } = useCardRegion()\n\nconst labelAttrs = computed(() => {\n  if (label) {\n    // If a label is provided, use it\n    return { 'aria-label': label }\n  }\n  if (id.value) {\n    // If no label is provided, use the heading id\n    return { 'aria-labelledby': id.value }\n  }\n  // If no label or heading id is provided, don't add any aria attributes\n  return {}\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    role=\"group\"\n    v-bind=\"{\n      ...labelAttrs,\n      ...cx(\n        'scalar-card bg-b-2 flex flex-col divide-y rounded-xl border *:first:rounded-t-[inherit] *:last:rounded-b-[inherit]',\n      ),\n    }\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EA6BA,MAAM,EAAE,OAAO,eAAc;EAE7B,MAAM,aAAa,eAAe;AAChC,OAAI,QAAA,MAEF,QAAO,EAAE,cAAc,QAAA,OAAM;AAE/B,OAAI,GAAG,MAEL,QAAO,EAAE,mBAAmB,GAAG,OAAM;AAGvC,UAAO,EAAC;IACT;EAGD,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBASM,OATN,WASM,EARJ,MAAK,SAAO,EAAA;OACO,WAAA;OAAqB,MAAA,GAAE,CAAA,qHAAA;QAM1C,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarCard.vue.script.js","names":[],"sources":["../../../src/components/ScalarCard/ScalarCard.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar card component\n *\n * Creates an aria region using the nearest ScalarCardHeader as the label\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/region_role\n *\n * @example\n * <ScalarCard>\n *   <ScalarCardHeader>Header</ScalarCardHeader>\n *   <ScalarCardSection>Content</ScalarCardSection>\n *   <ScalarCardFooter>Footer</ScalarCardFooter>\n * </ScalarCard>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed } from 'vue'\n\nimport { useCardRegion } from './useCardHeading'\n\nconst { label } = defineProps<{\n  /** The a11y label for the card region */\n  label?: string\n}>()\n\n// Get the id for the nearest ScalarCardHeader if it exists\nconst { id } = useCardRegion()\n\nconst labelAttrs = computed(() => {\n  if (label) {\n    // If a label is provided, use it\n    return { 'aria-label': label }\n  }\n  if (id.value) {\n    // If no label is provided, use the heading id\n    return { 'aria-labelledby': id.value }\n  }\n  // If no label or heading id is provided, don't add any aria attributes\n  return {}\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    role=\"group\"\n    v-bind=\"{\n      ...labelAttrs,\n      ...cx('scalar-card bg-b-2 flex flex-col divide-y rounded-xl border'),\n    }\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EA6BA,MAAM,EAAE,OAAO,eAAc;EAE7B,MAAM,aAAa,eAAe;AAChC,OAAI,QAAA,MAEF,QAAO,EAAE,cAAc,QAAA,OAAM;AAE/B,OAAI,GAAG,MAEL,QAAO,EAAE,mBAAmB,GAAG,OAAM;AAGvC,UAAO,EAAC;IACT;EAGD,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAOM,OAPN,WAOM,EANJ,MAAK,SAAO,EAAA;OACO,WAAA;OAAqB,MAAA,GAAE,CAAA,8DAAA;QAI1C,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}

package/dist/components/ScalarCard/ScalarCardSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarCardSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/ScalarCardSection.vue"],"names":[],"mappings":"AAgCA;;;;;;;;;;;GAWG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;cA0BJ,CAAC,KAAK,IAAgB,KAAK,GAAG;EAQxC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarCardSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCard/ScalarCardSection.vue"],"names":[],"mappings":"AAqCA;;;;;;;;;;;GAWG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;cA8BJ,CAAC,KAAK,IAAgB,KAAK,GAAG;EAQxC,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/ScalarCard/ScalarCardSection.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarCardSection.vue.js","names":[],"sources":["../../../src/components/ScalarCard/ScalarCardSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar card section component\n *\n * A generic section of a ScalarCard component, provides the base for ScalarCardHeader and ScalarCardFooter\n *\n * @example\n * <ScalarCard>\n *   ...\n *   <ScalarCardSection>Content</ScalarCardSection>\n *   ...\n * </ScalarCard>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('scalar-card-content flex overflow-auto')\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarCardSection.vue.js","names":[],"sources":["../../../src/components/ScalarCard/ScalarCardSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar card section component\n *\n * A generic section of a ScalarCard component, provides the base for ScalarCardHeader and ScalarCardFooter\n *\n * @example\n * <ScalarCard>\n *   ...\n *   <ScalarCardSection>Content</ScalarCardSection>\n *   ...\n * </ScalarCard>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'scalar-card-content flex overflow-auto first:rounded-t-[inherit] last:rounded-b-[inherit]',\n      )\n    \">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/ScalarCard/ScalarCardSection.vue.script.js

@@ -6,7 +6,7 @@ var ScalarCardSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	setup(__props) {
 		const { cx } = useBindCx();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("scalar-card-content flex overflow-auto"))), [renderSlot(_ctx.$slots, "default")], 16);
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("scalar-card-content flex overflow-auto first:rounded-t-[inherit] last:rounded-b-[inherit]"))), [renderSlot(_ctx.$slots, "default")], 16);
 		};
 	}
 });

package/dist/components/ScalarCard/ScalarCardSection.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarCardSection.vue.script.js","names":[],"sources":["../../../src/components/ScalarCard/ScalarCardSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar card section component\n *\n * A generic section of a ScalarCard component, provides the base for ScalarCardHeader and ScalarCardFooter\n *\n * @example\n * <ScalarCard>\n *   ...\n *   <ScalarCardSection>Content</ScalarCardSection>\n *   ...\n * </ScalarCard>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('scalar-card-content flex overflow-auto')\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;EAmBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAEM,OAAA,eAAA,mBAFO,MAAA,GAAE,CAAA,yCAAA,CAAA,CAAA,EAAA,CACb,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarCardSection.vue.script.js","names":[],"sources":["../../../src/components/ScalarCard/ScalarCardSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar card section component\n *\n * A generic section of a ScalarCard component, provides the base for ScalarCardHeader and ScalarCardFooter\n *\n * @example\n * <ScalarCard>\n *   ...\n *   <ScalarCardSection>Content</ScalarCardSection>\n *   ...\n * </ScalarCard>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'scalar-card-content flex overflow-auto first:rounded-t-[inherit] last:rounded-b-[inherit]',\n      )\n    \">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;EAmBA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAOM,OAAA,eAAA,mBANW,MAAA,GAAE,CAAA,4FAAA,CAAA,CAAA,EAAA,CAKjB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}

package/dist/components/ScalarIcon/variants.d.ts

@@ -4,58 +4,10 @@
 export declare const variants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
 } & ({
-    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
+    class?: import("cva").ClassValue;
     className?: never;
 } | {
     class?: never;
-    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
+    className?: import("cva").ClassValue;
 })) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/components/ScalarIcon/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/variants.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAgBnB,CAAA"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/variants.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;0BAgBnB,CAAA"}

package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.d.ts

@@ -14,15 +14,21 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<import
 } & {
     /** * Whether the summary is open. */
     modelValue?: boolean;
+    /** Whether the markdown is being truncated */
+    truncated?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
+    "update:truncated": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("./types").ScalarMarkdownProps & {
     controlled?: boolean;
 } & {
     /** * Whether the summary is open. */
     modelValue?: boolean;
+    /** Whether the markdown is being truncated */
+    truncated?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:truncated"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     button?: (props: {
         open: boolean;

package/dist/components/ScalarMarkdown/ScalarMarkdownSummary.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMarkdownSummary.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdownSummary.vue"],"names":[],"mappings":"AA0HA;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;;IAqClB,qCAAqC;iBACxB,OAAO;;;;;;IADpB,qCAAqC;iBACxB,OAAO;;;;aAiFP,CAAC,KAAK;;KAAgB,KAAK,GAAG;EAYvC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarMarkdownSummary.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMarkdown/ScalarMarkdownSummary.vue"],"names":[],"mappings":"AA0HA;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;;IAsClB,qCAAqC;iBACxB,OAAO;IACpB,8CAA8C;gBAChC,OAAO;;;;;;;IAHrB,qCAAqC;iBACxB,OAAO;IACpB,8CAA8C;gBAChC,OAAO;;;;;aAkFR,CAAC,KAAK;;KAAgB,KAAK,GAAG;EAYvC,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/ScalarMarkdown/ScalarMarkdownSummary.vue.js.map

@@ -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 { useResizeObserver } from '@vueuse/core'\nimport { onMounted, ref, useId, useTemplateRef } from 'vue'\n\nimport ScalarMarkdown from './ScalarMarkdown.vue'\nimport type { ScalarMarkdownSummaryProps } from './types'\n\nconst { clamp = 1, ...props } = defineProps<ScalarMarkdownSummaryProps>()\n\nconst id = useId()\n\n/** * Whether the summary is open. */\nconst open = defineModel<boolean>({ default: false })\n\nconst markdown = useTemplateRef('scalar-markdown')\n\n/** Whether the markdown is being truncated */\nconst isTruncated = ref(false)\n\nuseResizeObserver(() => markdown.value?.el, checkTruncation)\n\n/** Check if the markdown is being truncated */\nfunction checkTruncation() {\n  const el = markdown.value?.el\n  if (!el) {\n    return\n  }\n  isTruncated.value =\n    el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth\n}\n\nonMounted(checkTruncation)\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'group/summary flex gap-0.5',\n        open ? 'flex-col' : 'flex-row items-baseline',\n      )\n    \">\n    <ScalarMarkdown\n      v-bind=\"props\"\n      :id=\"id\"\n      ref=\"scalar-markdown\"\n      :clamp=\"open ? undefined : clamp\"\n      :class=\"{ 'markdown-summary truncate': !open }\" />\n    <button\n      v-if=\"!controlled && (isTruncated || open)\"\n      :aria-controls=\"id\"\n      :aria-expanded=\"open\"\n      class=\"whitespace-nowrap font-medium hover:underline\"\n      :class=\"{ 'self-end': open }\"\n      type=\"button\"\n      @click=\"open = !open\">\n      <slot\n        name=\"button\"\n        :open=\"open\">\n        {{ open ? ' Show Less' : 'More' }}\n      </slot>\n    </button>\n  </div>\n</template>\n<style>\n.scalar-app {\n  /*\n    Summarized markdown styles\n    Doubled up to bump specificity\n  */\n  .markdown.markdown-summary.markdown-summary {\n    /* Hide the before and after pseudo-elements for all elements */\n    *:before,\n    *:after {\n      content: none;\n    }\n\n    *:not(strong, em, a) {\n      /* Disable formatting for non-inline elements */\n      display: contents;\n      font-size: inherit;\n      font-weight: inherit;\n      line-height: var(--markdown-line-height);\n    }\n\n    /* Hide elements that don't make sense in the summary */\n    img,\n    svg,\n    hr,\n    pre {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":""}
+{"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 { 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\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.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth\n}\n\nonMounted(checkTruncation)\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <div\n    v-bind=\"\n      cx(\n        'group/summary flex gap-0.5',\n        open ? 'flex-col' : 'flex-row items-baseline',\n      )\n    \">\n    <ScalarMarkdown\n      v-bind=\"props\"\n      :id=\"id\"\n      ref=\"scalar-markdown\"\n      :clamp=\"open ? undefined : clamp\"\n      :class=\"{ 'markdown-summary truncate': !open }\" />\n    <button\n      v-if=\"!controlled && (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) {\n      /* Disable formatting for non-inline elements */\n      display: contents;\n      font-size: inherit;\n      font-weight: inherit;\n      line-height: var(--markdown-line-height);\n    }\n\n    /* Hide elements that don't make sense in the summary */\n    img,\n    svg,\n    hr,\n    pre {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -1,6 +1,6 @@
 import ScalarMarkdown_default from "./ScalarMarkdown.vue.js";
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
-import { createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeClass, normalizeProps, onMounted, openBlock, ref, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef } from "vue";
+import { createCommentVNode, createElementBlock, createPropsRestProxy, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeClass, normalizeProps, onMounted, openBlock, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef } from "vue";
 import { useResizeObserver } from "@vueuse/core";
 //#region src/components/ScalarMarkdown/ScalarMarkdownSummary.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-controls", "aria-expanded"];
@@ -21,23 +21,28 @@ var ScalarMarkdownSummary_vue_vue_type_script_setup_true_lang_default = /* @__PU
 			type: Boolean,
 			default: false
 		},
-		"modelModifiers": {}
+		"modelModifiers": {},
+		"truncated": {
+			type: Boolean,
+			default: false
+		},
+		"truncatedModifiers": {}
 	}),
-	emits: ["update:modelValue"],
+	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");
-		const markdown = useTemplateRef("scalar-markdown");
 		/** Whether the markdown is being truncated */
-		const isTruncated = ref(false);
+		const truncated = useModel(__props, "truncated");
+		const markdown = useTemplateRef("scalar-markdown");
 		useResizeObserver(() => markdown.value?.el, checkTruncation);
 		/** Check if the markdown is being truncated */
 		function checkTruncation() {
 			const el = markdown.value?.el;
 			if (!el) return;
-			isTruncated.value = el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth;
+			truncated.value = el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth;
 		}
 		onMounted(checkTruncation);
 		const { cx } = useBindCx();
@@ -51,7 +56,7 @@ var ScalarMarkdownSummary_vue_vue_type_script_setup_true_lang_default = /* @__PU
 				"id",
 				"clamp",
 				"class"
-			]), !__props.controlled && (isTruncated.value || open.value) ? (openBlock(), createElementBlock("button", {
+			]), !__props.controlled && (truncated.value || open.value) ? (openBlock(), createElementBlock("button", {
 				key: 0,
 				"aria-controls": unref(id),
 				"aria-expanded": open.value,

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

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

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

@@ -18,10 +18,12 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     is?: string | Component;
     icon?: Icon | ScalarIconComponent;
     strong?: boolean;
+    submenu?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     is?: string | Component;
     icon?: Icon | ScalarIconComponent;
     strong?: boolean;
+    submenu?: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AA4DA,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;;SAFX,MAAM,GAAG,SAAS;WAChB,IAAI,GAAG,mBAAmB;aACxB,OAAO;;cA0FJ,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"}
+{"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"}

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

@@ -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 = DropdownMenu.Item } = defineProps<{\n  is?: string | Component\n  icon?: Icon | ScalarIconComponent\n  strong?: boolean\n}>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <ScalarDropdownButton\n    v-bind=\"cx('flex items-center')\"\n    :is=\"is\"\n    as=\"a\">\n    <ScalarIconLegacyAdapter\n      v-if=\"icon\"\n      :class=\"[\n        strong ? 'text-c-1' : 'text-c-2',\n        typeof icon === 'string' ? 'size-3' : 'size-3.5 -mx-0.25',\n      ]\"\n      :icon=\"icon\"\n      :thickness=\"strong ? '2.5' : '2'\"\n      :weight=\"strong ? 'bold' : 'regular'\" />\n    <div\n      v-else\n      class=\"size-3\" />\n    <div\n      class=\"flex items-center flex-1 min-w-0 truncate\"\n      :class=\"strong ? 'font-medium' : 'font-normal'\">\n      <slot />\n    </div>\n  </ScalarDropdownButton>\n</template>\n"],"mappings":""}
+{"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":""}

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

@@ -12,20 +12,21 @@ var ScalarMenuLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	inheritAttrs: false,
 	__name: "ScalarMenuLink",
 	props: {
-		is: { default: () => DropdownMenu.Item },
+		is: { default: "a" },
 		icon: { type: [Object, Function] },
-		strong: { type: Boolean }
+		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.is,
-				as: "a"
+				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" : "size-3.5 -mx-0.25"]),
+					class: normalizeClass([__props.strong ? "text-c-1" : "text-c-2", typeof __props.icon === "string" ? "size-3" : "size-3.5 -mx-px"]),
 					icon: __props.icon,
 					thickness: __props.strong ? "2.5" : "2",
 					weight: __props.strong ? "bold" : "regular"
@@ -36,7 +37,7 @@ var ScalarMenuLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					"weight"
 				])) : (openBlock(), createElementBlock("div", _hoisted_1)), createElementVNode("div", { class: normalizeClass(["flex items-center flex-1 min-w-0 truncate", __props.strong ? "font-medium" : "font-normal"]) }, [renderSlot(_ctx.$slots, "default")], 2)]),
 				_: 3
-			}, 16, ["is"]);
+			}, 16, ["is", "as"]);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuLink.vue.script.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 = DropdownMenu.Item } = defineProps<{\n  is?: string | Component\n  icon?: Icon | ScalarIconComponent\n  strong?: boolean\n}>()\n\nconst { cx } = useBindCx()\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <ScalarDropdownButton\n    v-bind=\"cx('flex items-center')\"\n    :is=\"is\"\n    as=\"a\">\n    <ScalarIconLegacyAdapter\n      v-if=\"icon\"\n      :class=\"[\n        strong ? 'text-c-1' : 'text-c-2',\n        typeof icon === 'string' ? 'size-3' : 'size-3.5 -mx-0.25',\n      ]\"\n      :icon=\"icon\"\n      :thickness=\"strong ? '2.5' : '2'\"\n      :weight=\"strong ? 'bold' : 'regular'\" />\n    <div\n      v-else\n      class=\"size-3\" />\n    <div\n      class=\"flex items-center flex-1 min-w-0 truncate\"\n      :class=\"strong ? 'font-medium' : 'font-normal'\">\n      <slot />\n    </div>\n  </ScalarDropdownButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA8BA,MAAM,EAAE,OAAO,WAAU;;uBAIvB,YAqBuB,MAAA,6BAAA,EArBvB,WACU,MAoBa,GApBX,CAAA,oBAAA,EAAA;IACT,IAAI,QAAA;IACL,IAAG;;2BASuC,CAPlC,QAAA,QAAA,WAAA,EADR,YAQ0C,MAAA,gCAAA,EAAA;;KANvC,OAAK,eAAA,CAAY,QAAA,SAAM,aAAA,YAAA,OAA2C,QAAA,SAAI,WAAA,WAAA,oBAAA,CAAA;KAItE,MAAM,QAAA;KACN,WAAW,QAAA,SAAM,QAAA;KACjB,QAAQ,QAAA,SAAM,SAAA;;;;;;wBACjB,mBAEmB,OAFnB,WAEmB,GACnB,mBAIM,OAAA,EAHJ,OAAK,eAAA,CAAC,6CACE,QAAA,SAAM,gBAAA,cAAA,CAAA,EAAA,EAAA,CACd,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"ScalarMenuLink.vue.script.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":";;;;;;;;;;;;;;;;;;;;EA+BA,MAAM,EAAE,OAAO,WAAU;;uBAIvB,YAqBuB,MAAA,6BAAA,EArBvB,WACU,MAoBa,GApBX,CAAA,oBAAA,EAAA;IACT,IAAI,QAAA,UAAU,MAAA,aAAY,CAAC,aAAa,MAAA,aAAY,CAAC;IACrD,IAAI,QAAA;;2BASqC,CAPlC,QAAA,QAAA,WAAA,EADR,YAQ0C,MAAA,gCAAA,EAAA;;KANvC,OAAK,eAAA,CAAY,QAAA,SAAM,aAAA,YAAA,OAA2C,QAAA,SAAI,WAAA,WAAA,kBAAA,CAAA;KAItE,MAAM,QAAA;KACN,WAAW,QAAA,SAAM,QAAA;KACjB,QAAQ,QAAA,SAAM,SAAA;;;;;;wBACjB,mBAEmB,OAFnB,WAEmB,GACnB,mBAIM,OAAA,EAHJ,OAAK,eAAA,CAAC,6CACE,QAAA,SAAM,gBAAA,cAAA,CAAA,EAAA,EAAA,CACd,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/ScalarMenu/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 props = defineProps<{\n  /** The currently selected team */\n  team?: ScalarMenuTeamOption | undefined\n  /** The list of teams to choose from */\n  teams: ScalarMenuTeamOption[]\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: () => props.team?.id,\n  set: (v) =>\n    emit(\n      'update:team',\n      props.teams.find((t) => t.id === v),\n    ),\n})\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :is=\"DropdownMenu.SubTrigger\"\n      :icon=\"ScalarIconUserSwitch\"\n      v-bind=\"$attrs\">\n      <div>Change team</div>\n      <ScalarIconCaretRight\n        class=\"ml-auto text-c-2 -mr-0.25 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          :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":[],"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 props = defineProps<{\n  /** The currently selected team */\n  team?: ScalarMenuTeamOption | undefined\n  /** The list of teams to choose from */\n  teams: ScalarMenuTeamOption[]\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: () => props.team?.id,\n  set: (v) =>\n    emit(\n      'update:team',\n      props.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          :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":""}

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

@@ -25,15 +25,15 @@ var ScalarMenuTeamPicker_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DropdownMenu).Sub, null, {
 				default: withCtx(() => [createVNode(unref(ScalarMenuLink_default), mergeProps({
-					is: unref(DropdownMenu).SubTrigger,
-					icon: unref(ScalarIconUserSwitch)
+					icon: unref(ScalarIconUserSwitch),
+					submenu: ""
 				}, _ctx.$attrs), {
 					default: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("div", null, "Change team", -1)), createVNode(unref(ScalarIconCaretRight), {
-						class: "ml-auto text-c-2 -mr-0.25 size-3",
+						class: "ml-auto text-c-2 -mr-px size-3",
 						weight: "bold"
 					})]),
 					_: 1
-				}, 16, ["is", "icon"]), createVNode(unref(DropdownMenu).Portal, null, {
+				}, 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",

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuTeamPicker.vue.script.js","names":["$attrs"],"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 props = defineProps<{\n  /** The currently selected team */\n  team?: ScalarMenuTeamOption | undefined\n  /** The list of teams to choose from */\n  teams: ScalarMenuTeamOption[]\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: () => props.team?.id,\n  set: (v) =>\n    emit(\n      'update:team',\n      props.teams.find((t) => t.id === v),\n    ),\n})\n\ndefineOptions({ inheritAttrs: false })\n</script>\n<template>\n  <DropdownMenu.Sub>\n    <ScalarMenuLink\n      :is=\"DropdownMenu.SubTrigger\"\n      :icon=\"ScalarIconUserSwitch\"\n      v-bind=\"$attrs\">\n      <div>Change team</div>\n      <ScalarIconCaretRight\n        class=\"ml-auto text-c-2 -mr-0.25 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          :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":";;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAOd,MAAM,OAAO;;EAQb,MAAM,QAAQ,SAA6B;GACzC,WAAW,MAAM,MAAM;GACvB,MAAM,MACJ,KACE,eACA,MAAM,MAAM,MAAM,MAAM,EAAE,OAAO,EAAE,CACpC;GACJ,CAAA;;uBAKC,YA4CmB,MAAA,aAAA,CAAA,KAAA,MAAA;2BAnCA,CARjB,YAQiB,MAAA,uBAAA,EARjB,WAQiB;KAPd,IAAI,MAAA,aAAY,CAAC;KACjB,MAAM,MAAA,qBAAoB;OACnBA,KAAAA,OAAM,EAAA;4BACQ,CAAA,OAAA,OAAA,OAAA,KAAtB,mBAAsB,OAAA,MAAjB,eAAW,GAAA,GAChB,YAEkB,MAAA,qBAAA,EAAA;MADhB,OAAM;MACN,QAAO;;;4BAEX,YAiCsB,MAAA,aAAA,CAAA,QAAA,MAAA;4BADM,CA/B1B,YA+B0B,MAAA,aAAA,CAAA,YAAA;MA9BvB,IAAI,MAAA,2BAAkB;MACvB,OAAM;MACL,YAAY;;6BAkBa,CAjB1B,YAiB0B,MAAA,aAAA,CAAA,YAAA;mBAhBf,MAAA;0EAAK,QAAA;OACd,OAAM;;8BAEc,EAAA,UAAA,KAAA,EADpB,mBAayB,UAAA,MAAA,WAZX,QAAA,QAAL,MAAC;4BADV,YAayB,MAAA,aAAA,CAAA,WAAA;SAXtB,KAAK,EAAE;SACP,IAAI,MAAA,6BAAoB;SACzB,OAAM;SACL,OAAO,EAAE;;gCAIO,CAHjB,YAGiB,+BAAA;UAFf,OAAM;UACL,OAAO,EAAE;UACT,KAAK,EAAE;wCACV,YAE+B,MAAA,8BAAA,EAAA;UAD7B,OAAM;UACL,UAAU,EAAE,OAAO,MAAA;;;;;;6BAG1B,YAQoB,MAAA,aAAA,CAAA,MAAA;OAPjB,IAAI,MAAA,6BAAoB;OACzB,OAAM;OACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,MAAA;;8BAGM,CAFlB,YAEkB,MAAA,eAAA,EAAA;QADhB,OAAM;QACN,QAAO;qDAAS,qBAEpB,GAAA,EAAA,CAAA"}
+{"version":3,"file":"ScalarMenuTeamPicker.vue.script.js","names":["$attrs"],"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 props = defineProps<{\n  /** The currently selected team */\n  team?: ScalarMenuTeamOption | undefined\n  /** The list of teams to choose from */\n  teams: ScalarMenuTeamOption[]\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: () => props.team?.id,\n  set: (v) =>\n    emit(\n      'update:team',\n      props.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          :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":";;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAOd,MAAM,OAAO;;EAQb,MAAM,QAAQ,SAA6B;GACzC,WAAW,MAAM,MAAM;GACvB,MAAM,MACJ,KACE,eACA,MAAM,MAAM,MAAM,MAAM,EAAE,OAAO,EAAE,CACpC;GACJ,CAAA;;uBAKC,YA4CmB,MAAA,aAAA,CAAA,KAAA,MAAA;2BAnCA,CARjB,YAQiB,MAAA,uBAAA,EARjB,WAQiB;KAPd,MAAM,MAAA,qBAAoB;KAC3B,SAAA;OACQA,KAAAA,OAAM,EAAA;4BACQ,CAAA,OAAA,OAAA,OAAA,KAAtB,mBAAsB,OAAA,MAAjB,eAAW,GAAA,GAChB,YAEkB,MAAA,qBAAA,EAAA;MADhB,OAAM;MACN,QAAO;;;sBAEX,YAiCsB,MAAA,aAAA,CAAA,QAAA,MAAA;4BADM,CA/B1B,YA+B0B,MAAA,aAAA,CAAA,YAAA;MA9BvB,IAAI,MAAA,2BAAkB;MACvB,OAAM;MACL,YAAY;;6BAkBa,CAjB1B,YAiB0B,MAAA,aAAA,CAAA,YAAA;mBAhBf,MAAA;0EAAK,QAAA;OACd,OAAM;;8BAEc,EAAA,UAAA,KAAA,EADpB,mBAayB,UAAA,MAAA,WAZX,QAAA,QAAL,MAAC;4BADV,YAayB,MAAA,aAAA,CAAA,WAAA;SAXtB,KAAK,EAAE;SACP,IAAI,MAAA,6BAAoB;SACzB,OAAM;SACL,OAAO,EAAE;;gCAIO,CAHjB,YAGiB,+BAAA;UAFf,OAAM;UACL,OAAO,EAAE;UACT,KAAK,EAAE;wCACV,YAE+B,MAAA,8BAAA,EAAA;UAD7B,OAAM;UACL,UAAU,EAAE,OAAO,MAAA;;;;;;6BAG1B,YAQoB,MAAA,aAAA,CAAA,MAAA;OAPjB,IAAI,MAAA,6BAAoB;OACzB,OAAM;OACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,MAAA;;8BAGM,CAFlB,YAEkB,MAAA,eAAA,EAAA;QADhB,OAAM;QACN,QAAO;qDAAS,qBAEpB,GAAA,EAAA,CAAA"}

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      :is=\"DropdownMenu.SubTrigger\"\n      :icon=\"ScalarIconSwap\"\n      v-bind=\"$attrs\">\n      <div>Change workspace</div>\n      <ScalarIconCaretRight\n        class=\"ml-auto text-c-2 -mr-0.25 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":[],"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":""}

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

@@ -21,15 +21,15 @@ var ScalarMenuWorkspacePicker_vue_vue_type_script_setup_true_lang_default = /* @
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DropdownMenu).Sub, null, {
 				default: withCtx(() => [createVNode(ScalarMenuLink_default, mergeProps({
-					is: unref(DropdownMenu).SubTrigger,
-					icon: unref(ScalarIconSwap)
+					icon: unref(ScalarIconSwap),
+					submenu: ""
 				}, _ctx.$attrs), {
 					default: withCtx(() => [_cache[2] || (_cache[2] = createElementVNode("div", null, "Change workspace", -1)), createVNode(unref(ScalarIconCaretRight), {
-						class: "ml-auto text-c-2 -mr-0.25 size-3",
+						class: "ml-auto text-c-2 -mr-px size-3",
 						weight: "bold"
 					})]),
 					_: 1
-				}, 16, ["is", "icon"]), createVNode(unref(DropdownMenu).Portal, null, {
+				}, 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",

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuWorkspacePicker.vue.script.js","names":["$attrs"],"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      :is=\"DropdownMenu.SubTrigger\"\n      :icon=\"ScalarIconSwap\"\n      v-bind=\"$attrs\">\n      <div>Change workspace</div>\n      <ScalarIconCaretRight\n        class=\"ml-auto text-c-2 -mr-0.25 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":";;;;;;;;;;;;;;;;;;EAuCA,MAAM,OAAO;EAKb,MAAM,QAAQ,SAA+B,SAAA,aAAC;;uBAK5C,YA8DmB,MAAA,aAAA,CAAA,KAAA,MAAA;2BArDA,CARjB,YAQiB,wBARjB,WAQiB;KAPd,IAAI,MAAA,aAAY,CAAC;KACjB,MAAM,MAAA,eAAc;OACbA,KAAAA,OAAM,EAAA;4BACa,CAAA,OAAA,OAAA,OAAA,KAA3B,mBAA2B,OAAA,MAAtB,oBAAgB,GAAA,GACrB,YAEkB,MAAA,qBAAA,EAAA;MADhB,OAAM;MACN,QAAO;;;4BAGX,YAkDsB,MAAA,aAAA,CAAA,QAAA,MAAA;4BADM,CAhD1B,YAgD0B,MAAA,aAAA,CAAA,YAAA;MA/CvB,IAAI,MAAA,2BAAkB;MACvB,OAAM;MACL,YAAY;;6BAkCa,CAjC1B,YAiC0B,MAAA,aAAA,CAAA,YAAA;mBAhCf,MAAA;0EAAK,QAAA;OACd,OAAM;;8BAE2C,EAAA,UAAA,KAAA,EADjD,mBA6BW,UAAA,MAAA,WA5BqB,QAAA,mBAAtB,OAAO,eAAU;gEACnB,YAAU,EAAA;SAGR,MAAM,SAAA,WAAA,EADd,YAIqB,MAAA,aAAA,CAAA,OAAA;;UAFnB,OAAM;;iCACW,CAAA,gBAAA,gBAAd,MAAM,MAAK,EAAA,EAAA,CAAA,CAAA;;;2BAIhB,mBAYyB,UAAA,MAAA,WAXX,MAAM,UAAX,MAAC;8BADV,YAYyB,MAAA,aAAA,CAAA,WAAA;WAVtB,KAAK,EAAE;WACP,IAAI,MAAA,6BAAoB;WACzB,OAAM;WACL,OAAO,EAAE;;kCAGJ,CAFN,mBAEM,OAFN,YAEM,gBADD,EAAE,MAAK,EAAA,EAAA,EAEZ,YAE+B,MAAA,8BAAA,EAAA;YAD7B,OAAM;YACL,UAAU,EAAE,OAAO,MAAA;;;;;SAKhB,aAAa,QAAA,iBAAiB,SAAM,KAAA,WAAA,EAD5C,YAE+B,MAAA,aAAA,CAAA,WAAA;;UAA7B,OAAM;;;;;6BAIZ,YAQoB,MAAA,aAAA,CAAA,MAAA;OAPjB,IAAI,MAAA,6BAAoB;OACzB,OAAM;OACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,kBAAA;;8BAGM,CAFlB,YAEkB,MAAA,eAAA,EAAA;QADhB,OAAM;QACN,QAAO;qDAAS,sBAEpB,GAAA,EAAA,CAAA"}
+{"version":3,"file":"ScalarMenuWorkspacePicker.vue.script.js","names":["$attrs"],"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":";;;;;;;;;;;;;;;;;;EAuCA,MAAM,OAAO;EAKb,MAAM,QAAQ,SAA+B,SAAA,aAAC;;uBAK5C,YA8DmB,MAAA,aAAA,CAAA,KAAA,MAAA;2BArDA,CARjB,YAQiB,wBARjB,WAQiB;KAPd,MAAM,MAAA,eAAc;KACrB,SAAA;OACQA,KAAAA,OAAM,EAAA;4BACa,CAAA,OAAA,OAAA,OAAA,KAA3B,mBAA2B,OAAA,MAAtB,oBAAgB,GAAA,GACrB,YAEkB,MAAA,qBAAA,EAAA;MADhB,OAAM;MACN,QAAO;;;sBAGX,YAkDsB,MAAA,aAAA,CAAA,QAAA,MAAA;4BADM,CAhD1B,YAgD0B,MAAA,aAAA,CAAA,YAAA;MA/CvB,IAAI,MAAA,2BAAkB;MACvB,OAAM;MACL,YAAY;;6BAkCa,CAjC1B,YAiC0B,MAAA,aAAA,CAAA,YAAA;mBAhCf,MAAA;0EAAK,QAAA;OACd,OAAM;;8BAE2C,EAAA,UAAA,KAAA,EADjD,mBA6BW,UAAA,MAAA,WA5BqB,QAAA,mBAAtB,OAAO,eAAU;gEACnB,YAAU,EAAA;SAGR,MAAM,SAAA,WAAA,EADd,YAIqB,MAAA,aAAA,CAAA,OAAA;;UAFnB,OAAM;;iCACW,CAAA,gBAAA,gBAAd,MAAM,MAAK,EAAA,EAAA,CAAA,CAAA;;;2BAIhB,mBAYyB,UAAA,MAAA,WAXX,MAAM,UAAX,MAAC;8BADV,YAYyB,MAAA,aAAA,CAAA,WAAA;WAVtB,KAAK,EAAE;WACP,IAAI,MAAA,6BAAoB;WACzB,OAAM;WACL,OAAO,EAAE;;kCAGJ,CAFN,mBAEM,OAFN,YAEM,gBADD,EAAE,MAAK,EAAA,EAAA,EAEZ,YAE+B,MAAA,8BAAA,EAAA;YAD7B,OAAM;YACL,UAAU,EAAE,OAAO,MAAA;;;;;SAKhB,aAAa,QAAA,iBAAiB,SAAM,KAAA,WAAA,EAD5C,YAE+B,MAAA,aAAA,CAAA,WAAA;;UAA7B,OAAM;;;;;6BAIZ,YAQoB,MAAA,aAAA,CAAA,MAAA;OAPjB,IAAI,MAAA,6BAAoB;OACzB,OAAM;OACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,kBAAA;;8BAGM,CAFlB,YAEkB,MAAA,eAAA,EAAA;QADhB,OAAM;QACN,QAAO;qDAAS,sBAEpB,GAAA,EAAA,CAAA"}

package/dist/components/ScalarSidebar/ScalarSidebarFooter.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarFooter.vue.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarFooter.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Footer component\n *\n * A footer for the sidebar, be default it contains a\n * \"Powered by Scalar\" link and a {@link ScalarColorModeToggle} toggle.\n *\n * @example\n *   <ScalarSidebarFooter>\n *     <!-- Footer content at the top of the footer -->\n *     <template #description>\n *       <!-- Replaces the Powered by Scalar link -->\n *     </template>\n *     <template #toggle>\n *       <!-- Replaces the color mode toggle -->\n *     </template>\n *   </ScalarSidebarFooter>\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarColorModeToggle } from '../ScalarColorModeToggle'\n\ndefineSlots<{\n  /** Footer content at the top of the footer */\n  default?(): unknown\n  /** Replaces the Powered by Scalar link */\n  description?(): unknown\n  /** Replaces the color mode toggle */\n  toggle?(): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col gap-3 p-3 pt-0 border-sidebar-border')\">\n    <slot />\n    <div class=\"flex items-center\">\n      <div class=\"flex-1 min-w-0 flex items-center text-sm text-sidebar-c-2\">\n        <slot name=\"description\">\n          <a\n            class=\"no-underline hover:underline\"\n            href=\"https://www.scalar.com\"\n            target=\"_blank\">\n            Powered by Scalar\n          </a>\n        </slot>\n      </div>\n      <slot name=\"toggle\">\n        <ScalarColorModeToggle />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ScalarSidebarFooter.vue.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarFooter.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Footer component\n *\n * A footer for the sidebar, be default it contains a\n * \"Powered by Scalar\" link and a {@link ScalarColorModeToggle} toggle.\n *\n * @example\n *   <ScalarSidebarFooter>\n *     <!-- Footer content at the top of the footer -->\n *     <template #description>\n *       <!-- Replaces the Powered by Scalar link -->\n *     </template>\n *     <template #toggle>\n *       <!-- Replaces the color mode toggle -->\n *     </template>\n *   </ScalarSidebarFooter>\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarColorModeToggle } from '../ScalarColorModeToggle'\n\ndefineSlots<{\n  /** Footer content at the top of the footer */\n  default?(): unknown\n  /** Replaces the Powered by Scalar link */\n  description?(): unknown\n  /** Replaces the color mode toggle */\n  toggle?(): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col gap-3 px-3 pb-3 border-sidebar-border')\">\n    <slot />\n    <div class=\"flex items-center\">\n      <div class=\"flex-1 min-w-0 flex items-center text-sm text-sidebar-c-2\">\n        <slot name=\"description\">\n          <a\n            class=\"no-underline hover:underline\"\n            href=\"https://www.scalar.com\"\n            target=\"_blank\">\n            Powered by Scalar\n          </a>\n        </slot>\n      </div>\n      <slot name=\"toggle\">\n        <ScalarColorModeToggle />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -10,7 +10,7 @@ var ScalarSidebarFooter_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 	setup(__props) {
 		const { cx } = useBindCx();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("flex flex-col gap-3 p-3 pt-0 border-sidebar-border"))), [renderSlot(_ctx.$slots, "default"), createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "description", {}, () => [_cache[0] || (_cache[0] = createElementVNode("a", {
+			return openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(unref(cx)("flex flex-col gap-3 px-3 pb-3 border-sidebar-border"))), [renderSlot(_ctx.$slots, "default"), createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "description", {}, () => [_cache[0] || (_cache[0] = createElementVNode("a", {
 				class: "no-underline hover:underline",
 				href: "https://www.scalar.com",
 				target: "_blank"

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarFooter.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarFooter.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Footer component\n *\n * A footer for the sidebar, be default it contains a\n * \"Powered by Scalar\" link and a {@link ScalarColorModeToggle} toggle.\n *\n * @example\n *   <ScalarSidebarFooter>\n *     <!-- Footer content at the top of the footer -->\n *     <template #description>\n *       <!-- Replaces the Powered by Scalar link -->\n *     </template>\n *     <template #toggle>\n *       <!-- Replaces the color mode toggle -->\n *     </template>\n *   </ScalarSidebarFooter>\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarColorModeToggle } from '../ScalarColorModeToggle'\n\ndefineSlots<{\n  /** Footer content at the top of the footer */\n  default?(): unknown\n  /** Replaces the Powered by Scalar link */\n  description?(): unknown\n  /** Replaces the color mode toggle */\n  toggle?(): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col gap-3 p-3 pt-0 border-sidebar-border')\">\n    <slot />\n    <div class=\"flex items-center\">\n      <div class=\"flex-1 min-w-0 flex items-center text-sm text-sidebar-c-2\">\n        <slot name=\"description\">\n          <a\n            class=\"no-underline hover:underline\"\n            href=\"https://www.scalar.com\"\n            target=\"_blank\">\n            Powered by Scalar\n          </a>\n        </slot>\n      </div>\n      <slot name=\"toggle\">\n        <ScalarColorModeToggle />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAmCA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAiBM,OAAA,eAAA,mBAjBO,MAAA,GAAE,CAAA,qDAAA,CAAA,CAAA,EAAA,CACb,WAAQ,KAAA,QAAA,UAAA,EACR,mBAcM,OAdN,YAcM,CAbJ,mBASM,OATN,YASM,CARJ,WAOO,KAAA,QAAA,eAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KANL,mBAKI,KAAA;IAJF,OAAM;IACN,MAAK;IACL,QAAO;MAAS,uBAElB,GAAA,EAAA,CAAA,CAAA,CAAA,EAGJ,WAEO,KAAA,QAAA,UAAA,EAAA,QAAA,CADL,YAAyB,MAAA,8BAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ScalarSidebarFooter.vue.script.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarFooter.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Footer component\n *\n * A footer for the sidebar, be default it contains a\n * \"Powered by Scalar\" link and a {@link ScalarColorModeToggle} toggle.\n *\n * @example\n *   <ScalarSidebarFooter>\n *     <!-- Footer content at the top of the footer -->\n *     <template #description>\n *       <!-- Replaces the Powered by Scalar link -->\n *     </template>\n *     <template #toggle>\n *       <!-- Replaces the color mode toggle -->\n *     </template>\n *   </ScalarSidebarFooter>\n */\nexport default {}\n</script>\n<script lang=\"ts\" setup>\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport { ScalarColorModeToggle } from '../ScalarColorModeToggle'\n\ndefineSlots<{\n  /** Footer content at the top of the footer */\n  default?(): unknown\n  /** Replaces the Powered by Scalar link */\n  description?(): unknown\n  /** Replaces the color mode toggle */\n  toggle?(): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <div v-bind=\"cx('flex flex-col gap-3 px-3 pb-3 border-sidebar-border')\">\n    <slot />\n    <div class=\"flex items-center\">\n      <div class=\"flex-1 min-w-0 flex items-center text-sm text-sidebar-c-2\">\n        <slot name=\"description\">\n          <a\n            class=\"no-underline hover:underline\"\n            href=\"https://www.scalar.com\"\n            target=\"_blank\">\n            Powered by Scalar\n          </a>\n        </slot>\n      </div>\n      <slot name=\"toggle\">\n        <ScalarColorModeToggle />\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAmCA,MAAM,EAAE,OAAO,WAAU;;uBAGvB,mBAiBM,OAAA,eAAA,mBAjBO,MAAA,GAAE,CAAA,sDAAA,CAAA,CAAA,EAAA,CACb,WAAQ,KAAA,QAAA,UAAA,EACR,mBAcM,OAdN,YAcM,CAbJ,mBASM,OATN,YASM,CARJ,WAOO,KAAA,QAAA,eAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KANL,mBAKI,KAAA;IAJF,OAAM;IACN,MAAK;IACL,QAAO;MAAS,uBAElB,GAAA,EAAA,CAAA,CAAA,CAAA,EAGJ,WAEO,KAAA,QAAA,UAAA,EAAA,QAAA,CADL,YAAyB,MAAA,8BAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarSidebarItems.vue.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarItems.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Items component\n *\n * A base container for ScalarSidebarItem(s), renders as\n * a  `<ul>` by default to meet accessibility requirements\n *\n * @example\n * <ScalarSidebarItems>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n * </ScalarSidebarItems>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nimport { useSidebarNestedItems } from './useSidebarNestedItems'\n\nconst { is = 'ul' } = defineProps<{\n  is?: Component | string\n}>()\n\nconst { open } = useSidebarNestedItems()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"\n      cx(\n        'group/items relative flex flex-col p-3 gap-px transition-transform duration-300',\n        open ? '-translate-x-full' : 'translate-x-0',\n      )\n    \">\n    <slot />\n  </component>\n</template>\n<style>\n@reference \"../../style.css\";\n\n/* Hide the buttons from the keyboard when a nested item is open */\n.group\\/items.-translate-x-full .group\\/button {\n  /* Required to prevent the button from being focused */\n  display: none;\n  /* Required to prevent the button from taking up scroll space */\n  max-height: 0;\n\n  transition-property: display, max-height;\n  transition-behavior: allow-discrete;\n  transition-duration: 0s;\n  transition-delay: 300ms;\n}\n\n/* Show the buttons within a nested item when it is open */\n.group\\/item.group\\/nested-items-open\n  > *\n  > .group\\/items.translate-x-0\n  .group\\/button {\n  max-height: calc(infinity * 1px);\n  display: flex;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ScalarSidebarItems.vue.js","names":[],"sources":["../../../src/components/ScalarSidebar/ScalarSidebarItems.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Scalar Sidebar Items component\n *\n * A base container for ScalarSidebarItem(s), renders as\n * a  `<ul>` by default to meet accessibility requirements\n *\n * @example\n * <ScalarSidebarItems>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n *   <ScalarSidebarItem>...</ScalarSidebarItem>\n * </ScalarSidebarItems>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { Component } from 'vue'\n\nimport { useSidebarNestedItems } from './useSidebarNestedItems'\n\nconst { is = 'ul' } = defineProps<{\n  is?: Component | string\n}>()\n\nconst { open } = useSidebarNestedItems()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n  <component\n    :is=\"is\"\n    v-bind=\"\n      cx(\n        'group/items relative flex flex-col p-(--scalar-sidebar-padding) gap-px transition-transform duration-300',\n        open ? '-translate-x-full' : 'translate-x-0',\n      )\n    \">\n    <slot />\n  </component>\n</template>\n<style>\n@reference \"../../style.css\";\n\n/* Hide the buttons from the keyboard when a nested item is open */\n.group\\/items.-translate-x-full .group\\/button {\n  /* Required to prevent the button from being focused */\n  display: none;\n  /* Required to prevent the button from taking up scroll space */\n  max-height: 0;\n\n  transition-property: display, max-height;\n  transition-behavior: allow-discrete;\n  transition-duration: 0s;\n  transition-delay: 300ms;\n}\n\n/* Show the buttons within a nested item when it is open */\n.group\\/item.group\\/nested-items-open\n  > *\n  > .group\\/items.translate-x-0\n  .group\\/button {\n  max-height: calc(infinity * 1px);\n  display: flex;\n}\n</style>\n"],"mappings":""}

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

@@ -9,7 +9,7 @@ var ScalarSidebarItems_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		const { open } = useSidebarNestedItems();
 		const { cx } = useBindCx();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(__props.is), normalizeProps(guardReactiveProps(unref(cx)("group/items relative flex flex-col p-3 gap-px transition-transform duration-300", unref(open) ? "-translate-x-full" : "translate-x-0"))), {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.is), normalizeProps(guardReactiveProps(unref(cx)("group/items relative flex flex-col p-(--scalar-sidebar-padding) gap-px transition-transform duration-300", unref(open) ? "-translate-x-full" : "translate-x-0"))), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);

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

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