{"version":3,"file":"use-menu-css-var.mjs","sources":["../../../../../../packages/components/menu/src/use-menu-css-var.ts"],"sourcesContent":["import { computed } from 'vue'\nimport { useNamespace } from '@bigin/hooks'\nimport useMenuColor from './use-menu-color'\n\nimport type { MenuProps } from './menu'\n\nexport const useMenuCssVar = (props: MenuProps, level: number) => {\n  const ns = useNamespace('menu')\n  return computed(() => {\n    return ns.cssVarBlock({\n      'text-color': props.textColor || '',\n      'hover-text-color': props.textColor || '',\n      'bg-color': props.backgroundColor || '',\n      'hover-bg-color': useMenuColor(props).value || '',\n      'active-color': props.activeTextColor || '',\n      level: `${level}`,\n      width: props.width || '',\n    })\n  })\n}\n"],"names":[],"mappings":";;;;;AAMa,MAAA,aAAA,GAAgB,CAAC,KAAA,EAAkB,KAAkB,KAAA;AAChE,EAAM,MAAA,EAAA,GAAK,aAAa,MAAM,CAAA,CAAA;AAC9B,EAAA,OAAO,SAAS,MAAM;AACpB,IAAA,OAAO,GAAG,WAAY,CAAA;AAAA,MACpB,YAAA,EAAc,MAAM,SAAa,IAAA,EAAA;AAAA,MACjC,kBAAA,EAAoB,MAAM,SAAa,IAAA,EAAA;AAAA,MACvC,UAAA,EAAY,MAAM,eAAmB,IAAA,EAAA;AAAA,MACrC,gBAAkB,EAAA,YAAA,CAAa,KAAK,CAAA,CAAE,KAAS,IAAA,EAAA;AAAA,MAC/C,cAAA,EAAgB,MAAM,eAAmB,IAAA,EAAA;AAAA,MACzC,OAAO,CAAG,EAAA,KAAA,CAAA,CAAA;AAAA,MACV,KAAA,EAAO,MAAM,KAAS,IAAA,EAAA;AAAA,KACvB,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AACH;;;;"}