npm - @scalar/components - Versions diffs - 0.27.10 → 0.27.11 - Mend

@scalar/components 0.27.10 → 0.27.11

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

Files changed (580) hide show

package/dist/components/ScalarIcon/logos/Vue.svg.virtual.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Vue.svg.virtual.js","names":["render","_openBlock","_createElementBlock","_createElementVNode"],"sources":["../../../../src/components/ScalarIcon/logos/Vue.svg?component"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\"\n}\n\nexport function render(_ctx, _cache) {\n return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] \|\| (_cache[0] = [\n _createElementVNode(\"path\", {\n fill: \"#41B883\",\n d: \"m14.31 4.34-2.31 4-2.31-4H2l10 17.32L22 4.34z\"\n }, null, -1),\n _createElementVNode(\"path\", {\n fill: \"#34495E\",\n d: \"m14.31 4.34-2.31 4-2.31-4H6l6 10.392L18 4.34z\"\n }, null, -1)\n ]))]))\n}\nexport default { render: render }"],"mappings":";;;;;;;AAEA,IAAM,aAAa;CACjB,OAAO;CACP,MAAM;CACN,SAAS;~~CACV~~;~~AAED~~,SAAgBA,SAAO,MAAM,QAAQ;~~AACnC~~,~~QAAQC~~,~~WAAY~~,~~EAAEC~~,mBAAoB,OAAO,YAAY,CAAC,GAAI,OAAO,OAAO,OAAO,KAAK,CAC1FC,mBAAoB,QAAQ;EAC1B,MAAM;EACN,GAAG;~~EACJ~~,~~EAAE~~,MAAM,~~GAAG~~,~~EACZA~~,mBAAoB,QAAQ;EAC1B,MAAM;EACN,GAAG;~~EACJ~~,~~EAAE~~,MAAM,~~GAAG~~,CACb,EAAG,CAAC~~;;AAEP~~,IAAA,cAAe,EAAE,QAAQH,~~UAAAA~~"}
1	+ {"version":3,"file":"Vue.svg.virtual.js","names":["render","_openBlock","_createElementBlock","_createElementVNode"],"sources":["../../../../src/components/ScalarIcon/logos/Vue.svg?component"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 24 24\"\n}\n\nexport function render(_ctx, _cache) {\n return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] \|\| (_cache[0] = [\n _createElementVNode(\"path\", {\n fill: \"#41B883\",\n d: \"m14.31 4.34-2.31 4-2.31-4H2l10 17.32L22 4.34z\"\n }, null, -1),\n _createElementVNode(\"path\", {\n fill: \"#34495E\",\n d: \"m14.31 4.34-2.31 4-2.31-4H6l6 10.392L18 4.34z\"\n }, null, -1)\n ]))]))\n}\nexport default { render: render }"],"mappings":";;;;;;;AAEA,IAAM,aAAa;CACjB,OAAO;CACP,MAAM;CACN,SAAS;AACX;AAEA,SAAgBA,SAAO,MAAM,QAAQ;CACnC,OAAQC,UAAW,GAAGC,mBAAoB,OAAO,YAAY,CAAC,GAAI,OAAO,OAAO,OAAO,KAAK,CAC1FC,mBAAoB,QAAQ;EAC1B,MAAM;EACN,GAAG;CACL,GAAG,MAAM,EAAE,GACXA,mBAAoB,QAAQ;EAC1B,MAAM;EACN,GAAG;CACL,GAAG,MAAM,EAAE,CACb,EAAG,CAAC;AACN;AACA,IAAA,cAAe,EAAE,QAAQH,SAAO"}

package/dist/components/ScalarIcon/utils/index.js CHANGED Viewed

@@ -136,7 +136,7 @@ import { Rust_exports } from "../logos/Rust.svg.virtual.js";
 import { Svelte_exports } from "../logos/Svelte.svg.virtual.js";
 import { Vue_exports } from "../logos/Vue.svg.virtual.js";
 //#region src/components/ScalarIcon/utils/index.ts
-var icons = /* @__PURE__ */ Object.assign({
+var icons = /* #__PURE__ */ Object.assign({
 	"../icons/Add.svg": Add_exports,
 	"../icons/AddTab.svg": AddTab_exports,
 	"../icons/Alert.svg": Alert_exports,
@@ -253,7 +253,7 @@ var icons = /* @__PURE__ */ Object.assign({
 	"../icons/programming-tool-git.svg": programming_tool_git_exports,
 	"../icons/programming-tool-tailwindcss.svg": programming_tool_tailwindcss_exports
 });
-var logos = /* @__PURE__ */ Object.assign({
+var logos = /* #__PURE__ */ Object.assign({
 	"../logos/Adonisjs.svg": Adonisjs_exports,
 	"../logos/Astro.svg": Astro_exports,
 	"../logos/Docusaurus.svg": Docusaurus_exports,

package/dist/components/ScalarIcon/utils/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ScalarIcon/utils/index.ts"],"sourcesContent":["import type { ICONS } from '../icons'\nimport type { LOGOS } from '../logos'\n\n/** @deprecated Use the icons from the `@scalar/icons` package instead. /\nexport type Icon = (typeof ICONS)[number]\n\n/* @deprecated Use the icons from the `@scalar/icons` package instead. /\nexport type Logo = (typeof LOGOS)[number]\n\nconst icons = import.meta.glob<SVGElement>('../icons/.svg', {\n query: 'component',\n eager: true,\n})\n\nconst logos = import.meta.glob<SVGElement>('../logos/.svg', {\n query: 'component',\n eager: true,\n})\n\n/\n Generate a Vue component from the icon SVGs\n \n For any changes to this file, please ensure it works with SSR\n /\nexport const getIcon = (name: Icon) => {\n const filename = `../icons/${name}.svg`\n\n if (!icons[filename]) {\n console.warn(`Could not find icon: ${name}`)\n return null\n }\n\n return icons[filename]\n}\n\n/\n Generate a Vue component from the logo SVGs\n \n For any changes to this file, please ensure it works with SSR\n */\nexport const getLogo = (name: Logo) => {\n const filename = `../logos/${name}.svg`\n\n if (!logos[filename]) {\n console.warn(`Could not find icon: ${name}`)\n return null\n }\n return logos[filename]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAM,QAAQ,uBAAA,OAAA;CAAA,oBAAA;CAAA,uBAAA;CAAA,sBAAA;CAAA,0BAAA;CAAA,2BAAA;CAAA,yBAAA;CAAA,uBAAA;CAAA,0BAAA;CAAA,0BAAA;CAAA,4BAAA;CAAA,4BAAA;CAAA,6BAAA;CAAA,0BAAA;CAAA,0BAAA;CAAA,sBAAA;CAAA,yBAAA;CAAA,0BAAA;CAAA,sBAAA;CAAA,2BAAA;CAAA,oBAAA;CAAA,2BAAA;CAAA,uBAAA;CAAA,yBAAA;CAAA,uBAAA;CAAA,wBAAA;CAAA,yBAAA;CAAA,yBAAA;CAAA,0BAAA;CAAA,qBAAA;CAAA,yBAAA;CAAA,sBAAA;CAAA,sBAAA;CAAA,wBAAA;CAAA,6BAAA;CAAA,2BAAA;CAAA,uBAAA;CAAA,uBAAA;CAAA,2BAAA;CAAA,sBAAA;CAAA,uBAAA;CAAA,qBAAA;CAAA,qBAAA;CAAA,wBAAA;CAAA,sBAAA;CAAA,uBAAA;CAAA,qBAAA;CAAA,oBAAA;CAAA,sBAAA;CAAA,oCAAA;CAAA,0BAAA;CAAA,qBAAA;CAAA,qBAAA;CAAA,qBAAA;CAAA,sBAAA;CAAA,yBAAA;CAAA,qBAAA;CAAA,2BAAA;CAAA,qBAAA;CAAA,uBAAA;CAAA,qBAAA;CAAA,wBAAA;CAAA,wBAAA;CAAA,yBAAA;CAAA,uBAAA;CAAA,uBAAA;CAAA,yBAAA;CAAA,qBAAA;CAAA,qBAAA;CAAA,yBAAA;CAAA,sBAAA;CAAA,uBAAA;CAAA,wBAAA;CAAA,uBAAA;CAAA,qBAAA;CAAA,2BAAA;CAAA,sBAAA;CAAA,yBAAA;CAAA,uBAAA;CAAA,sBAAA;CAAA,0BAAA;CAAA,8CAAA;CAAA,4CAAA;CAAA,8CAAA;CAAA,gDAAA;CAAA,4CAAA;CAAA,+CAAA;CAAA,uCAAA;CAAA,6CAAA;CAAA,4CAAA;CAAA,0CAAA;CAAA,0CAAA;CAAA,4CAAA;CAAA,wCAAA;CAAA,2CAAA;CAAA,0CAAA;CAAA,0CAAA;CAAA,gDAAA;CAAA,0CAAA;CAAA,4CAAA;CAAA,0CAAA;CAAA,0CAAA;CAAA,2CAAA;CAAA,yCAAA;CAAA,gDAAA;CAAA,4CAAA;CAAA,uCAAA;CAAA,0CAAA;CAAA,0CAAA;CAAA,2CAAA;CAAA,2CAAA;CAAA,2CAAA;CAAA,gDAAA;CAAA,wCAAA;CAAA,qCAAA;CAAA,6CAAA~~;EAGZ;AAEF~~,IAAM,QAAQ,uBAAA,OAAA;CAAA,yBAAA;CAAA,sBAAA;CAAA,2BAAA;CAAA,uBAAA;CAAA,yBAAA;CAAA,wBAAA;CAAA,wBAAA;CAAA,wBAAA;CAAA,mBAAA;CAAA,qBAAA;CAAA,wBAAA;CAAA,yBAAA;CAAA,uBAAA;CAAA,uBAAA;CAAA,sBAAA;CAAA,qBAAA;CAAA,wBAAA;CAAA,6BAAA;CAAA,sBAAA;CAAA,qBAAA;CAAA,uBAAA;CAAA,oBAAA~~;EAGZ;;;;;;AAOF~~,IAAa,WAAW,SAAe;CACrC,MAAM,WAAW,YAAY,KAAK;~~AAElC~~,~~KAAI~~,CAAC,MAAM,WAAW;~~AACpB~~,~~UAAQ~~,KAAK,wBAAwB,OAAO;~~AAC5C~~,~~SAAO;;AAGT~~,~~QAAO,~~MAAM~~;;;;;;;AAQf~~,IAAa,WAAW,SAAe;CACrC,MAAM,WAAW,YAAY,KAAK;~~AAElC~~,~~KAAI~~,CAAC,MAAM,WAAW;~~AACpB~~,~~UAAQ~~,KAAK,wBAAwB,OAAO;~~AAC5C~~,~~SAAO;;AAET~~,~~QAAO,~~MAAM"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ScalarIcon/utils/index.ts"],"sourcesContent":["import type { ICONS } from '../icons'\nimport type { LOGOS } from '../logos'\n\n/** @deprecated Use the icons from the `@scalar/icons` package instead. /\nexport type Icon = (typeof ICONS)[number]\n\n/* @deprecated Use the icons from the `@scalar/icons` package instead. /\nexport type Logo = (typeof LOGOS)[number]\n\nconst icons = import.meta.glob<SVGElement>('../icons/.svg', {\n query: 'component',\n eager: true,\n})\n\nconst logos = import.meta.glob<SVGElement>('../logos/.svg', {\n query: 'component',\n eager: true,\n})\n\n/\n Generate a Vue component from the icon SVGs\n \n For any changes to this file, please ensure it works with SSR\n /\nexport const getIcon = (name: Icon) => {\n const filename = `../icons/${name}.svg`\n\n if (!icons[filename]) {\n console.warn(`Could not find icon: ${name}`)\n return null\n }\n\n return icons[filename]\n}\n\n/\n Generate a Vue component from the logo SVGs\n \n For any changes to this file, please ensure it works with SSR\n */\nexport const getLogo = (name: Logo) => {\n const filename = `../logos/${name}.svg`\n\n if (!logos[filename]) {\n console.warn(`Could not find icon: ${name}`)\n return null\n }\n return logos[filename]\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAM,QAAQ,uBAAA,OAAA;CAAA,oBAAA;CAAA,uBAAA;CAAA,sBAAA;CAAA,0BAAA;CAAA,2BAAA;CAAA,yBAAA;CAAA,uBAAA;CAAA,0BAAA;CAAA,0BAAA;CAAA,4BAAA;CAAA,4BAAA;CAAA,6BAAA;CAAA,0BAAA;CAAA,0BAAA;CAAA,sBAAA;CAAA,yBAAA;CAAA,0BAAA;CAAA,sBAAA;CAAA,2BAAA;CAAA,oBAAA;CAAA,2BAAA;CAAA,uBAAA;CAAA,yBAAA;CAAA,uBAAA;CAAA,wBAAA;CAAA,yBAAA;CAAA,yBAAA;CAAA,0BAAA;CAAA,qBAAA;CAAA,yBAAA;CAAA,sBAAA;CAAA,sBAAA;CAAA,wBAAA;CAAA,6BAAA;CAAA,2BAAA;CAAA,uBAAA;CAAA,uBAAA;CAAA,2BAAA;CAAA,sBAAA;CAAA,uBAAA;CAAA,qBAAA;CAAA,qBAAA;CAAA,wBAAA;CAAA,sBAAA;CAAA,uBAAA;CAAA,qBAAA;CAAA,oBAAA;CAAA,sBAAA;CAAA,oCAAA;CAAA,0BAAA;CAAA,qBAAA;CAAA,qBAAA;CAAA,qBAAA;CAAA,sBAAA;CAAA,yBAAA;CAAA,qBAAA;CAAA,2BAAA;CAAA,qBAAA;CAAA,uBAAA;CAAA,qBAAA;CAAA,wBAAA;CAAA,wBAAA;CAAA,yBAAA;CAAA,uBAAA;CAAA,uBAAA;CAAA,yBAAA;CAAA,qBAAA;CAAA,qBAAA;CAAA,yBAAA;CAAA,sBAAA;CAAA,uBAAA;CAAA,wBAAA;CAAA,uBAAA;CAAA,qBAAA;CAAA,2BAAA;CAAA,sBAAA;CAAA,yBAAA;CAAA,uBAAA;CAAA,sBAAA;CAAA,0BAAA;CAAA,8CAAA;CAAA,4CAAA;CAAA,8CAAA;CAAA,gDAAA;CAAA,4CAAA;CAAA,+CAAA;CAAA,uCAAA;CAAA,6CAAA;CAAA,4CAAA;CAAA,0CAAA;CAAA,0CAAA;CAAA,4CAAA;CAAA,wCAAA;CAAA,2CAAA;CAAA,0CAAA;CAAA,0CAAA;CAAA,gDAAA;CAAA,0CAAA;CAAA,4CAAA;CAAA,0CAAA;CAAA,0CAAA;CAAA,2CAAA;CAAA,yCAAA;CAAA,gDAAA;CAAA,4CAAA;CAAA,uCAAA;CAAA,0CAAA;CAAA,0CAAA;CAAA,2CAAA;CAAA,2CAAA;CAAA,2CAAA;CAAA,gDAAA;CAAA,wCAAA;CAAA,qCAAA;CAAA,6CAAA;;AAKd,IAAM,QAAQ,uBAAA,OAAA;CAAA,yBAAA;CAAA,sBAAA;CAAA,2BAAA;CAAA,uBAAA;CAAA,yBAAA;CAAA,wBAAA;CAAA,wBAAA;CAAA,wBAAA;CAAA,mBAAA;CAAA,qBAAA;CAAA,wBAAA;CAAA,yBAAA;CAAA,uBAAA;CAAA,uBAAA;CAAA,sBAAA;CAAA,qBAAA;CAAA,wBAAA;CAAA,6BAAA;CAAA,sBAAA;CAAA,qBAAA;CAAA,uBAAA;CAAA,oBAAA;;;;;;;AAUd,IAAa,WAAW,SAAe;CACrC,MAAM,WAAW,YAAY,KAAK;CAElC,IAAI,CAAC,MAAM,WAAW;EACpB,QAAQ,KAAK,wBAAwB,MAAM;EAC3C,OAAO;CACT;CAEA,OAAO,MAAM;AACf;;;;;;AAOA,IAAa,WAAW,SAAe;CACrC,MAAM,WAAW,YAAY,KAAK;CAElC,IAAI,CAAC,MAAM,WAAW;EACpB,QAAQ,KAAK,wBAAwB,MAAM;EAC3C,OAAO;CACT;CACA,OAAO,MAAM;AACf"}

package/dist/components/ScalarIcon/variants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"variants.js","names":[],"sources":["../../../src/components/ScalarIcon/variants.ts"],"sourcesContent":["import { cva } from '@scalar/use-hooks/useBindCx'\n\n/*\n Variants for the ScalarIcon component\n */\nexport const variants = cva({\n variants: {\n size: {\n 'xs': 'size-3',\n 'sm': 'size-3.5',\n 'md': 'size-4',\n 'lg': 'size-5',\n 'xl': 'size-6',\n '2xl': 'size-8',\n '3xl': 'size-10',\n 'full': 'size-full',\n },\n },\n defaultVariants: {\n size: 'full',\n },\n})\n"],"mappings":";;;;;AAKA,IAAa,WAAW,IAAI;CAC1B,UAAU,EACR,MAAM;EACJ,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACP,OAAO;EACP,QAAQ;~~EACT~~,EACF;~~CACD~~,iBAAiB,EACf,MAAM,~~QACP~~;~~CACF~~,CAAC"}
1	+ {"version":3,"file":"variants.js","names":[],"sources":["../../../src/components/ScalarIcon/variants.ts"],"sourcesContent":["import { cva } from '@scalar/use-hooks/useBindCx'\n\n/*\n Variants for the ScalarIcon component\n */\nexport const variants = cva({\n variants: {\n size: {\n 'xs': 'size-3',\n 'sm': 'size-3.5',\n 'md': 'size-4',\n 'lg': 'size-5',\n 'xl': 'size-6',\n '2xl': 'size-8',\n '3xl': 'size-10',\n 'full': 'size-full',\n },\n },\n defaultVariants: {\n size: 'full',\n },\n})\n"],"mappings":";;;;;AAKA,IAAa,WAAW,IAAI;CAC1B,UAAU,EACR,MAAM;EACJ,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,MAAM;EACN,OAAO;EACP,OAAO;EACP,QAAQ;CACV,EACF;CACA,iBAAiB,EACf,MAAM,OACR;AACF,CAAC"}

package/dist/components/ScalarIconButton/ScalarIconButton.vue.script.js CHANGED Viewed

@@ -9,7 +9,7 @@ var _hoisted_2 = {
 	key: 0,
 	class: "sr-only"
 };
-var ScalarIconButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarIconButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarIconButton",
 	props: {

package/dist/components/ScalarIconButton/ScalarIconButton.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarIconButton.vue.script.js","names":[],"sources":["../../../src/components/ScalarIconButton/ScalarIconButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar icon button component\n \n Should be used in conjunction with an icon from `@scalar/icons`\n \n @example\n * import { ScalarIconAcorn } from '@scalar/icons'\n * ...\n * <ScalarIconButton\n * :icon=\"ScalarIconAcorn\"\n * label=\"It's an acorn\"\n * />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed, useTemplateRef } from 'vue'\n\nimport { BUTTON_VARIANT_STYLES } from '../ScalarButton/constants'\nimport { ScalarIconLegacyAdapter } from '../ScalarIcon'\nimport { useTooltip } from '../ScalarTooltip'\nimport type { ScalarIconButtonProps } from './types'\n\nconst {\n label,\n variant = 'ghost',\n size = 'md',\n tooltip,\n} = defineProps<ScalarIconButtonProps>()\n\nconst variants = cva({\n base: 'scalar-icon-button grid aspect-square cursor-pointer rounded',\n variants: {\n size: {\n xxs: 'size-3.5 p-0.5',\n xs: 'size-5 p-1',\n sm: 'size-6 p-1',\n md: 'size-10 p-3',\n full: 'size-full',\n },\n disabled: {\n true: 'cursor-not-allowed shadow-none',\n },\n // We use the same button styles for the icon buttons\n variant: BUTTON_VARIANT_STYLES,\n },\n compoundVariants: [\n {\n size: 'md',\n variant: 'ghost',\n class: 'size-8 p-2 m-1 -outline-offset-2 rounded-lg',\n },\n ],\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\nconst button = useTemplateRef('ref')\n\nuseTooltip({\n content: computed(() => label),\n offset: computed(() => (variant === 'ghost' ? 0 : 4)),\n placement: computed(() =>\n typeof tooltip === 'boolean' ? undefined : tooltip,\n ),\n targetRef: computed(() => (tooltip ? button.value : undefined)),\n})\n</script>\n<template>\n <button\n ref=\"ref\"\n :aria-disabled=\"disabled\"\n type=\"button\"\n v-bind=\"cx(variants({ size, variant, disabled }))\">\n <ScalarIconLegacyAdapter\n :icon=\"icon\"\n :thickness=\"thickness\"\n :weight=\"weight\" />\n <span\n v-if=\"!tooltip\"\n class=\"sr-only\"\n >{{ label }}</span\n >\n </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU;IACR,MAAM;KACJ,KAAK;KACL,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,MAAM;~~KACP~~;~~IACD~~,UAAU,EACR,MAAM,~~kCACP~~;~~IAED~~,SAAS;~~IACV~~;~~GACD~~,kBAAkB,CAChB;IACE,MAAM;IACN,SAAS;IACT,OAAO;~~IACR~~,CACF;~~GACF~~,~~CAAA~~;EAGD,MAAM,EAAE,OAAO,~~WAAU~~;EAEzB,MAAM,SAAS,eAAe,~~MAAK~~;~~AAEnC~~,~~aAAW~~;GACT,SAAS,eAAe,QAAA,~~MAAM~~;~~GAC9B~~,QAAQ,eAAgB,QAAA,YAAY,UAAU,IAAI,~~EAAG~~;~~GACrD~~,WAAW,eACT,OAAO,QAAA,YAAY,YAAY,KAAA,IAAY,QAAA,~~QAC5C~~;~~GACD~~,WAAW,eAAgB,QAAA,UAAU,OAAO,QAAQ,KAAA,~~EAAW~~;~~GAChE~~,~~CAAA~~;;uBAGC,mBAcS,UAdT,WAcS;IAbP,KAAI;IACH,iBAAe,QAAA;IAChB,MAAK;MACG,MAAA,~~GAAE~~,CAAC,MAAA,~~SAAQ~~,CAAA;IAAA,MAAG,QAAA;IAAI,SAAE,QAAA;IAAO,UAAE,QAAA;~~IAAQ~~,CAAA,CAAA,CAAA,~~EAAA~~,CAC7C,YAGqB,MAAA,~~gCAAA,EAAA~~;IAFlB,MAAM,QAAA;IACN,WAAW,QAAA;IACX,QAAQ,QAAA;;;;;QAEF,QAAA,WAAA,~~WAAA~~,~~EADT~~,mBAIC,QAJD,YAIC,gBADK,QAAA,~~MAAK~~,~~EAAA~~,~~EAAA~~,~~IAAA~~,mBAAA,IAAA,~~KAAA~~,CAAA,~~EAAA~~,IAAA,~~WAAA~~"}
1	+ {"version":3,"file":"ScalarIconButton.vue.script.js","names":[],"sources":["../../../src/components/ScalarIconButton/ScalarIconButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar icon button component\n \n Should be used in conjunction with an icon from `@scalar/icons`\n \n @example\n * import { ScalarIconAcorn } from '@scalar/icons'\n * ...\n * <ScalarIconButton\n * :icon=\"ScalarIconAcorn\"\n * label=\"It's an acorn\"\n * />\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport { computed, useTemplateRef } from 'vue'\n\nimport { BUTTON_VARIANT_STYLES } from '../ScalarButton/constants'\nimport { ScalarIconLegacyAdapter } from '../ScalarIcon'\nimport { useTooltip } from '../ScalarTooltip'\nimport type { ScalarIconButtonProps } from './types'\n\nconst {\n label,\n variant = 'ghost',\n size = 'md',\n tooltip,\n} = defineProps<ScalarIconButtonProps>()\n\nconst variants = cva({\n base: 'scalar-icon-button grid aspect-square cursor-pointer rounded',\n variants: {\n size: {\n xxs: 'size-3.5 p-0.5',\n xs: 'size-5 p-1',\n sm: 'size-6 p-1',\n md: 'size-10 p-3',\n full: 'size-full',\n },\n disabled: {\n true: 'cursor-not-allowed shadow-none',\n },\n // We use the same button styles for the icon buttons\n variant: BUTTON_VARIANT_STYLES,\n },\n compoundVariants: [\n {\n size: 'md',\n variant: 'ghost',\n class: 'size-8 p-2 m-1 -outline-offset-2 rounded-lg',\n },\n ],\n})\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\nconst button = useTemplateRef('ref')\n\nuseTooltip({\n content: computed(() => label),\n offset: computed(() => (variant === 'ghost' ? 0 : 4)),\n placement: computed(() =>\n typeof tooltip === 'boolean' ? undefined : tooltip,\n ),\n targetRef: computed(() => (tooltip ? button.value : undefined)),\n})\n</script>\n<template>\n <button\n ref=\"ref\"\n :aria-disabled=\"disabled\"\n type=\"button\"\n v-bind=\"cx(variants({ size, variant, disabled }))\">\n <ScalarIconLegacyAdapter\n :icon=\"icon\"\n :thickness=\"thickness\"\n :weight=\"weight\" />\n <span\n v-if=\"!tooltip\"\n class=\"sr-only\"\n >{{ label }}</span\n >\n </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,WAAW,IAAI;GACnB,MAAM;GACN,UAAU;IACR,MAAM;KACJ,KAAK;KACL,IAAI;KACJ,IAAI;KACJ,IAAI;KACJ,MAAM;IACR;IACA,UAAU,EACR,MAAM,iCACR;IAEA,SAAS;GACX;GACA,kBAAkB,CAChB;IACE,MAAM;IACN,SAAS;IACT,OAAO;GACT,CACF;EACF,CAAC;EAGD,MAAM,EAAE,OAAO,UAAU;EAEzB,MAAM,SAAS,eAAe,KAAK;EAEnC,WAAW;GACT,SAAS,eAAe,QAAA,KAAK;GAC7B,QAAQ,eAAgB,QAAA,YAAY,UAAU,IAAI,CAAE;GACpD,WAAW,eACT,OAAO,QAAA,YAAY,YAAY,KAAA,IAAY,QAAA,OAC7C;GACA,WAAW,eAAgB,QAAA,UAAU,OAAO,QAAQ,KAAA,CAAU;EAChE,CAAC;;uBAGC,mBAcS,UAdT,WAcS;IAbP,KAAI;IACH,iBAAe,QAAA;IAChB,MAAK;MACG,MAAA,EAAA,CAAE,CAAC,MAAA,QAAA,CAAQ,CAAA;IAAA,MAAG,QAAA;IAAI,SAAE,QAAA;IAAO,UAAE,QAAA;GAAQ,CAAA,CAAA,CAAA,GAAA,CAC7C,YAGqB,MAAA,+BAAA,GAAA;IAFlB,MAAM,QAAA;IACN,WAAW,QAAA;IACX,QAAQ,QAAA;;;;;QAEF,QAAA,WAAA,UAAA,GADT,mBAIC,QAJD,YAIC,gBADK,QAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/components/ScalarListbox/ScalarListbox.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"AA4HA,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,mBAAmB,CAAA;AAE1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAGrC;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;aAYL,MAAM,EAAE;SACZ,MAAM;YACH,MAAM;;eAZL,KAAK,GAAG,SAAS;iBACf,MAAM,GAAG,SAAS;;aASpB,MAAM,EAAE;SACZ,MAAM;YACH,MAAM;;cAPN,IAAI;iBACD,MAAM,EAAE,GAAG,SAAS;;;;aAItB,MAAM,EAAE;SACZ,MAAM;YACH,MAAM;;eAZL,KAAK,GAAG,SAAS;iBACf,MAAM,GAAG,SAAS;;aASpB,MAAM,EAAE;SACZ,MAAM;YACH,MAAM;;cAPN,IAAI;iBACD,MAAM,EAAE,GAAG,SAAS;;;;IAmBjC,4CAA4C;mBAC7B;QACb,yCAAyC;QACzC,IAAI,EAAE,OAAO,CAAA;KACd,GAAG,OAAO;~~EA2LT~~,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
1	+ {"version":3,"file":"ScalarListbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"names":[],"mappings":"AA4HA,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,mBAAmB,CAAA;AAE1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAGrC;;;;;;;;;;GAUG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;aAYL,MAAM,EAAE;SACZ,MAAM;YACH,MAAM;;eAZL,KAAK,GAAG,SAAS;iBACf,MAAM,GAAG,SAAS;;aASpB,MAAM,EAAE;SACZ,MAAM;YACH,MAAM;;cAPN,IAAI;iBACD,MAAM,EAAE,GAAG,SAAS;;;;aAItB,MAAM,EAAE;SACZ,MAAM;YACH,MAAM;;eAZL,KAAK,GAAG,SAAS;iBACf,MAAM,GAAG,SAAS;;aASpB,MAAM,EAAE;SACZ,MAAM;YACH,MAAM;;cAPN,IAAI;iBACD,MAAM,EAAE,GAAG,SAAS;;;;IAmBjC,4CAA4C;mBAC7B;QACb,yCAAyC;QACzC,IAAI,EAAE,OAAO,CAAA;KACd,GAAG,OAAO;EA4LT,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/ScalarListbox/ScalarListbox.vue.script.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { Fragment, createBlock, createCommentVNode, createElementBlock, createEl
 import { Listbox, ListboxButton, ListboxLabel, ListboxOptions } from "@headlessui/vue";
 //#region src/components/ScalarListbox/ScalarListbox.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "custom-scroll min-h-0 flex-1" };
-var ScalarListbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarListbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarListbox",
 	props: {

package/dist/components/ScalarListbox/ScalarListbox.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarListbox.vue.script.js","names":["$emit","$props"],"sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Listbox component\n \n A dropdown select component built on HeadlessUI Listbox.\n * Supports single and multiple selection modes.\n \n @example\n * <ScalarListbox v-model=\"selected\" :options=\"options\">\n * <ScalarButton>{{ selected?.label ?? 'Select' }}</ScalarButton>\n * </ScalarListbox>\n /\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n Listbox,\n ListboxButton,\n ListboxLabel,\n ListboxOptions,\n} from '@headlessui/vue'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport {\n ScalarFloating,\n ScalarFloatingBackdrop,\n type ScalarFloatingOptions,\n} from '../ScalarFloating'\nimport ScalarListboxOption from './ScalarListboxItem.vue'\nimport type { Option } from './types'\n\ntype SingleSelectListboxProps = {\n multiple?: false \| undefined\n modelValue?: Option \| undefined\n}\n\ntype MultipleSelectListboxProps = {\n multiple: true\n modelValue?: Option[] \| undefined\n}\n\ndefineProps<\n {\n options: Option[]\n id?: string\n label?: string\n } & (SingleSelectListboxProps \| MultipleSelectListboxProps) &\n ScalarFloatingOptions\n>()\n\ndefineEmits<{\n (e: 'update:modelValue', v: Option): void\n}>()\n\ndefineSlots<{\n /* The reference element for the listbox /\n default(props: {\n /* Whether or not the listbox is open */\n open: boolean\n }): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n <Listbox\n v-slot=\"{ open }\"\n :modelValue=\"modelValue\"\n :multiple=\"multiple\"\n @update:modelValue=\"(v) => $emit('update:modelValue', v)\">\n <ListboxLabel\n v-if=\"label\"\n class=\"sr-only\">\n {{ label }}\n </ListboxLabel>\n <ScalarFloating\n v-bind=\"$props\"\n :placement=\"placement ?? 'bottom-start'\">\n <ListboxButton\n :id=\"id\"\n as=\"template\">\n <slot :open=\"open\" />\n </ListboxButton>\n <template #floating=\"{ width }\">\n <!-- Background container -->\n <div\n v-if=\"open\"\n :style=\"{ width }\"\n v-bind=\"\n cx(\n 'relative flex max-h-[inherit] w-40 max-w-[inherit] rounded text-sm',\n )\n \">\n <!-- Scroll container -->\n <div class=\"custom-scroll min-h-0 flex-1\">\n <!-- Options list -->\n <ListboxOptions\n class=\"flex flex-col gap-0.75 p-0.75 -outline-offset-1\">\n <ScalarListboxOption\n v-for=\"option in options\"\n :key=\"option.id\"\n :multiselect=\"multiple\"\n :option=\"option\" />\n </ListboxOptions>\n </div>\n <ScalarFloatingBackdrop />\n </div>\n </template>\n </ScalarFloating>\n </Listbox>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEA,MAAM,EAAE,OAAO,~~WAAU~~;;uBAGvB,YA4CU,MAAA,~~QAAA~~,~~EAAA~~;IA1CP,YAAY,QAAA;IACZ,UAAU,QAAA;IACV,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAMA,KAAAA,MAAK,qBAAsB,~~EAAC~~;;sBAKxC,EARL,WAAI,CAKN,QAAA,SAAA,~~WAAA~~,~~EADR~~,YAIe,MAAA,~~aAAA~~,~~EAAA~~;;KAFb,OAAM;;4BACK,CAAA,gBAAA,gBAAR,QAAA,~~MAAK~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA;;wCAEV,YAiCiB,MAAA,~~uBAAA~~,~~EAjCjB~~,WACUC,KAgCO,QAhCD,EACb,WAAW,QAAA,aAAS,~~gBAAA~~,CAAA,~~EAAA~~;KAMV,UAAQ,SAuBX,EAvBe,YAAK,CAGlB,QAAA,~~WAAA~~,~~EADR~~,mBAqBM,OArBN,WAqBM;;MAnBH,OAAK,EAAI,~~OAAK~~;QACM,MAAA,~~GAAE~~,CAAA,~~qEAAA~~,CAAA,~~EAAA~~,CAMvB,mBAUM,OAVN,YAUM,CARJ,YAOiB,MAAA,~~eAAA~~,~~EAAA~~,EANf,OAAM,~~mDAAiD~~,~~EAAA~~;6BAE5B,EAAA,UAAA,~~KAAA~~,~~EAD3B~~,mBAIqB,UAAA,MAAA,WAHF,QAAA,UAAV,WAAM;2BADf,YAIqB,2BAAA;QAFlB,KAAK,OAAO;QACZ,aAAa,QAAA;QACL;;;;WAGf,YAA0B,MAAA~~,+BAAA~~,CAAA,CAAA,EAAA,~~GAAA~~,~~IAAA,~~mBAAA,IAAA,~~KAAA~~,CAAA,CAAA;4BAvBd,CAJhB,YAIgB,MAAA,~~cAAA~~,~~EAAA~~;MAHb,IAAI,QAAA;MACL,IAAG;;6BACkB,CAArB,WAAqB,KAAA,QAAA,WAAA,EAAR,~~MAAI~~,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"ScalarListbox.vue.script.js","names":["$emit","$props"],"sources":["../../../src/components/ScalarListbox/ScalarListbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Listbox component\n \n A dropdown select component built on HeadlessUI Listbox.\n * Supports single and multiple selection modes.\n \n @example\n * <ScalarListbox v-model=\"selected\" :options=\"options\">\n * <ScalarButton>{{ selected?.label ?? 'Select' }}</ScalarButton>\n * </ScalarListbox>\n /\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n Listbox,\n ListboxButton,\n ListboxLabel,\n ListboxOptions,\n} from '@headlessui/vue'\nimport { useBindCx } from '@scalar/use-hooks/useBindCx'\n\nimport {\n ScalarFloating,\n ScalarFloatingBackdrop,\n type ScalarFloatingOptions,\n} from '../ScalarFloating'\nimport ScalarListboxOption from './ScalarListboxItem.vue'\nimport type { Option } from './types'\n\ntype SingleSelectListboxProps = {\n multiple?: false \| undefined\n modelValue?: Option \| undefined\n}\n\ntype MultipleSelectListboxProps = {\n multiple: true\n modelValue?: Option[] \| undefined\n}\n\ndefineProps<\n {\n options: Option[]\n id?: string\n label?: string\n } & (SingleSelectListboxProps \| MultipleSelectListboxProps) &\n ScalarFloatingOptions\n>()\n\ndefineEmits<{\n (e: 'update:modelValue', v: Option): void\n}>()\n\ndefineSlots<{\n /* The reference element for the listbox /\n default(props: {\n /* Whether or not the listbox is open */\n open: boolean\n }): unknown\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n</script>\n<template>\n <Listbox\n v-slot=\"{ open }\"\n :modelValue=\"modelValue\"\n :multiple=\"multiple\"\n @update:modelValue=\"(v) => $emit('update:modelValue', v)\">\n <ListboxLabel\n v-if=\"label\"\n class=\"sr-only\">\n {{ label }}\n </ListboxLabel>\n <ScalarFloating\n v-bind=\"$props\"\n :placement=\"placement ?? 'bottom-start'\">\n <ListboxButton\n :id=\"id\"\n as=\"template\">\n <slot :open=\"open\" />\n </ListboxButton>\n <template #floating=\"{ width }\">\n <!-- Background container -->\n <div\n v-if=\"open\"\n :style=\"{ width }\"\n v-bind=\"\n cx(\n 'relative flex max-h-[inherit] w-40 max-w-[inherit] rounded text-sm',\n )\n \">\n <!-- Scroll container -->\n <div class=\"custom-scroll min-h-0 flex-1\">\n <!-- Options list -->\n <ListboxOptions\n class=\"flex flex-col gap-0.75 p-0.75 -outline-offset-1\">\n <ScalarListboxOption\n v-for=\"option in options\"\n :key=\"option.id\"\n :multiselect=\"multiple\"\n :option=\"option\" />\n </ListboxOptions>\n </div>\n <ScalarFloatingBackdrop />\n </div>\n </template>\n </ScalarFloating>\n </Listbox>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEA,MAAM,EAAE,OAAO,UAAU;;uBAGvB,YA4CU,MAAA,OAAA,GAAA;IA1CP,YAAY,QAAA;IACZ,UAAU,QAAA;IACV,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAMA,KAAAA,MAAK,qBAAsB,CAAC;;sBAKxC,EARL,WAAI,CAKN,QAAA,SAAA,UAAA,GADR,YAIe,MAAA,YAAA,GAAA;;KAFb,OAAM;;4BACK,CAAA,gBAAA,gBAAR,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;wCAEV,YAiCiB,MAAA,sBAAA,GAjCjB,WACUC,KAgCO,QAhCD,EACb,WAAW,QAAA,aAAS,eAAA,CAAA,GAAA;KAMV,UAAQ,SAuBX,EAvBe,YAAK,CAGlB,QAAA,UAAA,GADR,mBAqBM,OArBN,WAqBM;;MAnBH,OAAK,EAAI,MAAK;QACM,MAAA,EAAA,CAAE,CAAA,oEAAA,CAAA,GAAA,CAMvB,mBAUM,OAVN,YAUM,CARJ,YAOiB,MAAA,cAAA,GAAA,EANf,OAAM,kDAAiD,GAAA;6BAE5B,EAAA,UAAA,IAAA,GAD3B,mBAIqB,UAAA,MAAA,WAHF,QAAA,UAAV,WAAM;2BADf,YAIqB,2BAAA;QAFlB,KAAK,OAAO;QACZ,aAAa,QAAA;QACL;;;;WAGf,YAA0B,MAAA,8BAAA,CAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA;4BAvBd,CAJhB,YAIgB,MAAA,aAAA,GAAA;MAHb,IAAI,QAAA;MACL,IAAG;;6BACkB,CAArB,WAAqB,KAAA,QAAA,WAAA,EAAR,KAAI,CAAA,CAAA,CAAA"}

package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.script.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
 import { ScalarIconCheck } from "@scalar/icons";
-var ScalarListboxCheckbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarListboxCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ScalarListboxCheckbox",
 	props: {
 		selected: { type: Boolean },

package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarListboxCheckbox.vue.script.js","names":[],"sources":["../../../src/components/ScalarListbox/ScalarListboxCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Listbox Checkbox component\n \n A visual checkbox indicator used within listbox and combobox items\n * to show selection state. Renders as a circle for single-select\n * or a rounded square for multi-select.\n \n @example\n * <ScalarListboxCheckbox :selected=\"true\" :multiselect=\"false\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIconCheck } from '@scalar/icons'\n\ndefineProps<{\n selected?: boolean\n multiselect?: boolean\n}>()\n</script>\n<template>\n <div\n class=\"flex size-4 items-center justify-center p-0.75\"\n :class=\"[\n selected ? 'bg-c-accent text-b-1' : 'text-transparent shadow-border',\n multiselect ? 'rounded' : 'rounded-full',\n ]\">\n <ScalarIconCheck\n v-if=\"selected\"\n class=\"size-3\"\n weight=\"bold\" />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;uBAuBE,mBAUM,OAAA,EATJ,OAAK,eAAA,CAAC,kDAAgD,CACtC,QAAA,WAAQ,yBAAA,kCAAoE,QAAA,cAAW,YAAA,~~eAAA~~,CAAA,CAAA,EAAA,~~EAAA~~,CAK/F,QAAA,YAAA,~~WAAA~~,~~EADR~~,YAGkB,MAAA,~~gBAAA~~,~~EAAA~~;;IADhB,OAAM;IACN,QAAO"}
1	+ {"version":3,"file":"ScalarListboxCheckbox.vue.script.js","names":[],"sources":["../../../src/components/ScalarListbox/ScalarListboxCheckbox.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Listbox Checkbox component\n \n A visual checkbox indicator used within listbox and combobox items\n * to show selection state. Renders as a circle for single-select\n * or a rounded square for multi-select.\n \n @example\n * <ScalarListboxCheckbox :selected=\"true\" :multiselect=\"false\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIconCheck } from '@scalar/icons'\n\ndefineProps<{\n selected?: boolean\n multiselect?: boolean\n}>()\n</script>\n<template>\n <div\n class=\"flex size-4 items-center justify-center p-0.75\"\n :class=\"[\n selected ? 'bg-c-accent text-b-1' : 'text-transparent shadow-border',\n multiselect ? 'rounded' : 'rounded-full',\n ]\">\n <ScalarIconCheck\n v-if=\"selected\"\n class=\"size-3\"\n weight=\"bold\" />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;uBAuBE,mBAUM,OAAA,EATJ,OAAK,eAAA,CAAC,kDAAgD,CACtC,QAAA,WAAQ,yBAAA,kCAAoE,QAAA,cAAW,YAAA,cAAA,CAAA,CAAA,EAAA,GAAA,CAK/F,QAAA,YAAA,UAAA,GADR,YAGkB,MAAA,eAAA,GAAA;;IADhB,OAAM;IACN,QAAO"}

package/dist/components/ScalarListbox/ScalarListboxInput.vue.script.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { createBlock, createElementVNode, createVNode, defineComponent, normaliz
 import { ScalarIconCaretDown } from "@scalar/icons";
 //#region src/components/ScalarListbox/ScalarListboxInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex-1 text-left min-w-0 truncate" };
-var ScalarListboxInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarListboxInput_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ScalarListboxInput",
 	props: { open: { type: Boolean } },
 	setup(__props) {

package/dist/components/ScalarListbox/ScalarListboxInput.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarListboxInput.vue.script.js","names":[],"sources":["../../../src/components/ScalarListbox/ScalarListboxInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Listbox Input component\n \n Provides a standard button for opening a listbox.\n \n @example\n * <ScalarListbox v-model=\"selected\" :options v-slot=\"{ open }\">\n * <ScalarListboxInput :open>{{ selected.label }}</ScalarListboxInput>\n * </ScalarListbox>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n\nimport { ScalarFormInput } from '../ScalarForm'\n\ndefineProps<{ open?: boolean }>()\n</script>\n<template>\n <ScalarFormInput>\n <div class=\"flex-1 text-left min-w-0 truncate\"><slot /></div>\n <ScalarIconCaretDown\n class=\"transition-transform size-3.5\"\n :class=\"{ 'rotate-180': open }\" />\n </ScalarFormInput>\n</template>\n"],"mappings":";;;;;;;;;;uBAqBE,YAKkB,MAAA,~~wBAAA~~,~~EAAA~~,MAAA;2BAJ6C,CAA7D,mBAA6D,OAA7D,YAA6D,CAAd,WAAQ,KAAA,QAAA,~~UAAA~~,CAAA,CAAA,~~EACvD~~,YAEoC,MAAA,~~oBAAA~~,~~EAAA~~,EADlC,OAAK,eAAA,CAAC,iCAA+B,EAAA,cACb,QAAA,~~MAAI~~,CAAA,CAAA,EAAA,~~EAAA~~,MAAA,GAAA,CAAA,~~QAAA~~,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"ScalarListboxInput.vue.script.js","names":[],"sources":["../../../src/components/ScalarListbox/ScalarListboxInput.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Listbox Input component\n \n Provides a standard button for opening a listbox.\n \n @example\n * <ScalarListbox v-model=\"selected\" :options v-slot=\"{ open }\">\n * <ScalarListboxInput :open>{{ selected.label }}</ScalarListboxInput>\n * </ScalarListbox>\n */\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n\nimport { ScalarFormInput } from '../ScalarForm'\n\ndefineProps<{ open?: boolean }>()\n</script>\n<template>\n <ScalarFormInput>\n <div class=\"flex-1 text-left min-w-0 truncate\"><slot /></div>\n <ScalarIconCaretDown\n class=\"transition-transform size-3.5\"\n :class=\"{ 'rotate-180': open }\" />\n </ScalarFormInput>\n</template>\n"],"mappings":";;;;;;;;;;uBAqBE,YAKkB,MAAA,uBAAA,GAAA,MAAA;2BAJ6C,CAA7D,mBAA6D,OAA7D,YAA6D,CAAd,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,GACvD,YAEoC,MAAA,mBAAA,GAAA,EADlC,OAAK,eAAA,CAAC,iCAA+B,EAAA,cACb,QAAA,KAAI,CAAA,CAAA,EAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA"}

package/dist/components/ScalarListbox/ScalarListboxItem.vue.script.js CHANGED Viewed

@@ -2,7 +2,7 @@ import ScalarListboxCheckbox_default from "./ScalarListboxCheckbox.vue.js";
 import { cva, cx } from "@scalar/use-hooks/useBindCx";
 import { createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { ListboxOption } from "@headlessui/vue";
-var ScalarListboxItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarListboxItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ScalarListboxItem",
 	props: {
 		option: {},

package/dist/components/ScalarListbox/ScalarListboxItem.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarListboxItem.vue.script.js","names":[],"sources":["../../../src/components/ScalarListbox/ScalarListboxItem.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Listbox Item component\n \n A single option within a ScalarListbox dropdown.\n * Handles active, selected, and disabled states.\n \n @example\n * <ScalarListboxItem :option=\"{ id: '1', label: 'Option 1' }\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ListboxOption } from '@headlessui/vue'\nimport { cva, cx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarListboxCheckbox from './ScalarListboxCheckbox.vue'\nimport type { Option } from './types'\n\ndefineProps<{\n option: Option\n multiselect?: boolean\n}>()\n\nconst variants = cva({\n base: [\n // Layout\n 'group/item',\n 'flex min-w-0 items-center gap-1.5 rounded px-2 py-1.5 text-left',\n // Text / background style\n 'truncate bg-transparent text-c-1',\n // Interaction\n 'cursor-pointer hover:bg-b-2',\n ],\n variants: {\n selected: { true: 'text-c-1' },\n active: { true: 'bg-b-2' },\n disabled: { true: 'pointer-events-none opacity-50' },\n },\n})\n</script>\n<template>\n <ListboxOption\n v-slot=\"{ active, selected }\"\n as=\"template\"\n :disabled=\"option.disabled\"\n :value=\"option\">\n <li :class=\"cx(variants({ active, selected, disabled: option.disabled }))\">\n <ScalarListboxCheckbox\n :multiselect\n :selected />\n <span\n class=\"inline-block min-w-0 flex-1 truncate\"\n :class=\"option.color ? option.color : 'text-c-1'\">\n {{ option.label }}\n </span>\n </li>\n </ListboxOption>\n</template>\n"],"mappings":";;;;;;;;;;;EAyBA,MAAM,WAAW,IAAI;GACnB,MAAM;IAEJ;IACA;IAEA;IAEA;~~IACD~~;~~GACD~~,UAAU;IACR,UAAU,EAAE,MAAM,~~YAAY~~;~~IAC9B~~,QAAQ,EAAE,MAAM,~~UAAU~~;~~IAC1B~~,UAAU,EAAE,MAAM,~~kCAAkC~~;~~IACrD~~;~~GACF~~,~~CAAA~~;;uBAGC,YAegB,MAAA,~~cAAA~~,~~EAAA~~;IAbd,IAAG;IACF,UAAU,QAAA,OAAO;IACjB,OAAO,QAAA;;sBAUH,EAbK,QAAQ,eAAQ,CAI1B,mBASK,MAAA,EATA,OAAK,eAAE,MAAA,~~GAAE~~,CAAC,MAAA,~~SAAQ~~,CAAA;KAAG;KAAQ;KAAQ,UAAY,QAAA,OAAO;~~KAAQ~~,CAAA,CAAA,CAAA,EAAA,~~EAAA~~,CACnE,YAEc,+BAAA;KADX,aAAA,QAAA;KACA;8CACH,mBAIO,QAAA,EAHL,OAAK,eAAA,CAAC,wCACE,QAAA,OAAO,QAAQ,QAAA,OAAO,QAAK,~~WAAA~~,CAAA,EAAA,~~EAAA~~,gBAChC,QAAA,OAAO,~~MAAK~~,~~EAAA~~,~~EAAA~~,CAAA,~~EAAA~~,~~EAAA~~,CAAA,CAAA"}
1	+ {"version":3,"file":"ScalarListboxItem.vue.script.js","names":[],"sources":["../../../src/components/ScalarListbox/ScalarListboxItem.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Listbox Item component\n \n A single option within a ScalarListbox dropdown.\n * Handles active, selected, and disabled states.\n \n @example\n * <ScalarListboxItem :option=\"{ id: '1', label: 'Option 1' }\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ListboxOption } from '@headlessui/vue'\nimport { cva, cx } from '@scalar/use-hooks/useBindCx'\n\nimport ScalarListboxCheckbox from './ScalarListboxCheckbox.vue'\nimport type { Option } from './types'\n\ndefineProps<{\n option: Option\n multiselect?: boolean\n}>()\n\nconst variants = cva({\n base: [\n // Layout\n 'group/item',\n 'flex min-w-0 items-center gap-1.5 rounded px-2 py-1.5 text-left',\n // Text / background style\n 'truncate bg-transparent text-c-1',\n // Interaction\n 'cursor-pointer hover:bg-b-2',\n ],\n variants: {\n selected: { true: 'text-c-1' },\n active: { true: 'bg-b-2' },\n disabled: { true: 'pointer-events-none opacity-50' },\n },\n})\n</script>\n<template>\n <ListboxOption\n v-slot=\"{ active, selected }\"\n as=\"template\"\n :disabled=\"option.disabled\"\n :value=\"option\">\n <li :class=\"cx(variants({ active, selected, disabled: option.disabled }))\">\n <ScalarListboxCheckbox\n :multiselect\n :selected />\n <span\n class=\"inline-block min-w-0 flex-1 truncate\"\n :class=\"option.color ? option.color : 'text-c-1'\">\n {{ option.label }}\n </span>\n </li>\n </ListboxOption>\n</template>\n"],"mappings":";;;;;;;;;;;EAyBA,MAAM,WAAW,IAAI;GACnB,MAAM;IAEJ;IACA;IAEA;IAEA;GACF;GACA,UAAU;IACR,UAAU,EAAE,MAAM,WAAW;IAC7B,QAAQ,EAAE,MAAM,SAAS;IACzB,UAAU,EAAE,MAAM,iCAAiC;GACrD;EACF,CAAC;;uBAGC,YAegB,MAAA,aAAA,GAAA;IAbd,IAAG;IACF,UAAU,QAAA,OAAO;IACjB,OAAO,QAAA;;sBAUH,EAbK,QAAQ,eAAQ,CAI1B,mBASK,MAAA,EATA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,MAAA,QAAA,CAAQ,CAAA;KAAG;KAAQ;KAAQ,UAAY,QAAA,OAAO;IAAQ,CAAA,CAAA,CAAA,EAAA,GAAA,CACnE,YAEc,+BAAA;KADX,aAAA,QAAA;KACA;8CACH,mBAIO,QAAA,EAHL,OAAK,eAAA,CAAC,wCACE,QAAA,OAAO,QAAQ,QAAA,OAAO,QAAK,UAAA,CAAA,EAAA,GAAA,gBAChC,QAAA,OAAO,KAAK,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

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

@@ -2,7 +2,7 @@ import ScalarLoading_vue_vue_type_script_setup_true_lang_default from "./ScalarL
 /* empty css                            */
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
 //#region src/components/ScalarLoading/ScalarLoading.vue
-var ScalarLoading_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ScalarLoading_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-27df5cd8"]]);
+var ScalarLoading_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ScalarLoading_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-27df5cd8"]]);
 //#endregion
 export { ScalarLoading_default as default };

package/dist/components/ScalarLoading/ScalarLoading.vue.script.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { cva, useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, defineComponent, mergeProps, normalizeClass, normalizeProps, openBlock, unref } from "vue";
 //#region src/components/ScalarLoading/ScalarLoading.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "circular-loader" };
-var ScalarLoading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarLoading_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarLoading",
 	props: {

package/dist/components/ScalarLoading/ScalarLoading.vue.script.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarLoading.vue.script.js","names":[],"sources":["../../../src/components/ScalarLoading/ScalarLoading.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Loading Component\n \n Displays a loading state for the application\n \n @example\n * import { ScalarLoading, useLoadingState } from '@scalar/components'\n \n const loader = useLoadingState()\n * loader.start()\n * ...\n * <ScalarLoading :loader=\"loader\" />\n /\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { VariantProps } from 'cva'\n\nimport type { LoadingState } from './types'\n\ntype Variants = VariantProps<typeof variants>\n\ndefineProps<{\n loader?: LoadingState\n size?: Variants['size']\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\nconst variants = cva({\n variants: {\n size: {\n 'xs': 'size-3',\n 'sm': 'size-3.5',\n 'md': 'size-4',\n 'lg': 'size-5',\n 'xl': 'size-6',\n '2xl': 'size-8',\n '3xl': 'size-10',\n 'full': 'size-full',\n },\n },\n defaultVariants: {\n size: 'full',\n },\n})\n</script>\n<template>\n <div\n v-if=\"loader\"\n v-bind=\"cx('loader-wrapper', variants({ size }))\">\n <svg\n class=\"svg-loader\"\n :class=\"{\n 'icon-is-valid': loader.isValid,\n 'icon-is-invalid': loader.isInvalid,\n }\"\n viewBox=\"0 0 100 100\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <path\n class=\"svg-path svg-check-mark\"\n d=\"m 0 60 l 30 30 l 70 -80\" />\n <path\n class=\"svg-path svg-x-mark\"\n d=\"m 50 50 l 40 -40\" />\n <path\n class=\"svg-path svg-x-mark\"\n d=\"m 50 50 l 40 40\" />\n <path\n class=\"svg-path svg-x-mark\"\n d=\"m 50 50 l -40 -40\" />\n <path\n class=\"svg-path svg-x-mark\"\n d=\"m 50 50 l -40 40\" />\n <g class=\"circular-loader\">\n <circle\n class=\"loader-path\"\n :class=\"{\n 'loader-path-off': !loader.isLoading,\n }\"\n cx=\"50\"\n cy=\"50\"\n fill=\"none\"\n r=\"20\"\n stroke-width=\"3\" />\n </g>\n </svg>\n </div>\n</template>\n<style scoped>\n.loader-wrapper {\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n --loader-size: 50%;\n}\n\n/SVG Positioning for Loader Objects*/\n.svg-loader {\n width: var(--loader-size);\n height: var(--loader-size);\n top: 1rem;\n right: 0.9rem;\n overflow: visible;\n\n fill: none;\n background-color: transparent;\n stroke: currentColor;\n}\n\n.svg-path {\n stroke-width: 12;\n fill: none;\n transition: 0.3s;\n}\n\n.svg-x-mark {\n stroke-dasharray: 57;\n stroke-dashoffset: 57;\n transition-delay: 0s;\n}\n\n.svg-check-mark {\n stroke-dasharray: 149;\n stroke-dashoffset: 149;\n transition-delay: 0s;\n}\n\n.icon-is-invalid .svg-x-mark {\n stroke-dashoffset: 0;\n transition-delay: 0.3s;\n}\n\n.icon-is-valid .svg-check-mark {\n stroke-dashoffset: 0;\n transition-delay: 0.3s;\n}\n\n.circular-loader {\n animation:\n rotate 0.7s linear infinite,\n fade-in 0.4s;\n\n transform-origin: center center;\n transform: scale(3.5);\n\n background: transparent;\n}\n\n.loader-path {\n stroke-dasharray: 50, 200;\n stroke-dashoffset: -100;\n stroke-linecap: round;\n}\n\n.loader-path-off {\n stroke-dasharray: 50, 200;\n stroke-dashoffset: -100;\n transition: opacity 0.3s;\n opacity: 0;\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 70% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes rotate {\n from {\n transform: scale(3.5) rotate(0deg);\n }\n to {\n transform: scale(3.5) rotate(360deg);\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;EA8BA,MAAM,EAAE,OAAO,~~WAAU~~;EAEzB,MAAM,WAAW,IAAI;GACnB,UAAU,EACR,MAAM;IACJ,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,QAAQ;~~IACT~~,EACF;~~GACD~~,iBAAiB,EACf,MAAM,~~QACP~~;~~GACF~~,~~CAAA~~;;UAIS,QAAA,UAAA,~~WAAA~~,~~EADR~~,mBAwCM,OAAA,eAAA,WAAA,EAAA,KAAA,~~GAAA~~,~~EAtCI~~,MAAA,~~GAAE~~,CAAA,kBAAmB,MAAA,~~SAAQ~~,CAAA,EAAA,MAAG,QAAA,~~MAAI~~,CAAA,CAAA,CAAA,CAAA,~~EAAA~~,EAAA,~~WAAA~~,~~EAC5C~~,mBAoCM,OAAA;IAnCJ,OAAK,eAAA,CAAC,cAAY;sBACiB,QAAA,OAAO;wBAAoC,QAAA,OAAO;;IAIrF,SAAQ;IACR,OAAM;IACN,eAAY;ieAgBZ,mBAWI,KAXJ,YAWI,CAVF,mBASqB,UAAA;IARnB,OAAK,eAAA,CAAC,eAAa,EAAA,mBAAA,CACuB,QAAA,OAAO,~~WAAA~~,CAAA,CAAA;IAGjD,IAAG;IACH,IAAG;IACH,MAAK;IACL,GAAE;IACF,gBAAa"}
1	+ {"version":3,"file":"ScalarLoading.vue.script.js","names":[],"sources":["../../../src/components/ScalarLoading/ScalarLoading.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Loading Component\n \n Displays a loading state for the application\n \n @example\n * import { ScalarLoading, useLoadingState } from '@scalar/components'\n \n const loader = useLoadingState()\n * loader.start()\n * ...\n * <ScalarLoading :loader=\"loader\" />\n /\nexport default {}\n</script>\n<script setup lang=\"ts\">\nimport { cva, useBindCx } from '@scalar/use-hooks/useBindCx'\nimport type { VariantProps } from 'cva'\n\nimport type { LoadingState } from './types'\n\ntype Variants = VariantProps<typeof variants>\n\ndefineProps<{\n loader?: LoadingState\n size?: Variants['size']\n}>()\n\ndefineOptions({ inheritAttrs: false })\nconst { cx } = useBindCx()\n\nconst variants = cva({\n variants: {\n size: {\n 'xs': 'size-3',\n 'sm': 'size-3.5',\n 'md': 'size-4',\n 'lg': 'size-5',\n 'xl': 'size-6',\n '2xl': 'size-8',\n '3xl': 'size-10',\n 'full': 'size-full',\n },\n },\n defaultVariants: {\n size: 'full',\n },\n})\n</script>\n<template>\n <div\n v-if=\"loader\"\n v-bind=\"cx('loader-wrapper', variants({ size }))\">\n <svg\n class=\"svg-loader\"\n :class=\"{\n 'icon-is-valid': loader.isValid,\n 'icon-is-invalid': loader.isInvalid,\n }\"\n viewBox=\"0 0 100 100\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <path\n class=\"svg-path svg-check-mark\"\n d=\"m 0 60 l 30 30 l 70 -80\" />\n <path\n class=\"svg-path svg-x-mark\"\n d=\"m 50 50 l 40 -40\" />\n <path\n class=\"svg-path svg-x-mark\"\n d=\"m 50 50 l 40 40\" />\n <path\n class=\"svg-path svg-x-mark\"\n d=\"m 50 50 l -40 -40\" />\n <path\n class=\"svg-path svg-x-mark\"\n d=\"m 50 50 l -40 40\" />\n <g class=\"circular-loader\">\n <circle\n class=\"loader-path\"\n :class=\"{\n 'loader-path-off': !loader.isLoading,\n }\"\n cx=\"50\"\n cy=\"50\"\n fill=\"none\"\n r=\"20\"\n stroke-width=\"3\" />\n </g>\n </svg>\n </div>\n</template>\n<style scoped>\n.loader-wrapper {\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n --loader-size: 50%;\n}\n\n/SVG Positioning for Loader Objects*/\n.svg-loader {\n width: var(--loader-size);\n height: var(--loader-size);\n top: 1rem;\n right: 0.9rem;\n overflow: visible;\n\n fill: none;\n background-color: transparent;\n stroke: currentColor;\n}\n\n.svg-path {\n stroke-width: 12;\n fill: none;\n transition: 0.3s;\n}\n\n.svg-x-mark {\n stroke-dasharray: 57;\n stroke-dashoffset: 57;\n transition-delay: 0s;\n}\n\n.svg-check-mark {\n stroke-dasharray: 149;\n stroke-dashoffset: 149;\n transition-delay: 0s;\n}\n\n.icon-is-invalid .svg-x-mark {\n stroke-dashoffset: 0;\n transition-delay: 0.3s;\n}\n\n.icon-is-valid .svg-check-mark {\n stroke-dashoffset: 0;\n transition-delay: 0.3s;\n}\n\n.circular-loader {\n animation:\n rotate 0.7s linear infinite,\n fade-in 0.4s;\n\n transform-origin: center center;\n transform: scale(3.5);\n\n background: transparent;\n}\n\n.loader-path {\n stroke-dasharray: 50, 200;\n stroke-dashoffset: -100;\n stroke-linecap: round;\n}\n\n.loader-path-off {\n stroke-dasharray: 50, 200;\n stroke-dashoffset: -100;\n transition: opacity 0.3s;\n opacity: 0;\n}\n\n@keyframes fade-in {\n 0% {\n opacity: 0;\n }\n 70% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes rotate {\n from {\n transform: scale(3.5) rotate(0deg);\n }\n to {\n transform: scale(3.5) rotate(360deg);\n }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;EA8BA,MAAM,EAAE,OAAO,UAAU;EAEzB,MAAM,WAAW,IAAI;GACnB,UAAU,EACR,MAAM;IACJ,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,QAAQ;GACV,EACF;GACA,iBAAiB,EACf,MAAM,OACR;EACF,CAAC;;UAIS,QAAA,UAAA,UAAA,GADR,mBAwCM,OAAA,eAAA,WAAA,EAAA,KAAA,EAAA,GAtCI,MAAA,EAAA,CAAE,CAAA,kBAAmB,MAAA,QAAA,CAAQ,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,UAAA,GAC5C,mBAoCM,OAAA;IAnCJ,OAAK,eAAA,CAAC,cAAY;sBACiB,QAAA,OAAO;wBAAoC,QAAA,OAAO;;IAIrF,SAAQ;IACR,OAAM;IACN,eAAY;ieAgBZ,mBAWI,KAXJ,YAWI,CAVF,mBASqB,UAAA;IARnB,OAAK,eAAA,CAAC,eAAa,EAAA,mBAAA,CACuB,QAAA,OAAO,UAAA,CAAA,CAAA;IAGjD,IAAG;IACH,IAAG;IACH,MAAK;IACL,GAAE;IACF,gBAAa"}

package/dist/components/ScalarLoading/useLoadingState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLoadingState.js","names":[],"sources":["../../../src/components/ScalarLoading/useLoadingState.ts"],"sourcesContent":["import { reactive } from 'vue'\n\nimport type { LoadingState } from './types'\n\n/*\n Creates a reactive loading state for the ScalarLoading component\n \n @returns The loading state\n */\nexport function useLoadingState() {\n return reactive<LoadingState>({\n isValid: false,\n isInvalid: false,\n isLoading: false,\n isActive: false,\n start() {\n this.isLoading = true\n this.isActive = true\n this.isInvalid = false\n this.isValid = false\n },\n validate(opts = {}) {\n const { duration = 1100, persist = false } = opts\n this.isLoading = false\n this.isInvalid = false\n this.isValid = true\n this.isActive = true\n const diff = persist ? duration : duration - 300\n // Allow chaining after animation\n return new Promise((res) =>\n persist ? setTimeout(() => res(), diff) : setTimeout(() => this.clear().then(() => res()), diff),\n )\n },\n invalidate(opts = {}) {\n const { duration = 1100, persist = false } = opts ?? {}\n this.isLoading = false\n this.isValid = false\n this.isInvalid = true\n this.isActive = true\n const diff = persist ? duration : duration - 300\n // Allow chaining after animation\n return new Promise((res) =>\n persist ? setTimeout(() => res(), diff) : setTimeout(() => this.clear().then(() => res()), diff),\n )\n },\n clear(opts = {}) {\n const { duration = 300 } = opts\n this.isValid = false\n this.isInvalid = false\n this.isLoading = false\n // Allow chaining after animation\n return new Promise((res) => {\n setTimeout(() => {\n this.isActive = false\n res()\n }, duration)\n })\n },\n })\n}\n"],"mappings":";;;;;;;AASA,SAAgB,kBAAkB;~~AAChC~~,~~QAAO~~,SAAuB;EAC5B,SAAS;EACT,WAAW;EACX,WAAW;EACX,UAAU;EACV,QAAQ;~~AACN~~,~~QAAK~~,YAAY;~~AACjB~~,~~QAAK~~,WAAW;~~AAChB~~,~~QAAK~~,YAAY;~~AACjB~~,~~QAAK~~,UAAU~~;;EAEjB~~,SAAS,OAAO,~~EAAE~~,~~EAAE~~;GAClB,MAAM,EAAE,WAAW,MAAM,UAAU,UAAU;~~AAC7C~~,~~QAAK~~,YAAY;~~AACjB~~,~~QAAK~~,YAAY;~~AACjB~~,~~QAAK~~,UAAU;~~AACf~~,~~QAAK~~,WAAW;GAChB,MAAM,OAAO,UAAU,WAAW,WAAW;~~AAE7C~~,~~UAAO~~,IAAI,SAAS,QAClB,UAAU,iBAAiB,~~KAAK~~,~~EAAE~~,~~KAAK~~,~~GAAG~~,iBAAiB,KAAK,~~OAAO~~,CAAC,WAAW,~~KAAK~~,CAAC,~~EAAE~~,~~KAAK~~,CACjG~~;;EAEH~~,WAAW,OAAO,~~EAAE~~,~~EAAE~~;GACpB,MAAM,EAAE,WAAW,MAAM,UAAU,UAAU,QAAQ,~~EAAE~~;~~AACvD~~,~~QAAK~~,YAAY;~~AACjB~~,~~QAAK~~,UAAU;~~AACf~~,~~QAAK~~,YAAY;~~AACjB~~,~~QAAK~~,WAAW;GAChB,MAAM,OAAO,UAAU,WAAW,WAAW;~~AAE7C~~,~~UAAO~~,IAAI,SAAS,QAClB,UAAU,iBAAiB,~~KAAK~~,~~EAAE~~,~~KAAK~~,~~GAAG~~,iBAAiB,KAAK,~~OAAO~~,CAAC,WAAW,~~KAAK~~,CAAC,~~EAAE~~,~~KAAK~~,CACjG~~;;EAEH~~,MAAM,OAAO,~~EAAE~~,~~EAAE~~;GACf,MAAM,EAAE,WAAW,QAAQ;~~AAC3B~~,~~QAAK~~,UAAU;~~AACf~~,~~QAAK~~,YAAY;~~AACjB~~,~~QAAK~~,YAAY;~~AAEjB~~,~~UAAO~~,IAAI,SAAS,QAAQ;~~AAC1B~~,~~qBAAiB~~;~~AACf~~,~~UAAK~~,WAAW;~~AAChB~~,~~UAAK~~;~~OACJ~~,~~SAAS~~;~~KACZ;;EAEL~~,CAAC"}
1	+ {"version":3,"file":"useLoadingState.js","names":[],"sources":["../../../src/components/ScalarLoading/useLoadingState.ts"],"sourcesContent":["import { reactive } from 'vue'\n\nimport type { LoadingState } from './types'\n\n/*\n Creates a reactive loading state for the ScalarLoading component\n \n @returns The loading state\n */\nexport function useLoadingState() {\n return reactive<LoadingState>({\n isValid: false,\n isInvalid: false,\n isLoading: false,\n isActive: false,\n start() {\n this.isLoading = true\n this.isActive = true\n this.isInvalid = false\n this.isValid = false\n },\n validate(opts = {}) {\n const { duration = 1100, persist = false } = opts\n this.isLoading = false\n this.isInvalid = false\n this.isValid = true\n this.isActive = true\n const diff = persist ? duration : duration - 300\n // Allow chaining after animation\n return new Promise((res) =>\n persist ? setTimeout(() => res(), diff) : setTimeout(() => this.clear().then(() => res()), diff),\n )\n },\n invalidate(opts = {}) {\n const { duration = 1100, persist = false } = opts ?? {}\n this.isLoading = false\n this.isValid = false\n this.isInvalid = true\n this.isActive = true\n const diff = persist ? duration : duration - 300\n // Allow chaining after animation\n return new Promise((res) =>\n persist ? setTimeout(() => res(), diff) : setTimeout(() => this.clear().then(() => res()), diff),\n )\n },\n clear(opts = {}) {\n const { duration = 300 } = opts\n this.isValid = false\n this.isInvalid = false\n this.isLoading = false\n // Allow chaining after animation\n return new Promise((res) => {\n setTimeout(() => {\n this.isActive = false\n res()\n }, duration)\n })\n },\n })\n}\n"],"mappings":";;;;;;;AASA,SAAgB,kBAAkB;CAChC,OAAO,SAAuB;EAC5B,SAAS;EACT,WAAW;EACX,WAAW;EACX,UAAU;EACV,QAAQ;GACN,KAAK,YAAY;GACjB,KAAK,WAAW;GAChB,KAAK,YAAY;GACjB,KAAK,UAAU;EACjB;EACA,SAAS,OAAO,CAAC,GAAG;GAClB,MAAM,EAAE,WAAW,MAAM,UAAU,UAAU;GAC7C,KAAK,YAAY;GACjB,KAAK,YAAY;GACjB,KAAK,UAAU;GACf,KAAK,WAAW;GAChB,MAAM,OAAO,UAAU,WAAW,WAAW;GAE7C,OAAO,IAAI,SAAS,QAClB,UAAU,iBAAiB,IAAI,GAAG,IAAI,IAAI,iBAAiB,KAAK,MAAM,CAAC,CAAC,WAAW,IAAI,CAAC,GAAG,IAAI,CACjG;EACF;EACA,WAAW,OAAO,CAAC,GAAG;GACpB,MAAM,EAAE,WAAW,MAAM,UAAU,UAAU,QAAQ,CAAC;GACtD,KAAK,YAAY;GACjB,KAAK,UAAU;GACf,KAAK,YAAY;GACjB,KAAK,WAAW;GAChB,MAAM,OAAO,UAAU,WAAW,WAAW;GAE7C,OAAO,IAAI,SAAS,QAClB,UAAU,iBAAiB,IAAI,GAAG,IAAI,IAAI,iBAAiB,KAAK,MAAM,CAAC,CAAC,WAAW,IAAI,CAAC,GAAG,IAAI,CACjG;EACF;EACA,MAAM,OAAO,CAAC,GAAG;GACf,MAAM,EAAE,WAAW,QAAQ;GAC3B,KAAK,UAAU;GACf,KAAK,YAAY;GACjB,KAAK,YAAY;GAEjB,OAAO,IAAI,SAAS,QAAQ;IAC1B,iBAAiB;KACf,KAAK,WAAW;KAChB,IAAI;IACN,GAAG,QAAQ;GACb,CAAC;EACH;CACF,CAAC;AACH"}

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

@@ -3,7 +3,7 @@ import { computed, createElementBlock, defineComponent, mergeProps, openBlock, u
 import { htmlFromMarkdown, isHeading, textFromNode } from "@scalar/code-highlight";
 //#region src/components/ScalarMarkdown/ScalarMarkdown.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["innerHTML"];
-var ScalarMarkdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMarkdown_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarMarkdown",
 	props: {

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

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

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

@@ -4,10 +4,10 @@ import { createCommentVNode, createElementBlock, createPropsRestProxy, createTex
 import { useResizeObserver } from "@vueuse/core";
 //#region src/components/ScalarMarkdown/ScalarMarkdownSummary.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-controls", "aria-expanded"];
-var ScalarMarkdownSummary_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMarkdownSummary_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarMarkdownSummary",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		value: {},
 		withImages: { type: Boolean },
 		withAnchors: { type: Boolean },

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

	@@ -1 +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, 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~~"}
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, 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,OAAA,CAAA;EAEhC,MAAM,KAAK,MAAM;;EAGjB,MAAM,OAAO,SAAoB,SAAA,YAAmB;;EAGpD,MAAM,YAAY,SAAoB,SAAC,WAA+B;EAEtE,MAAM,WAAW,eAAe,iBAAiB;EAEjD,wBAAwB,SAAS,OAAO,IAAI,eAAe;;EAG3D,SAAS,kBAAkB;GACzB,MAAM,KAAK,SAAS,OAAO;GAC3B,IAAI,CAAC,IACH;GAEF,UAAU,QACR,GAAG,eAAe,GAAG,gBAAgB,GAAG,cAAc,GAAG;EAC7D;EAEA,UAAU,eAAe;EAEzB,MAAM,EAAE,OAAO,UAAU;;uBAIvB,mBA2BM,OAAA,eAAA,mBA1BW,MAAA,EAAA,CAAE,CAAA,8BAAgD,KAAA,QAAI,aAAA,yBAAA,CAAA,CAAA,GAAA,CAMrE,YAKoD,wBALpD,WACU,OAAK;IACZ,IAAI,MAAA,EAAA;IACL,KAAI;IACH,OAAO,KAAA,QAAO,KAAA,IAAY,QAAA;IAC1B,OAAK,EAAA,6BAAA,CAAkC,KAAA,MAAI;;;;;QAErC,QAAA,eAAe,UAAA,SAAa,KAAA,UAAA,UAAA,GADrC,mBAaS,UAAA;;IAXN,iBAAe,MAAA,EAAA;IACf,iBAAe,KAAA;IAChB,OAAK,eAAA,CAAC,iDAA+C,EAAA,YAC/B,KAAA,MAAI,CAAA,CAAA;IAC1B,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAA,QAAI,CAAI,KAAA;OAChB,WAIO,KAAA,QAAA,UAAA,EAFJ,MAAM,KAAA,MAAI,SAEN,CAAA,gBAAA,gBADF,KAAA,QAAI,eAAA,MAAA,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,EAAA"}

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

@@ -4,7 +4,7 @@ import ScalarMenuProducts_default from "./ScalarMenuProducts.vue.js";
 import ScalarMenuResources_default from "./ScalarMenuResources.vue.js";
 import { createBlock, createSlots, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, unref, withCtx } from "vue";
 import { DropdownMenu } from "radix-vue/namespaced";
-var ScalarMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarMenu",
 	setup(__props) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarMenu.vue.script.js","names":["$slots","$attrs"],"sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu component\n \n A dropdown menu triggered by a logo button, containing product links,\n * team/workspace pickers, and resource sections.\n \n @example\n * <ScalarMenu>\n * <template #products=\"{ close }\">Custom products</template>\n * </ScalarMenu>\n /\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { ref } from 'vue'\n\nimport { ScalarDropdownMenu } from '../ScalarDropdown'\nimport ScalarMenuButton from './ScalarMenuButton.vue'\nimport ScalarMenuProducts from './ScalarMenuProducts.vue'\nimport ScalarMenuResources from './ScalarMenuResources.vue'\nimport type {\n ScalarMenuButtonProps,\n ScalarMenuButtonSlots,\n ScalarMenuSlotProps,\n} from './types'\n\ndefineSlots<\n {\n /* Overrides the entire menu button /\n button?(p: ScalarMenuButtonProps): unknown\n /* Overrides the products list /\n products?(p: ScalarMenuSlotProps): unknown\n /* Adds items the profile section (e.g. a team picker) /\n profile?(p: ScalarMenuSlotProps): unknown\n /* Overrides the resources section /\n sections?(p: ScalarMenuSlotProps): unknown\n } & ScalarMenuButtonSlots\n>()\n\ndefineOptions({ inheritAttrs: false })\n\n/* Whether the menu is open /\nconst open = ref(false)\n\n/* Close the menu */\nfunction close() {\n open.value = false\n}\n</script>\n<template>\n <DropdownMenu.Root v-model:open=\"open\">\n <DropdownMenu.Trigger asChild>\n <!-- Logo Button to open the popover -->\n <slot\n name=\"button\"\n :open=\"open\">\n <ScalarMenuButton\n class=\"min-w-0\"\n :open=\"open\">\n <template\n v-if=\"$slots.logo\"\n #logo>\n <slot name=\"logo\" />\n </template>\n <template\n v-if=\"$slots.title\"\n #title>\n <slot name=\"title\" />\n </template>\n <template\n v-if=\"$slots.label\"\n #label>\n <slot name=\"label\" />\n </template>\n </ScalarMenuButton>\n </slot>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content\n align=\"start\"\n :as=\"ScalarDropdownMenu\"\n class=\"max-h-radix-popper z-context\"\n :sideOffset=\"5\"\n v-bind=\"$attrs\">\n <!-- Menu content -->\n <!-- Base Product List (can be overridden by slot) -->\n <slot\n :close=\"close\"\n name=\"products\">\n <ScalarMenuProducts />\n </slot>\n <slot\n :close=\"close\"\n name=\"profile\" />\n <slot\n :close=\"close\"\n name=\"sections\">\n <ScalarMenuResources />\n </slot>\n </DropdownMenu.Content>\n </DropdownMenu.Root>\n</template>\n"],"mappings":";;;;;;;;;;;EA6CA,MAAM,OAAO,IAAI,~~MAAK~~;;EAGtB,SAAS,QAAQ;~~AACf~~,~~QAAK~~,QAAQ~~;;;uBAIb~~,YAiDoB,MAAA,~~aAAA~~,CAAA,MAAA;IAjDO,MAAM,KAAA;gEAAI,QAAA;;2BA0BZ,CAzBvB,YAyBuB,MAAA,~~aAAA~~,CAAA,SAAA,EAzBD,SAAA,~~IAAO~~,~~EAAA~~;4BAwBpB,CAtBP,WAsBO,KAAA,QAAA,UAAA,EApBJ,MAAM,KAAA,~~OAAI~~,~~QAoBN~~,CAnBL,YAkBmB,0BAAA;MAjBjB,OAAM;MACL,MAAM,KAAA;;MAECA,KAAAA,OAAO,OAAA;aACZ;yBACmB,CAApB,WAAoB,KAAA,QAAA,~~OAAA~~,CAAA,CAAA;;;MAGdA,KAAAA,OAAO,QAAA;aACZ;yBACoB,CAArB,WAAqB,KAAA,QAAA,~~QAAA~~,CAAA,CAAA;;;MAGfA,KAAAA,OAAO,QAAA;aACZ;yBACoB,CAArB,WAAqB,KAAA,QAAA,~~QAAA~~,CAAA,CAAA;;;;;QAK7B,YAqBuB,MAAA,~~aAAA~~,CAAA,SArBvB,WAqBuB;KApBrB,OAAM;KACL,IAAI,MAAA,~~2BAAkB~~;~~KACvB~~,OAAM;KACL,YAAY;OACLC,KAAAA,~~OAAM~~,~~EAAA~~;4BAOP;MAJP,WAIO,KAAA,QAAA,YAAA,EAHG,~~OAAK~~,~~QAGR~~,CADL,YAAsB,~~2BAAA~~,CAAA,CAAA;MAExB,WAEmB,KAAA,QAAA,WAAA,EADT,~~OAAK~~,CAAA;MAEf,WAIO,KAAA,QAAA,YAAA,EAHG,~~OAAK~~,~~QAGR~~,CADL,YAAuB,~~4BAAA~~,CAAA,CAAA"}
1	+ {"version":3,"file":"ScalarMenu.vue.script.js","names":["$slots","$attrs"],"sources":["../../../src/components/ScalarMenu/ScalarMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu component\n \n A dropdown menu triggered by a logo button, containing product links,\n * team/workspace pickers, and resource sections.\n \n @example\n * <ScalarMenu>\n * <template #products=\"{ close }\">Custom products</template>\n * </ScalarMenu>\n /\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { DropdownMenu } from 'radix-vue/namespaced'\nimport { ref } from 'vue'\n\nimport { ScalarDropdownMenu } from '../ScalarDropdown'\nimport ScalarMenuButton from './ScalarMenuButton.vue'\nimport ScalarMenuProducts from './ScalarMenuProducts.vue'\nimport ScalarMenuResources from './ScalarMenuResources.vue'\nimport type {\n ScalarMenuButtonProps,\n ScalarMenuButtonSlots,\n ScalarMenuSlotProps,\n} from './types'\n\ndefineSlots<\n {\n /* Overrides the entire menu button /\n button?(p: ScalarMenuButtonProps): unknown\n /* Overrides the products list /\n products?(p: ScalarMenuSlotProps): unknown\n /* Adds items the profile section (e.g. a team picker) /\n profile?(p: ScalarMenuSlotProps): unknown\n /* Overrides the resources section /\n sections?(p: ScalarMenuSlotProps): unknown\n } & ScalarMenuButtonSlots\n>()\n\ndefineOptions({ inheritAttrs: false })\n\n/* Whether the menu is open /\nconst open = ref(false)\n\n/* Close the menu */\nfunction close() {\n open.value = false\n}\n</script>\n<template>\n <DropdownMenu.Root v-model:open=\"open\">\n <DropdownMenu.Trigger asChild>\n <!-- Logo Button to open the popover -->\n <slot\n name=\"button\"\n :open=\"open\">\n <ScalarMenuButton\n class=\"min-w-0\"\n :open=\"open\">\n <template\n v-if=\"$slots.logo\"\n #logo>\n <slot name=\"logo\" />\n </template>\n <template\n v-if=\"$slots.title\"\n #title>\n <slot name=\"title\" />\n </template>\n <template\n v-if=\"$slots.label\"\n #label>\n <slot name=\"label\" />\n </template>\n </ScalarMenuButton>\n </slot>\n </DropdownMenu.Trigger>\n <DropdownMenu.Content\n align=\"start\"\n :as=\"ScalarDropdownMenu\"\n class=\"max-h-radix-popper z-context\"\n :sideOffset=\"5\"\n v-bind=\"$attrs\">\n <!-- Menu content -->\n <!-- Base Product List (can be overridden by slot) -->\n <slot\n :close=\"close\"\n name=\"products\">\n <ScalarMenuProducts />\n </slot>\n <slot\n :close=\"close\"\n name=\"profile\" />\n <slot\n :close=\"close\"\n name=\"sections\">\n <ScalarMenuResources />\n </slot>\n </DropdownMenu.Content>\n </DropdownMenu.Root>\n</template>\n"],"mappings":";;;;;;;;;;;EA6CA,MAAM,OAAO,IAAI,KAAK;;EAGtB,SAAS,QAAQ;GACf,KAAK,QAAQ;EACf;;uBAGE,YAiDoB,MAAA,YAAA,CAAA,CAAA,MAAA;IAjDO,MAAM,KAAA;gEAAI,QAAA;;2BA0BZ,CAzBvB,YAyBuB,MAAA,YAAA,CAAA,CAAA,SAAA,EAzBD,SAAA,GAAO,GAAA;4BAwBpB,CAtBP,WAsBO,KAAA,QAAA,UAAA,EApBJ,MAAM,KAAA,MAAI,SAoBN,CAnBL,YAkBmB,0BAAA;MAjBjB,OAAM;MACL,MAAM,KAAA;;MAECA,KAAAA,OAAO,OAAA;aACZ;yBACmB,CAApB,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA;;;MAGdA,KAAAA,OAAO,QAAA;aACZ;yBACoB,CAArB,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA;;;MAGfA,KAAAA,OAAO,QAAA;aACZ;yBACoB,CAArB,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA;;;;;QAK7B,YAqBuB,MAAA,YAAA,CAAA,CAAA,SArBvB,WAqBuB;KApBrB,OAAM;KACL,IAAI,MAAA,0BAAA;KACL,OAAM;KACL,YAAY;OACLC,KAAAA,MAAM,GAAA;4BAOP;MAJP,WAIO,KAAA,QAAA,YAAA,EAHG,MAAK,SAGR,CADL,YAAsB,0BAAA,CAAA,CAAA;MAExB,WAEmB,KAAA,QAAA,WAAA,EADT,MAAK,CAAA;MAEf,WAIO,KAAA,QAAA,YAAA,EAHG,MAAK,SAGR,CADL,YAAuB,2BAAA,CAAA,CAAA"}

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

@@ -9,7 +9,7 @@ var _hoisted_2 = {
 	class: "ml-1 truncate text-sm font-medium"
 };
 var _hoisted_3 = { class: "sr-only" };
-var ScalarMenuButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMenuButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ScalarMenuButton",
 	props: { open: { type: Boolean } },
 	setup(__props) {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarMenuButton.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu Button component\n \n The trigger button for the ScalarMenu dropdown.\n * Displays a logo icon and a caret indicator.\n \n @example\n * <ScalarMenuButton :open=\"false\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n\nimport { ScalarHeaderButton } from '../ScalarHeader'\nimport { ScalarIcon } from '../ScalarIcon'\nimport type { ScalarMenuButtonProps, ScalarMenuButtonSlots } from './types'\n\ndefineProps<ScalarMenuButtonProps>()\n\ndefineSlots<ScalarMenuButtonSlots>()\n</script>\n<template>\n <ScalarHeaderButton\n class=\"gap-0.75 px-2 py-1.5 text-c-header-1 hover:bg-b-header-2\">\n <div class=\"h-5 w-auto\">\n <slot name=\"logo\">\n <ScalarIcon icon=\"Logo\" />\n </slot>\n </div>\n <span\n v-if=\"$slots.title\"\n class=\"ml-1 truncate text-sm font-medium\">\n <slot name=\"title\" />\n </span>\n <span class=\"sr-only\">\n <slot name=\"label\">{{ open ? 'Close Menu' : 'Open Menu' }}</slot>\n </span>\n <ScalarIconCaretDown\n class=\"shrink-0 text-c-header-2 group-hover/button:text-c-header-1 size-3.5\"\n :class=\"open ? 'rotate-180' : ''\"\n weight=\"bold\" />\n </ScalarHeaderButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;uBAyBE,YAmBqB,MAAA,~~2BAAA~~,~~EAAA~~,EAlBnB,OAAM,~~4DAA0D~~,~~EAAA~~;2BAK1D;KAJN,mBAIM,OAJN,YAIM,CAHJ,WAEO,KAAA,QAAA,QAAA,~~EAAA~~,~~QAAA~~,CADL,YAA0B,MAAA,~~mBAAA~~,~~EAAA~~,EAAd,MAAK,~~QAAM~~,CAAA,CAAA,CAAA,CAAA,CAAA;KAInBA,KAAAA,OAAO,SAAA,~~WAAA~~,~~EADf~~,mBAIO,QAJP,YAIO,CADL,WAAqB,KAAA,QAAA,~~QAAA~~,CAAA,CAAA,~~IAAA~~,mBAAA,IAAA,~~KAAA~~;KAEvB,mBAEO,QAFP,YAEO,CADL,WAAiE,KAAA,QAAA,SAAA,~~EAAA~~,~~QAAA~~,CAAA,gBAAA,gBAA3C,QAAA,OAAI,eAAA,~~YAAA~~,~~EAAA~~,~~EAAA~~,CAAA,CAAA,CAAA,CAAA;KAE5B,YAGkB,MAAA,~~oBAAA~~,~~EAAA~~;MAFhB,OAAK,eAAA,CAAC,wEACE,QAAA,OAAI,eAAA,~~GAAA~~,CAAA;MACZ,QAAO"}
1	+ {"version":3,"file":"ScalarMenuButton.vue.script.js","names":["$slots"],"sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"sourcesContent":["<script lang=\"ts\">\n/*\n Scalar Menu Button component\n \n The trigger button for the ScalarMenu dropdown.\n * Displays a logo icon and a caret indicator.\n \n @example\n * <ScalarMenuButton :open=\"false\" />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { ScalarIconCaretDown } from '@scalar/icons'\n\nimport { ScalarHeaderButton } from '../ScalarHeader'\nimport { ScalarIcon } from '../ScalarIcon'\nimport type { ScalarMenuButtonProps, ScalarMenuButtonSlots } from './types'\n\ndefineProps<ScalarMenuButtonProps>()\n\ndefineSlots<ScalarMenuButtonSlots>()\n</script>\n<template>\n <ScalarHeaderButton\n class=\"gap-0.75 px-2 py-1.5 text-c-header-1 hover:bg-b-header-2\">\n <div class=\"h-5 w-auto\">\n <slot name=\"logo\">\n <ScalarIcon icon=\"Logo\" />\n </slot>\n </div>\n <span\n v-if=\"$slots.title\"\n class=\"ml-1 truncate text-sm font-medium\">\n <slot name=\"title\" />\n </span>\n <span class=\"sr-only\">\n <slot name=\"label\">{{ open ? 'Close Menu' : 'Open Menu' }}</slot>\n </span>\n <ScalarIconCaretDown\n class=\"shrink-0 text-c-header-2 group-hover/button:text-c-header-1 size-3.5\"\n :class=\"open ? 'rotate-180' : ''\"\n weight=\"bold\" />\n </ScalarHeaderButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;uBAyBE,YAmBqB,MAAA,0BAAA,GAAA,EAlBnB,OAAM,2DAA0D,GAAA;2BAK1D;KAJN,mBAIM,OAJN,YAIM,CAHJ,WAEO,KAAA,QAAA,QAAA,CAAA,SAAA,CADL,YAA0B,MAAA,kBAAA,GAAA,EAAd,MAAK,OAAM,CAAA,CAAA,CAAA,CAAA,CAAA;KAInBA,KAAAA,OAAO,SAAA,UAAA,GADf,mBAIO,QAJP,YAIO,CADL,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;KAEvB,mBAEO,QAFP,YAEO,CADL,WAAiE,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBAA3C,QAAA,OAAI,eAAA,WAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;KAE5B,YAGkB,MAAA,mBAAA,GAAA;MAFhB,OAAK,eAAA,CAAC,wEACE,QAAA,OAAI,eAAA,EAAA,CAAA;MACZ,QAAO"}

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

@@ -8,7 +8,7 @@ var _hoisted_1 = {
 	key: 1,
 	class: "size-3"
 };
-var ScalarMenuLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMenuLink_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarMenuLink",
 	props: {

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

	@@ -1 +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 = '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"}
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 = '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,UAAU;;uBAIvB,YAqBuB,MAAA,4BAAA,GArBvB,WACU,MAoBa,EAAA,CApBX,CAAA,mBAAA,GAAA;IACT,IAAI,QAAA,UAAU,MAAA,YAAA,CAAY,CAAC,aAAa,MAAA,YAAA,CAAY,CAAC;IACrD,IAAI,QAAA;;2BASqC,CAPlC,QAAA,QAAA,UAAA,GADR,YAQ0C,MAAA,+BAAA,GAAA;;KANvC,OAAK,eAAA,CAAY,QAAA,SAAM,aAAA,YAAA,OAA2C,QAAA,SAAI,WAAA,WAAA,iBAAA,CAAA;KAItE,MAAM,QAAA;KACN,WAAW,QAAA,SAAM,QAAA;KACjB,QAAQ,QAAA,SAAM,SAAA;;;;;;wBACjB,mBAEmB,OAFnB,UAEmB,IACnB,mBAIM,OAAA,EAHJ,OAAK,eAAA,CAAC,6CACE,QAAA,SAAM,gBAAA,aAAA,CAAA,EAAA,GAAA,CACd,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

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

@@ -1,7 +1,7 @@
 import ScalarMenuLink_default from "./ScalarMenuLink.vue.js";
 import { cva, useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
-var ScalarMenuProduct_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMenuProduct_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarMenuProduct",
 	props: {

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ScalarMenuProducts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"names":[],"mappings":"AAsFA;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;eAKL,OAAO;YACV,MAAM,6CAAU,MAAM,CAAC;;;;;eADpB,OAAO;YACV,MAAM,6CAAU,MAAM,CAAC;;;~~kFA6J7B~~,CAAC"}
1	+ {"version":3,"file":"ScalarMenuProducts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuProducts.vue"],"names":[],"mappings":"AAsFA;;;;;;;;GAQG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAGzC,QAAA,MAAM,YAAY;;eAKL,OAAO;YACV,MAAM,6CAAU,MAAM,CAAC;;;;;eADpB,OAAO;YACV,MAAM,6CAAU,MAAM,CAAC;;;kFAiK7B,CAAC"}

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

@@ -2,7 +2,7 @@ import ScalarMenuProduct_default from "./ScalarMenuProduct.vue.js";
 import { useBindCx } from "@scalar/use-hooks/useBindCx";
 import { createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, unref, withCtx } from "vue";
 import { ScalarIconArrowUpRight, ScalarIconBook, ScalarIconHouse, ScalarIconNotepad } from "@scalar/icons";
-var ScalarMenuProducts_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ScalarMenuProducts_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "ScalarMenuProducts",
 	props: {